@charset "UTF-8";

/*! normalize.css v1.1.2 | MIT License | git.io/normalize */

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

audio,
canvas,
video {
  display: inline-block
}

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

[hidden] {
  display: none
}

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

button,
html,
input,
select,
textarea {
  font-family: sans-serif
}

body {
  margin: 0
}

a:focus {
  outline: 0
}

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

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

h2 {
  font-size: 1.5em;
  margin: .83em 0
}

h3 {
  font-size: 1.17em;
  margin: 1em 0
}

h4 {
  font-size: 1em;
  margin: 1.33em 0
}

h5 {
  font-size: .83em;
  margin: 1.67em 0
}

h6 {
  font-size: .67em;
  margin: 2.33em 0
}

abbr[title] {
  border-bottom: none
}

b,
strong {
  font-weight: 700
}

blockquote {
  margin: 1em 40px
}

dfn {
  font-style: italic
}

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

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

p,
pre {
  margin: 1em 0
}

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

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word
}

q {
  quotes: none
}

q:after,
q:before {
  content: '';
  content: none
}

small {
  font-size: 80%
}

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

sup {
  top: -.5em
}

sub {
  bottom: -.25em
}

dl,
menu,
ol,
ul {
  margin: 1em 0
}

dd {
  margin: 0 0 0 40px
}

menu,
ol,
ul {
  padding: 0 0 0 40px
}

nav ol,
nav ul {
  list-style: none;
  list-style-image: none
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic
}

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

figure {
  margin: 0
}

form {
  margin: 0
}

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

legend {
  border: 0;
  padding: 0;
  white-space: normal
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline
}

button,
input {
  line-height: normal
}

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
}

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

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

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

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

textarea {
  overflow: auto;
  vertical-align: top
}

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

@keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

#colorbox #cboxWrapper {
  background: 0 0
}

#colorbox #cboxContent {
  padding-top: 60px
}

#colorbox #cboxLoadedContent {
  background-color: #fff
}

#colorbox #cboxClose {
  position: absolute;
  top: 0;
  right: initial;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  border-radius: 100%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns=http://www.w3.org/2000/svg width=12px height=12px fill=%23292929 viewBox=0 0 32 32%3E%3Cpath d=M31.709 29.382c0.582 0.582 0.582 1.455 0 2.036-0.291 0.582-0.873 0.582-1.164 0.582s-0.873 0-1.164-0.291l-13.382-13.673-13.382 13.382c-0.291 0.582-0.873 0.582-1.164 0.582s-0.873 0-1.164-0.291c-0.582-0.582-0.582-1.455 0-2.036l13.382-13.382-13.382-13.673c-0.291-0.582-0.291-1.745 0-2.327s1.455-0.582 2.036 0l13.382 13.382 13.382-13.382c0.582-0.582 1.455-0.582 2.036 0s0.582 1.455 0 2.036l-13.091 13.673 13.673 13.382z%3E%3C/path%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  color: #fff;
  font-size: 0;
  border: none;
  transition: background .3s linear;
  z-index: 2000
}

#colorbox.colorbox.dialog-quick-view {
  max-height: 100%;
  overflow: hidden!important
}

#colorbox.colorbox-transparent #cboxLoadedContent {
  background-color: transparent
}

@media screen and (max-width:767px) {
  #colorbox {
    z-index: 2001
  }
  #colorbox #cboxContent {
    padding-top: 0
  }
  #colorbox #cboxClose {
    top: 20px
  }
  #cboxOverlay {
    z-index: 2000
  }
}

.breadcrumb-nav {
  margin-top: 20px;
  overflow: auto;
  font-size: 0;
  text-align: center;
  text-transform: none
}

.breadcrumb-nav .breadcrumb-item {
  text-decoration: none;
  color: #454545
}

.breadcrumb-nav .breadcrumb-item::after {
  content: " >";
  display: inline-block;
  vertical-align: top;
  margin: 0 4px
}

.breadcrumb-nav .breadcrumb-item:last-child {
  text-decoration: underline
}

.breadcrumb-nav .breadcrumb-item:last-child::after {
  display: none
}

.breadcrumb-nav .breadcrumb-item:hover {
  text-decoration: underline
}

.breadcrumb-nav::after {
  content: "";
  display: block;
  width: 90px;
  height: 0;
  margin: 15px auto 20px;
  border-bottom: 1px solid #e5e5e5
}

iframe body {
  min-width: initial
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

html {
  font-size: 10px
}

button,
html,
input,
select,
textarea {
  border-radius: 0
}

input[type=password] {
  font-family: LacosteSansLight;
  text-transform: none
}

@media screen and (max-width:767px) {
  .mobile-flex-container-column {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column
  }
  .mobile-flex-container-column>.flex-item {
    -webkit-flex: auto;
    flex: auto
  }
}

.icon-svg {
  width: 1em;
  height: 1em
}

.newsletter-container {
  width: 920px;
  margin: auto;
  padding: 80px 40px
}

@media screen and (min-width:320px) and (max-width:767px) {
  .newsletter-container {
    width: 100%;
    padding: 40px
  }
}

.newsletter-container .form {
  background-color: #f8f8f8;
  padding: 20px 40px;
  margin-top: 20px
}

.newsletter-container h2 {
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem
}

.newsletter-container p {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  color: #606060;
  text-transform: none
}

.newsletter-container a {
  text-transform: uppercase;
  color: #292929;
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem
}

.newsletter-container .title-15 {
  margin: 0;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  margin: 10px 0 20px 0;
  color: #606060;
  text-transform: uppercase
}

.newsletter-container .subtitle-15 {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  text-transform: none;
  margin: 0 0 10px 0
}

.newsletter-container .form-newsletter-check .form-item-half {
  width: auto!important
}

.newsletter-container .form .form-item {
  padding: 0
}

#atg_call .newsletter-container .form .form-item a,
#atg_chat .newsletter-container .form .form-item a,
.newsletter-container .form .form-item #atg_call a,
.newsletter-container .form .form-item #atg_chat a,
.newsletter-container .form .form-item .btn.btn-secondary,
.newsletter-container .form .form-item .faqchat {
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  padding: 16px 44px;
  width: auto;
  border: 3px solid #ececec;
  min-width: none!important
}

#atg_call .newsletter-container .form .form-item a:hover,
#atg_chat .newsletter-container .form .form-item a:hover,
.newsletter-container .form .form-item #atg_call a:hover,
.newsletter-container .form .form-item #atg_chat a:hover,
.newsletter-container .form .form-item .btn.btn-secondary:hover,
.newsletter-container .form .form-item .faqchat:hover {
  background-color: #105a33;
  border: 3px solid #105a33
}

.newsletter-container .form .form-item .lower {
  font-size: 1.3rem;
  font-family: LacosteSansLight
}

.newsletter-container .form .form-item label {
  font-size: 1.3rem;
  font-family: LacosteSansCondensedBold;
  text-transform: uppercase;
  color: #292929;
  margin: 0 10px 0 0
}

.newsletter-container .form .form-item input[type=email],
.newsletter-container .form .form-item input[type=text] {
  width: 95%!important
}

.page-title.newslettersub {
  font-family: LacosteSansCondensedBold;
  font-size: 1.8rem!important
}

#squaresWaveG {
  position: fixed;
  width: 122px;
  height: 16px;
  left: 50%;
  margin-left: -61px;
  top: 50%;
  margin-top: -8px
}

.squaresWaveG {
  position: absolute;
  top: 0;
  background-color: #285f41;
  width: 16px;
  height: 16px;
  -moz-animation-name: bounce_squaresWaveG;
  -moz-animation-duration: .8s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: linear;
  -webkit-animation-name: bounce_squaresWaveG;
  -webkit-animation-duration: .8s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: linear;
  -ms-animation-name: bounce_squaresWaveG;
  -ms-animation-duration: .8s;
  -ms-animation-iteration-count: infinite;
  -ms-animation-direction: linear;
  -o-animation-name: bounce_squaresWaveG;
  -o-animation-duration: .8s;
  -o-animation-iteration-count: infinite;
  -o-animation-direction: linear;
  animation-name: bounce_squaresWaveG;
  animation-duration: .8s;
  animation-iteration-count: infinite;
  animation-direction: linear
}

#squaresWaveG_1 {
  left: 0;
  -moz-animation-delay: .92s;
  -webkit-animation-delay: .92s;
  -ms-animation-delay: .92s;
  -o-animation-delay: .92s;
  animation-delay: .92s
}

#squaresWaveG_2 {
  left: 17px;
  -moz-animation-delay: .8s;
  -webkit-animation-delay: .8s;
  -ms-animation-delay: .8s;
  -o-animation-delay: .8s;
  animation-delay: .8s
}

#squaresWaveG_3 {
  left: 34px;
  -moz-animation-delay: .68s;
  -webkit-animation-delay: .68s;
  -ms-animation-delay: .68s;
  -o-animation-delay: .68s;
  animation-delay: .68s
}

#squaresWaveG_4 {
  left: 51px;
  -moz-animation-delay: .56s;
  -webkit-animation-delay: .56s;
  -ms-animation-delay: .56s;
  -o-animation-delay: .56s;
  animation-delay: .56s
}

#squaresWaveG_5 {
  left: 68px;
  -moz-animation-delay: .44s;
  -webkit-animation-delay: .44s;
  -ms-animation-delay: .44s;
  -o-animation-delay: .44s;
  animation-delay: .44s
}

#squaresWaveG_6 {
  left: 85px;
  -moz-animation-delay: .32s;
  -webkit-animation-delay: .32s;
  -ms-animation-delay: .32s;
  -o-animation-delay: .32s;
  animation-delay: .32s
}

#squaresWaveG_7 {
  left: 102px;
  -moz-animation-delay: .2s;
  -webkit-animation-delay: .2s;
  -ms-animation-delay: .2s;
  -o-animation-delay: .2s;
  animation-delay: .2s
}

#squaresWaveG_8 {
  left: 119px;
  -moz-animation-delay: 80ms;
  -webkit-animation-delay: 80ms;
  -ms-animation-delay: 80ms;
  -o-animation-delay: 80ms;
  animation-delay: 80ms
}

@-moz-keyframes bounce_squaresWaveG {
  0% {
    background-color: #285f41
  }
  100% {
    background-color: #fff
  }
}

@-webkit-keyframes bounce_squaresWaveG {
  0% {
    background-color: #285f41
  }
  100% {
    background-color: #fff
  }
}

@-ms-keyframes bounce_squaresWaveG {
  0% {
    background-color: #285f41
  }
  100% {
    background-color: #fff
  }
}

@-o-keyframes bounce_squaresWaveG {
  0% {
    background-color: #285f41
  }
  100% {
    background-color: #fff
  }
}

@keyframes bounce_squaresWaveG {
  0% {
    background-color: #285f41
  }
  100% {
    background-color: #fff
  }
}

.flag-block {
  height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  letter-spacing: 1px;
  text-align: left
}

@media screen and (max-width:767px) {
  .flag-block {
    height: 18px
  }
}

.flag-block .flag-space {
  float: left;
  position: relative;
  width: 100%
}

.flag-block .flag-space span.look-flag {
  background-color: #292929;
  color: #fff;
  text-transform: uppercase;
  font-family: LacosteSansCondensedLight;
  font-size: 1.1rem;
  letter-spacing: 1px;
  line-height: 1.5;
  display: inline-block;
  width: auto;
  padding: 2px 5px 0 5px;
  max-width: 120px
}

@media screen and (max-width:767px) {
  .flag-block .flag-space span.look-flag {
    height: 18px;
    font-size: 1rem;
    padding: 1px 5px 0 5px
  }
}

.flag-block .flag-picture {
  position: absolute;
  float: right;
  width: 100%
}

.flag-block .flag-picture img {
  height: 20px;
  width: auto;
  float: right
}

@media screen and (max-width:767px) {
  .flag-block .flag-picture img {
    height: 18px
  }
}

.flag-block .flag-sale {
  position: relative;
  width: 100%;
  height: 20px;
  display: flex
}

@media screen and (max-width:767px) {
  .flag-block .flag-sale {
    height: 18px
  }
}

.flag-block .flag-sale .sales {
  font-size: 1.1rem;
  font-family: LacosteSansCondensedLight;
  padding: 2px 5px 0 5px
}

@media screen and (max-width:767px) {
  .flag-block .flag-sale .sales {
    font-size: 1rem;
    padding: 1px 5px 0 5px;
    line-height: 1rem
  }
}

.product-images .sales {
  background: #cd1c14;
  color: #fff;
  font-size: 1.2rem;
  font-family: LacosteSansCondensedLight;
  padding: 2px 5px 0 5px;
  position: absolute;
  left: 0;
  z-index: 1
}

@media screen and (max-width:767px) {
  .product-images .sales {
    font-size: 1rem;
    padding: 1px 5px 0 5px;
    line-height: 1rem
  }
}

.new-product {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  font-size: 1.1rem;
  color: #fff;
  text-transform: uppercase;
  text-align: center;
  font-size: 1.1rem;
  z-index: 99;
  height: 18px;
  padding: 0 5px;
  line-height: 1.7rem;
  white-space: nowrap;
  font-family: LacosteSansCondensedLight
}

body {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.4;
  min-width: 320px;
  animation: show 1s;
  -webkit-animation: show 1s;
  -moz-animation: show 1s;
  overflow-x: hidden
}

body .wrapper-all {
  opacity: 1;
  visibility: visible;
  background: #fff;
  position: relative;
  overflow: hidden;
  z-index: 1100;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s
}

body .wrapper-all:after {
  content: "";
  display: block;
  clear: both
}

body #squaresWaveG {
  display: none
}

.page-container {
  width: 920px;
  margin: auto
}

body.popin-display {
  overflow: hidden
}

::-moz-selection {
  background: #0A0A0A;
  text-shadow: none;
  color: #fff
}

.mag-rich-menu .column-half img {
  float: left
}

::selection {
  background: #0A0A0A;
  text-shadow: none;
  color: #fff
}

::-webkit-selection {
  background: #0A0A0A;
  text-shadow: none;
  color: #fff
}

a {
  cursor: pointer
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0
}

img {
  vertical-align: middle
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0
}

textarea {
  resize: vertical
}

.chromeframe {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 400;
  font-family: LacosteSansBold
}

.page-wrapper {
  width: 100%;
  overflow: hidden;
  border-bottom: 1px solid #e3e3e3
}

.main-container {
  max-width: 100%
}

.payerauth {
  text-align: center;
  padding: 5% 0 0 0
}

.row {
  z-index: 1;
  position: relative
}

.row.fixed {
  position: fixed;
  right: 0;
  z-index: 99;
  background-color: #fff
}

span[data-picture],
span[data-src] {
  display: block
}

input {
  cursor: pointer
}

select {
  padding: 5px 11px;
  border: 1px solid #ededed;
  cursor: pointer;
  background: #fff
}

.ui-select {
  margin-top: .5em;
  margin-bottom: .5em;
  position: relative
}

.ui-select select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 1.5em;
  min-height: 100%;
  height: 3em;
  max-height: 100%;
  outline: 0;
  -webkit-border-radius: inherit;
  border-radius: inherit;
  cursor: pointer;
  filter: Alpha(Opacity=0);
  opacity: 0;
  z-index: 2
}

.ui-select div.custom-label {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden!important;
  white-space: nowrap;
  font: 1.5rem/1.8rem LacosteSansCondensedBold;
  padding: 17px 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: block;
  transition: .5s;
  -webkit-transition: .5s
}

@media screen and (max-width:767px) {
  .ui-select div.custom-label {
    padding: 22px 0
  }
}

.ui-select div.custom-label:after {
  content: "";
  display: inline-block;
  margin: -6px 0 0 20px;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -416px -526px;
  width: 7px;
  height: 4px;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -khtml-transform: rotate(180deg);
  vertical-align: middle
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .ui-select div.custom-label:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -140.5px -411px;
    background-size: 457px 446px
  }
}

label input[type=checkbox],
label input[type=radio] {
  margin-right: 5px;
  position: relative;
  top: 2px
}

.check-inline-outside a,
.check-inline-outside label {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-top: 11px;
  line-height: 1.5;
  color: #797979
}

.check-inline-outside a strong,
.check-inline-outside label strong {
  color: #454545
}

.check-inline-outside a input,
.check-inline-outside label input {
  position: absolute;
  left: 0;
  top: 3px
}

.divide:before {
  display: block;
  content: "";
  margin: 30px 0 29px;
  height: 1px;
  border-top: 1px solid #e3e3e3
}

.block {
  display: block
}

.lower {
  text-transform: none;
  font-family: LacosteSansLight
}

.brand-color {
  color: #0A0A0A
}

.underline {
  border-bottom: 1px solid #454545
}

strong {
  font-family: LacosteSansBold;
  font-weight: 400
}

.page-title {
  font-size: 4rem;
  margin-top: 0
}

.block-link {
  font-size: 1.2rem;
  font-family: LacosteSansBold;
  color: #454545;
  text-decoration: none;
  line-height: 1;
  display: block
}

.pre-title {
  font-size: 1.2rem;
  font-family: LacosteSansLight;
  line-height: 1;
  margin: 0
}

.column-quarter {
  width: 50%
}

.block-title {
  line-height: 1;
  margin: 8px 0 20px;
  font-size: 1.5rem;
  font-family: LacosteSansBold;
  color: #292929
}

.block-title:first-child {
  margin-top: 0
}

.block-title span {
  font-family: LacosteSans
}

.title-15 {
  font-size: 1.5rem;
  font-family: LacosteSansBold;
  color: #292929
}

.block-description,
.block-description-black {
  color: #454545;
  font-size: 1.2rem;
  font-family: LacosteSansLight;
  line-height: 1.6
}

.block-description-black {
  color: #454545
}

#atg_call a,
#atg_chat a,
.btn,
.btnCustom,
.faqchat {
  background: #0A0A0A;
  border: 1px solid #0A0A0A;
  font-family: LacosteSansBold;
  color: #fff;
  font-size: 1.2rem;
  padding: 10px 40px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

@media screen and (min-width:1025px) {
  #atg_call a:hover,
  #atg_chat a:hover,
  .btn:hover,
  .btnCustom:hover,
  .faqchat:hover {
    background: #454545;
    border-color: #454545;
    color: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none
  }
}

#atg_call a,
#atg_chat a,
a.btn,
a.btnCustom,
a.faqchat {
  display: inline-block
}

.btn-full {
  width: 100%;
  padding: 10px;
  text-align: center
}

#atg_call a,
#atg_chat a,
.btn-secondary,
.faqchat {
  color: #292929;
  border: 1px solid #292929;
  background: 0 0
}

#atg_call a:hover,
#atg_chat a:hover,
.btn-secondary:hover,
.faqchat:hover {
  background: #0A0A0A;
  border-color: #0A0A0A;
  color: #fff
}

.btn-light {
  background: #f4f4f4;
  border: 1px solid #e5e5e5;
  color: #292929
}

.btn-secondary-light {
  color: #292929;
  border: 1px solid #ededed;
  background: #fff
}

.btn-black {
  background: #232325;
  border: 1px solid #fafafa
}

.btn-paypal {
  background: #f5f5f5!important;
  white-space: nowrap;
  border-color: #ededed!important;
  color: #454545!important
}

.btn-paypal span {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -120px -234px;
  width: 65px;
  height: 18px;
  display: inline-block;
  text-indent: -9999px;
  margin-top: 2px;
  margin-left: 3px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .btn-paypal span {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -160px -204px;
    background-size: 457px 446px
  }
}

.btn-paypal:hover {
  border-color: #454545!important
}

.pin-it {
  position: absolute;
  bottom: 0;
  margin: 20px;
  right: 0
}

.btn-back {
  text-decoration: none;
  font-family: LacosteSansBold;
  color: #292929
}

.btn-back:before {
  display: inline-block;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -183px -564px;
  width: 4px;
  height: 7px;
  content: "";
  margin-right: 10px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .btn-back:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -112.5px -411px;
    background-size: 457px 446px
  }
}

.btn-gray {
  background: #454545;
  color: #fff
}

#atg_call a[disabled],
#atg_chat a[disabled],
.btn-disabled,
.btn[disabled],
.faqchat[disabled] {
  background: #f5f5f5;
  color: #797979;
  border-color: #f5f5f5
}

.btn-white {
  background-color: #fff;
  color: #292929
}

.btn-transparent {
  border: 1px solid #fff;
  background-color: transparent;
  color: #fff
}

.btn-new {
  border-radius: 5px;
  font: 1.5rem/1.8rem LacosteSansCondensedBold;
  padding: 15px 40px
}

@media screen and (max-width:767px) {
  .btn-new {
    padding: 10px 40px
  }
}

@media screen and (max-width:360px) {
  .btn-new {
    padding: 10px 20px
  }
}

.lacoste-btn,
.lacoste-btn-black,
.lacoste-btn-secondary,
.lacoste-btn-secondary-white,
.lacoste-btn-white {
  display: inline-block;
  padding: 12px 21px;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  font: 1.5rem/1.8rem LacosteSansCondensedBold;
  background: #292929;
  color: #fff;
  cursor: pointer;
  transition: all ease .3s
}

.lacoste-btn-black:hover,
.lacoste-btn-secondary-white:hover,
.lacoste-btn-secondary:hover,
.lacoste-btn-white:hover,
.lacoste-btn:hover {
  text-decoration: none
}

.lacoste-btn-white {
  background: #fff;
  color: #292929;
  border: 1px solid #c6c6c6
}

.lacoste-btn-secondary,
.lacoste-btn-secondary-white {
  background: 0 0;
  color: #292929;
  border: 1px solid #c6c6c6
}

.lacoste-btn-secondary-white {
  color: #fff
}

@media screen and (min-width:1280px) {
  .lacoste-btn-black:hover,
  .lacoste-btn-secondary-white:hover,
  .lacoste-btn:hover {
    background: #fff;
    color: #292929
  }
  .lacoste-btn-white:hover {
    background: #292929;
    color: #fff;
    border-color: #292929
  }
  .lacoste-btn-secondary:hover {
    background: #fff
  }
}

.title-with-arrow {
  font-size: 2rem;
  border-bottom: 15px solid #f5f5f5;
  font-family: LacosteSansCondensedBold!important;
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 7px;
  margin-top: 50px;
  margin-bottom: 0
}

.title-with-arrow:after {
  border-color: #f5f5f5 transparent transparent transparent;
  right: auto;
  top: auto;
  left: 50%;
  margin: 0 0 0 -15px;
  bottom: -30px;
  border-width: 15px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20;
  bottom: -45px;
  margin-left: -15px
}

.title-with-dash {
  font-size: 2.5rem;
  font-family: LacosteSansCondensedBold!important;
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 15px;
  margin-top: 50px;
  margin-bottom: 0
}

.title-with-dash:after {
  content: "";
  display: block;
  position: absolute;
  width: 60px;
  height: 1px;
  line-height: 0;
  background: #000;
  bottom: 0;
  left: 50%;
  margin-left: -30px
}

.title-without-arrow {
  font-size: 1.5rem;
  border-bottom: 15px solid #ededed;
  position: relative;
  text-align: center;
  vertical-align: middle;
  padding-bottom: 7px;
  margin-top: 50px;
  margin-bottom: 0
}

.padding {
  padding: 30px 30px 0
}

.split .column-half {
  margin-right: -1px;
  border-left: 1px solid #ededed
}

.split .column-half:first-child {
  margin-right: 0;
  border-left: 0
}

.char-count {
  display: none;
  font-style: italic
}

.ui-corner-all {
  border-radius: 0
}

.arrow-top {
  position: relative
}

.arrow-top:after {
  border-color: transparent transparent #fff transparent;
  right: auto;
  bottom: auto;
  left: 50%;
  margin: 0 0 0 -15px;
  top: -30px;
  border-width: 15px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20;
  top: -29px
}

.btn-address-check {
  float: right;
  margin: 0 0 40px
}

.check-address {
  float: left;
  width: 100%
}

.check-address p {
  width: 25%;
  float: left
}

.check-address input {
  float: left;
  margin: 15px 0
}

.check-address ul {
  width: 70%;
  float: left;
  list-style-type: none
}

#cboxOverlay,
.dialog-bg {
  background: #000;
  opacity: .8;
  position: fixed;
  z-index: 2000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.dialog-bg {
  display: none
}

.dialog-bg.active {
  display: block
}

.dialog-bg.checkout-address-popin .close-popin {
  display: none
}

.dialog-bg .close-popin {
  left: 1170px;
  top: 53px;
  position: fixed;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -305px -172px;
  width: 27px;
  height: 27px;
  z-index: 200
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .dialog-bg .close-popin {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -223px -144px;
    background-size: 457px 446px
  }
}

.dialog-bg .close-popin img {
  display: none
}

.dialog {
  display: none
}

.dialog-holder {
  float: left;
  background: #fff;
  max-width: 507px;
  z-index: 3000;
  position: relative;
  display: none
}

.dialog-holder.active {
  display: block
}

.dialog-holder .btn_close {
  margin: 0
}

.dialog-holder .content {
  padding-bottom: 30px
}

@media screen and (max-width:767px) {
  .dialog-holder .content {
    overflow-y: scroll;
    max-height: 100vh
  }
}

.dialog-holder .content-gray {
  background: #f5f5f5
}

.dialog-holder .content-gray:after {
  border-color: transparent transparent #f5f5f5 transparent;
  right: auto;
  bottom: auto;
  left: 50%;
  margin: 0 0 0 -15px;
  top: -30px;
  border-width: 15px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20
}

.dialog-holder .block-title {
  line-height: 1.1;
  margin-bottom: 20px
}

.dialog-holder .page-title {
  line-height: 1;
  font-size: 3.4rem
}

.colorbox ul {
  list-style: disc
}

.data-dialog-drop-menu {
  width: 890px;
  max-width: 890px;
  height: 100%;
  margin-left: 0;
  top: 40px;
  overflow: visible;
  border-left: 1px solid #e3e3e3
}

body.rich-menu-open {
  overflow: hidden
}

ul.dashes {
  padding: 0
}

ul.dashes li {
  list-style: none
}

ul.dashes li:before {
  content: "- "
}

.link-lower,
.link-lower:link,
.link-lower:visited {
  text-transform: none;
  text-decoration: underline;
  color: #757575
}

.ico {
  display: inline-block
}

.img-full {
  display: block;
  width: 100%
}

.column-2-image-text {
  display: table;
  width: 100%
}

.column-2-image-text .column-half,
.column-2-image-text .column-quarter,
.column-2-image-text .column-three-quarter {
  float: none;
  display: table-cell;
  vertical-align: middle;
  position: relative
}

.column-2-image-text .column-half img,
.column-2-image-text .column-quarter img,
.column-2-image-text .column-three-quarter img {
  width: 100%;
  display: block;
  height: auto
}

.column-2-image-text .column-half .block-title,
.column-2-image-text .column-quarter .block-title,
.column-2-image-text .column-three-quarter .block-title {
  margin-bottom: 20px
}

.column-2-image-text .column-half .block-title img,
.column-2-image-text .column-quarter .block-title img,
.column-2-image-text .column-three-quarter .block-title img {
  width: auto;
  height: auto;
  margin-bottom: -6px
}

.column-2-image-text .column-inner {
  max-width: 380px;
  padding: 50px;
  margin: 0 auto;
  color: #797979;
  line-height: 1.7
}

.column-2-image-text .column-inner-large {
  max-width: 704px;
  padding: 30px 112px
}

.column-2-image-text:last-child .column-picture {
  border: 0
}

.column-2-image-text .picture-date {
  float: right;
  margin: -58px 30px 0 0;
  position: relative;
  font-size: 3rem;
  color: #fff;
  font-family: LacosteSansBold
}

.quotation {
  padding: 64px 0;
  text-align: center;
  margin-bottom: 0
}

.quotation .quote {
  font-size: 2.5rem;
  font-family: LacosteSansBold;
  margin-bottom: 0;
  line-height: 1.15
}

.quotation .quote:after,
.quotation .quote:before {
  content: "\201C";
  display: block;
  font-size: 4rem;
  margin-bottom: -12px;
  margin-top: 8px
}

.quotation .quote:after {
  content: "\201D";
  margin-bottom: -17px
}

.quotation .quotation-author {
  color: #797979
}

.quotation.dark-bg {
  background: #1f1f1f;
  color: #fff
}

.quotation.quotation-spacious {
  padding: 85px 0
}

.quotation.quotation-spacious .quote {
  line-height: 1.5
}

.quotation.quotation-spacious .quote:before {
  margin-bottom: -23px
}

.quotation.quotation-spacious .quote:after {
  margin-top: -3px
}

.selected {
  text-decoration: underline;
  font-family: LacosteSansBold
}

.only-mobile {
  display: none
}

.only-desktop {
  display: none
}

.no-desktop {
  display: block
}

.border-top {
  border-top: 1px solid #ededed
}

.column-2-image-text .align-top {
  vertical-align: top
}

.breadcrumb {
  text-align: center;
  padding: 0;
  margin: 0;
  text-transform: initial;
  font-size: 1.2rem
}

.breadcrumb:before {
  width: 160px;
  height: 1px;
  display: block;
  margin: 0 auto 20px;
  content: ""
}

.breadcrumb a {
  color: #454545;
  text-decoration: none
}

.breadcrumb a:hover {
  text-decoration: underline
}

.breadcrumb li {
  display: inline
}

.breadcrumb li:after {
  content: "\003E"
}

.breadcrumb .breadcrumb-last:after {
  content: ""
}

.breadcrumb .breadcrumb-last a,
.breadcrumb .breadcrumb-last span {
  text-decoration: underline
}

.productbreadcrumb .breadcrumb {
  text-align: left;
  margin: 20px 0
}

.productbreadcrumb .breadcrumb:after {
  display: none
}

.productbreadcrumb .breadcrumb:before {
  display: none
}

.fixed-desktop {
  position: fixed;
  right: 1.5%;
  text-align: left;
  top: 8%;
  width: 20%
}

.subheader-thin {
  padding: 3px 30px 0;
  text-align: center;
  overflow: hidden
}

#colorbox+img[width="1"] {
  position: absolute;
  left: -9999px
}

.wai-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden
}

.skiplinks {
  list-style: none;
  margin: 0 0 0 260px;
  z-index: 200;
  position: relative
}

.skiplinks a {
  position: absolute;
  top: -10000px;
  left: -10000px;
  height: 1px;
  width: 1px;
  text-align: left;
  overflow: hidden
}

.skiplinks a:active,
.skiplinks a:focus,
.skiplinks a:hover {
  left: 0;
  top: 0;
  width: auto;
  height: auto;
  overflow: visible;
  border: solid 1px #000;
  padding: 10px
}

@media screen and (min-width:768px) {
  html {
    position: relative;
    min-height: 100%
  }
  .column-half {
    float: left;
    width: 50%
  }
  .column-quarter {
    width: 25%;
    float: left
  }
  .column-three-quarter {
    width: 75%;
    float: left
  }
  .pre-title {
    font-size: 1.1rem
  }
  .block-title {
    font-size: 1.6rem;
    margin-top: 10px
  }
  .arrow-top {
    position: relative
  }
  .arrow-top:after {
    border-color: transparent transparent #fff transparent;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    top: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .arrow-right {
    position: relative
  }
  .arrow-right:after {
    border-color: transparent transparent transparent #fff;
    left: auto;
    bottom: auto;
    top: 50%;
    margin: -15px 0 0 0;
    right: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20;
    left: 100%
  }
  .arrow-bottom {
    position: relative
  }
  .arrow-bottom:after {
    border-color: #fff transparent transparent transparent;
    right: auto;
    top: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    bottom: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .arrow-left {
    position: relative
  }
  .arrow-left:after {
    border-color: transparent #fff transparent transparent;
    right: auto;
    bottom: auto;
    top: 50%;
    margin: -15px 0 0 0;
    left: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .column-2-image-text .arrow-left:after,
  .column-2-image-text .arrow-right:after {
    display: none
  }
  .column-2-image-text .arrow-left .column-decorator-arrow,
  .column-2-image-text .arrow-left>.product,
  .column-2-image-text .arrow-left>[data-picture] {
    position: relative
  }
  .column-2-image-text .arrow-left .column-decorator-arrow:after,
  .column-2-image-text .arrow-left>.product:after,
  .column-2-image-text .arrow-left>[data-picture]:after {
    border-color: transparent #fff transparent transparent;
    right: auto;
    bottom: auto;
    top: 50%;
    margin: -15px 0 0 0;
    left: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .column-2-image-text .arrow-right .column-decorator-arrow,
  .column-2-image-text .arrow-right>.product,
  .column-2-image-text .arrow-right>[data-picture] {
    position: relative
  }
  .column-2-image-text .arrow-right .column-decorator-arrow:after,
  .column-2-image-text .arrow-right>.product:after,
  .column-2-image-text .arrow-right>[data-picture]:after {
    border-color: transparent transparent transparent #fff;
    left: auto;
    bottom: auto;
    top: 50%;
    margin: -15px 0 0 0;
    right: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .column-2-image-text .column-picture+.column-half+.column-picture img,
  .column-2-image-text .column-picture+.column-picture img {
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
  }
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .dialog-holder {
    float: left;
    background: #fff;
    max-width: 507px;
    z-index: 202;
    position: fixed;
    display: none
  }
  .dialog-holder.checkout-address-popin {
    z-index: 3000
  }
  .dialog-holder .btn_close {
    margin: 0
  }
  .dialog-holder .content {
    padding-bottom: 30px
  }
  .dialog-holder .content-gray {
    background: #f5f5f5
  }
  .dialog-holder .content-gray:after {
    border-color: transparent transparent #f5f5f5 transparent;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    top: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .dialog-holder .block-title {
    line-height: 1.1;
    margin-bottom: 20px
  }
  .dialog-holder .close-popin {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 200
  }
  .dialog-holder .page-title {
    line-height: 1;
    font-size: 3.4rem
  }
  .dialog-bg {
    z-index: 110;
    top: 53px;
    left: 0
  }
  .dialog-bg.checkout-address-popin {
    z-index: 2000
  }
  .dialog-bg .close-popin {
    left: 721px;
    top: 61px;
    position: fixed;
    background-image: url(../img/_sprites/sprite-ico.png);
    background-position: -305px -172px;
    width: 27px;
    height: 27px
  }
}

@media screen and (min-width:768px) and (max-width:1279px) and (-webkit-min-device-pixel-ratio:1.5),
screen and (min-width:768px) and (max-width:1279px) and (min--moz-device-pixel-ratio:1.5),
screen and (min-width:768px) and (max-width:1279px) and (-o-min-device-pixel-ratio:3 / 2),
screen and (min-width:768px) and (max-width:1279px) and (min-device-pixel-ratio:1.5),
screen and (min-width:768px) and (max-width:1279px) and (min-resolution:144dpi) {
  .dialog-bg .close-popin {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -223px -144px;
    background-size: 457px 446px
  }
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .dialog-bg .close-popin img {
    display: none
  }
  .dialog-holder .content {
    padding-bottom: 50px
  }
  .data-dialog-drop-menu {
    width: 442px;
    max-width: 442px;
    height: 100%;
    margin-left: 0;
    top: 53px;
    overflow: auto;
    z-index: 115
  }
  .block-description,
  .block-description-black,
  .block-link,
  .pre-title,
  body {
    font-size: 1rem
  }
  .column-half-tablet {
    width: 50%;
    float: left
  }
  .no-tablet {
    display: none
  }
  .column-2-image-text .column-inner {
    padding: 29px 20px
  }
  .quotation {
    padding: 40px 30px
  }
  .quotation.quotation-spacious {
    padding: 50px 30px
  }
  .quotation .quote {
    font-size: 1.8rem
  }
  .fixed-desktop {
    position: static;
    width: 100%
  }
  body .wrapper-all {
    margin-bottom: -30px
  }
  .pin-it {
    display: none
  }
}

@media screen and (max-width:1279px) {
  .wrapper-main {
    position: relative;
    overflow: hidden;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    transition: all .2s;
    left: 0;
    width: 100%
  }
  .menu-open .wrapper-main {
    left: 250px
  }
  .menu-open .wrapper-main .page-wrapper {
    min-width: 320px
  }
  .column-2-image-text .column-inner-large {
    padding: 30px 9%
  }
}

@media screen and (min-width:1280px) {
  .only-desktop {
    display: block
  }
  .no-desktop {
    display: none!important
  }
  .main-container {
    min-height: 100vh
  }
  .pre-title {
    font-size: 1.2rem
  }
  .block-title {
    font-size: 2.5rem;
    margin-top: 15px;
    margin-bottom: 32px
  }
  .title-with-arrow {
    font-size: 2.5rem;
    margin-bottom: 0
  }
  .padding,
  .ui-dialog .padding {
    padding: 50px
  }
  .dialog-holder .close-popin {
    position: absolute;
    right: 15px;
    top: 15px;
    z-index: 200
  }
}

@media screen and (min-width:1280px) {
  .dialog-holder .content {
    padding-bottom: 50px
  }
  .row:hover {
    z-index: 20
  }
}

@media screen and (max-width:767px) {
  .sales {
    font-size: .9rem;
    height: 16px;
    line-height: 1.5rem
  }
  .flag-space {
    height: 16px
  }
  span.look-flag {
    font-size: .9rem;
    height: 16px;
    line-height: 1.5rem
  }
  .new-product {
    font-size: .9rem;
    line-height: 1.5rem
  }
  body .wrapper-all {
    margin-bottom: -32px
  }
  #cboxOverlay {
    z-index: 2000
  }
  .data-dialog-drop-menu.active {
    display: none
  }
  input[type=password] {
    font-family: LacosteSansLight
  }
  .pin-it {
    display: none
  }
  .no-mobile,
  .no-mobile[data-picture] {
    display: none!important
  }
  .only-mobile {
    display: block!important
  }
  #atg_call .checkout>a,
  #atg_chat .checkout>a,
  .checkout>.btn,
  .checkout>.btnCustom,
  .checkout>.faqchat {
    width: 88%;
    margin: 6%
  }
  body .dialog-holder {
    max-width: 300px!important;
    overflow: hidden
  }
  body .dialog-holder img {
    max-width: 100%
  }
  body .dialog-holder .form {
    margin-left: -3.3%
  }
  body .dialog-holder .page-title {
    line-height: 1;
    font-size: 2rem
  }
  .arrow-top-mobile:after {
    border-color: transparent transparent #fff transparent;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    top: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .arrow-right-mobile:after {
    border-color: transparent transparent transparent #fff;
    left: auto;
    bottom: auto;
    top: 50%;
    margin: -15px 0 0 0;
    right: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .arrow-bottom-mobile:after {
    border-color: #fff transparent transparent transparent;
    right: auto;
    top: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    bottom: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .arrow-left-mobile:after {
    border-color: transparent #fff transparent transparent;
    right: auto;
    bottom: auto;
    top: 50%;
    margin: -15px 0 0 0;
    left: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .column-2-image-text.no-mobile {
    display: none
  }
  .column-2-image-text {
    display: block;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }
  .column-2-image-text .column-half,
  .column-2-image-text .column-quarter,
  .column-2-image-text .column-three-quarter {
    display: block;
    width: 100%;
    padding-bottom: 10px;
    display: table
  }
  .column-2-image-text .column-half.no-mobile,
  .column-2-image-text .column-quarter.no-mobile,
  .column-2-image-text .column-three-quarter.no-mobile {
    display: none
  }
  .column-2-image-text .column-half.column-picture,
  .column-2-image-text .column-quarter.column-picture,
  .column-2-image-text .column-three-quarter.column-picture {
    padding-bottom: 0
  }
  .column-2-image-text .column-inner {
    max-width: 100%;
    padding: 30px 30px 20px 30px!important
  }
  .column-2-image-text .column-mobile-text {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
  }
  .column-2-image-text .column-product {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2
  }
  .column-2-image-text .column-picture {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3
  }
  .column-2-image-text p:last-child {
    margin-bottom: 0
  }
  .column-2-image-text .column-half-mobile {
    width: 50%;
    display: table-cell
  }
  .fixed-desktop {
    position: static;
    width: 100%
  }
  .menu-open .wrapper-main {
    left: 85%
  }
  .menu-open .wrapper-main .overlay {
    top: 63px
  }
  .menu-open .main-container {
    margin-top: 63px
  }
  body .dialog-holder.checkout-address-popin .page-title {
    width: 200px
  }
  body .dialog-holder.checkout-address-popin .close-popin {
    right: 35px;
    position: absolute;
    top: 35px
  }
  body .dialog-holder .check-address {
    float: left;
    width: 100%
  }
  body .dialog-holder .check-address p {
    float: none;
    width: auto
  }
  body .dialog-holder .check-address input {
    float: left;
    margin: 15px 0
  }
  body .dialog-holder .check-address ul {
    margin: 0 0 20px;
    padding: 0 0 0 20px
  }
}

.overlay-loader {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 105;
  background-color: #fff;
  opacity: .8
}

.bg-puce,
.bg-puce-after:after {
  background-image: url(../img/lemag/puces.png);
  background-repeat: no-repeat;
  background-size: 211px
}

.sprite-loading {
  width: 54px;
  height: 54px;
  background-position: -157px 0;
  animation-name: rotate;
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  margin: 30px auto 80px auto
}

.fidelity .benefitsLink.active:before,
.fidelityLayout .benefitsLink.active:before {
  transform: rotate(90deg);
  transition: .5s
}

.fidelity span.success-msg,
.fidelityLayout span.success-msg {
  color: #285f41;
  font-weight: 700
}

.fidelity .iradio,
.fidelityLayout .iradio {
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  padding: 0;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -471px 0;
  width: 26px;
  height: 25px;
  border: none;
  cursor: pointer
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelity .iradio,
  .fidelityLayout .iradio {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -356px 0;
    background-size: 457px 446px
  }
}

.fidelity .iradio.checked,
.fidelity .iradio.hover,
.fidelityLayout .iradio.checked,
.fidelityLayout .iradio.hover {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -471px -45px;
  width: 26px;
  height: 25px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelity .iradio.checked,
  .fidelity .iradio.hover,
  .fidelityLayout .iradio.checked,
  .fidelityLayout .iradio.hover {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -356px -35px;
    background-size: 457px 446px
  }
}

.fidelity .thickbox-old,
.fidelityLayout .thickbox-old {
  display: block;
  margin: 0 auto;
  cursor: pointer;
  width: 25px
}

.fidelity .thickbox-old:before,
.fidelityLayout .thickbox-old:before {
  display: block;
  content: "";
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -471px 0;
  width: 26px;
  height: 25px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelity .thickbox-old:before,
  .fidelityLayout .thickbox-old:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -356px 0;
    background-size: 457px 446px
  }
}

.fidelity .thickbox-old:checked,
.fidelity .thickbox-old:hover,
.fidelityLayout .thickbox-old:checked,
.fidelityLayout .thickbox-old:hover {
  background-color: #fff
}

.fidelity .thickbox-old:checked:before,
.fidelity .thickbox-old:hover:before,
.fidelityLayout .thickbox-old:checked:before,
.fidelityLayout .thickbox-old:hover:before {
  display: block;
  content: "";
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -471px -45px;
  width: 26px;
  height: 25px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelity .thickbox-old:checked:before,
  .fidelity .thickbox-old:hover:before,
  .fidelityLayout .thickbox-old:checked:before,
  .fidelityLayout .thickbox-old:hover:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -356px -35px;
    background-size: 457px 446px
  }
}

.fidelity .article p,
.fidelity .store-wrapper,
.fidelityLayout .article p,
.fidelityLayout .store-wrapper {
  font: 1.3rem/2.1rem LacosteSansLight;
  text-transform: none;
  margin-top: 10px;
  margin-left: 10px;
  color: #797979
}

.fidelity .popin-wrapper,
.fidelityLayout .popin-wrapper {
  position: relative;
  padding: 10%
}

.fidelity .popin-wrapper .popinTitle,
.fidelityLayout .popin-wrapper .popinTitle {
  font-family: LacosteSansCondensedBold;
  font-size: 2.5rem;
  color: #292929
}

.fidelity .popin-wrapper .fid-drp-msg p,
.fidelity .popin-wrapper .fid-popin-msg p,
.fidelityLayout .popin-wrapper .fid-drp-msg p,
.fidelityLayout .popin-wrapper .fid-popin-msg p {
  font-family: LacosteSans;
  font-size: 1.3rem;
  color: #797979;
  text-transform: initial
}

.fidelity .popin-wrapper .fid-drp-msg p span.bolder,
.fidelity .popin-wrapper .fid-popin-msg p span.bolder,
.fidelityLayout .popin-wrapper .fid-drp-msg p span.bolder,
.fidelityLayout .popin-wrapper .fid-popin-msg p span.bolder {
  font-family: LacosteSansBold;
  font-weight: 700
}

.fidelity .popin-wrapper span.bolder,
.fidelityLayout .popin-wrapper span.bolder {
  font-family: LacosteSansCondensedBold;
  font-weight: 700
}

.fidelity .popin-wrapper .btn-fid-wrapper,
.fidelityLayout .popin-wrapper .btn-fid-wrapper {
  text-align: center;
  padding: 30px
}

.fidelity a.closePopin,
.fidelityLayout a.closePopin {
  position: absolute;
  top: 0;
  right: 0;
  width: 43px;
  height: 43px;
  background: #292929
}

.fidelity a.closePopin:before,
.fidelityLayout a.closePopin:before {
  content: "";
  display: inline-block;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -156px -490px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 14px;
  left: 14px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelity a.closePopin:before,
  .fidelityLayout a.closePopin:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -128px -380px;
    background-size: 457px 446px
  }
}

.fidelity .better-select,
.fidelityLayout .better-select {
  width: 100%
}

.fidelity .bg-black,
.fidelityLayout .bg-black {
  background-color: #000;
  color: #fff;
  padding: 5%;
  margin-bottom: 20px
}

.fidelity .bg-black .title,
.fidelityLayout .bg-black .title {
  padding-left: 10px;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  line-height: 3rem;
  margin-bottom: 20px;
  color: #fff;
  display: inline-block
}

.fidelity .bg-black .title:after,
.fidelityLayout .bg-black .title:after {
  clear: both
}

.fidelity .bg-black .store-choice-logo,
.fidelityLayout .bg-black .store-choice-logo {
  display: inline-block;
  top: 9px
}

.fidelity .bg-black .store-choice-logo:after,
.fidelityLayout .bg-black .store-choice-logo:after {
  content: "";
  display: inline-block;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -417px -108px;
  width: 30px;
  height: 30px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelity .bg-black .store-choice-logo:after,
  .fidelityLayout .bg-black .store-choice-logo:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -265px -140px;
    background-size: 457px 446px
  }
}

.fidelity .bg-black .store-not-found,
.fidelityLayout .bg-black .store-not-found {
  color: #fff
}

.fidelity #collectorProducts,
.fidelityLayout #collectorProducts {
  width: 100%;
  display: block;
  position: relative;
  float: left;
  padding-right: 80px;
  padding-left: 130px
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity #collectorProducts,
  .fidelityLayout #collectorProducts {
    padding: 0
  }
}

.fidelity #collectorProducts .benefits .benefitsReturnBtn,
.fidelity #collectorProducts .benefits .choice-ship-mode,
.fidelity #collectorProducts .custom_polo .benefitsReturnBtn,
.fidelity #collectorProducts .custom_polo .choice-ship-mode,
.fidelityLayout #collectorProducts .benefits .benefitsReturnBtn,
.fidelityLayout #collectorProducts .benefits .choice-ship-mode,
.fidelityLayout #collectorProducts .custom_polo .benefitsReturnBtn,
.fidelityLayout #collectorProducts .custom_polo .choice-ship-mode {
  position: absolute;
  top: 20px;
  left: 0;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedBold;
  color: #292929;
  text-decoration: none
}

.fidelity #collectorProducts .benefits .choice-ship-mode,
.fidelity #collectorProducts .custom_polo .choice-ship-mode,
.fidelityLayout #collectorProducts .benefits .choice-ship-mode,
.fidelityLayout #collectorProducts .custom_polo .choice-ship-mode {
  font-family: LacosteSansLight;
  right: 140px;
  left: auto;
  top: 20px;
  text-transform: initial
}

.fidelity #collectorProducts .benefits .choice-ship-mode:before,
.fidelity #collectorProducts .custom_polo .choice-ship-mode:before,
.fidelityLayout #collectorProducts .benefits .choice-ship-mode:before,
.fidelityLayout #collectorProducts .custom_polo .choice-ship-mode:before {
  content: "> "
}

.fidelity #collectorProducts .benefits .benefitsReturnBtn:before,
.fidelity #collectorProducts .custom_polo .benefitsReturnBtn:before,
.fidelityLayout #collectorProducts .benefits .benefitsReturnBtn:before,
.fidelityLayout #collectorProducts .custom_polo .benefitsReturnBtn:before {
  content: "< "
}

.fidelity #collectorProducts .benefits .selected p,
.fidelity #collectorProducts .benefits p,
.fidelity #collectorProducts .custom_polo .selected p,
.fidelity #collectorProducts .custom_polo p,
.fidelityLayout #collectorProducts .benefits .selected p,
.fidelityLayout #collectorProducts .benefits p,
.fidelityLayout #collectorProducts .custom_polo .selected p,
.fidelityLayout #collectorProducts .custom_polo p {
  font: 1.3rem/2.1rem LacosteSansLight;
  text-transform: initial;
  text-decoration: none;
  margin-top: 10px;
  color: #797979
}

.fidelity #collectorProducts .benefits .product-description-fid p,
.fidelity #collectorProducts .custom_polo .product-description-fid p,
.fidelityLayout #collectorProducts .benefits .product-description-fid p,
.fidelityLayout #collectorProducts .custom_polo .product-description-fid p {
  width: 100%;
  padding: 0;
  margin: 0
}

.fidelity #collectorProducts .benefits .product-fid,
.fidelity #collectorProducts .custom_polo .product-fid,
.fidelityLayout #collectorProducts .benefits .product-fid,
.fidelityLayout #collectorProducts .custom_polo .product-fid {
  display: block;
  width: 49%;
  float: left;
  padding: 1%
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity #collectorProducts .benefits .product-fid,
  .fidelity #collectorProducts .custom_polo .product-fid,
  .fidelityLayout #collectorProducts .benefits .product-fid,
  .fidelityLayout #collectorProducts .custom_polo .product-fid {
    width: 100%;
    float: none
  }
}

.fidelity #collectorProducts .benefits .product-fid:nth-child(4n+3):not(:last-child),
.fidelity #collectorProducts .custom_polo .product-fid:nth-child(4n+3):not(:last-child),
.fidelityLayout #collectorProducts .benefits .product-fid:nth-child(4n+3):not(:last-child),
.fidelityLayout #collectorProducts .custom_polo .product-fid:nth-child(4n+3):not(:last-child) {
  clear: both
}

.fidelity #collectorProducts .benefits .product-fid:nth-child(2n+1):not(:last-child),
.fidelity #collectorProducts .custom_polo .product-fid:nth-child(2n+1):not(:last-child),
.fidelityLayout #collectorProducts .benefits .product-fid:nth-child(2n+1):not(:last-child),
.fidelityLayout #collectorProducts .custom_polo .product-fid:nth-child(2n+1):not(:last-child) {
  border-right: 1px solid #e5e5e5
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity #collectorProducts .benefits .product-fid:nth-child(2n+1):not(:last-child),
  .fidelity #collectorProducts .custom_polo .product-fid:nth-child(2n+1):not(:last-child),
  .fidelityLayout #collectorProducts .benefits .product-fid:nth-child(2n+1):not(:last-child),
  .fidelityLayout #collectorProducts .custom_polo .product-fid:nth-child(2n+1):not(:last-child) {
    border-right: none
  }
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity #collectorProducts .benefits .product-fid:nth-child(n+1):not(:last-child),
  .fidelity #collectorProducts .custom_polo .product-fid:nth-child(n+1):not(:last-child),
  .fidelityLayout #collectorProducts .benefits .product-fid:nth-child(n+1):not(:last-child),
  .fidelityLayout #collectorProducts .custom_polo .product-fid:nth-child(n+1):not(:last-child) {
    border-bottom: 1px solid #e5e5e5
  }
}

.fidelity #collectorProducts .benefits .product-fid .select-product,
.fidelity #collectorProducts .custom_polo .product-fid .select-product,
.fidelityLayout #collectorProducts .benefits .product-fid .select-product,
.fidelityLayout #collectorProducts .custom_polo .product-fid .select-product {
  display: block;
  width: 100%
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity #collectorProducts .benefits .product-fid .select-product,
  .fidelity #collectorProducts .custom_polo .product-fid .select-product,
  .fidelityLayout #collectorProducts .benefits .product-fid .select-product,
  .fidelityLayout #collectorProducts .custom_polo .product-fid .select-product {
    display: block;
    width: 100%;
    padding-top: 20px
  }
}

.fidelity #collectorProducts .benefits .product-fid .select-product label,
.fidelity #collectorProducts .custom_polo .product-fid .select-product label,
.fidelityLayout #collectorProducts .benefits .product-fid .select-product label,
.fidelityLayout #collectorProducts .custom_polo .product-fid .select-product label {
  display: block;
  width: 100%;
  height: 100%
}

.fidelity #collectorProducts .benefits .product-fid .prod-block,
.fidelity #collectorProducts .custom_polo .product-fid .prod-block,
.fidelityLayout #collectorProducts .benefits .product-fid .prod-block,
.fidelityLayout #collectorProducts .custom_polo .product-fid .prod-block {
  display: table;
  width: 100%
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity #collectorProducts .benefits .product-fid .prod-block,
  .fidelity #collectorProducts .custom_polo .product-fid .prod-block,
  .fidelityLayout #collectorProducts .benefits .product-fid .prod-block,
  .fidelityLayout #collectorProducts .custom_polo .product-fid .prod-block {
    width: 88%
  }
}

.fidelity #collectorProducts .benefits .product-fid .prod-block .product-description-fid,
.fidelity #collectorProducts .benefits .product-fid .prod-block .product-image-fid,
.fidelity #collectorProducts .custom_polo .product-fid .prod-block .product-description-fid,
.fidelity #collectorProducts .custom_polo .product-fid .prod-block .product-image-fid,
.fidelityLayout #collectorProducts .benefits .product-fid .prod-block .product-description-fid,
.fidelityLayout #collectorProducts .benefits .product-fid .prod-block .product-image-fid,
.fidelityLayout #collectorProducts .custom_polo .product-fid .prod-block .product-description-fid,
.fidelityLayout #collectorProducts .custom_polo .product-fid .prod-block .product-image-fid {
  display: table-cell;
  vertical-align: middle;
  width: 45%
}

.fidelity #collectorProducts .benefits .product-fid .prod-block .product-description-fid img,
.fidelity #collectorProducts .benefits .product-fid .prod-block .product-image-fid img,
.fidelity #collectorProducts .custom_polo .product-fid .prod-block .product-description-fid img,
.fidelity #collectorProducts .custom_polo .product-fid .prod-block .product-image-fid img,
.fidelityLayout #collectorProducts .benefits .product-fid .prod-block .product-description-fid img,
.fidelityLayout #collectorProducts .benefits .product-fid .prod-block .product-image-fid img,
.fidelityLayout #collectorProducts .custom_polo .product-fid .prod-block .product-description-fid img,
.fidelityLayout #collectorProducts .custom_polo .product-fid .prod-block .product-image-fid img {
  padding: 2%;
  width: 96%
}

.fidelity #collectorProducts .benefits .product-fid .prod-block .product-image-fid,
.fidelity #collectorProducts .custom_polo .product-fid .prod-block .product-image-fid,
.fidelityLayout #collectorProducts .benefits .product-fid .prod-block .product-image-fid,
.fidelityLayout #collectorProducts .custom_polo .product-fid .prod-block .product-image-fid {
  text-align: center
}

.fidelity #collectorProducts .benefits .btn-wrapper,
.fidelity #collectorProducts .custom_polo .btn-wrapper,
.fidelityLayout #collectorProducts .benefits .btn-wrapper,
.fidelityLayout #collectorProducts .custom_polo .btn-wrapper {
  position: relative;
  text-align: left;
  min-height: 80px
}

#atg_call .fidelity #collectorProducts .benefits .btn-wrapper a,
#atg_call .fidelity #collectorProducts .custom_polo .btn-wrapper a,
#atg_call .fidelityLayout #collectorProducts .benefits .btn-wrapper a,
#atg_call .fidelityLayout #collectorProducts .custom_polo .btn-wrapper a,
#atg_chat .fidelity #collectorProducts .benefits .btn-wrapper a,
#atg_chat .fidelity #collectorProducts .custom_polo .btn-wrapper a,
#atg_chat .fidelityLayout #collectorProducts .benefits .btn-wrapper a,
#atg_chat .fidelityLayout #collectorProducts .custom_polo .btn-wrapper a,
.fidelity #collectorProducts .benefits .btn-wrapper #atg_call a,
.fidelity #collectorProducts .benefits .btn-wrapper #atg_chat a,
.fidelity #collectorProducts .benefits .btn-wrapper .btn,
.fidelity #collectorProducts .benefits .btn-wrapper .faqchat,
.fidelity #collectorProducts .custom_polo .btn-wrapper #atg_call a,
.fidelity #collectorProducts .custom_polo .btn-wrapper #atg_chat a,
.fidelity #collectorProducts .custom_polo .btn-wrapper .btn,
.fidelity #collectorProducts .custom_polo .btn-wrapper .faqchat,
.fidelityLayout #collectorProducts .benefits .btn-wrapper #atg_call a,
.fidelityLayout #collectorProducts .benefits .btn-wrapper #atg_chat a,
.fidelityLayout #collectorProducts .benefits .btn-wrapper .btn,
.fidelityLayout #collectorProducts .benefits .btn-wrapper .faqchat,
.fidelityLayout #collectorProducts .custom_polo .btn-wrapper #atg_call a,
.fidelityLayout #collectorProducts .custom_polo .btn-wrapper #atg_chat a,
.fidelityLayout #collectorProducts .custom_polo .btn-wrapper .btn,
.fidelityLayout #collectorProducts .custom_polo .btn-wrapper .faqchat {
  position: absolute;
  right: 0;
  padding: 20px 35px
}

.fidelity .text-decorate,
.fidelityLayout .text-decorate {
  text-transform: uppercase;
  font-family: LacosteSansCondensedLight;
  font-size: 1.5rem;
  color: #292929;
  background-color: #fff711;
  padding: 5px 3px;
  margin: 0 3px;
  letter-spacing: -.8px;
  font-stretch: extra-expanded
}

.fidelity .full-size,
.fidelityLayout .full-size {
  width: 100%;
  height: 100%;
  position: relative
}

.fidelity .bottom-btn,
.fidelityLayout .bottom-btn {
  bottom: 0;
  width: 100%
}

#atg_call .fidelity a.smaller,
#atg_call .fidelityLayout a.smaller,
#atg_chat .fidelity a.smaller,
#atg_chat .fidelityLayout a.smaller,
.fidelity #atg_call a.smaller,
.fidelity #atg_chat a.smaller,
.fidelity .btn.smaller,
.fidelity .smaller.faqchat,
.fidelityLayout #atg_call a.smaller,
.fidelityLayout #atg_chat a.smaller,
.fidelityLayout .btn.smaller,
.fidelityLayout .smaller.faqchat {
  font-size: 1rem;
  padding: 10px
}

.fidelity .btn-fid-wrapper a.btn-fid,
.fidelity .btn-fid-wrapper button.btn-fid,
.fidelityLayout .btn-fid-wrapper a.btn-fid,
.fidelityLayout .btn-fid-wrapper button.btn-fid {
  width: auto!important;
  min-height: 40px;
  border: none;
  font-family: LacosteSansBold;
  font-size: 1.2rem;
  padding: 15px 20px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  color: #fff!important;
  background-color: #000!important;
  border: 2px solid transparent
}

.fidelity .btn-fid-wrapper a.btn-fid:hover,
.fidelity .btn-fid-wrapper button.btn-fid:hover,
.fidelityLayout .btn-fid-wrapper a.btn-fid:hover,
.fidelityLayout .btn-fid-wrapper button.btn-fid:hover {
  background-color: #fff!important;
  color: #000!important;
  border: 1px solid #e5e5e5;
  border-width: 2px
}

.fidelity .btn-fid-wrapper a.btn-fid.btn-white,
.fidelity .btn-fid-wrapper button.btn-fid.btn-white,
.fidelityLayout .btn-fid-wrapper a.btn-fid.btn-white,
.fidelityLayout .btn-fid-wrapper button.btn-fid.btn-white {
  background-color: #fff!important;
  color: #000!important;
  border: 1px solid #e5e5e5;
  border-width: 2px
}

.fidelity .btn-fid-wrapper a.btn-fid.btn-white:hover,
.fidelity .btn-fid-wrapper button.btn-fid.btn-white:hover,
.fidelityLayout .btn-fid-wrapper a.btn-fid.btn-white:hover,
.fidelityLayout .btn-fid-wrapper button.btn-fid.btn-white:hover {
  border: 2px solid transparent;
  color: #fff!important;
  background-color: #000!important
}

.fidelity .btn-fid-wrapper.half-btn,
.fidelityLayout .btn-fid-wrapper.half-btn {
  display: inline-block;
  width: 45%
}

.fidelity .btn-fid-wrapper.half-btn:first-child,
.fidelityLayout .btn-fid-wrapper.half-btn:first-child {
  margin-right: 2.5%
}

.fidelity .twice-bottom-btn,
.fidelityLayout .twice-bottom-btn {
  padding-top: 20px;
  display: table;
  width: 100%
}

.fidelity .twice-bottom-btn .first-btn,
.fidelity .twice-bottom-btn .second-btn,
.fidelityLayout .twice-bottom-btn .first-btn,
.fidelityLayout .twice-bottom-btn .second-btn {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  text-align: left
}

.fidelity .twice-bottom-btn .second-btn,
.fidelityLayout .twice-bottom-btn .second-btn {
  text-align: right
}

.fidelity .btn-fid-wrapper #js-login-customer,
.fidelityLayout .btn-fid-wrapper #js-login-customer {
  font-family: LacosteSansCondensedBold;
  padding: 10px;
  font-size: 1.3rem
}

.fidelity .btn-same-line,
.fidelityLayout .btn-same-line {
  width: 100%
}

.fidelity .btn-same-line .first-btn,
.fidelity .btn-same-line .second-btn,
.fidelityLayout .btn-same-line .first-btn,
.fidelityLayout .btn-same-line .second-btn {
  display: inline-block;
  width: auto
}

.fidelity .btn-same-line .first-btn .btn-fid-wrapper a.btn-fid,
.fidelity .btn-same-line .first-btn .btn-fid-wrapper button.btn-fid,
.fidelity .btn-same-line .second-btn .btn-fid-wrapper a.btn-fid,
.fidelity .btn-same-line .second-btn .btn-fid-wrapper button.btn-fid,
.fidelityLayout .btn-same-line .first-btn .btn-fid-wrapper a.btn-fid,
.fidelityLayout .btn-same-line .first-btn .btn-fid-wrapper button.btn-fid,
.fidelityLayout .btn-same-line .second-btn .btn-fid-wrapper a.btn-fid,
.fidelityLayout .btn-same-line .second-btn .btn-fid-wrapper button.btn-fid {
  font-family: LacosteSansCondensedBold;
  padding: 10px;
  font-size: 1.3rem
}

.fidelity .btn-same-line .second-btn,
.fidelityLayout .btn-same-line .second-btn {
  margin-left: 15px;
  margin-top: 20px
}

.fidelity .btn-same-line.right,
.fidelityLayout .btn-same-line.right {
  text-align: right
}

.fidelity .half-btn,
.fidelityLayout .half-btn {
  display: inline-block;
  width: 45%
}

.fidelity .half-btn:first-child,
.fidelityLayout .half-btn:first-child {
  margin-right: 2.5%
}

.fidelity .form .form-item-icon input[type=email],
.fidelity .form .form-item-icon input[type=password],
.fidelity .form .form-item-icon input[type=text],
.fidelityLayout .form .form-item-icon input[type=email],
.fidelityLayout .form .form-item-icon input[type=password],
.fidelityLayout .form .form-item-icon input[type=text] {
  padding: 10px 10px 10px 30px!important
}

.fidelity .form .form-item-icon i,
.fidelity .form .form-item-icon:after,
.fidelityLayout .form .form-item-icon i,
.fidelityLayout .form .form-item-icon:after {
  content: "";
  display: block;
  position: absolute;
  left: 10px!important;
  bottom: 5px!important;
  z-index: 10
}

.fidelity .form .form-item-full,
.fidelityLayout .form .form-item-full {
  width: 100%
}

.fidelity .form .form-item-full input,
.fidelity .form .form-item-full label,
.fidelityLayout .form .form-item-full input,
.fidelityLayout .form .form-item-full label {
  font-size: 1.3rem;
  font-family: LacosteSansCondensedLight
}

.fidelity .form .form-item-full input,
.fidelityLayout .form .form-item-full input {
  font-family: LacosteSansLight;
  text-transform: none
}

.fidelity .checkout-login-sub-title h1,
.fidelityLayout .checkout-login-sub-title h1 {
  padding-left: 0!important
}

.fidelity .form .form-item,
.fidelityLayout .form .form-item {
  padding: 0!important
}

.fidelity #register-new-user-checkout-form,
.fidelityLayout #register-new-user-checkout-form {
  display: block
}

.fidelity .fidlogo,
.fidelityLayout .fidlogo {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -12px 0 0 -102px;
  background-image: url(/img/sprite-icofid.png);
  background-position: 0 0;
  width: 205px;
  height: 24px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelity .fidlogo,
  .fidelityLayout .fidlogo {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: 0 0;
    background-size: 343px 274px
  }
}

.fidelity .main-banner,
.fidelityLayout .main-banner {
  display: table;
  width: 100%;
  height: 100%;
  min-height: calc(100vh - 90px);
  background-size: cover;
  padding: 5% 0
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity .main-banner,
  .fidelityLayout .main-banner {
    padding: 0;
    min-height: 0
  }
}

.fidelity .main-banner .center-v,
.fidelityLayout .main-banner .center-v {
  display: table-cell;
  width: 100%;
  vertical-align: middle
}

.fidelity .fid-main-pp,
.fidelityLayout .fid-main-pp {
  background-color: #fff;
  border: 1px solid #e5e5e5;
  margin: 0 auto;
  width: 75%
}

@media screen and (min-width:0px) and (max-width:1279px) {
  .fidelity .fid-main-pp,
  .fidelityLayout .fid-main-pp {
    width: 100%;
    border: none
  }
}

.fidelity .fid-main-pp h1,
.fidelityLayout .fid-main-pp h1 {
  font-size: 1.8rem;
  font-family: LacosteSansCondensedBold
}

.fidelity .fid-main-pp .fid-header,
.fidelityLayout .fid-main-pp .fid-header {
  border-bottom: 1px solid #e5e5e5;
  display: table;
  width: 100%;
  height: 45px;
  line-height: 4.5rem
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity .fid-main-pp .fid-header,
  .fidelityLayout .fid-main-pp .fid-header {
    height: auto;
    line-height: 1em
  }
}

.fidelity .fid-main-pp .fid-header .head-title,
.fidelityLayout .fid-main-pp .fid-header .head-title {
  display: table-cell;
  width: 65%;
  border-right: 1px solid #e5e5e5;
  padding-left: 20px
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity .fid-main-pp .fid-header .head-title,
  .fidelityLayout .fid-main-pp .fid-header .head-title {
    width: 100%;
    border: none
  }
}

.fidelity .fid-main-pp .fid-header .head-title h2,
.fidelityLayout .fid-main-pp .fid-header .head-title h2 {
  padding-left: 5%;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold
}

.fidelity .fid-main-pp .fid-header .fid-logo,
.fidelityLayout .fid-main-pp .fid-header .fid-logo {
  display: table-cell;
  width: 35%;
  position: relative;
  text-align: center
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity .fid-main-pp .fid-header .fid-logo,
  .fidelityLayout .fid-main-pp .fid-header .fid-logo {
    display: none
  }
}

.fidelity .fid-main-pp .fid-header.no-logo .head-title,
.fidelityLayout .fid-main-pp .fid-header.no-logo .head-title {
  width: 100%;
  border: none
}

.fidelity .fid-main-pp .fid-header.no-logo .fid-logo,
.fidelityLayout .fid-main-pp .fid-header.no-logo .fid-logo {
  display: none
}

.fidelity .fid-main-pp .fid-main-pp,
.fidelityLayout .fid-main-pp .fid-main-pp {
  width: 100%;
  display: table
}

.fidelity .fid-main-pp .fid-main-pp .fid-main-col-d,
.fidelity .fid-main-pp .fid-main-pp .fid-main-col-g,
.fidelityLayout .fid-main-pp .fid-main-pp .fid-main-col-d,
.fidelityLayout .fid-main-pp .fid-main-pp .fid-main-col-g {
  display: table-cell;
  width: 50%;
  padding: 5%;
  border: none;
  position: relative
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity .fid-main-pp .fid-main-pp .fid-main-col-d,
  .fidelity .fid-main-pp .fid-main-pp .fid-main-col-g,
  .fidelityLayout .fid-main-pp .fid-main-pp .fid-main-col-d,
  .fidelityLayout .fid-main-pp .fid-main-pp .fid-main-col-g {
    width: 100%;
    display: block
  }
}

.fidelity .fid-main-pp .fid-main-pp .fid-main-col-g,
.fidelityLayout .fid-main-pp .fid-main-pp .fid-main-col-g {
  border-right: 1px solid #e5e5e5
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity .fid-main-pp .fid-main-pp .fid-main-col-g,
  .fidelityLayout .fid-main-pp .fid-main-pp .fid-main-col-g {
    border-right: none;
    background-color: #f8f8f8;
    border-bottom: 1px solid #e5e5e5
  }
}

.fidelity .fid-main-pp .fid-main-pp .fid-main-col-g span.bolder,
.fidelityLayout .fid-main-pp .fid-main-pp .fid-main-col-g span.bolder {
  float: right;
  font-weight: 700
}

.fidelity .fid-main-pp .fid-main-pp .fid-main-col-g span.bolder.no-float,
.fidelityLayout .fid-main-pp .fid-main-pp .fid-main-col-g span.bolder.no-float {
  float: none
}

.fidelity .fid-main-pp .fid-main-pp.fid-popin .head-title .text-decorate,
.fidelityLayout .fid-main-pp .fid-main-pp.fid-popin .head-title .text-decorate {
  font: LacosteSansCondensedLight;
  font-size: 25pt
}

.fidelity .fid-main-pp .fid-main-pp.fid-popin .head-title h2,
.fidelityLayout .fid-main-pp .fid-main-pp.fid-popin .head-title h2 {
  font: LacosteSansCondensedBold;
  font-size: 25pt
}

.fidelity .fid-main-pp .fid-reassurance,
.fidelityLayout .fid-main-pp .fid-reassurance {
  border-top: 1px solid #e5e5e5;
  min-height: 150px;
  text-align: center;
  padding-top: 20px
}

.fidelity .fid-main-pp .fid-reassurance h3,
.fidelityLayout .fid-main-pp .fid-reassurance h3 {
  font-size: 1.4rem;
  font-family: LacosteSansCondensedBold
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity .fid-main-pp .fid-reassurance,
  .fidelityLayout .fid-main-pp .fid-reassurance {
    background-color: #f8f8f8
  }
}

.fidelity .fid-main-pp .fid-reassurance .logo-wrapper,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper {
  display: table;
  width: 100%;
  padding: 40px 0
}

.fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner {
  display: table-cell;
  width: 30%;
  vertical-align: top
}

.fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner span.bold,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner span.bold {
  font-size: 1.1rem;
  font-family: LacosteSansCondensedBold
}

.fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner span,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner span {
  font-size: 1.1rem;
  font-family: LacosteSansCondensedLight
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner,
  .fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner {
    display: block;
    width: 100%;
    margin-bottom: 20px
  }
}

.fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid {
  width: 56px;
  height: 40px;
  display: block;
  margin: 0 auto;
  position: relative;
  margin-bottom: 10px
}

.fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid span,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid span {
  display: inline-block;
  position: relative
}

.fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-offer-priv span,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-offer-priv span {
  background-image: url(/img/sprite-icofid.png);
  background-position: 0 -306px;
  width: 31px;
  height: 35px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-offer-priv span,
  .fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-offer-priv span {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -312px 0;
    background-size: 343px 274px
  }
}

.fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-invit span,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-invit span {
  top: 6px;
  background-image: url(/img/sprite-icofid.png);
  background-position: -139px -190px;
  width: 32px;
  height: 26px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-invit span,
  .fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-invit span {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -207px -173px;
    background-size: 343px 274px
  }
}

.fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-gift span,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-gift span {
  background-image: url(/img/sprite-icofid.png);
  background-position: -164px -250px;
  width: 31px;
  height: 33px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-gift span,
  .fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-gift span {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -312px -45px;
    background-size: 343px 274px
  }
}

.fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-gift:before,
.fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-invit:before,
.fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-offer-priv:before,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-gift:before,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-invit:before,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner .ico-fid .ico-offer-priv:before {
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  width: 50px;
  background: #fff711;
  bottom: 0;
  left: 50%;
  margin-left: -25px
}

.fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner.bordered,
.fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner.bordered {
  border-left: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5
}

@media screen and (min-width:0px) and (max-width:627px) {
  .fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner.bordered,
  .fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner.bordered {
    border: none
  }
  .fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner.bordered:after,
  .fidelity .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner.bordered:before,
  .fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner.bordered:after,
  .fidelityLayout .fid-main-pp .fid-reassurance .logo-wrapper .logo-wrapper-inner.bordered:before {
    content: "";
    width: 30%;
    height: 1px;
    background-color: #e5e5e5;
    margin: 20px auto
  }
}

.main-container-checkout .btn-fid-wrapper a.btn-fid,
.main-container-checkout .btn-fid-wrapper button.btn-fid {
  background-color: #285f41!important
}

div.schema-offer {
  display: inline-block
}

*,
body,
html {
  -webkit-tap-highlight-color: transparent
}

body,
html {
  background-color: #fff
}

body>img {
  display: none
}

body.oHidden,
html.oHidden {
  overflow: hidden
}

body.section-over .site-sections .content-container {
  z-index: 250
}

.site-sections {
  font-size: 0;
  position: relative
}

.site-sections .site-section {
  display: inline-block;
  position: relative;
  font-size: 1.3rem;
  vertical-align: top
}

.site-sections .site-section.navbar-left {
  width: 250px
}

.site-sections .site-section.content-header {
  width: calc(100% - 250px)
}

.site-sections .content-container {
  background-color: #fff;
  z-index: 3;
  position: relative;
  min-height: calc(100vh - 88px)
}

.site-sections .content-container.initzindex {
  z-index: auto;
  transform: none;
  -webkit-transform: none;
  transition: none;
  -webkit-transition: none
}

.content-container .page-content-wrapper {
  background-color: #fff
}

.content-container .page-content-wrapper .page-content {
  z-index: 2;
  background-color: #fff;
  position: relative;
  overflow: hidden
}

body.section-over .content-container .page-content-wrapper .page-content {
  overflow: visible
}

html.fullbrowser .page-content,
html.fullbrowser .page-content-wrapper {
  height: 100%
}

html.fullbrowser.checkout-decorator {
  height: 100%
}

html.fullbrowser.checkout-decorator .content-container,
html.fullbrowser.checkout-decorator .main-container,
html.fullbrowser.checkout-decorator .site-container,
html.fullbrowser.checkout-decorator .site-section,
html.fullbrowser.checkout-decorator .site-sections,
html.fullbrowser.checkout-decorator body {
  height: 100%
}

html.fullbrowser.checkout-decorator .navbar-top {
  display: none
}

html.fullbrowser.checkout-decorator .content-container {
  padding-top: 0
}

.text-capitalized {
  text-transform: capitalize
}

.main-container-checkout .site-section.content-header {
  width: 100%
}

.main-container-checkout .topbar {
  width: 100%;
  left: 0
}

.main-container-checkout .site-sections .content-container {
  min-height: 0
}

.loader-ctnr {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative
}

.loader {
  position: relative;
  width: 100px;
  height: 100px;
  z-index: 2000;
  visibility: hidden;
  opacity: 0;
  transition: opacity 150ms linear;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto
}

.loader.fadeOut {
  visibility: visible;
  opacity: 0
}

.loader.show {
  visibility: visible;
  opacity: 1
}

.loader .circular {
  animation: rotate 1s ease-out infinite;
  height: 100%;
  position: relative;
  width: 100%
}

.loader .circular .path {
  stroke-dasharray: 75, 25;
  stroke-dashoffset: 32;
  animation: color 3s ease-in-out infinite;
  stroke-linecap: round
}

.loader-notanimated .loader .circular {
  animation: none
}

.loader-notanimated .loader .circular .path {
  animation: none
}

.content-container .backtotop-container {
  position: relative;
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 20px;
  display: block
}

.content-container .backtotop-container.hidden {
  display: none
}

.content-container .backtotop-container>.backtotop {
  transition: opacity .3s linear;
  position: relative;
  cursor: pointer;
  display: inline-block;
  width: 60px;
  height: 60px;
  background-color: #292929;
  opacity: .8
}

.content-container .backtotop-container>.backtotop:after {
  transition: top .3s ease-out;
  content: "";
  width: 11px;
  height: 6px;
  position: absolute;
  left: 25px;
  top: 27px;
  background-position: -270px -30px
}

.nav-ico,
.nav-ico-after:after,
.nav-ico-before:before {
  background-image: url(../img/nav-icos.png);
  background-size: 450px 226px;
  background-repeat: no-repeat;
  background-color: transparent
}

.wrapper-opacity {
  opacity: 0;
  transition: opacity .3s linear;
  pointer-events: none;
  z-index: 115;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #000;
  width: 100%;
  height: 100vh
}

html.no-cssanimations .wrapper-opacity,
html.no-touchevents .wrapper-opacity {
  visibility: hidden
}

.wrapper-opacity.display {
  pointer-events: all;
  opacity: .8
}

html.no-cssanimations .wrapper-opacity.display,
html.no-touchevents .wrapper-opacity.display {
  visibility: visible
}

.wrapper-opacity.foreground {
  z-index: 155;
  pointer-events: all
}

abbr.abbr-required-field {
  font-family: Georgia;
  font-size: 1.5rem;
  color: #292929
}

@media screen and (min-width:1280px) {
  .content-container .backtotop-container>.backtotop:hover {
    opacity: 1
  }
  .content-container .backtotop-container>.backtotop:hover:after {
    top: 22px
  }
  .page-content {
    min-height: calc(100vh - 88px)
  }
  body .content-container .page-content-wrapper .page-content {
    transition: all .2s linear
  }
  body .main-sidebar h1 {
    transition: all .2s linear
  }
  body #btn-fold-menu span.label-menu {
    display: inline-block
  }
  body.sidenav-fold .content-container .page-content-wrapper .page-content {
    transform: translateX(-250px);
    width: calc(100% + 250px)
  }
  body.sidenav-fold .main-sidebar {
    transform: translateX(-100%)
  }
  body.sidenav-fold .main-sidebar h1 {
    transform: translateX(250px)
  }
  body.sidenav-fold .main-sidebar.notfixedanymore {
    position: fixed
  }
  body #btn-fold-menu>span {
    vertical-align: middle
  }
  body #btn-fold-menu span.label-picto {
    width: 15px;
    height: 1px;
    background-color: transparent;
    position: relative;
    display: inline-block;
    margin-left: 10px;
    margin-right: 10px;
    transition: background .3s linear
  }
  body.sidenav-fold #btn-fold-menu span.label-picto {
    background-color: #fff
  }
  body #btn-fold-menu span.label-picto:after,
  body #btn-fold-menu span.label-picto:before {
    content: "";
    position: absolute;
    width: calc(100% - 1px);
    height: 1px;
    left: 0;
    top: -4px;
    background-color: #fff;
    transition: all .3s ease-out;
    transform-origin: left;
    transform: rotate(45deg)
  }
  body #btn-fold-menu span.label-picto:after {
    top: 6px;
    transform: rotate(-45deg)
  }
  body.sidenav-fold #btn-fold-menu span.label-picto:before {
    transform: rotate(0);
    width: 100%;
    top: -4px
  }
  body.sidenav-fold #btn-fold-menu span.label-picto:after {
    transform: rotate(0);
    width: 100%;
    top: 4px
  }
  .container-btn-fold-menu {
    position: fixed;
    top: 108px;
    left: 270px;
    z-index: 100;
    transition: left .2s linear
  }
  body.sidenav-fold .container-btn-fold-menu {
    left: 20px
  }
  .container-btn-fold-menu #btn-fold-menu {
    padding-top: 0;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 20px;
    border-radius: 3px;
    background-color: #000;
    border: 1px solid rgba(255, 255, 255, .5);
    color: #fff;
    transition: all .2s linear;
    font-size: 1.5rem;
    font-family: LacosteSansCondensedLight
  }
  .container-btn-fold-menu #btn-fold-menu:hover {
    background-color: #fff;
    color: #000;
    border: 1px solid rgba(0, 0, 0, .5)
  }
  body #btn-fold-menu:hover span.label-picto:after,
  body #btn-fold-menu:hover span.label-picto:before {
    background-color: #000
  }
  body.sidenav-fold #btn-fold-menu:hover span.label-picto {
    background-color: #000
  }
}

@media screen and (max-width:1279px) {
  html.storefront-decorator {
    /*overflow: hidden;*/
    /*width: 100%;*/
    /*height: calc(100% - 0px)*/
  }
  html.storefront-decorator body {
    /*overflow: hidden;*/
    /*width: 100%;*/
    /*height: calc(100% - 0px)*/
  }
  html.storefront-decorator .main-container {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0*/
  }
  html.storefront-decorator .main-container .site-container {
    /*position: relative;*/
    /*height: 100%;*/
    /*width: 100%;*/
    /*overflow: hidden*/
  }
  html.storefront-decorator .main-container .site-container .site-sections {
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*-webkit-transform: translateZ(0);*/
    /*transform: translateZ(0)*/
  }
  html.storefront-decorator .content-container .page-content-wrapper {
    /*transform: translateZ(0);*/
    /*-webkit-transform: translateZ(0);*/
    /*overflow-x: hidden*/
  }
  html.storefront-decorator .content-container .page-content-wrapper .page-content {
    /*transform: translateZ(0);*/
    /*-webkit-transform: translateZ(0)*/
  }
  html.storefront-decorator .site-sections .site-section.navbar-left {
    position: fixed;
    top: 0;
    width: 385px
  }
  html.storefront-decorator .site-sections .site-section.content-header {
    width: 100vw;
    /*overflow: hidden;*/
    /*height: calc(100% - 0px);*/
    /*position: absolute;*/
    /*top: 0;*/
    /*left: 0*/
  }
  html.storefront-decorator .site-sections .content-container {
    /*position: absolute;*/
    /*top: 0;*/
    /*padding-top: 50px;*/
    /*left: 0;*/
    /*bottom: 0;*/
    /*right: 0;*/
    /*overflow: auto;*/
    /*z-index: 150;*/
    /*display: block;*/
    /*-webkit-overflow-scrolling: touch;*/
    /*height: 100%;*/
    /*min-height: 100%*/
    min-height: initial;
  }
  html.storefront-decorator .site-section.content-header {
    -webkit-transform: none;
    transform: none;
    transition: transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out
  }
  html.checkout-decorator .navbar-top {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
  }
  body.openMenu .site-section.content-header {
    transform: translate3d(385px, 0, 0);
    -webkit-transform: translate3d(385px, 0, 0)
  }
  body.openMenu .site-sections .content-container {
    overflow: hidden
  }
  .wrapper-opacity {
    z-index: 150
  }
}

@media screen and (max-width:800px) {
  .content-container .backtotop-container {
    width: 100%
  }
}

@media screen and (max-width:640px) {
  .site-sections .site-section.navbar-left {
    width: 240px
  }
  body.openMenu .site-section.content-header {
    transform: translate3d(240px, 0, 0);
    -webkit-transform: translate3d(240px, 0, 0)
  }
  .content-container .backtotop-container {
    display: none
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-moz-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2 / 1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
  .nav-ico,
  .nav-ico-after:after,
  .nav-ico-before:before {
    background-image: url(../img/nav-icos-x2.png)
  }
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg)
  }
}

.no-user-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0)
  }
  to {
    -moz-transform: rotate(360deg)
  }
}

@keyframes rotate {
  from {
    transform: rotate(0)
  }
  to {
    transform: rotate(360deg)
  }
}

@-webkit-keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124
  }
}

@-webkit-keyframes color {
  0%,
  100% {
    stroke: #1d2154
  }
  33% {
    stroke: #ccc
  }
  66% {
    stroke: #c23636
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0
  }
  50% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -35
  }
  100% {
    stroke-dasharray: 89, 200;
    stroke-dashoffset: -124
  }
}

@keyframes color {
  0%,
  100% {
    stroke: #1d2154
  }
  33% {
    stroke: #ccc
  }
  66% {
    stroke: #c23636
  }
}

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

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

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

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

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

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

[class*=" icon-font-"],
[class^=icon-font-] {
  font-family: icon-font;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-font-applied:before {
  font-family: iconfont;
  content: ""
}

.icon-font-arrow-down:before {
  font-family: iconfont;
  content: ""
}

.icon-font-arrow:before {
  font-family: iconfont;
  content: ""
}

.icon-font-available-in-store:before {
  font-family: iconfont;
  content: ""
}

.icon-font-back-arrow:before {
  font-family: iconfont;
  content: ""
}

.icon-font-cart:before {
  font-family: iconfont;
  content: ""
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-validated .checkout-step-number:before,
.icon-font-check-stepper:before {
  font-family: iconfont;
  content: ""
}

.icon-font-chevron-left:before {
  font-family: iconfont;
  content: ""
}

.icon-font-chevron-right:before {
  font-family: iconfont;
  content: ""
}

.icon-font-close:before {
  font-family: iconfont;
  content: ""
}

.icon-font-cross:before {
  font-family: iconfont;
  content: ""
}

.icon-font-delivery:before {
  font-family: iconfont;
  content: ""
}

.icon-font-edit:before {
  font-family: iconfont;
  content: ""
}

.icon-font-fourtyeight-hour:before {
  font-family: iconfont;
  content: ""
}

.icon-font-free-return:before {
  font-family: iconfont;
  content: ""
}

.icon-font-gift:before {
  font-family: iconfont;
  content: ""
}

.icon-font-localize-me:before {
  font-family: iconfont;
  content: ""
}

.icon-font-one-hour:before {
  font-family: iconfont;
  content: ""
}

.icon-font-refused:before {
  font-family: iconfont;
  content: ""
}

.icon-font-relay-point:before {
  font-family: iconfont;
  content: ""
}

.icon-font-returns:before {
  font-family: iconfont;
  content: ""
}

.icon-font-shoprunner:before {
  font-family: iconfont;
  content: ""
}

.icon-font-store-locator:before {
  font-family: iconfont;
  content: ""
}

.icon-font-store:before {
  font-family: iconfont;
  content: ""
}

.icon-font-validate:before {
  font-family: iconfont;
  content: ""
}

#amberleaf-chat,
#atg_call a,
#atg_chat a,
.faqchat,
.faqhelp,
.faqmail {
  position: relative;
  padding: 12px 43px 12px 60px
}

#amberleaf-chat:before,
#atg_call a:before,
#atg_chat a:before,
.faqchat:before,
.faqhelp:before,
.faqmail:before {
  content: '';
  position: absolute;
  left: 12px;
  top: 10px
}

#atg_chat a:before,
.faqchat:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -471px -172px;
  width: 23px;
  height: 21px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  #atg_chat a:before,
  .faqchat:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -356px -131.5px;
    background-size: 457px 446px
  }
}

#atg_chat a:before:hover,
.faqchat:before:hover {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -471px -131px;
  width: 23px;
  height: 21px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  #atg_chat a:before:hover,
  .faqchat:before:hover {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -356px -101px;
    background-size: 457px 446px
  }
}

.faqmail:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -175px -453px;
  width: 23px;
  height: 15px;
  top: 15px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .faqmail:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -142px -353px;
    background-size: 457px 446px
  }
}

.faqmail:hover:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -218px -453px;
  width: 23px;
  height: 15px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .faqmail:hover:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -175px -353px;
    background-size: 457px 446px
  }
}

.faqhelp:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -517px 0;
  width: 20px;
  height: 20px;
  top: 12px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .faqhelp:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -356px -293px;
    background-size: 457px 446px
  }
}

.faqhelp:hover:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -471px -343px;
  width: 20px;
  height: 20px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .faqhelp:hover:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -356px -263px;
    background-size: 457px 446px
  }
}

#atg_call a:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -270px -164px;
  width: 13px;
  height: 21px;
  top: 10px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  #atg_call a:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: 0 -380px;
    background-size: 457px 446px
  }
}

#atg_call a:hover:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -517px -422px;
  width: 13px;
  height: 21px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  #atg_call a:hover:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -23px -380px;
    background-size: 457px 446px
  }
}

#loginli {
  height: 554px
}

.picto-customer-service:before {
  content: "";
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -270px -164px;
  width: 13px;
  height: 21px;
  display: inline-block;
  top: 2px;
  position: relative;
  margin-right: 3px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .picto-customer-service:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: 0 -380px;
    background-size: 457px 446px
  }
}

.picto-title-faq:before {
  content: "";
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -517px 0;
  width: 20px;
  height: 20px;
  display: inline-block;
  top: 2px;
  position: relative;
  margin-right: 3px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .picto-title-faq:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -356px -293px;
    background-size: 457px 446px
  }
}

.picto-title-faq:hover:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -471px -343px;
  width: 20px;
  height: 20px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .picto-title-faq:hover:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -356px -263px;
    background-size: 457px 446px
  }
}

.picto-title-faq.topBar:before {
  top: 13px;
  left: 10px;
  position: absolute
}

#chatButtons #atg_call a:after {
  content: "Click to call"
}

#chatButtons #atg_chat a:after {
  content: "Click to chat"
}

#chatButtons img {
  display: none
}

.orders-connect-shipping {
  background: url(../img/quick-access.png) bottom right no-repeat;
  background-color: #f5f5f5;
  padding: 15px 0
}

.account {
  background: #fff;
  margin-top: -1px
}

.shipping-advice {
  background: #f5f5f5;
  padding: 15px;
  text-align: center;
  color: #797979
}

.arrow-vertical {
  display: none;
  width: 100%;
  height: 29px;
  background: #f5f5f5;
  text-align: center;
  cursor: pointer
}

.arrow-vertical:after {
  content: "";
  display: inline-block;
  position: relative;
  top: 5px
}

.arrow-vertical.active {
  display: block
}

.arrow-next-vertical:after {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -524px -526px;
  width: 7px;
  height: 4px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .arrow-next-vertical:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -358px -380px;
    background-size: 457px 446px
  }
}

.arrow-prev-vertical:after {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -497px -526px;
  width: 7px;
  height: 4px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .arrow-prev-vertical:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -174px -411px;
    background-size: 457px 446px
  }
}

.q {
  cursor: text!important
}

.q::-webkit-input-placeholder {
  text-transform: uppercase
}

.q::-moz-placeholder {
  text-transform: uppercase
}

.q:-ms-input-placeholder {
  text-transform: uppercase
}

.q:-moz-placeholder {
  text-transform: uppercase
}

#cookie-policy {
  background-color: rgba(41, 41, 41, .95);
  padding: 50px;
  position: fixed;
  text-align: left;
  bottom: 0;
  width: 360px;
  z-index: 2000;
  right: 40px;
  color: #fff
}

#cookie-policy button {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -156px -490px;
  width: 15px;
  height: 15px;
  font-size: .9rem;
  margin: auto;
  padding: 0;
  position: absolute;
  top: 20px;
  right: 20px;
  border: 0;
  background-color: transparent
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  #cookie-policy button {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -128px -380px;
    background-size: 457px 446px
  }
}

#cookie-policy p {
  display: inline;
  font-family: LacosteSansLight;
  line-height: 2.2rem;
  text-transform: none
}

#cookie-policy .cookiepolicy-message {
  margin: auto;
  padding: 9px 0;
  position: relative
}

#cookie-policy .cookiepolicy-message a {
  text-decoration: underline;
  white-space: nowrap;
  color: #fff;
  text-transform: uppercase;
  font-family: LacosteSansBold;
  font-size: 1.2rem
}

.cookiepolicy-clear {
  height: 40px
}

@media screen and (max-width:680px) {
  #cookie-policy {
    bottom: 0;
    width: 100%;
    right: 0;
    padding: 30px
  }
}

.topbar {
  position: fixed;
  top: 0;
  left: 250px;
  width: calc(100% - 250px);
  height: 88px;
  background-color: #fff;
  border-bottom: 1px solid #ebebeb;
  text-align: left;
  outline: 0;
  z-index: 120
}

.topbar .topbar-wrapper {
  display: block;
  font-size: 0
}

.topbar .topbar-wrapper .items-left,
.topbar .topbar-wrapper .items-right {
  display: flex;
  justify-content: flex-end
}

.topbar .topbar-wrapper .items-left li a.topbar-item,
.topbar .topbar-wrapper .items-right li a.topbar-item {
  position: relative;
  background-color: #fff;
  display: block;
  padding-left: 20px;
  padding-right: 20px;
  height: 88px;
  line-height: 88px;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedBold;
  text-transform: uppercase;
  color: #292929;
  text-decoration: none;
  border-bottom: 1px solid #ededed;
  transition: all .3s ease-out
}

.topbar .topbar-wrapper .items-left li a.topbar-item:after,
.topbar .topbar-wrapper .items-right li a.topbar-item:after {
  content: '';
  position: absolute;
  bottom: -1px;
  left: -1px;
  width: calc(100% + 2px);
  height: 0;
  background-color: #292929;
  transition: height .1s ease-out
}

.topbar .topbar-wrapper .items-left li a.topbar-item.store-selected,
.topbar .topbar-wrapper .items-right li a.topbar-item.store-selected {
  position: relative
}

.topbar .topbar-wrapper .items-left li a.topbar-item.store-selected:after,
.topbar .topbar-wrapper .items-right li a.topbar-item.store-selected:after {
  background: #285f41
}

.navbar-top {
  position: relative;
  height: 88px
}

.tb-search form {
  position: relative;
  margin-right: 20px
}

.tb-search input.q {
  width: 235px;
  border: 1px solid #e2e2e2;
  height: 46px;
  line-height: 4.4rem;
  margin-top: 20px;
  border-radius: 5px;
  padding-left: 70px;
  padding-right: 40px;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedBold;
  color: #292929;
  background-color: #fff
}

input.q::-ms-input-placeholder {
  color: #aaa
}

input.q::-moz-placeholder {
  color: #aaa
}

input.q::-webkit-input-placeholder {
  color: #aaa
}

.tb-search input.qsubmit {
  font-size: 0;
  position: absolute;
  left: 40px;
  top: 36px;
  width: 14px;
  height: 14px;
  border: none;
  background-position: -30px -60px
}

.topbar .topbar-wrapper ul li.my-cart a.topbar-item {
  background-color: #105a33;
  padding-right: 80px;
  padding-left: 40px;
  border-left: 1px solid #292929;
  border-bottom: none;
  color: #fff
}

.topbar .topbar-wrapper ul li.my-cart a.topbar-item:after {
  display: none
}

.topbar .topbar-wrapper ul li.my-cart a.topbar-item.isLoading span {
  opacity: 0
}

.topbar .topbar-wrapper ul li.my-fav a.topbar-item {
  padding-right: 80px;
  padding-left: 40px;
  border-bottom: none;
  color: #292929;
}

.topbar .topbar-wrapper ul li.my-fav a.topbar-item:after {
  /* display: none */
}

.topbar .topbar-wrapper ul li.my-fav a.topbar-item.isLoading span {
  opacity: 0
}

.topbar .topbar-wrapper ul li.my-cart .minicart-count {
  position: absolute;
  top: 50%;
  right: 24px;
  line-height: 12px;
  width: 14px;
  height: 14px;
  background-color: #292929;
  color: #fff;
  font-size: 1rem;
  font-family: LacosteSansCondensedLight;
  text-align: center;
  border-radius: 7px;
  transform: translateY(calc(-50% - 9px));
  -webkit-transform: translateY(calc(-50% - 9px));
  transition: all ease .3s
}

.topbar .topbar-wrapper ul li.my-fav .fav-count {
  position: absolute;
  top: 50%;
  right: 24px;
  line-height: 12px;
  width: 14px;
  height: 14px;
  background-color: #292929;
  color: #fff;
  font-size: 1rem;
  font-family: LacosteSansCondensedLight;
  text-align: center;
  border-radius: 7px;
  transform: translateY(calc(-50% - 9px));
  -webkit-transform: translateY(calc(-50% - 9px));
  transition: all ease .3s
}

.topbar .topbar-wrapper ul li.my-cart.cart-is-empty a.topbar-item {
  background-color: #292929
}

.topbar .topbar-wrapper ul li.my-cart.cart-is-empty .minicart-count {
  background-color: #105a33
}

.topbar .topbar-wrapper ul li.my-fav.fav-is-empty .fav-count {
  background-color: #105a33
}

.topbar .topbar-wrapper li.link-with-sub .rover-menu {
  pointer-events: none;
  overflow: hidden;
  z-index: 20;
  position: fixed;
  top: 88px;
  right: 0;
  visibility: hidden;
  border: 1px solid #f4f4f4;
  border-top: none
}

.topbar .topbar-wrapper li.link-with-sub.cart-is-empty .rover-menu {
  border: none
}

.topbar .topbar-wrapper li.link-with-sub.fav-is-empty .rover-menu {
  border: none
}

.topbar .topbar-wrapper li.link-with-sub .rover-menu>div {
  opacity: 0;
  display: block;
  background-color: #fff;
  position: relative;
  width: 655px;
  height: 455px;
  top: 0
}

.topbar .topbar-wrapper li .rover-menu>div>div {
  position: relative
}

.topbar .topbar-wrapper li .rover-menu>div>form {
  position: relative;
  height: calc(100% - 150px);
  border-bottom: 1px solid #ededed
}

.topbar .topbar-wrapper li .rover-menu>div div.texts {
  height: 100%
}

.topbar .topbar-wrapper li .rover-menu>div div.texts>div {
  height: 100%;
  padding: 40px
}

.topbar .topbar-wrapper li .rover-menu>div div.texts>div:first-child {
  border-right: 1px solid #ededed
}

.topbar .topbar-wrapper li .rover-menu>div div.buttons {
  position: absolute;
  width: 100%;
  display: block;
  left: 0;
  bottom: 30px
}

.topbar .topbar-wrapper li .rover-menu>div div.buttons>div {
  vertical-align: bottom
}

.topbar .topbar-wrapper li .rover-menu>div div.buttons a,
.topbar .topbar-wrapper li .rover-menu>div div.buttons input[type=submit] {
  width: calc(100% - 80px);
  margin-left: 40px;
  margin-bottom: 10px;
  margin-top: 0
}

.login-oauth {
  text-align: center;
  margin-bottom: 40px
}

.login-oauth>p,
.topbar .topbar-wrapper li .rover-menu .login-oauth>p {
  font-family: LacosteSansCondensedBold;
  text-transform: uppercase;
  color: #292929;
  text-align: center;
  font-size: 1.5rem
}

.login-oauth>div>div>div {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin: 0 10px;
  transition: all ease .3s
}

.login-oauth>div>div>div:after {
  display: none
}

.topbar .topbar-wrapper li .rover-menu .login-oauth>p {
  margin: 20px auto
}

.topbar .topbar-wrapper li:nth-of-type(5) .rover-menu>div {
  height: 590px
}

.topbar .topbar-wrapper li .rover-menu .bottom-topLogin {
  width: calc(100% - 80px);
  margin-left: 40px;
  margin-bottom: 10px;
  margin-top: 0;
  position: absolute;
  bottom: 20px;
  left: 0
}

.topbar .topbar-wrapper li .rover-menu div.wai-topbar-rover-titles,
.topbar .topbar-wrapper li .rover-menu p {
  margin: 0;
  padding: 0
}

.topbar .topbar-wrapper li .rover-menu div.wai-topbar-rover-titles {
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  text-transform: uppercase;
  color: #292929
}

.topbar .topbar-wrapper li .rover-menu p {
  font-size: 1.3rem;
  line-height: 1.8em;
  color: #606060;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 30px
}

.topbar .topbar-wrapper li .rover-menu p span.legals {
  display: block;
  margin-top: 10px;
  font-family: LacosteSansLightItalic;
  font-size: 1.1rem;
  color: #606060
}

.login-oauth>p,
.topbar .topbar-wrapper li .rover-menu .login-oauth>p {
  font-family: LacosteSansCondensedBold;
  text-transform: uppercase;
  color: #292929;
  text-align: center;
  font-size: 1.5rem
}

.login-oauth>div>div>div {
  width: 40px;
  height: 40px;
  display: inline-block;
  margin: 0 10px
}

.login-oauth>div>div>div:after {
  display: none
}

.topbar .topbar-wrapper li .rover-menu .login-oauth>p {
  margin: 20px auto
}

.topbar .topbar-wrapper li:nth-of-type(5) .rover-menu>div {
  height: 590px
}

.topbar .topbar-wrapper li .rover-menu .bottom-topLogin {
  width: calc(100% - 80px);
  margin-left: 40px;
  margin-bottom: 10px;
  margin-top: 0;
  position: absolute;
  bottom: 20px;
  left: 0
}

.topbar .topbar-wrapper li .rover-menu div.wai-topbar-rover-titles,
.topbar .topbar-wrapper li .rover-menu p {
  margin: 0;
  padding: 0
}

.topbar .topbar-wrapper li .rover-menu div.wai-topbar-rover-titles {
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  text-transform: uppercase;
  color: #292929
}

.topbar .topbar-wrapper li .rover-menu p {
  font-size: 1.3rem;
  line-height: 1.8em;
  color: #606060;
  text-transform: none;
  margin-top: 10px;
  margin-bottom: 30px
}

.topbar .topbar-wrapper li .rover-menu p span.legals {
  display: block;
  margin-top: 10px;
  font-family: LacosteSansLightItalic;
  font-size: 1.1rem;
  color: #606060
}

.topbar li .rover-menu label {
  font-size: 1.3rem;
  color: #292929;
  font-family: LacosteSansLight;
  text-transform: none
}

.topbar li .rover-menu input:not([type=submit]) {
  font-size: 1.3rem;
  border: none;
  line-height: 4.5rem;
  background-color: #f2f2f2;
  color: #292929;
  height: 45px;
  width: 100%;
  display: block;
  text-transform: none;
  padding-left: 20px;
  padding-right: 20px
}

.topbar li .rover-menu a.forgot-pass-header {
  font-size: 1.1rem;
  font-family: LacosteSansLight;
  color: #606060;
  text-transform: none;
  text-decoration: underline
}

.topbar li.my-account.logged a.topbar-item {
  color: #105a33
}

.topbar li.my-account.logged a.topbar-item:after {
  background-color: #105a33
}

.topbar li.my-account.logged .rover-menu>div {
  height: auto;
  width: 510px;
  padding-top: 40px
}

.topbar li.my-account.logged .rover-menu>div>.section {
  width: 100%;
  padding: 40px
}

.topbar li.my-account.logged .rover-menu>div>.section:first-child {
  padding-top: 0
}

.topbar li.my-account.logged .rover-menu>div>.section h5 {
  color: #105a33;
  margin: 0;
  padding: 0
}

.topbar li.my-account.logged .rover-menu>div>.links {
  position: relative;
  margin-left: 40px;
  width: calc(100% - 80px);
  background-color: #f4f4f4;
  padding: 25px 40px
}

.topbar li.my-account.logged .rover-menu>div>.links>ul {
  position: relative;
  display: block;
  top: auto;
  right: auto;
  width: 100%;
  padding: 0
}

.topbar li.my-account.logged .rover-menu>div>.links>ul>li {
  float: none;
  display: block;
  width: 100%
}

.topbar li.my-account.logged .rover-menu>div>.links a {
  background: 0 0;
  display: block;
  width: 100%;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedBold;
  text-decoration: none;
  text-transform: uppercase;
  color: #292929;
  padding-left: 20px;
  height: 30px;
  line-height: 3rem;
  border-bottom: none
}

.topbar li.my-account.logged .rover-menu>div .panama-container {
  position: relative
}

.topbar li.my-account.logged .rover-menu>div .panama-container .logo-club-container {
  width: 100%;
  padding-bottom: 13px;
  border-bottom: 1px solid #ededed
}

.topbar li.my-account.logged .rover-menu>div .panama-container .logo-club-container .logo-club {
  display: block;
  width: 169px;
  height: 18px;
  background-position: 0 -180px
}

.topbar li.my-account.logged .rover-menu>div .panama-container p {
  margin-top: 40px;
  margin-bottom: 0
}

.topbar li.my-account.logged .rover-menu>div>.links a:after {
  width: 4px;
  height: 7px;
  left: 0;
  top: 12px;
  transition: left 150ms ease-out;
  background-color: transparent;
  background-position: -30px -90px
}

.topbar li.my-account.logged .rover-menu>div a.logout {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  text-transform: uppercase;
  color: #292929;
  text-decoration: none;
  padding-left: 15px;
  position: relative
}

.topbar li.my-account.logged .rover-menu>div a.logout:after {
  content: "";
  background-position: -180px -180px;
  width: 7px;
  height: 7px;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%)
}

#search-render {
  position: relative
}

.search-suggestions {
  font-size: 1.5rem;
  text-transform: uppercase;
  display: none;
  width: 450px;
  position: absolute;
  top: 88px;
  left: 0
}

.search-suggestions p {
  line-height: 5rem;
  margin: 0;
  padding: 0;
  height: 50px;
  padding-left: 20px;
  font-family: LacosteSansCondensedLight;
  background-color: #f4f4f4;
  border-bottom: 1px solid #ededed;
  color: #292929
}

.search-suggestions .results p {
  cursor: pointer;
  transition: all .3s linear;
  font-family: LacosteSansCondensedBold;
  background-color: #fff
}

.search-suggestions .results p.active {
  color: #fff;
  background-color: #292929
}

.search-suggestions.show {
  display: block
}

.topbar .topbar-wrapper li.menu-change-language .rover-menu>div {
  height: auto;
  width: 465px;
  padding-top: 30px;
  padding-bottom: 30px
}

.topbar li.menu-change-language .rover-menu>div a {
  transition: all .3s linear;
  display: block;
  text-decoration: none;
  line-height: 4rem;
  margin: 0;
  padding: 0;
  height: 40px;
  padding-left: 40px;
  font-family: LacosteSansCondensedLight;
  background-color: #fff;
  color: #292929;
  font-size: 1.5rem
}

.topbar li.menu-change-language .rover-menu>div a.active {
  font-family: LacosteSansCondensedBold
}

li#top-minicart>div,
li#top-fav>div {
  position: relative
}

li#top-minicart .loader-container,
li#top-fav .loader-container {
  position: absolute;
  top: 17px;
  right: 20px;
  pointer-events: none
}

li#top-minicart .loader-container .loader .circular .path,
li#top-fav .loader-container .loader .circular .path {
  animation: none;
  stroke: #fff
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div {
  min-height: 160px;
  width: 816px;
  font-size: 0;
  position: relative;
  height: auto;
  background: #f4f4f4
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div>div {
  display: inline-block;
  vertical-align: top;
  height: auto;
  position: relative
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-total {
  width: 327px;
  vertical-align: bottom;
  min-height: 300px
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-total .cart-total-infos {
  position: absolute;
  left: 40px;
  width: calc(100% - 80px);
  bottom: 40px
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-total .cart-total-infos .total-block {
  width: 100%;
  border-bottom: 1px solid #ededed;
  padding: 20px;
  background: #fff
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-total .cart-total-infos .total-block span {
  display: block;
  font-family: LacosteSansCondensedBold;
  text-transform: uppercase
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-total .cart-total-infos .total-block span.text {
  font-size: 1.5rem;
  color: #292929
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-total .cart-total-infos .total-block span.total {
  font-size: 2.5rem;
  color: #105a33
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-total .cart-total-infos a {
  width: 100%;
  text-align: center
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-total .cart-total-infos .cart-shipping-advice {
  position: relative;
  font-size: 1.5rem;
  margin-top: 25px;
  font-family: LacosteSansCondensedBold;
  color: #292929;
  text-transform: uppercase;
  padding-left: 40px
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-total .cart-total-infos .cart-shipping-advice:after {
  width: 27px;
  height: 26px;
  background-position: -240px -60px;
  content: "";
  position: absolute;
  left: 0;
  top: -5px
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container {
  width: 489px;
  background: #fff;
  border-right: 1px solid #ededed
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items {
  width: 100%;
  max-height: 480px;
  overflow: hidden;
  min-height: 300px
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items .cart-items-wrapper {
  position: relative;
  transition: top .3s ease-out;
  top: 0
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items .cart-item {
  position: relative;
  height: 160px;
  border-bottom: 1px solid #ededed;
  padding-left: 30px
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items .cart-item>div {
  display: inline-block;
  vertical-align: middle;
  height: 100%
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items .cart-item .cart-item-image {
  width: 160px;
  text-align: center
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items .cart-item .cart-item-image img {
  width: 100px;
  height: auto;
  margin-top: 30px
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items .cart-item .cart-item-info {
  height: 100%;
  width: calc(100% - 160px)
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items .cart-item .cart-item-info .cart-item-info-container {
  position: relative
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items .cart-item .cart-item-info .cart-item-info-container>div {
  margin-bottom: 5px;
  font-size: 1.2rem;
  color: #606060;
  text-transform: none;
  padding-left: 20px;
  text-align: left;
  padding-right: 40px
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items .cart-item .cart-item-info .cart-item-info-container>div.cart-product-title,
.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items .cart-item .cart-item-info .cart-item-info-container>div.cart-product-title>a {
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  color: #292929;
  text-transform: uppercase;
  text-decoration: none
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items .cart-item .cart-item-info .cart-item-info-container span.label {
  color: #292929
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container .cart-items-switcher {
  position: relative;
  display: block;
  height: 40px;
  background-color: #fff;
  padding-left: 40px;
  font-size: 0
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container .cart-items-switcher>div {
  transition: all .3s linear;
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 60px;
  height: 40px;
  background-color: #292929;
  border-right: 1px solid #454545
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container .cart-items-switcher>div.inactive {
  cursor: default;
  pointer-events: none;
  background-color: #fff
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container .cart-items-switcher>div:after {
  transition: top .3s ease-out .3s;
  position: absolute;
  content: "";
  width: 21px;
  height: 11px;
  top: 15px;
  left: 21px
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container .cart-items-switcher>div.cart-move-down {
  border-right: none
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container .cart-items-switcher>div.cart-move-up:after {
  background-position: -120px -90px
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container .cart-items-switcher>div.cart-move-down:after {
  background-position: -60px -90px
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container .cart-items-switcher>div.cart-move-up.inactive:after {
  background-position: -360px 0
}

.topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container .cart-items-switcher>div.cart-move-down.inactive:after {
  background-position: -330px 0
}

#promotion-banner {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: rgba(41, 41, 41, .9);
  color: #fff;
  z-index: 500;
  height: 70px;
  overflow: hidden;
  padding-left: 40px;
  padding-right: 40px;
  display: none
}

#promotion-banner.display {
  display: block
}

#promotion-banner ul {
  position: relative;
  padding: 0;
  margin: 0
}

#promotion-banner ul li {
  position: absolute;
  display: block;
  height: 70px;
  line-height: 6.5rem;
  font-size: 1.4rem;
  font-family: LacosteSansCondensedLight;
  transform: translateY(70px);
  -webkit-transform: translateY(70px);
  left: 0;
  text-transform: uppercase
}

#promotion-banner ul li.active {
  transform: translateY(0);
  -webkit-transform: translateY(0);
  transition: transform .3s ease-out;
  -webkit-transition: -webkit-transform .3s ease-out
}

#promotion-banner ul li.out {
  transform: translateY(-70px);
  -webkit-transform: translateY(-70px);
  transition: transform .3s ease-out;
  -webkit-transition: -webkit-transform .3s ease-out
}

#promotion-banner ul li>div>* {
  position: relative;
  display: inline-block;
  vertical-align: middle
}

#promotion-banner ul li>div>p {
  margin: 0;
  padding: 0
}

#promotion-banner ul li>div>p b,
#promotion-banner ul li>div>p strong {
  font-weight: 400;
  font-family: LacosteSansCondensedBold
}

#promotion-banner ul li>div>span {
  height: 20px;
  padding-left: 7px;
  padding-right: 7px;
  color: #292929;
  line-height: 1.9rem;
  margin-right: 20px
}

#promotion-banner span.close-btn {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 13px;
  height: 13px;
  background-position: -180px -90px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.main-container-checkout nav.topbar .reinsurance-items {
  display: block;
  font-size: 0;
  text-align: right;
  width: 100%
}

.main-container-checkout nav.topbar .reinsurance-items>button {
  width: auto;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 85px;
  cursor: pointer;
  position: relative;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedBold;
  border: none;
  background: 0 0
}

.main-container-checkout nav.topbar .reinsurance-items img.reinsurance-img {
  height: 50px
}

.main-container-checkout nav.topbar .reinsurance-items>button:after {
  content: "";
  position: absolute;
  height: 0;
  width: 100%;
  background-color: #292929;
  bottom: 0;
  left: 0;
  transition: height .3s ease-out
}

.main-container-checkout nav.topbar .reinsurance-items>button .btn-center+span {
  margin: 0;
  padding: 0;
  margin-left: 15px
}

.main-container-checkout nav.topbar .reinsurance-items>button>.btn-center+span,
.main-container-checkout nav.topbar .reinsurance-items>button>span.btn-center {
  display: inline-block
}

.main-container-checkout nav.topbar .reinsurance-items>button>span.btn-center>span {
  position: relative;
  top: 5px
}

.main-container-checkout nav.topbar .logo {
  position: absolute;
  left: 25px
}

.topbar .topbar-wrapper ul li.link-with-sub.js-open .rover-menu {
  z-index: 25;
  pointer-events: all;
  visibility: visible
}

.topbar .topbar-wrapper ul li.link-with-sub.js-open .rover-menu {
  visibility: visible
}

.topbar .topbar-wrapper ul li.link-with-sub.js-open .rover-menu>div {
  opacity: 1
}

@media screen and (min-width:1280px) {
  .topbar .topbar-wrapper.no-desktop {
    display: none
  }
  .topbar .find-store a.nav-ico-after:before {
    display: none
  }
  .topbar .topbar-wrapper ul li:hover a.topbar-item {
    background-color: transparent
  }
  .topbar .topbar-wrapper ul li:hover a.topbar-item:after {
    height: 5px
  }
  .topbar .topbar-wrapper ul li.my-cart a.topbar-item svg {
    fill: #fff;
    font-size: 25px;
    position: absolute;
    right: 29px;
    top: 30px
  }
  .topbar .topbar-wrapper ul li.my-fav a.topbar-item svg {
    fill: #fff;
    font-size: 25px;
    position: absolute;
    right: 29px;
    top: 30px
  }
  .topbar .topbar-wrapper ul li.my-cart:hover a.topbar-item {
    background-color: #105a33
  }
  .topbar .topbar-wrapper ul li.my-cart:hover a.topbar-item:after {
    display: none
  }
  .topbar .topbar-wrapper ul li.my-fav:hover a.topbar-item {
    /* background-color: #105a33 */
  }
  .topbar .topbar-wrapper ul li.my-fav:hover a.topbar-item:after {
    /* display: none */
  }
  .topbar .topbar-wrapper ul li.my-cart:hover .minicart-count {
    background: #292929
  }
  .topbar .topbar-wrapper ul li.my-fav:hover .fav-count {
    background: #292929
  }
  .topbar .topbar-wrapper ul li.link-with-sub:hover .rover-menu {
    z-index: 25;
    pointer-events: all;
    visibility: visible
  }
  .topbar .topbar-wrapper ul li.link-with-sub:hover .rover-menu {
    visibility: visible
  }
  .topbar .topbar-wrapper ul li.link-with-sub:hover .rover-menu>div {
    opacity: 1
  }
  .topbar .topbar-wrapper ul li.link-with-sub.add-trans .rover-menu>div {
    transition: opacity .3s linear
  }
  .topbar .topbar-wrapper ul li.link-with-sub.no-overlay:hover .rover-menu {
    pointer-events: none
  }
  .topbar .topbar-wrapper ul li.link-with-sub.no-overlay:hover .rover-menu>div {
    opacity: 0
  }
  .topbar .topbar-wrapper li .rover-menu>div div.buttons a:hover,
  .topbar .topbar-wrapper li .rover-menu>div div.buttons input[type=submit]:hover {
    text-decoration: none
  }
  .topbar li.my-account.logged .rover-menu>div>.links a:hover {
    text-decoration: underline
  }
  .topbar li.my-account.logged .rover-menu>div a.logout:hover {
    text-decoration: underline
  }
  .search-suggestions .results p:hover {
    color: #fff;
    background-color: #292929
  }
  .topbar li.menu-change-language .rover-menu>div a:hover {
    background-color: #f4f4f4
  }
  .topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container .cart-items-switcher>div:hover:after {
    transition: top .3s ease-out
  }
  .topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container .cart-items-switcher>div.cart-move-up:hover:after {
    top: 10px
  }
  .topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container .cart-items-switcher>div.cart-move-down:hover:after {
    top: 20px
  }
  .search-suggestions .results p:last-child {
    border-bottom: none
  }
  .main-container-checkout nav.topbar .reinsurance-items>button:hover:after {
    height: 5px
  }
}

.topbar .topbar-wrapper ul.items-left li.find-store a .icon-svg {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  margin-top: 11px;
  font-size: 25px;
  fill: #292929
}

@media screen and (max-width:1279px) and (min-width:460px) {
  .topbar .topbar-wrapper {
    padding: 0 30px
  }
  ul.items-left li:nth-of-type(2) {
    margin-left: 10px
  }
}

@media screen and (max-width:1279px) {
  body.openMenu {
    overflow: hidden;
  }

  .navbar-top {
    position: sticky;
    top: 0;
    height: 50px;
    z-index: 152
  }
  .topbar {
    position: relative;
    left: 0;
    width: 100%;
    height: 50px;
    border-bottom: none
  }
  .topbar .topbar-wrapper {
    display: flex;
    justify-content: space-between;
    padding: 0 10px
  }
  .topbar .topbar-wrapper.only-desktop {
    display: none
  }
  .topbar .topbar-wrapper .items-left li a.topbar-item,
  .topbar .topbar-wrapper .items-right li a.topbar-item {
    height: 50px;
    line-height: 50px;
    border-bottom: none
  }
  .topbar .topbar-wrapper li.link-with-sub .rover-menu {
    top: 50px
  }
  .topbar .topbar-wrapper li.my-cart .rover-menu>div {
    width: 100vw
  }
  .topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-items-container {
    width: 60%
  }
  .topbar .topbar-wrapper li.my-cart .rover-menu>div .cart-total {
    width: 40%
  }
  li.menu-search {
    position: absolute;
    top: 50px;
    left: 0;
    width: 100vw;
    display: none;
    float: none!important
  }
  li.menu-search.display {
    display: block
  }
  li.menu-search form {
    display: block;
    padding: 15px 40px;
    background-color: #f8f8f8;
    margin-right: 0;
    border-bottom: 1px solid #ededed
  }
  .tb-search input.q {
    margin-top: 0;
    width: 100%;
    padding-left: 50px;
    height: 60px;
    line-height: 5.8rem
  }
  .tb-search input.qsubmit {
    left: 60px;
    top: 40px
  }
  .search-suggestions {
    box-shadow: 0 8px 20px 0 rgba(41, 41, 41, .3);
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    left: 40px
  }
  #promotion-banner {
    height: 50px
  }
  #promotion-banner ul li {
    height: 50px;
    line-height: 4.5rem
  }
  .main-container-checkout nav.topbar {
    height: 88px
  }
  .main-container-checkout .site-sections .content-container {
    padding-top: 88px
  }
  li#top-minicart .loader-container,
  li#top-fav .loader-container {
    top: 0;
    right: 15px
  }
  .main-container-checkout nav.topbar {
    height: 50px
  }
  .main-container-checkout .site-sections .content-container {
    padding-top: 50px
  }
  .main-container-checkout nav.topbar .logo {
    position: relative;
    left: auto;
    text-align: center
  }
  .main-container-checkout nav.topbar .logo>a {
    width: 195px;
    height: 50px;
    border-left: none;
    height: 17px;
    width: 118px;
    background-position: -210px 0;
    background-color: transparent
  }
  .topbar .topbar-wrapper ul.items-left,
  .topbar .topbar-wrapper ul.items-right {
    padding: 0;
    width: auto;
    display: flex
  }
  .topbar .topbar-wrapper ul.items-left li,
  .topbar .topbar-wrapper ul.items-right li {
    text-align: center;
    height: 50px
  }
  .topbar .topbar-wrapper ul.items-left li svg,
  .topbar .topbar-wrapper ul.items-right li svg {
    margin-top: 8px
  }
  .topbar .topbar-wrapper ul.items-left li .burger-menu,
  .topbar .topbar-wrapper ul.items-right li .burger-menu {
    width: 50px;
    height: 50px;
    overflow: hidden;
    cursor: pointer
  }
  .topbar .topbar-wrapper ul.items-left li .burger-menu span,
  .topbar .topbar-wrapper ul.items-right li .burger-menu span {
    font-size: 0
  }
  .topbar .topbar-wrapper ul.items-left li .burger-menu svg,
  .topbar .topbar-wrapper ul.items-right li .burger-menu svg {
    font-size: 30px;
    stroke: #292929;
    margin-top: 10px
  }
  .topbar .topbar-wrapper ul.items-left li.find-store a.topbar-item,
  .topbar .topbar-wrapper ul.items-right li.find-store a.topbar-item {
    width: 50px;
    padding: 0;
    text-align: center;
    font-size: 0
  }
  .topbar .topbar-wrapper ul.items-left li.find-store a.topbar-item:before,
  .topbar .topbar-wrapper ul.items-right li.find-store a.topbar-item:before {
    display: inline-block;
    font-size: 2.4rem
  }
  .topbar .topbar-wrapper ul.items-left li.search-icon,
  .topbar .topbar-wrapper ul.items-right li.search-icon {
    position: relative;
    width: 50px;
    border: none
  }
  .topbar .topbar-wrapper ul.items-left li.search-icon svg,
  .topbar .topbar-wrapper ul.items-right li.search-icon svg {
    stroke: #292929;
    fill: none;
    font-size: 22px;
    margin-top: 15px
  }
  .topbar .topbar-wrapper ul.items-left li.my-cart a.topbar-item,
  .topbar .topbar-wrapper ul.items-right li.my-cart a.topbar-item {
    width: 35px;
    padding: 0;
    background: 0 0;
    font-size: 0;
    border: none
  }
  .topbar .topbar-wrapper ul.items-left li.my-cart a.topbar-item svg,
  .topbar .topbar-wrapper ul.items-right li.my-cart a.topbar-item svg {
    fill: #292929;
    font-size: 25px;
    position: absolute;
    top: 5px;
    right: 10px
  }
  .topbar .topbar-wrapper ul.items-left li.my-fav a.topbar-item,
  .topbar .topbar-wrapper ul.items-right li.my-fav a.topbar-item {
    width: 35px;
    padding: 0;
    background: 0 0;
    font-size: 0;
    border: none
  }
  .topbar .topbar-wrapper ul.items-left li.my-fav a.topbar-item svg,
  .topbar .topbar-wrapper ul.items-right li.my-fav a.topbar-item svg {
    fill: #292929;
    font-size: 25px;
    position: absolute;
    top: 5px;
    right: 10px
  }
  .topbar .topbar-wrapper ul.items-left li.my-cart .minicart-count,
  .topbar .topbar-wrapper ul.items-right li.my-cart .minicart-count {
    right: 8px
  }
  .topbar .topbar-wrapper ul.items-left li.my-fav .fav-count,
  .topbar .topbar-wrapper ul.items-right li.my-fav .fav-count {
    right: 8px
  }
  .topbar .topbar-wrapper ul.items-left li.logo-top-container a.logo-top,
  .topbar .topbar-wrapper ul.items-right li.logo-top-container a.logo-top {
    position: relative;
    display: inline-block;
    width: auto;
    height: 50px;
    padding: 0;
    border-left: none
  }
  .topbar .topbar-wrapper ul.items-left li.logo-top-container a.logo-top svg,
  .topbar .topbar-wrapper ul.items-right li.logo-top-container a.logo-top svg {
    width: 140px;
    height: 34px
  }
}

@media screen and (max-width:980px) {
  .main-container-checkout nav.topbar .reinsurance-items {
    display: none
  }
}

@media screen and (max-width:640px) {
  .tb-search input.q {
    height: 46px;
    line-height: 4.4rem
  }
  li.menu-search form {
    padding-left: 15px;
    padding-right: 15px
  }
  .tb-search input.qsubmit {
    left: 35px;
    top: 32px
  }
  #promotion-banner {
    height: 100px;
    padding-left: 20px
  }
  #promotion-banner ul li {
    height: 100px;
    line-height: 1.8em;
    padding-right: 10px;
    display: table;
    transform: translateY(100px);
    -webkit-transform: translateY(100px)
  }
  #promotion-banner ul li>div {
    display: table-cell;
    vertical-align: middle
  }
  #promotion-banner ul li>div>span {
    padding-bottom: 3px;
    padding-top: 2px;
    display: inline
  }
  #promotion-banner ul li>div>p {
    display: block;
    padding-top: 10px
  }
  #promotion-banner span.close-btn {
    top: 15px;
    right: 15px;
    transform: none;
    -webkit-transform: none
  }
  .search-suggestions {
    width: calc(100% - 40px);
    left: 20px;
    top: 68px;
    overflow-y: scroll;
    overflow-x: none;
    max-height: 50vh
  }
  li#top-minicart .loader-container,
  li#top-fav .loader-container {
    right: 0
  }
}

@media screen and (max-width:360px) {
  .topbar .topbar-wrapper {
    padding: 0 4px
  }
  .topbar .topbar-wrapper ul.items-left li.logo-top-container a.logo-top svg {
    width: 104px;
    height: 26px;
    margin-top: 14px
  }
  .topbar .topbar-wrapper ul.items-left li .burger-menu,
  .topbar .topbar-wrapper ul.items-left li.find-store a.topbar-item,
  .topbar .topbar-wrapper ul.items-left li.my-cart a.topbar-item,
  .topbar .topbar-wrapper ul.items-left li.my-fav a.topbar-item,
  .topbar .topbar-wrapper ul.items-left li.search-icon,
  .topbar .topbar-wrapper ul.items-right li .burger-menu,
  .topbar .topbar-wrapper ul.items-right li.find-store a.topbar-item,
  .topbar .topbar-wrapper ul.items-right li.my-cart a.topbar-item,
  .topbar .topbar-wrapper ul.items-right li.my-fav a.topbar-item,
  .topbar .topbar-wrapper ul.items-right li.search-icon {
    width: 40px
  }
}

.sidenav {
  position: relative
}

.main-sidebar {
  min-height: 100vh;
  border-right: 1px solid #ededed;
  background-color: #f4f4f4;
  width: 250px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 125
}

.main-sidebar.notfixedanymore {
  position: relative
}

.main-sidebar .logo {
  line-height: 88px;
  height: 88px;
  background-color: #fff;
  width: 100%;
  position: fixed;
  display: block;
  border-bottom: 1px solid #ededed;
  text-align: center;
  width: 250px;
  top: 0;
  left: 0;
  z-index: 100
}

.main-sidebar .logo:after {
  content: "";
  height: 100%;
  width: 1px;
  background: #fff;
  top: 0;
  right: -1px;
  position: absolute
}

.main-sidebar h1.logo {
  margin: 0;
  padding: 0
}

a.link-logo {
  display: inline-block;
  width: 169px;
  height: 42px;
  background-position: 0 0;
  margin-top: 20px
}

a.link-logo>span {
  display: none
}

.main-sidebar ul,
.main-sidebar ul li {
  padding: 0;
  margin: 0
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub {
  margin-top: 88px;
  padding-top: 28px
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub.nmb {
  margin-top: 0
}

.main-sidebar>.main-sidebar-wrapper>ul {
  padding-top: 23px;
  padding-bottom: 23px;
  position: relative
}

.main-sidebar>.main-sidebar-wrapper>ul:after {
  content: "";
  position: absolute;
  width: calc(250px - 80px);
  left: 40px;
  bottom: 0;
  height: 1px;
  background-color: #e2e2e2
}

.main-sidebar>.main-sidebar-wrapper>ul.no-border-bottom:after {
  display: none
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub a.menu-acc {
  z-index: 30;
  position: relative;
  display: block;
  transition: color .3s linear;
  width: 100%;
  height: 30px;
  line-height: 3rem;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  color: #292929;
  padding-left: 40px;
  text-transform: uppercase;
  text-decoration: none
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub a.menu-acc:before {
  opacity: 0;
  z-index: -1;
  transition: opacity .3s linear, width .3s ease-out;
  content: "";
  height: 100%;
  width: 0;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #292929
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub li {
  z-index: 0
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub li.active {
  z-index: 5
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub>li.no-rich-menu a.menu-acc:before {
  transition: opacity .3s linear
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub a.menu-acc.is-highlight {
  background-color: #fff
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub a.menu-acc.is-highlight:before {
  width: 5px;
  opacity: 1
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub>li.no-rich-menu>a.menu-acc.is-highlight:before {
  width: 0;
  opacity: 0
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub a.menu-acc:after {
  position: fixed;
  content: "";
  top: 100px;
  width: 100px;
  height: 200px;
  display: none;
  left: calc(250px - 100px)
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub>li>ul {
  display: none
}

.main-sidebar>.main-sidebar-wrapper>ul.links-no-sub a {
  z-index: 0;
  position: relative;
  display: block;
  transition: color .3s linear;
  width: 100%;
  height: 30px;
  line-height: 3rem;
  font-family: LacosteSansCondensedLight;
  font-size: 1.5rem;
  color: #292929;
  padding-left: 55px;
  text-transform: uppercase;
  text-decoration: none
}

.main-sidebar>.main-sidebar-wrapper>ul.links-no-sub a:after {
  background-position: -30px -90px;
  z-index: -1;
  content: "";
  height: 7px;
  width: 4px;
  position: absolute;
  left: 40px;
  top: 12px
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub.js-nopointerevents {
  pointer-events: none
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu {
  pointer-events: none;
  overflow: hidden;
  z-index: 20;
  position: fixed;
  left: 250px;
  top: 88px;
  width: 800px;
  height: calc(100vh - 88px)
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.has-background>div {
  background-position: top left;
  background-repeat: no-repeat
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu>div {
  transition: left 0s ease-out;
  background-color: #fff;
  position: relative;
  left: -800px;
  top: 0;
  width: 800px;
  height: 100%
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub li.force-close .rover-menu {
  pointer-events: none!important
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub li.force-close .rover-menu>div {
  transition: left .3s ease-out 0s!important
}

.rover-menu.has-close>div>span.close-btn {
  cursor: pointer;
  display: block;
  position: absolute;
  top: 15px;
  right: 15px;
  width: 13px;
  height: 13px;
  background-position: -180px -60px
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories {
  margin-top: 5px;
  width: 720px;
  margin-left: 40px;
  position: relative;
  display: block
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories>ul {
  display: block;
  font-size: 0
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories>ul>li {
  display: inline-block;
  width: 25%;
  vertical-align: top;
  padding-right: 20px
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories a {
  display: inline-block;
  margin-bottom: 7px;
  font-size: 1.2rem;
  font-family: LacosteSansLight;
  text-decoration: none;
  text-transform: none;
  color: #606060
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories a.submenu-cat-title {
  color: #292929;
  text-decoration: underline;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  text-transform: uppercase
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories a.submenu-cat-link {
  color: #292929;
  text-decoration: underline
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories a.over-green {
  transition: color .3s linear
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .submenu-title {
  margin: 0;
  padding: 0;
  display: block;
  text-align: center;
  position: relative;
  padding-top: 25px;
  font-size: 2.5rem;
  font-family: LacosteSansCondensedBold;
  text-transform: uppercase;
  margin-bottom: 37px
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .submenu-title:after {
  bottom: -13px;
  content: "";
  position: absolute;
  width: 70px;
  left: calc((100% - 70px)/ 2);
  height: 1px;
  background-color: #292929
}

.main-sidebar>.main-sidebar-wrapper .menu-go-back,
.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu li.subsubmenu-header {
  display: none
}

.rover-menu .univers-bounce {
  margin-top: 40px;
  font-size: 0
}

.rover-menu .univers-bounce .column-container>.half-column {
  width: calc((100% - 120px)/ 2);
  margin-left: 40px;
  height: 107px
}

.rover-menu .univers-bounce .column-container>a,
.rover-menu .univers-bounce .column-container>a:hover {
  text-decoration: none
}

.rover-menu .univers-bounce .column-container>.half-column>div {
  height: 100%;
  vertical-align: middle;
  position: relative;
  overflow: hidden
}

.rover-menu .univers-bounce .column-container>.half-column .back-grey {
  background-color: #292929;
  color: #fff;
  font-size: .8rem;
  font-family: LacosteSansLight;
  text-align: right
}

.rover-menu .univers-bounce .column-container>.half-column>.half-column>div {
  position: absolute;
  right: 15px;
  bottom: 10px
}

.rover-menu .univers-bounce .column-container>.half-column>.half-column>div p {
  width: 110px;
  margin: 0;
  letter-spacing: .2em
}

.rover-menu .univers-bounce .column-container .univers-logo {
  display: inline-block;
  margin-bottom: 10px
}

.rover-menu .univers-bounce .column-container .univers-logo.logo-live {
  width: 110px;
  height: 20px;
  background-position: 0 -120px
}

.rover-menu .univers-bounce .column-container .univers-logo.logo-sport {
  width: 109px;
  height: 22px;
  background-position: -120px -120px
}

.rover-menu .univers-bounce .column-container a img {
  opacity: 1;
  transition: opacity .3s linear
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul,
.whatsnew-items ul {
  padding: 0;
  font-size: 0;
  margin-left: 40px;
  width: calc(100% - 80px);
  position: relative;
  display: block;
  padding-top: 40px
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul li,
.whatsnew-items ul li {
  display: inline-block;
  width: calc((100% - 40px)/ 2);
  margin-right: 40px;
  margin-bottom: 40px
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul li:nth-child(2n),
.whatsnew-items ul li:nth-child(2n) {
  margin-right: 0
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul li a,
.whatsnew-items ul li a {
  text-decoration: none;
  text-transform: uppercase;
  color: #292929;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul li a>img,
.whatsnew-items ul li a>img {
  opacity: 1;
  transition: opacity .3s linear;
  width: 100%;
  height: auto;
  border: 0
}

.main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul li a>.vertical-inner,
.whatsnew-items ul li a>.vertical-inner {
  text-align: center;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid #ededed
}

.main-sidebar li#menu-frenchness {
  position: relative
}

.main-sidebar li#menu-frenchness:before {
  content: "";
  width: 10px;
  height: calc(100% / 3);
  background-color: #1d2154;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11
}

.main-sidebar li#menu-frenchness:after {
  content: "";
  width: 10px;
  height: calc(100% / 3);
  background-color: #d43333;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 11
}

.main-sidebar li#menu-frenchness a {
  background-color: #fff;
  z-index: 10
}

.main-sidebar li#menu-frenchness a:before {
  background-color: #282c61;
  left: 10px
}

.french-flag {
  display: block;
  background-color: #f3f3f3
}

.french-flag:after,
.french-flag:before {
  display: block;
  height: 100%;
  width: calc(100% / 3);
  content: "";
  position: absolute;
  top: 0
}

.french-flag:before {
  background-color: #282c62;
  left: 0
}

.french-flag:after {
  background-color: #c23636;
  right: 0
}

#menu-frenchness .rover-menu .french-flag {
  position: absolute;
  top: 0;
  width: 40px;
  height: 10px;
  left: calc((100% - 40px)/ 2)
}

@media screen and (min-width:1280px) {
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub a.menu-acc:after {
    background-image: none
  }
  .main-sidebar ul.links-with-sub li:hover a.menu-acc {
    z-index: 31;
    color: #fff
  }
  .main-sidebar ul.links-with-sub li.isOver a.menu-acc {
    z-index: 31;
    color: #fff
  }
  .main-sidebar ul.links-with-sub li:hover a.menu-acc.is-highlight {
    color: #fff!important
  }
  .main-sidebar ul.links-with-sub li.isOver a.menu-acc.is-highlight {
    color: #fff!important
  }
  .main-sidebar ul.links-with-sub li.isOver a.menu-acc.is-highlight:before {
    opacity: 1!important
  }
  .main-sidebar ul.links-with-sub li:hover a.menu-acc.is-highlight:before {
    opacity: 1!important
  }
  .main-sidebar ul.links-with-sub li:hover a.menu-acc:before {
    width: calc(100% + 1px)!important;
    opacity: 1;
    transition: opacity 0s linear, width .3s ease-out
  }
  .main-sidebar ul.links-with-sub li.isOver a.menu-acc:before {
    width: calc(100% + 1px)!important;
    opacity: 1;
    transition: opacity 0s linear, width .3s ease-out
  }
  .main-sidebar li#menu-frenchness:hover a:before {
    width: calc(100% - 9px)!important
  }
  .main-sidebar li#menu-frenchness.isOver a:before {
    width: calc(100% - 9px)!important
  }
  .main-sidebar ul.links-no-sub li:hover a {
    text-decoration: underline
  }
  .main-sidebar ul.links-with-sub li.isOver .rover-menu {
    z-index: 25;
    pointer-events: all;
    visibility: visible
  }
  .main-sidebar ul.links-with-sub li.isOver .rover-menu>div {
    left: 0;
    transition: left .3s cubic-bezier(.54, .01, .63, 1.01) 0s
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories a:hover {
    text-decoration: underline
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories a.over-green:hover {
    color: #105a33
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul li a:hover>img,
  .whatsnew-items ul li a:hover>img {
    opacity: .8
  }
  .rover-menu .univers-bounce .column-container a:hover img {
    opacity: .8
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu {
    visibility: hidden
  }
}

@media screen and (max-width:1279px) {
  .main-sidebar {
    -webkit-overflow-scrolling: touch;
    overflow-y: scroll;
    height: 100vh;
    overflow-x: hidden;
    width: 385px;
    transform: translate3d(-385px, 0, 0);
    -webkit-transform: translate3d(-385px, 0, 0);
    left: 0;
    transition: transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out;
    position: relative
  }
  body.openMenu .site-sections .main-sidebar {
    -webkit-transform: none;
    transform: none
  }
  .main-sidebar.nooverflow {
    overflow-y: hidden
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-no-sub a,
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub a.menu-acc,
  .main-sidebar>.main-sidebar-wrapper>ul>li>a {
    height: 50px;
    line-height: 5rem;
    border-bottom: 1px solid #e5e5e5;
    padding-left: 40px
  }
  .main-sidebar>.main-sidebar-wrapper>ul {
    padding-top: 0;
    padding-bottom: 0
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub {
    margin-top: 0;
    padding-top: 0
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub>li>a {
    width: 385px
  }
  .main-sidebar>.main-sidebar-wrapper>ul:after {
    display: none
  }
  .main-sidebar>.main-sidebar-wrapper>ul>li.active {
    background: #000
  }
  .main-sidebar .main-sidebar-wrapper ul li.active>a.is-highlight,
  .main-sidebar>.main-sidebar-wrapper ul li.active>a {
    color: #fff!important;
    background: #000!important
  }
  .main-sidebar>.main-sidebar-wrapper ul li.active>a:after {
    background-position: 0 -90px!important
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-no-sub a:after,
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub a.menu-acc:after {
    background-position: -30px -90px;
    z-index: -1;
    content: "";
    height: 7px;
    width: 4px;
    position: absolute;
    left: initial;
    right: 20px;
    top: 21px;
    display: block
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu {
    -webkit-overflow-scrolling: touch;
    height: 100vh;
    overflow: visible;
    overflow-y: scroll;
    display: none;
    position: absolute;
    top: 0;
    left: 385px;
    min-height: 100vh;
    width: 385px;
    pointer-events: all
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.active {
    display: block
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.active.nooverflow {
    overflow-y: hidden;
    width: 770px
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu>div {
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background-color: #292929
  }
  .main-sidebar>.main-sidebar-wrapper {
    position: relative;
    transform: none;
    -webkit-transform: none;
    transition: transform .3s ease-out;
    -webkit-transition: -webkit-transform .3s ease-out
  }
  .main-sidebar>.main-sidebar-wrapper.slide-1 {
    transform: translate3d(-385px, 0, 0);
    -webkit-transform: translate3d(-385px, 0, 0)
  }
  .main-sidebar>.main-sidebar-wrapper.slide-2 {
    transform: translate3d(-770px, 0, 0);
    -webkit-transform: translate3d(-770px, 0, 0)
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories {
    position: initial;
    margin-top: 0;
    width: 100%;
    margin-left: 0
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories>ul>li {
    display: block;
    width: 100%;
    padding-right: 0
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories>ul>li>a {
    width: 385px
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories a,
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .submenu-title,
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu li.subsubmenu-header {
    display: block;
    height: 50px;
    line-height: 5rem;
    border-bottom: 1px solid #343434;
    padding-left: 40px;
    color: #fff;
    margin-bottom: 0;
    text-transform: uppercase;
    font-family: LacosteSansCondensedBold;
    font-size: 1.5rem
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .submenu-title,
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu li.subsubmenu-header {
    padding: 0;
    font-size: 1.8rem;
    margin-bottom: 0;
    text-align: left;
    padding-left: 40px;
    color: #797979
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .submenu-title:after {
    display: none
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories a {
    position: relative!important;
    color: #fff!important;
    text-decoration: none!important
  }
  .main-sidebar>.main-sidebar-wrapper.slide-2>ul.links-with-sub .rover-menu ul ul.active>li.subsubmenu-header a {
    padding-left: 0;
    color: #606060!important;
    font-size: 1.8rem
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories a:after {
    background-position: 0 -90px;
    z-index: 1;
    content: "";
    height: 7px;
    width: 4px;
    position: absolute;
    right: 20px;
    top: 21px;
    display: block
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-footer {
    display: none
  }
  .main-sidebar>.main-sidebar-wrapper.slide-2>ul.links-with-sub .rover-menu .menu-stories>ul>li:not(.active) {
    display: none
  }
  .main-sidebar>.main-sidebar-wrapper.slide-2>ul.links-with-sub .rover-menu .menu-stories>ul>li.active>h3 {
    display: none
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu ul li ul {
    -webkit-overflow-scrolling: touch;
    height: 100vh;
    overflow-y: scroll;
    background-color: #292929;
    display: none;
    position: absolute;
    top: 0;
    left: 385px;
    min-height: 100vh;
    width: 385px;
    background: #292929
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu ul>li.active>ul.active {
    display: block
  }
  .main-sidebar-wrapper,
  .rover-menu ul li ul.active>:last-child,
  .rover-menu.active>div>.univers-bounce,
  .rover-menu.active>div>ul>li:last-child {
    padding-bottom: 80px!important
  }
  .main-sidebar>.main-sidebar-wrapper.slide-2>ul.links-with-sub .rover-menu ul>li {
    pointer-events: none
  }
  .main-sidebar>.main-sidebar-wrapper.slide-2>ul.links-with-sub .rover-menu ul>li.active {
    pointer-events: all
  }
  .main-sidebar>.main-sidebar-wrapper.slide-2>ul.links-with-sub .rover-menu ul ul.active>li {
    pointer-events: all
  }
  .main-sidebar>.main-sidebar-wrapper .menu-go-back {
    display: block;
    height: 50px;
    background-color: #4b4b4b;
    line-height: 5rem;
    position: relative;
    font-size: 1.3rem;
    font-family: LacosteSansCondensedLight;
    padding: 0;
    padding-left: 60px;
    color: #fff;
    width: 100%;
    text-align: left;
    border: none
  }
  .main-sidebar>.main-sidebar-wrapper .menu-go-back:after {
    content: "";
    position: absolute;
    width: 6px;
    height: 12px;
    left: 40px;
    top: 20px;
    background-position: -360px -150px
  }
  .main-sidebar li#menu-frenchness:after,
  .main-sidebar li#menu-frenchness:before {
    width: 5px
  }
  #menu-frenchness .rover-menu .french-flag {
    display: none
  }
  .main-sidebar>.main-sidebar-wrapper .rover-menu span.close-btn {
    display: none
  }
  .rover-menu .univers-bounce {
    width: 385px;
    padding-left: 40px;
    padding-right: 40px;
    background: #292929
  }
  .rover-menu .univers-bounce .column-container .half-column {
    display: block;
    width: 100%;
    margin: 0;
    height: auto
  }
  .rover-menu .univers-bounce .column-container>.half-column {
    padding-bottom: 40px
  }
  .rover-menu .univers-bounce .column-container>.half-column .back-grey {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #383838
  }
  .rover-menu .univers-bounce .column-container>.half-column>.half-column>div {
    position: relative;
    bottom: initial;
    right: initial;
    text-align: center
  }
  .rover-menu .univers-bounce .column-container>.half-column>.half-column>div p {
    width: 100%;
    text-align: center;
    font-size: .9rem;
    color: #cacaca;
    letter-spacing: .2em
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul {
    margin-left: 0;
    width: 385px;
    background: #292929
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul li {
    display: block;
    width: 100%;
    padding-right: 40px;
    padding-left: 40px;
    margin-right: 0;
    margin-bottom: 0
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul li a {
    color: #fff
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul li a>.vertical-inner {
    border-bottom: none;
    height: auto;
    padding-bottom: 20px;
    padding-top: 10px
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-mobiles {
    position: relative
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-mobiles>li>a {
    background-color: #fff;
    border-bottom: none;
    font-family: LacosteSansCondensedBold;
    height: 50px;
    line-height: 5rem;
    border-bottom: 1px solid #e5e5e5
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-mobiles>li>a:after {
    top: 21px
  }
  .menu-choose-language {
    background-color: #fff
  }
  .menu-choose-language>a.menu-acc {
    color: #a8a8a8!important
  }
  nav.sidenav .main-sidebar .logout-mobile {
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 40px;
    border: none;
    height: 50px
  }
}

@media screen and (max-width:640px) {
  .main-sidebar {
    width: 240px;
    transform: translate3d(-240px, 0, 0);
    -webkit-transform: translate3d(-240px, 0, 0)
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub>li>a {
    width: 240px
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu {
    left: 240px;
    width: 240px
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.active.nooverflow {
    width: 480px
  }
  .main-sidebar>.main-sidebar-wrapper.slide-1 {
    transform: translate3d(-240px, 0, 0);
    -webkit-transform: translate3d(-240px, 0, 0)
  }
  .main-sidebar>.main-sidebar-wrapper.slide-2 {
    transform: translate3d(-480px, 0, 0);
    -webkit-transform: translate3d(-480px, 0, 0)
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories>ul>li>a {
    width: 240px
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu ul li ul {
    left: 240px;
    width: 240px
  }
  .rover-menu .univers-bounce {
    width: 240px
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul {
    width: 240px
  }
  .rover-menu .univers-bounce {
    padding-left: 20px;
    padding-right: 20px
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul {
    padding-top: 20px
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu.whatsnew-menu ul li {
    padding-left: 20px;
    padding-right: 20px
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .menu-stories a,
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu .submenu-title,
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub .rover-menu li.subsubmenu-header {
    padding-left: 20px
  }
  .main-sidebar>.main-sidebar-wrapper>ul.links-no-sub a,
  .main-sidebar>.main-sidebar-wrapper>ul.links-with-sub a.menu-acc,
  .main-sidebar>.main-sidebar-wrapper>ul>li>a {
    padding-left: 20px
  }
  .main-sidebar>.main-sidebar-wrapper .menu-go-back {
    padding-left: 40px
  }
  .main-sidebar>.main-sidebar-wrapper .menu-go-back:after {
    left: 20px
  }
  nav.sidenav .main-sidebar .logout-mobile {
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 20px
  }
  .whatsnew-items ul li {
    width: calc((100% - 20px)/ 2);
    margin-right: 20px;
    margin-bottom: 20px
  }
}

footer {
  position: relative;
  z-index: 1;
  display: block
}

footer .reinsurance-footer {
  position: relative;
  z-index: 5;
  height: 160px;
  background-color: #ededed;
  display: block;
  font-size: 0;
  margin-bottom: 395px;
  left: -250px;
  width: 100vw
}

footer .reinsurance-footer .btn-reinsurance {
  border: 0;
  border-top: 1px solid #e5e5e5;
  border-right: 1px solid #e5e5e5;
  padding: 0;
  background: 0 0;
  height: 100%;
  position: relative;
  cursor: pointer
}

footer .reinsurance-footer .btn-reinsurance img.reinsurance-img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: 60%;
  max-height: 60%;
  width: auto;
  transform: translate(-50%, -50%)
}

footer .reinsurance-footer .btn-reinsurance:last-child {
  border-right: none
}

footer .reinsurance-footer .btn-reinsurance .btn-center {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  bottom: 80px
}

.btn-reinsurance .btn-center .nav-ico {
  display: inline-block
}

.btn-reinsurance.btn-client .nav-ico {
  width: 14px;
  height: 22px;
  background-position: -330px -60px
}

.btn-reinsurance.btn-returns .nav-ico {
  width: 24px;
  height: 21px;
  background-position: -270px -60px
}

.btn-reinsurance.btn-payment .nav-ico {
  width: 28px;
  height: 20px;
  background-position: -300px -60px
}

.btn-reinsurance.btn-delivery .nav-ico {
  width: 27px;
  height: 26px;
  background-position: -240px -60px
}

footer .reinsurance-footer .btn-reinsurance .btn-center+span,
footer .reinsurance-footer .btn-reinsurance p {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 95px;
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  text-transform: uppercase;
  font-family: LacosteSansCondensedLight;
  color: #292929;
  padding-left: 20px;
  padding-right: 20px
}

footer .reinsurance-footer.is-non-ecom {
  height: 0
}

footer .reinsurance-footer.is-non-ecom>div {
  display: none
}

footer .footer-wrapper {
  position: fixed;
  z-index: 1;
  left: 0;
  bottom: 0;
  width: 100vw
}

footer .footer-wrapper .footer-logo {
  height: 100px;
  position: relative;
  width: 100%;
  display: block;
  background-color: #fff;
  text-align: center
}

footer .footer-wrapper .footer-logo>a {
  width: 341px;
  height: 21px;
  background-position: 0 -150px;
  display: inline-block;
  margin-top: 39px
}

footer .footer-wrapper .footer-content {
  height: 395px;
  position: relative;
  width: 100%;
  display: block;
  background-color: #292929;
  font-size: 0
}

.two-fifth-column {
  width: 40%;
  position: relative;
  display: inline-block
}

footer .footer-wrapper .footer-content>div {
  height: 100%;
  vertical-align: top;
  padding-left: 40px;
  font-size: 1.3rem;
  padding-top: 60px
}

footer .footer-wrapper .footer-content h2,
footer .footer-wrapper .footer-content li,
footer .footer-wrapper .footer-content p,
footer .footer-wrapper .footer-content ul {
  margin: 0;
  padding: 0
}

footer .footer-wrapper .footer-content h2 {
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedLight;
  color: #eaeaea;
  margin-bottom: 15px;
  line-height: 1.9
}

footer .footer-wrapper .footer-content li {
  list-style: none
}

footer .footer-wrapper .footer-content li a {
  text-decoration: none;
  font-size: 1.2rem;
  text-transform: none;
  font-family: LacosteSansLight;
  color: #606060;
  padding-top: 5px;
  padding-bottom: 5px;
  display: table-cell
}

footer .footer-wrapper .footer-content p {
  text-decoration: none;
  font-size: 1.2rem;
  text-transform: none;
  font-family: LacosteSansLight;
  color: #606060;
  line-height: 1.8em
}

footer .footer-wrapper .footer-content .column-newsletter form {
  display: block;
  width: 100%;
  margin-bottom: 40px;
  font-size: 0
}

footer .footer-wrapper .footer-content .column-newsletter form input {
  display: inline-block;
  height: 50px;
  line-height: 5rem;
  border: 0;
  vertical-align: top
}

footer .footer-wrapper .footer-content .column-newsletter form input[type=email] {
  width: 210px;
  font-size: 1.3rem;
  text-transform: none;
  color: #fff;
  font-family: LacosteSansLight;
  background-color: #343434
}

footer .footer-wrapper .footer-content .column-newsletter form input[type=submit] {
  transition: all .3s linear;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #fff;
  font-family: LacosteSansCondensedBold;
  background-color: #105a33
}

footer .footer-wrapper .footer-socials {
  position: absolute;
  width: 100%;
  bottom: 0;
  height: 58px;
  left: 0;
  border-top: 1px solid #343434;
  text-align: center;
  font-size: 0
}

footer .footer-wrapper .footer-socials a {
  display: inline-block;
  border-right: 1px solid #343434;
  height: 100%;
  vertical-align: top;
  width: 67px;
  text-align: center
}

footer .footer-wrapper .footer-socials a:last-child {
  border-right: none
}

footer .footer-wrapper .footer-socials a span {
  position: relative;
  margin-top: 23px;
  display: inline-block;
  transition: background-position .3s ease-out
}

footer .footer-wrapper .footer-socials span.instagram-ico {
  background-position: -240px -90px;
  width: 12px;
  height: 12px
}

footer .footer-wrapper .footer-socials span.facebook-ico {
  background-position: -270px -90px;
  width: 7px;
  height: 12px
}

footer .footer-wrapper .footer-socials span.twitter-ico {
  background-position: -300px -90px;
  width: 16px;
  height: 12px
}

footer .footer-wrapper .footer-socials span.pinterest-ico {
  background-position: -330px -90px;
  width: 9px;
  height: 13px
}

footer .footer-wrapper .footer-socials span.tumblr-ico {
  background-position: -330px -90px;
  width: 9px;
  height: 13px
}

footer .footer-wrapper .footer-socials span.tumblr-ico {
  background-position: -360px -90px;
  width: 9px;
  height: 13px
}

footer .footer-wrapper .footer-socials span.youtube-ico {
  background-position: -390px -90px;
  width: 19px;
  height: 14px
}

footer .footer-wrapper .footer-socials span.google-ico {
  background-position: -420px -90px;
  width: 14px;
  height: 14px
}

footer .footer-wrapper .change-country {
  margin-right: 15px
}

.main-container-checkout footer {
  display: none
}

.main-container-checkout footer .footer-wrapper {
  display: none
}

@media screen and (min-width:1280px) {
  footer .reinsurance-footer .btn-reinsurance:hover p {
    text-decoration: underline
  }
  footer .footer-wrapper .footer-content li a:hover {
    text-decoration: underline
  }
  footer .footer-wrapper .footer-content .column-newsletter form input[type=submit]:hover {
    color: #105a33;
    background-color: #fff
  }
  footer .footer-wrapper .footer-socials a:hover span.instagram-ico {
    background-position: -240px -120px
  }
  footer .footer-wrapper .footer-socials a:hover span.facebook-ico {
    background-position: -270px -120px
  }
  footer .footer-wrapper .footer-socials a:hover span.twitter-ico {
    background-position: -300px -120px
  }
  footer .footer-wrapper .footer-socials a:hover span.pinterest-ico {
    background-position: -330px -120px
  }
  footer .footer-wrapper .footer-socials a:hover span.tumblr-ico {
    background-position: -330px -120px
  }
  footer .footer-wrapper .footer-socials a:hover span.tumblr-ico {
    background-position: -360px -120px
  }
  footer .footer-wrapper .footer-socials a:hover span.youtube-ico {
    background-position: -390px -120px
  }
  footer .footer-wrapper .footer-socials a:hover span.google-ico {
    background-position: -420px -120px
  }
}

@media screen and (max-width:1279px) {
  footer .reinsurance-footer {
    left: 0;
    margin-bottom: 0
  }
  footer .footer-wrapper {
    position: relative;
    left: 0;
    bottom: auto
  }
  html.ios footer .footer-wrapper {
    padding-bottom: 100px;
    background-color: #292929
  }
  footer .footer-wrapper .footer-socials {
    position: relative;
    background-color: #292929;
    bottom: initial;
    border-bottom: 1px solid #343434
  }
}

@media screen and (max-width:800px) {
  footer .reinsurance-footer {
    height: 160px
  }
  footer .footer-wrapper .footer-content {
    height: auto;
    padding-bottom: 30px
  }
  footer .footer-content .fifth-column {
    width: calc(100% / 3)
  }
  footer .footer-content .column-newsletter {
    width: 100%;
    font-size: 0!important
  }
  footer .footer-content .column-newsletter .column {
    display: inline-block;
    width: 50%;
    vertical-align: top
  }
  footer .footer-content .column-newsletter .column-btns {
    padding-right: 40px
  }
  footer .footer-content .column-newsletter .column-btns>:not(.popup-content) {
    display: block;
    width: 100%
  }
  footer .footer-content .column-newsletter .column-btns .change-country {
    margin-top: 0;
    margin-bottom: 40px
  }
  footer .footer-content .column-newsletter .column-btns a {
    margin-top: 15px
  }
  footer .footer-wrapper .footer-content .column-newsletter form input {
    height: 55px;
    line-height: 5.5rem
  }
  .main-container-checkout footer {
    display: block;
    margin-top: 0
  }
}

@media screen and (max-width:640px) {
  footer .reinsurance-footer {
    height: 260px
  }
  footer .reinsurance-footer .btn-reinsurance.quarter-column {
    width: 50%;
    height: 130px
  }
  footer .reinsurance-footer .btn-reinsurance.quarter-column:first-child,
  footer .reinsurance-footer .btn-reinsurance.quarter-column:nth-of-type(2) {
    border-bottom: 1px solid #e5e5e5
  }
  footer .reinsurance-footer .btn-reinsurance .btn-center {
    bottom: 70px
  }
  footer .reinsurance-footer .btn-reinsurance .btn-center+span,
  footer .reinsurance-footer .btn-reinsurance p {
    top: 65px
  }
  footer .footer-wrapper .footer-content {
    padding-left: 20px;
    padding-top: 40px;
    padding-bottom: 40px
  }
  footer .footer-wrapper .footer-content>div {
    padding-top: 0;
    padding-left: 0;
    padding-right: 20px
  }
  footer .footer-content .fifth-column {
    width: 50%
  }
  footer .footer-wrapper .footer-logo {
    display: none
  }
  footer .footer-wrapper .footer-content .column-newsletter {
    padding-right: 0
  }
  footer .change-country,
  footer .footer-content .column-newsletter .column {
    width: 100%
  }
  footer .footer-content .column-newsletter .column-btns {
    padding-right: 20px
  }
  footer .footer-content .column-newsletter .column-btns .change-country {
    margin-top: 40px
  }
  html.ios footer .footer-wrapper {
    background-color: #292929
  }
}

.invoice-content {
  font-size: 1.1rem;
  max-width: 136px
}

.invoice-content p {
  color: #000
}

.invoice-content p a {
  text-decoration: underline;
  color: #000;
  padding-top: 15px;
  padding-bottom: 15px;
  display: block;
  word-wrap: break-word
}

.invoice-content p a:hover {
  text-decoration: underline
}

.toUpperCase {
  text-transform: uppercase
}

html footer .footer-wrapper .footer-content>div {
  padding-top: 30px
}

html footer .footer-wrapper .footer-content .column-newsletter form {
  margin-bottom: 10px
}

html footer .footer-wrapper .footer-content .cardinfofooter p {
  padding: 10px 0
}

html footer .footer-wrapper .footer-content .cardinfofooter p img {
  width: 80px;
  margin-top: -10px
}

@media screen and (min-width:1440px) {
  .slider .page-title {
    font-size: 4rem!important;
    line-height: 5rem!important
  }
  .slider .page-title a {
    color: #292929
  }
}

.slider .page-title a {
  color: #292929
}

.product-title-sep {
  height: 1px;
  width: 70px;
  background-color: #292929;
  margin: 17px auto
}

.block-description,
.block-description-black {
  text-transform: initial;
  color: #797979;
  text-align: center;
  width: 100%;
  font-size: 1.3rem;
  margin: 0
}

.slider-look-new {
  background-color: transparent;
  background-color: rgba(255, 255, 255, .7);
  zoom: 1;
  position: absolute;
  bottom: 150px;
  width: 40%;
  left: 5%
}

.spacer-slider {
  height: 150px;
  float: left;
  width: 100%
}

.product-active {
  display: block
}

.slider:after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0
}

.slider .pager {
  padding: 0 30px
}

.slider .pager .pager-inner {
  margin: 0 auto;
  max-width: 280px
}

.slider .swiper-container {
  position: relative;
  z-index: 1
}

.slider .slider-text {
  padding: 30px;
  color: #454545
}

.slider .slider-text .link-product-banner,
.slider .slider-text strong {
  font-family: LacosteSansCondensedBold;
  font-size: 1.4rem;
  color: #292929;
  display: inline-block;
  margin-top: 33px
}

.slider .slider-text.only-title h1 {
  margin-bottom: 0;
  margin-top: 0
}

.slider .slider-text .pre-title {
  margin-bottom: 10px
}

.slider .slider-text p {
  text-transform: initial;
  font-size: 1.3rem;
  color: #797979;
  line-height: 1.5
}

.slider .slider-text p a {
  text-transform: uppercase;
  color: #292929;
  font-family: LacosteSansCondensedBold!important;
  font-size: 1.5rem;
  display: inline-block;
  margin-top: 17px
}

.slider .swiper-slide {
  position: relative
}

.slider .swiper-slide .product img {
  height: auto
}

.slider .swiper-slide img {
  width: 100%;
  display: block;
  margin: 0 auto
}

.slider .swiper-slide-inner {
  display: block;
  float: left;
  width: 100%
}

.slider .tagline {
  font-size: 1.2rem;
  line-height: 1.3;
  margin: 0
}

.slider .spacer-content-slider {
  width: 100%;
  height: 60px
}

.slider .block-content-slider {
  margin: 0 auto;
  padding: 30px;
  max-width: 440px
}

.pager {
  height: 58px;
  position: relative;
  z-index: 10;
  clear: both;
  -webkit-transition: background, opacity .2s ease-in-out;
  -moz-transition: background, opacity .2s ease-in-out;
  -ms-transition: background, opacity .2s ease-in-out;
  -o-transition: background, opacity .2s ease-in-out;
  transition: background, opacity .2s ease-in-out;
  animation: show .4s;
  -webkit-animation: show .4s;
  -moz-animation: show .4s;
  opacity: 1;
  display: none
}

.pager .swiper-arrows {
  width: 109px;
  height: 56px;
  float: left;
  margin: -1px 0 0 0;
  margin-left: -30px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.pager .swiper-arrows:before {
  content: "";
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -256px -414px;
  width: 50px;
  height: 9px;
  display: block;
  margin: 0 auto;
  margin-top: 24px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .pager .swiper-arrows:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -40px -244px;
    background-size: 457px 446px
  }
}

.pager .swiper-arrow-right {
  float: right;
  margin-right: -30px;
  margin-left: 0
}

.pager .swiper-arrow-right:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -116px -414px;
  width: 50px;
  height: 9px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .pager .swiper-arrow-right:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -229px -309px;
    background-size: 457px 446px
  }
}

.pager .slider-status {
  width: 90px;
  height: 56px;
  margin: 0 auto;
  text-align: center;
  background: url(../img/separator-diagonal.png) no-repeat center center;
  padding-top: 2px
}

.pager .slider-status span {
  font-style: italic;
  font-size: 2rem;
  display: block
}

.pager .slider-status .current-slide {
  margin-right: 37px
}

.pager .slider-status .total-slides {
  margin-left: 31px;
  margin-top: -4px
}

.pager.hide-this {
  opacity: 0
}

.pager-inner {
  margin: 0 30px
}

.drag-container {
  overflow: hidden;
  width: 100%;
  cursor: move
}

.drag-container img {
  cursor: auto;
  height: auto
}

.slider-model-2 .column-half {
  background: #f5f5f5
}

.slider-model-2 .pager {
  background: 0 0
}

.slider-model-2 .pager-inner {
  border: 0;
  margin: 0 auto
}

.slider-model-3 .swiper-slide-inner {
  min-height: 323px
}

.slider-model-3 .block-title {
  line-height: 1.4
}

.is-a-swiper .swiper-wrapper .slider-text {
  margin-bottom: 78px
}

.is-a-swiper .swiper-wrapper .slider-text.only-title {
  margin-bottom: 50px
}

.slider-model-5 {
  width: 75%;
  float: left
}

.swiper-container-genders .swiper-slide {
  position: relative;
  z-index: 1
}

.swiper-container-genders .swiper-slide-active {
  z-index: 20
}

.slider-model-7,
.slider-model-8 {
  position: relative;
  float: left;
  width: 100%
}

.slider-model-7 .column-inner-large,
.slider-model-8 .column-inner-large {
  padding-bottom: 30px
}

.slider-model-7 .column-inner-large .block-description,
.slider-model-7 .column-inner-large .block-description-black,
.slider-model-8 .column-inner-large .block-description,
.slider-model-8 .column-inner-large .block-description-black {
  display: block
}

.slider-model-7 .pager,
.slider-model-8 .pager {
  left: 0;
  bottom: 0;
  width: 25%
}

.slider-model-7 .pager .pager-inner,
.slider-model-8 .pager .pager-inner {
  margin: 0 auto
}

.slider-model-8 .pager {
  left: 50%
}

.slider-model-9 .pager {
  width: 50%;
  left: 0;
  bottom: 0;
  background: #f5f5f5
}

.slider-model-9 .pager .pager-inner {
  max-width: 280px
}

.slider-model-9 .column-half {
  background: #f5f5f5
}

.slider-model-9 .arrow-right:after {
  border-color: transparent transparent transparent #f5f5f5
}

.slider-model-9 .arrow-left:after {
  border-color: transparent #f5f5f5 transparent transparent
}

.slider-model-7 .swiper-slide img,
.slider-model-8 .swiper-slide img,
.slider-model-9 .swiper-slide img {
  height: auto
}

.no-touch .pager .swiper-arrows:hover {
  background: #285f41;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.no-touch .pager .swiper-arrow-left:hover:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -205px -234px;
  width: 50px;
  height: 9px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .no-touch .pager .swiper-arrow-left:hover:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -100px -244px;
    background-size: 457px 446px
  }
}

.no-touch .pager .swiper-arrow-right:hover:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -186px -414px;
  width: 50px;
  height: 9px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .no-touch .pager .swiper-arrow-right:hover:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -160px -244px;
    background-size: 457px 446px
  }
}

@media screen and (min-width:768px) {
  .slider {
    position: relative
  }
  .slider .slider-text {
    background: url(../img/bg-trans.png);
    background: #fff;
    position: relative;
    width: 100%;
    text-align: center;
    padding: 60px 50px 40px 50px
  }
  .slider .page-title {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-family: LacosteSansCondensedBold;
    color: #292929
  }
  .slider .tagline {
    font-size: 1.5rem
  }
  .pager {
    background: url(../img/bg-trans.png);
    background: rgba(255, 255, 255, .7);
    position: absolute;
    left: 50px;
    bottom: 50px;
    width: 475px;
    z-index: 10;
    height: 78px;
    -webkit-appearance: none
  }
  .pager .slider-status {
    height: 78px;
    padding-top: 8px
  }
  .pager .swiper-arrows {
    height: 78px
  }
  .pager .swiper-arrows:before {
    margin-top: 36px
  }
  .pager .slider-status .total-slides {
    margin-left: 31px;
    margin-top: -4px;
    margin-top: 5px
  }
  .pager-inner {
    margin: 0 100px
  }
  .slider-model-2 .pager {
    width: 40%;
    margin: 0 auto;
    position: absolute;
    left: 5%;
    background-color: transparent;
    background-color: rgba(255, 255, 255, .7);
    zoom: 1;
    bottom: 72px;
    padding: 0
  }
  .slider-model-3 .block-content {
    padding: 27% 14%
  }
  .slider-model-3 .pager {
    left: 25%;
    width: 25%;
    bottom: 0;
    height: 87px
  }
  .slider-model-3 .pager .pager-inner {
    float: none;
    position: relative;
    width: 100%;
    margin: 0 auto
  }
  .slider-model-3 .pager .swiper-arrows {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 74px
  }
  .slider-model-3 .pager .swiper-arrow-right {
    left: auto;
    right: 0
  }
  .slider-model-3 .pager .swiper-arrows:before {
    margin-top: 34px
  }
  .slider-model-3 .pager .slider-status {
    height: 75px;
    padding-top: 8px;
    width: auto;
    text-align: center
  }
}

@media screen and (min-width:1280px) {
  .slider .slider-text {
    margin-bottom: 0
  }
  .slider-model-3 .block-title span {
    font-size: .6em;
    display: block
  }
}

@media screen and (min-width:768px) {
  .slider-model-2 .swiper-slide-inner {
    display: table
  }
  .slider-model-2 .column-half {
    float: none;
    display: table-cell;
    vertical-align: top;
    background: #fff
  }
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .slider {
    position: relative
  }
  .slider .slider-text {
    background: url(../img/bg-trans.png);
    background: rgba(255, 255, 255, .7);
    width: auto;
    padding: 40px 50px
  }
  .slider .page-title {
    font-size: 2.5rem
  }
  .slider .tagline {
    font-size: 1.5rem
  }
  .pager {
    background: url(../img/bg-trans.png);
    position: absolute;
    left: 50px;
    bottom: 50px;
    width: 475px;
    z-index: 10;
    height: 78px;
    opacity: 1
  }
  .pager .swiper-arrows {
    height: 56px
  }
  .pager .swiper-arrows:before {
    margin-top: 24px
  }
  .pager .slider-model-2 .column-half:first-child {
    padding-bottom: 51px
  }
  .pager .slider-status {
    height: 56px;
    padding-top: 2px
  }
  .pager .slider-status .total-slides {
    margin-top: -4px
  }
  .slider-model-2 .block-description,
  .slider-model-2 .block-description-black,
  .slider-model-3 .block-description,
  .slider-model-3 .block-description-black {
    display: none
  }
  .slider-model-3 .pager {
    height: auto
  }
  .slider-model-3 .pager:after {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    margin-left: -1px;
    top: 0;
    width: 1px;
    height: 100%;
    border-left: 1px solid #ededed
  }
  .slider-model-3 .pager .pager-inner {
    border-top: 1px solid #ededed;
    position: relative
  }
  .slider-model-3 .pager .slider-status {
    position: relative;
    top: -76px;
    float: right
  }
  .slider-model-3 .pager .swiper-arrows {
    bottom: auto;
    top: 0;
    width: 102px
  }
  .slider-model-3 .block-link {
    position: absolute;
    bottom: 75px;
    width: 17.5%;
    padding: 31px 0 32px;
    border-top: 1px solid #ededed
  }
  .slider-model-3 .not-a-swiper .block-link {
    position: static;
    width: auto;
    padding: 0;
    border: 0
  }
  .slider-model-7 .block-description,
  .slider-model-7 .block-description-black,
  .slider-model-8 .block-description,
  .slider-model-8 .block-description-black {
    display: none
  }
  .slider-model-7 .pager,
  .slider-model-8 .pager {
    padding: 0 10px;
    height: auto
  }
  .slider-model-7 .pager .swiper-arrows,
  .slider-model-8 .pager .swiper-arrows {
    width: 78px
  }
  .slider-model-7 .pager .slider-status span,
  .slider-model-8 .pager .slider-status span {
    font-size: 1.8rem
  }
  .slider-model-7 .pager .slider-status .total-slides,
  .slider-model-8 .pager .slider-status .total-slides {
    margin-top: 1px
  }
}

@media screen and (min-width:945px) and (max-width:1279px) {
  .slider-model-3 .block-link {
    width: 18.5%
  }
}

@media screen and (max-width:767px) {
  .page-title {
    font-size: 2.5rem;
    line-height: 3.5rem;
    font-family: LacosteSansCondensedBold;
    color: #292929;
    text-align: center
  }
  .slider-look-new {
    background: 0 0;
    position: relative;
    bottom: 0;
    width: 100%;
    left: auto
  }
  .slider-look-new:before {
    border-color: transparent transparent #fff transparent;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    top: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .block-content-slider {
    padding: 30px
  }
  .slider-model-1 .slider-text {
    position: static
  }
  .style-guide .slider-model-2 {
    margin-top: 0
  }
  .slider-model-2 {
    margin-top: 2px
  }
  .slider-model-2 .swiper-slide {
    position: relative
  }
  .slider-model-2 .column-half {
    background: #fff
  }
  .slider-model-2 .drag-container {
    width: 100%;
    top: 130px
  }
  .slider-model-2 .pager {
    background: #fff;
    width: 100%;
    margin-bottom: 20px;
    bottom: -10px;
    margin-top: -20px
  }
  .slider-model-3 .swiper-slide-visible {
    position: relative
  }
  .slider-model-3 .swiper-slide-inner {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }
  .slider-model-3 .column-quarter {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
  }
  .slider-model-3 .column-half,
  .slider-model-3 .column-quarter {
    width: 100%
  }
  .slider-model-3 .block-content {
    width: auto;
    max-width: 440px;
    margin: 0 auto;
    padding: 30px 30px 7px
  }
  .slider-model-3 .block-title span {
    display: none
  }
  .slider-model-3 .block-link {
    display: none
  }
  .slider-model-5 {
    width: 100%
  }
  .similar-products .pager {
    margin-top: 20px
  }
  .slider-model-7 .pager,
  .slider-model-8 .pager {
    left: 0;
    width: 100%
  }
  .slider-model-7 .pager .pager-inner,
  .slider-model-8 .pager .pager-inner {
    margin: 0 auto
  }
  .slider-model-7 .column-inner,
  .slider-model-8 .column-inner {
    padding-bottom: 15px
  }
  .slider-model-9 .pager {
    width: 100%;
    background: 0 0
  }
}

.form-register {
  width: 508px;
  background: #f5f5f5;
  padding: 50px 50px 20px 20px;
  margin: 0 auto;
  display: block;
  display: table;
  margin-bottom: 50px
}

.email {
  text-transform: lowercase!important
}

.form-item-full {
  width: 100%;
  margin-bottom: 20px
}

.form {
  line-height: 1.7;
  position: relative
}

.form label {
  font-family: LacosteSansBold;
  margin-bottom: 10px;
  display: inline-block;
  line-height: 1.7;
  color: #454545;
  margin-right: 10px
}

.form label span.error {
  margin-left: 10px
}

.form .label-inline {
  float: left;
  margin-right: 15px;
  margin-bottom: 0;
  font-family: LacosteSansBold
}

.form .content-inline label {
  margin-right: 15px;
  cursor: pointer;
  margin-bottom: 0
}

.form .content-inline .details-form {
  float: right;
  width: 59%;
  text-transform: none;
  color: #797979;
  margin-left: 4%
}

.form .form-item {
  display: inline-block;
  margin-bottom: 30px;
  padding: 0 0 0 5%;
  vertical-align: top;
  position: relative
}

.form .form-item input[type=email],
.form .form-item input[type=password],
.form .form-item input[type=tel],
.form .form-item input[type=text],
.form .form-item select,
.form .form-item textarea {
  width: 100%;
  padding: 10px;
  cursor: auto;
  border: 1px solid #ededed
}

.form .form-item textarea {
  height: 120px;
  text-transform: none
}

.form .form-item p,
.form .form-item ul {
  color: #757575
}

.form .form-item.block {
  display: block
}

.form .form-item-full {
  display: block;
  width: 99%;
  clear: both
}

#atg_call .form .form-item-full a,
#atg_chat .form .form-item-full a,
.form .form-item-full #atg_call a,
.form .form-item-full #atg_chat a,
.form .form-item-full .btn,
.form .form-item-full .faqchat {
  width: 100%;
  float: none
}

.form .form-item-icon {
  position: relative
}

.form .form-item-icon input[type=email],
.form .form-item-icon input[type=password],
.form .form-item-icon input[type=text] {
  padding: 10px 10px 10px 8.5%
}

.form .form-item-icon i,
.form .form-item-icon:after {
  content: "";
  display: block;
  position: absolute;
  left: 8%;
  bottom: 10px;
  z-index: 10
}

.form .form-item-username i,
.form .form-item-username:after {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -557px -37px;
  width: 14px;
  height: 19px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .form .form-item-username i,
  .form .form-item-username:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -421px 0;
    background-size: 457px 446px
  }
}

.form .form-item-password i,
.form .form-item-password:after {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -557px -76px;
  width: 14px;
  height: 19px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .form .form-item-password i,
  .form .form-item-password:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -421px -29px;
    background-size: 457px 446px
  }
}

.form .form-item-half {
  width: 49.5%
}

.form .form-item-half:after {
  left: 16%
}

#atg_call .form .form-item-half:first-child a,
#atg_chat .form .form-item-half:first-child a,
.form .form-item-half:first-child #atg_call a,
.form .form-item-half:first-child #atg_chat a,
.form .form-item-half:first-child .btn,
.form .form-item-half:first-child .faqchat {
  float: left
}

.form .form-item-half.form-item-icon input[type=email],
.form .form-item-half.form-item-icon input[type=password],
.form .form-item-half.form-item-icon input[type=text] {
  padding-left: 18%
}

.form .form-item-half.pull-right {
  margin-right: 1%
}

#atg_call .form .form-item-half a,
#atg_chat .form .form-item-half a,
.form .form-item-half #atg_call a,
.form .form-item-half #atg_chat a,
.form .form-item-half .btn,
.form .form-item-half .faqchat {
  width: 80%
}

.form .form-item-half .btn-full {
  width: 100%;
  padding: 10px
}

.form .form-item-half .error:first-child {
  margin-bottom: 10px;
  display: inline-block
}

.form .form-item-half .error[for=email2],
.form .form-item-half .error[for=password2] {
  display: block;
  margin-bottom: 10px;
  margin-top: -9px
}

.form .form-item-bday label {
  display: block
}

.form .form-item-bday .selectboxit-container,
.form .form-item-bday select {
  width: 31%;
  margin-right: 2%;
  text-align: center;
  padding: 10px;
  text-transform: none
}

.form .form-item-bday .selectboxit-container option,
.form .form-item-bday select option {
  text-align: center
}

.form .form-item-bday .selectboxit-container {
  margin-right: 0
}

.form .form-item-bday #birthday_year {
  margin-right: 0
}

.form .form-item-no-spacing .push-right {
  display: block;
  text-align: right;
  margin-bottom: 20px;
  margin-top: -20px;
  height: 20px
}

.form .form-item-tip {
  position: relative
}

.form .form-tip {
  position: absolute;
  left: -200px;
  width: 200px;
  top: 0;
  padding: 20px;
  background: #f5f5f5;
  font-size: 1.1rem;
  border: 1px solid #ededed
}

.form .form-tip:after {
  border-color: transparent transparent transparent #f5f5f5;
  left: auto;
  bottom: auto;
  top: 50%;
  margin: -8px 0 0 0;
  right: -16px;
  border-width: 8px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20;
  top: 45px
}

.form .form-tip p:first-child {
  margin-top: 0
}

.form .form-tip p:last-child {
  margin-bottom: 0
}

.form .checkout-actions {
  overflow: hidden;
  margin-bottom: 30px;
  margin-left: 5%
}

#atg_call .form a,
#atg_chat .form a,
.form #atg_call a,
.form #atg_chat a,
.form .btn,
.form .faqchat {
  float: left;
  width: 180px;
  padding: 10px
}

#atg_call .form a,
#atg_chat .form a,
.form #atg_call a,
.form #atg_chat a,
.form .btn-secondary,
.form .faqchat {
  float: right
}

.form h3 {
  margin: 0 0 30px 5%
}

.form h3 small {
  font-family: LacosteSansLight;
  font-size: 1.2rem
}

.form .check-inline-outside {
  color: #797979;
  font-family: LacosteSans
}

.form .check-inline-outside a,
.form .check-inline-outside label {
  margin: 0;
  color: #797979;
  font-family: LacosteSansLight
}

.form .check-inline-outside a {
  font-family: LacosteSansBold;
  padding-left: 0;
  left: 22px
}

.form .check-inline-outside a.linklegals {
  display: inline-block;
  margin-left: 0;
  padding-left: 0;
  left: 0
}

.form .form-newsletter-check label {
  font-size: 1.1rem;
  color: #797979;
  font-family: LacosteSansLight;
  margin-top: 10px
}

.form .form-newsletter-check label input {
  top: 2px
}

.form .form-newsletter-check .form-item-half {
  width: 37%
}

#atg_call .form .form-newsletter-check .form-item-half a,
#atg_chat .form .form-newsletter-check .form-item-half a,
.form .form-newsletter-check .form-item-half #atg_call a,
.form .form-newsletter-check .form-item-half #atg_chat a,
.form .form-newsletter-check .form-item-half .btn,
.form .form-newsletter-check .form-item-half .faqchat {
  width: 100%
}

.form .form-advice {
  color: #797979;
  line-height: 1.7;
  margin-top: 50px
}

.form .form-item-card .npm-form {
  display: table;
  width: 100%
}

.form .form-item-card input[type=password],
.form .form-item-card input[type=text] {
  display: table-cell
}

.form .form-item-card input[type=password]:first-child,
.form .form-item-card input[type=text]:first-child {
  margin-left: 0
}

.form .form-item-card .wrapper {
  display: table-cell;
  padding-left: 2%
}

.form .form-item-card .wrapper:first-child {
  padding-left: 0
}

.form .form-item-crypto {
  overflow: hidden
}

.form .form-item-crypto input[type=password],
.form .form-item-crypto input[type=text] {
  width: 18%;
  margin-left: 1.5%;
  float: left
}

.form .form-item-crypto input[type=password]:first-child,
.form .form-item-crypto input[type=text]:first-child {
  margin-left: 0
}

.form .form-item-crypto .npm-form span {
  display: inline-block;
  margin-top: 5px;
  margin-left: 3%
}

.form .divide {
  margin-left: 5%
}

.form [name=email1],
.form [name=email2],
.form [name=email],
.form [type=email] {
  text-transform: none
}

.column-three-quarter .form {
  width: 70%;
  margin: 0 auto;
  padding: 48px 0 20px
}

.password-strength {
  display: block
}

.password-strength label {
  margin-right: 15px
}

.password-strength p {
  margin-top: 3px;
  margin-bottom: 0
}

.security-level {
  display: inline-block;
  width: 91px;
  background: url(../img/bg-security.png)
}

.security-level strong {
  background: url(../img/bg-security-active.png);
  width: 0;
  height: 8px;
  display: block
}

.security-level strong.lvl-1 {
  width: 23px
}

.security-level strong.lvl-2 {
  width: 46px
}

.security-level strong.lvl-3 {
  width: 69px
}

.security-level strong.lvl-4 {
  width: 92px
}

.security-level strong.lvl-5 {
  width: 115px
}

.actions {
  display: table;
  width: 100%
}

.dialog .form {
  margin-left: -5.3%
}

input.error {
  border: 1px solid red!important;
  outline-color: red
}

select.error {
  border: 1px solid red!important;
  outline-color: red
}

span.error {
  color: red!important;
  text-transform: none!important;
  font-weight: 400!important;
  font-family: LacosteSansLight;
  font-size: 1.2rem!important
}

span.nomargin {
  margin-left: 0
}

textarea.error {
  border: 1px solid red!important
}

.error-block {
  display: block;
  margin-bottom: 7px;
  margin-top: -7px
}

#colorbox .form-tip {
  left: 5%;
  width: 95%;
  top: auto;
  bottom: 48px
}

#colorbox .form-tip:after {
  border-color: #f5f5f5 transparent transparent transparent;
  right: auto;
  top: auto;
  left: 50%;
  margin: 0 0 0 -8px;
  bottom: -16px;
  border-width: 8px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20
}

#colorbox .form-tip p {
  margin: 6px 0
}

@media screen and (min-width:768px) {
  .form .form-cancel-right {
    position: absolute;
    right: -93%;
    bottom: 0;
    width: 85%
  }
  #atg_call .form .form-cancel-right a,
  #atg_chat .form .form-cancel-right a,
  .form .form-cancel-right #atg_call a,
  .form .form-cancel-right #atg_chat a,
  .form .form-cancel-right .btn,
  .form .form-cancel-right .faqchat {
    width: auto;
    display: inline-block;
    float: none;
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px
  }
  #atg_call .form .form-cancel-left a,
  #atg_chat .form .form-cancel-left a,
  .form .form-cancel-left #atg_call a,
  .form .form-cancel-left #atg_chat a,
  .form .form-cancel-left .btn,
  .form .form-cancel-left .faqchat {
    width: auto;
    display: inline-block;
    float: none;
    margin-right: 5px;
    padding-left: 15px;
    padding-right: 15px
  }
}

#checkout-billing-form select[name=prefixPhone] {
  direction: ltr
}

#checkout-billing-form .input-phonenumber {
  margin-left: 5px;
  width: 73%;
  float: right
}

#checkout-billing-form .input-phonenumber input {
  padding: 16px
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .form .form-item-bday .selectboxit-container,
  .form .form-item-bday select {
    width: 30%
  }
  .form .form-item-bday #birthday_year {
    margin-right: 0
  }
  .form .form-tip {
    left: 5%;
    width: 95%;
    top: auto;
    bottom: 48px;
    margin: 6px 0
  }
  .form .form-tip:after {
    border-color: #f5f5f5 transparent transparent transparent;
    right: auto;
    top: auto;
    left: 50%;
    margin: 0 0 0 -8px;
    bottom: -16px;
    border-width: 8px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .form .form-newsletter-check,
  .form .form-tip,
  .form h3 small {
    font-size: 1rem
  }
  span.error {
    font-size: 1rem!important
  }
  .dialog .security-level {
    margin-left: 8px
  }
}

@media screen and (max-width:1279px) {
  .form .form-cancel-right {
    position: static;
    float: right;
    width: 49.4%;
    right: auto;
    margin-top: 6px;
    margin-right: 1%
  }
}

@media screen and (max-width:767px) {
  .form-register {
    width: 100%;
    padding: 30px 5% 10px 3%
  }
  .security-level {
    display: none
  }
  .form h3 {
    margin-left: 3%
  }
  .form label {
    margin-bottom: 4px
  }
  .form .form-item {
    padding-left: 3%;
    margin-bottom: 14px
  }
  .form .checkout-actions {
    margin-left: 3%
  }
  .form .form-item-icon input[type=email],
  .form .form-item-icon input[type=password],
  .form .form-item-icon input[type=text] {
    padding-left: 8%
  }
  .form .form-item-icon:after {
    left: 5.5%
  }
  .form .form-item-half {
    width: 100%
  }
  .form .form-item-half.pull-right {
    margin-right: 0
  }
  #atg_call .form .form-item-half a,
  #atg_chat .form .form-item-half a,
  .form .form-item-half #atg_call a,
  .form .form-item-half #atg_chat a,
  .form .form-item-half .btn,
  .form .form-item-half .faqchat {
    width: 100%
  }
  .form .form-item-full {
    width: 100%
  }
  .form .form-item-bday .selectboxit-container,
  .form .form-item-bday select {
    width: 32.5%;
    margin-right: 0
  }
  .form .form-item-bday #birthday_day,
  .form .form-item-bday .bday-first {
    margin-left: 0
  }
  .form .divide:before {
    margin-left: 3%
  }
  #atg_call .form a,
  #atg_chat .form a,
  .form #atg_call a,
  .form #atg_chat a,
  .form .btn,
  .form .faqchat {
    float: none;
    width: 100%;
    margin-top: 20px
  }
  #atg_call .form a:first-child,
  #atg_chat .form a:first-child,
  .form #atg_call a:first-child,
  .form #atg_chat a:first-child,
  .form .btn:first-child,
  .form .faqchat:first-child {
    margin-top: 0
  }
  .form .form-cancel-right {
    margin-right: 0
  }
  .form .form-newsletter-check .form-item-half {
    padding-left: 0;
    width: 100%
  }
}

#newsletter-form .form-item.form-item-half span.error[for=phone] {
  position: absolute;
  top: -19px;
  left: 179px
}

@media screen and (max-width:767px) {
  #newsletter-form .form-item.form-item-half span.error[for=phone] {
    top: 1px;
    left: 93px
  }
}

#newsletter-form select[name=salutation] {
  width: 10%
}

#newsletter-form select[name=prefixPhone] {
  width: 24%
}

@media screen and (max-width:767px) {
  #newsletter-form select[name=prefixPhone] {
    width: 49%
  }
}

#newsletter-form input[name=phone] {
  width: 46%
}

@media screen and (max-width:767px) {
  #newsletter-form {
    padding: 20px
  }
  #newsletter-form .form-item-bday select {
    width: 32%
  }
  #newsletter-form .form-item label {
    width: 100%
  }
  #newsletter-form .form-item-civility select {
    width: 50%
  }
  #newsletter-form .email.error {
    margin-bottom: 10px
  }
  #newsletter-form span.error {
    top: 60px;
    left: 0;
    position: absolute
  }
  #newsletter-form .pull-right,
  #newsletter-form button[name=confirm_newsletter] {
    width: 100%!important
  }
}

abbr.required-field {
  border: none;
  text-decoration: none
}

.required-field-note {
  text-transform: none;
  color: red;
  font-style: italic;
  margin-bottom: 20px
}

form#lostpassword-form div.required-field-note,
form#newsletter-form div.required-field-note {
  padding: 0 0 0 5%
}

.tabs ul {
  padding: 0;
  margin: 0;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  display: table;
  width: 100%;
  table-layout: fixed
}

.tabs li {
  display: table-cell;
  list-style: none;
  text-align: center;
  font-family: LacosteSansBold;
  padding: 10px;
  cursor: pointer;
  border-left: 1px solid #ededed;
  line-height: 1
}

.tabs li:first-child {
  border-left: 0
}

.tabs li a {
  color: #285f41;
  text-decoration: none;
  margin: -10px;
  padding: 10px;
  display: block
}

.tabs .active {
  background: #285f41;
  position: relative;
  color: #fff
}

.tabs .active:after {
  border-color: #285f41 transparent transparent transparent;
  right: auto;
  top: auto;
  left: 50%;
  margin: 0 0 0 -15px;
  bottom: -30px;
  border-width: 15px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20
}

.tabs .active a {
  color: #fff
}

.tabs.black-mode li a {
  color: #1d1d1d
}

.tabs.black-mode .active {
  background: #1d1d1d;
  color: #fff
}

.tabs.black-mode .active:after {
  border: none
}

.tabs.black-mode .active a {
  color: #fff
}

[data-tab-id] {
  display: none
}

[data-tab-id].active {
  display: block
}

.tabs-no-border ul {
  border-top: 0
}

@media screen and (min-width:768px) {
  .tabs li {
    padding: 20px
  }
  .tabs li a {
    margin: -20px;
    padding: 20px
  }
}

@media screen and (min-width:1280px) {
  .tabs li {
    padding: 30px;
    font-size: 1.5rem
  }
  .tabs li a {
    margin: -30px;
    padding: 30px
  }
}

span.product-standard-price {
  text-decoration: line-through;
  color: #a3a3a3
}

.product-after-sale {
  color: #292929;
  display: block
}

.product-standard-price {
  text-decoration: line-through
}

.products {
  padding: 0;
  margin: 0;
  text-transform: Initial
}

.products a.product:nth-of-type(3n) {
  margin-right: 0
}

.products .gmp-visu,
.products .product {
  width: calc((100% - 80px)/ 3);
  display: inline-block;
  margin-left: 20px;
  float: none;
  vertical-align: top
}

.products .gmp-visu:nth-child(3n) {
  margin-right: 0
}

.products img {
  display: block;
  width: 100%;
  margin: 0;
  height: auto;
  max-width: 100%!important;
  max-height: 100%!important
}

.products .product-secondary-image img {
  width: 100%;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.products .product-secondary-image img {
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.product,
.productTile {
  z-index: 1;
  position: relative;
  display: block
}

.product a,
.productTile a {
  text-decoration: none;
  color: #797979;
  display: block;
  font-size: 1.2rem;
  line-height: 2rem
}

.product a .product-secondary-image,
.productTile a .product-secondary-image {
  display: none;
  opacity: 0
}

.product:hover,
.productTile:hover {
  z-index: 20
}

.product a.free-sample,
.productTile a.free-sample {
  margin: 0
}

.product .intern,
.productTile .intern {
  visibility: hidden;
  opacity: 0;
  position: relative;
  bottom: 154px;
  padding: 5px 10px;
  z-index: 40;
  width: 100%;
  margin: 0 auto;
  min-height: 76px;
  border-bottom: 1px solid rgba(0, 0, 0, .1)
}

.product .intern.hovering,
.productTile .intern.hovering {
  visibility: visible;
  opacity: 1
}

.product .move-description,
.productTile .move-description {
  display: block;
  height: 200px;
  position: relative;
  z-index: 2000000
}

.btn-fittingbox,
.btn-quick-shop {
  width: 100%;
  visibility: hidden;
  opacity: 0;
  position: relative;
  bottom: 154px;
  padding: 5px 0;
  background: rgba(255, 255, 255, .7);
  text-align: center;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.btn-fittingbox.hovering,
.btn-quick-shop.hovering {
  visibility: visible;
  opacity: 1;
  background: transparent(#fff, .8);
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.btn-quick-shop {
  text-transform: uppercase
}

.btn-quick-shop a {
  display: inline-block;
  margin: 0 .5em 0 0
}

.btn-quick-shop .content-asset {
  display: inline-block
}

.btn-fittingbox span,
.btn-quick-shop span {
  border: 3px solid #292929;
  color: #292929;
  padding: 14px 34px;
  font-size: 1.5rem;
  text-align: center;
  font-family: LacosteSansCondensedBold;
  display: block;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin: 20px
}

.btn-fittingbox span {
  margin: 0 auto;
  padding: 13px 25px;
  text-transform: uppercase;
  max-width: 130px
}

.btn-fittingbox span:hover,
.btn-quick-shop span:hover {
  border: 3px solid #105a33;
  background-color: #105a33;
  color: #fff;
  padding: 14px 34px;
  font-size: 1.5rem;
  text-align: center;
  font-family: LacosteSansCondensedBold;
  display: block;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.btn-fittingbox span:hover {
  border: 3px solid #105a33;
  background-color: #105a33;
  color: #fff;
  padding: 13px 25px!important;
  font-size: 1.5rem;
  text-align: center;
  font-family: LacosteSansCondensedBold;
  display: block;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.product-images {
  overflow: hidden;
  font-family: LacosteSansLight;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out
}

.product-images:hover {
  font-family: LacosteSansLight;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.padding.column-half .product .product-description,
.padding.column-half .product .product-images {
  margin-left: -30px
}

.padding.column-half .product:nth-child(2n+2) .product-description,
.padding.column-half .product:nth-child(2n+2) .product-images {
  margin-right: -30px;
  margin-left: 0
}

.product-description {
  font-family: LacosteSansLight;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  font-size: 1.2rem;
  padding: 0 15px;
  text-align: center;
  line-height: 1.5;
  background: #fff;
  min-height: 110px
}

.product-description .underline-product {
  margin: 0;
  margin-bottom: 15px
}

.product-description .underline-product:hover {
  text-decoration: underline;
  cursor: pointer
}

.product-description span.product-name {
  overflow: hidden;
  display: block;
  margin-top: 5px
}

.product-price {
  display: block;
  color: #797979;
  margin-top: 5px
}

.product-colors {
  text-align: left;
  padding: 0;
  margin: 0
}

.product-colors li {
  border-radius: 14px;
  height: 14px;
  width: 14px;
  display: inline-block;
  background: #000;
  margin-left: 5px;
  font-size: 1px;
  overflow: hidden
}

.product-colors li:first-child {
  margin-left: 0
}

.product-colors li:hover {
  text-decoration: underline
}

.product-colors li.more {
  background: 0 0;
  font-size: 1.2rem;
  width: auto;
  height: auto
}

.column-half .product {
  width: 50%
}

.color-swatch {
  display: inline-block;
  overflow: hidden;
  vertical-align: middle;
  border-radius: 14px;
  position: relative;
  top: -2px;
  margin: 2px 2px 1px 0
}

.color-swatch img {
  display: block
}

@media screen and (min-width:1280px) {
  .no-touch .product-images.isHover {
    margin-bottom: 0
  }
  .no-touch .product-images.isHover .product-secondary-image {
    display: block;
    opacity: 1
  }
  .no-touch .product-images.isHover .product-primary-image {
    display: none;
    opacity: 0
  }
  .quickshop:hover .btn-quick-shop {
    visibility: visible;
    opacity: 1
  }
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .product-description {
    min-height: 85px
  }
  .product-description .product-colors {
    display: block
  }
  .product-name a {
    font-size: 1.2rem
  }
  .product-description {
    font-size: 1.1rem
  }
}

@media screen and (min-width:1680px) {
  .padding.column-half .product .product-description,
  .padding.column-half .product .product-images {
    margin-left: -50px
  }
  .padding.column-half .product:nth-child(2n+2) .product-description,
  .padding.column-half .product:nth-child(2n+2) .product-images {
    margin-right: -50px;
    margin-left: 0
  }
}

@media screen and (max-width:767px) {
  .product {
    margin-bottom: 50px!important
  }
  .product a {
    font-size: 1.2rem
  }
  .padding.column-half .product .product-description,
  .padding.column-half .product .product-images {
    margin-left: -30px;
    margin-right: -30px
  }
  .might-interest .product {
    width: 50%
  }
  .two-columns-mobile .product {
    width: 50%;
    float: left
  }
  .product .product-colors {
    height: 25px;
    overflow: hidden
  }
  .product-description {
    min-height: 97px
  }
  html body .product-mobile-2-columns .product,
  html body .row .product-mobile-2-columns .product,
  html body .the-essential .product-mobile-2-columns .product {
    width: 50%;
    float: left
  }
  html body .product-mobile-2-columns .product .product-description,
  html body .row .product-mobile-2-columns .product .product-description,
  html body .the-essential .product-mobile-2-columns .product .product-description {
    min-height: 71px
  }
  html body .row .slider-mobile-only .product,
  html body .slider-mobile-only .product,
  html body .the-essential .slider-mobile-only .product {
    width: 100%
  }
  html body .row .slider-mobile-only .product .product-name,
  html body .slider-mobile-only .product .product-name,
  html body .the-essential .slider-mobile-only .product .product-name {
    display: block
  }
}

.product-colors li.color {
  cursor: pointer
}

.product-images .after a span.product-secondary-image {
  display: block;
  opacity: 1
}

.product-images.isHover .before a span.product-primary-image {
  display: none
}

.product-images.isHover .after.noHovering a span.product-secondary-image {
  display: none;
  opacity: 0
}

.sku-product-price .product-after-sale {
  font-family: LacosteSansCondensedBold
}

.product-colors li {
  border-radius: 0;
  vertical-align: middle;
  float: none!important
}

.productPageBottom .certona .product-images {
  overflow: visible
}

.productPageBottom .certona .btn-quick-shop {
  position: absolute;
  bottom: 0
}

.productPageBottom .certona .product .intern.hovering {
  position: absolute;
  bottom: auto
}

.htmlpdplink {
  color: #292929;
  display: inline-block;
  padding-left: 15px;
  position: relative;
  margin: 10px 0;
  font: 1.3rem/1.5rem LacosteSansCondensedLight
}

.htmlpdplink a {
  text-transform: uppercase;
  color: #292929
}

.htmlpdplink a:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 4px;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -231px -564px;
  width: 4px;
  height: 7px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .htmlpdplink a:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -30px -437px;
    background-size: 457px 446px
  }
}

.product {
  text-decoration: none;
  text-align: left
}

.product:hover {
  text-decoration: none
}

.product .product-images {
  position: relative
}

.product .product-images img {
  width: 100%;
  height: auto
}

.product .product-images img.image-hover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity .2s linear
}

.product .product-datas {
  margin-top: 20px
}

.product .product-description {
  background: 0 0;
  min-height: initial;
  text-align: left;
  margin: 0;
  padding: 0;
  position: relative
}

.product .product-description .product-name {
  color: #292929;
  font-family: LacosteSansCondensedLight;
  font-size: 1.5rem;
  display: block;
  width: calc((100% / 7) * 4);
  margin-top: 0
}

.product .product-description .product-price {
  color: #292929;
  text-align: right;
  display: block;
  width: calc((100% / 7) * 3);
  position: absolute;
  top: 0;
  right: 0;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  margin-top: 0
}

.product-flags {
  position: relative;
  margin-bottom: 10px;
  margin-top: 10px;
  margin-bottom: 10px
}

.product-flags .item-flag {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  text-transform: uppercase;
  font-size: 1.2rem;
  font-family: LacosteSansCondensedLight;
  color: #292929;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 1px;
  padding-bottom: 3px
}

.product-flags .item-flag.defaultbg {
  background-color: rgba(41, 41, 41, .2)
}

.product .product-colors {
  color: #292929;
  font-family: LacosteSansCondensedLight;
  font-size: 1.5rem
}

.similar-products {
  font-size: 0
}

.similar-products h3 {
  margin-bottom: 20px
}

@media screen and (min-width:1280px) {
  .product:hover .product-images img.image-hover {
    opacity: 1
  }
  .product:hover .product-description .product-name {
    text-decoration: underline
  }
}

.push-products .productTile {
  border: 0!important
}

.push-products .productTile .description {
  text-align: left
}

@media screen and (min-width:640px) {
  .push-products .productTile {
    border: 0;
    width: calc(100% / 3)
  }
}

.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  vertical-align: middle
}

.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box
}

.select2-container .select2-choice {
  display: block;
  height: 26px;
  padding: 0 0 0 8px;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  line-height: 2.6rem;
  color: #444;
  text-decoration: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #353535
}

html[dir=rtl] .select2-container .select2-choice {
  padding: 0 8px 0 0
}

.select2-container.select2-drop-above .select2-choice {
  background-color: #353535
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px
}

.select2-container .select2-choice>.select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  float: none;
  width: auto
}

html[dir=rtl] .select2-container .select2-choice>.select2-chosen {
  margin-left: 26px;
  margin-right: 0
}

.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  cursor: pointer;
  outline: 0
}

.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block
}

.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
  cursor: pointer
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  background-color: #fff
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
  border-radius: 0 0 4px 4px;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, .15)
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, .15)
}

.select2-drop-active {
  border: none
}

.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 60px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #353535;
  right: -30px;
  top: 8px
}

html[dir=rtl] .select2-container .select2-choice .select2-arrow {
  left: 0;
  right: auto;
  border-left: none;
  border-right: 1px solid #aaa;
  border-radius: 4px 0 0 4px
}

.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -316px -490px;
  width: 13px;
  height: 7px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .select2-container .select2-choice .select2-arrow b {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -157.5px -411px;
    background-size: 457px 446px
  }
}

html[dir=rtl] .select2-container .select2-choice .select2-arrow b {
  background-position: 2px 1px;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -316px -490px;
  width: 13px;
  height: 7px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  html[dir=rtl] .select2-container .select2-choice .select2-arrow b {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -157.5px -411px;
    background-size: 457px 446px
  }
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 40px;
  margin: 0;
  padding: 3%;
  position: relative;
  z-index: 10000;
  white-space: nowrap
}

.select2-search:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 21px;
  top: 30px;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -355px -273px;
  width: 11px;
  height: 11px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .select2-search:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -445px -346.5px;
    background-size: 457px 446px
  }
}

.select2-search input {
  width: 100%;
  height: auto!important;
  min-height: 50px;
  line-height: 5rem;
  padding-left: 30px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border-radius: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #000;
  background-color: #f2f2f2
}

html[dir=rtl] .select2-search input {
  padding: 4px 5px 4px 20px
}

.select2-search input.select2-active {
  background-color: #353535
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
  box-shadow: 0 0 5px rgba(0, 0, 0, .3)
}

.select2-dropdown-open .select2-choice {
  border: none;
  background-color: #353535
}

.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border-top-color: transparent;
  background-color: #353535
}

.select2-dropdown-open .select2-choice .select2-arrow {
  background: 0 0;
  border-left: none;
  filter: none
}

.select2-dropdown-open .select2-choice .select2-arrow b {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -392px -414px;
  width: 13px;
  height: 7px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .select2-dropdown-open .select2-choice .select2-arrow b {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -171px -126px;
    background-size: 457px 446px
  }
}

html[dir=rtl] .select2-dropdown-open .select2-choice .select2-arrow {
  border-right: none
}

html[dir=rtl] .select2-dropdown-open .select2-choice .select2-arrow b {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -392px -414px;
  width: 13px;
  height: 7px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  html[dir=rtl] .select2-dropdown-open .select2-choice .select2-arrow b {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -171px -126px;
    background-size: 457px 446px
  }
}

.select2-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.select2-results {
  max-height: 210px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: transparent
}

html[dir=rtl] .select2-results {
  padding: 0 4px 0 0;
  margin: 4px 0 4px 4px
}

.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0
}

.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
  line-height: 3.5rem;
  border-bottom: 1px solid #e5e5e5
}

.select2-results li.select2-result-with-children>.select2-result-label {
  font-weight: 700
}

.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.select2-results-dept-1 .select2-result-label {
  padding-left: 20px
}

.select2-results-dept-2 .select2-result-label {
  padding-left: 40px
}

.select2-results-dept-3 .select2-result-label {
  padding-left: 60px
}

.select2-results-dept-4 .select2-result-label {
  padding-left: 80px
}

.select2-results-dept-5 .select2-result-label {
  padding-left: 100px
}

.select2-results-dept-6 .select2-result-label {
  padding-left: 110px
}

.select2-results-dept-7 .select2-result-label {
  padding-left: 120px
}

.select2-results .select2-highlighted {
  background: #3875d7;
  color: #fff
}

.select2-results li em {
  background: #feffde;
  font-style: normal
}

.select2-results .select2-highlighted em {
  background: 0 0
}

.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000
}

.select2-results .select2-ajax-error,
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
  padding-left: 5px
}

.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default
}

.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default
}

.select2-results .select2-selected {
  display: none
}

.select2-more-results.select2-active {
  background: #f4f4f4 url(select2-spinner.gif) no-repeat 100%
}

.select2-results .select2-ajax-error {
  background: rgba(255, 50, 50, .2)
}

.select2-more-results {
  background: #f4f4f4;
  display: list-item
}

.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default
}

.select2-container.select2-container-disabled .select2-choice .select2-arrow {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0
}

.select2-container.select2-container-disabled .select2-choice abbr {
  display: none
}

.select2-container-multi .select2-choices {
  height: auto!important;
  height: 1%;
  margin: 0;
  padding: 0 5px 0 0;
  position: relative;
  cursor: text;
  overflow: hidden;
  background-color: #f4f4f4
}

html[dir=rtl] .select2-container-multi .select2-choices {
  padding: 0 0 0 5px
}

.select2-locked {
  padding: 3px 5px 3px 5px!important
}

.select2-container-multi .select2-choices {
  min-height: 26px
}

.select2-container-multi.select2-container-active .select2-choices {
  border: none
}

.select2-container-multi .select2-choices li {
  float: left;
  list-style: none
}

html[dir=rtl] .select2-container-multi .select2-choices li {
  float: right
}

.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap
}

.select2-container-multi .select2-choices .select2-search-field input {
  padding: 5px;
  margin: 1px 0;
  font-family: sans-serif;
  font-size: 100%;
  color: #666;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: 0 0!important
}

.select2-default {
  color: #999!important
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 18px;
  margin: 3px 0 3px 5px;
  position: relative;
  line-height: 1.3rem;
  color: #333;
  cursor: default;
  border: 1px solid #aaa;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, .05);
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #e4e4e4;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
  background-color: #353535
}

html[dir=rtl] .select2-container-multi .select2-choices .select2-search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 18px 3px 5px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default
}

.select2-container-multi .select2-choices .select2-search-choice-focus {
  background: #d4d4d4
}

.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px
}

html[dir=rtl] .select2-search-choice-close {
  right: auto;
  left: 3px
}

.select2-container-multi .select2-search-choice-close {
  left: 3px
}

html[dir=rtl] .select2-container-multi .select2-search-choice-close {
  left: auto;
  right: 2px
}

.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px
}

.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px
}

.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  padding: 3px 5px 3px 5px;
  border: 1px solid #ddd;
  background-image: none;
  background-color: #f4f4f4
}

.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: 0 0
}

.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline
}

.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0)!important;
  width: 1px!important;
  height: 1px!important;
  border: 0!important;
  margin: 0!important;
  padding: 0!important;
  overflow: hidden!important;
  position: absolute!important;
  outline: 0!important;
  left: 0!important;
  top: 0!important
}

.select2-display-none {
  display: none
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-resolution:2dppx) {
  .select2-container .select2-choice .select2-arrow b,
  .select2-container .select2-choice abbr,
  .select2-search input,
  .select2-search-choice-close {
    background-repeat: no-repeat!important;
    background-size: 65px
  }
  .select2-search input {
    background-position: 100% -21px!important
  }
}

@keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

[class*=" icon-font-"],
[class^=icon-font-] {
  font-family: icon-font;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-font-applied:before {
  font-family: iconfont;
  content: ""
}

.icon-font-arrow-down:before {
  font-family: iconfont;
  content: ""
}

.icon-font-arrow:before {
  font-family: iconfont;
  content: ""
}

.icon-font-available-in-store:before {
  font-family: iconfont;
  content: ""
}

.icon-font-back-arrow:before {
  font-family: iconfont;
  content: ""
}

.icon-font-cart:before {
  font-family: iconfont;
  content: ""
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-validated .checkout-step-number:before,
.icon-font-check-stepper:before {
  font-family: iconfont;
  content: ""
}

.icon-font-chevron-left:before {
  font-family: iconfont;
  content: ""
}

.icon-font-chevron-right:before {
  font-family: iconfont;
  content: ""
}

.icon-font-close:before {
  font-family: iconfont;
  content: ""
}

.icon-font-cross:before {
  font-family: iconfont;
  content: ""
}

.icon-font-delivery:before {
  font-family: iconfont;
  content: ""
}

.icon-font-edit:before {
  font-family: iconfont;
  content: ""
}

.icon-font-fourtyeight-hour:before {
  font-family: iconfont;
  content: ""
}

.icon-font-free-return:before {
  font-family: iconfont;
  content: ""
}

.icon-font-gift:before {
  font-family: iconfont;
  content: ""
}

.icon-font-localize-me:before {
  font-family: iconfont;
  content: ""
}

.icon-font-one-hour:before {
  font-family: iconfont;
  content: ""
}

.icon-font-refused:before {
  font-family: iconfont;
  content: ""
}

.icon-font-relay-point:before {
  font-family: iconfont;
  content: ""
}

.icon-font-returns:before {
  font-family: iconfont;
  content: ""
}

.icon-font-shoprunner:before {
  font-family: iconfont;
  content: ""
}

.icon-font-store-locator:before {
  font-family: iconfont;
  content: ""
}

.icon-font-store:before {
  font-family: iconfont;
  content: ""
}

.icon-font-validate:before {
  font-family: iconfont;
  content: ""
}

.no-decoration,
.no-decoration:hover,
.no-decoration:visited {
  text-decoration: none;
  color: inherit
}

.no-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.initial-case {
  text-transform: none
}

.icon-svg {
  width: 1em;
  height: 1em
}

.img-fill-width {
  width: 100%;
  height: auto
}

.dir-rtl {
  direction: rtl
}

.is-error {
  color: red!important
}

.is-success {
  color: #105a33!important
}

.revealing {
  opacity: 0;
  transition: opacity .2s linear
}

.revealing.is-revealed {
  opacity: 1
}

.is-hidden {
  display: none!important
}

.no-wrap {
  white-space: nowrap
}

@media only screen and (min-width:1281px) {
  .no-desk {
    display: none!important
  }
}

@media only screen and (min-width:768px) and (max-width:1280px) {
  .no-tab {
    display: none!important
  }
}

@media only screen and (max-width:767px) {
  .no-mob {
    display: none!important
  }
}

@media screen and (max-width:1279px) {
  .content-container .page-content-wrapper {
    overflow: hidden
  }
}

input[name=guest-emailconfirmation] {
  margin-bottom: 20px
}

.home-shipping-address-block .checkout-block .checkout-input-wrapper select {
  color: #292929;
  border: 1px solid #999;
  border-radius: 5px;
  font: 1.5rem/1.8rem CairoLight;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  transition: .5s;
  -webkit-transition: .5s
}

.home-shipping-address-block .checkout-block .checkout-input.phonePrefix {
  width: 110px;
  margin-top: 10px;
  display: inline-block;
  height: 50px
}

.home-shipping-address-block .checkout-block .checkout-input.phonePrefix+.checkout-address-form-line {
  width: 70%;
  margin-top: 10px;
  vertical-align: top;
  display: inline-block
}

.checkout-wrapper {
  overflow: auto;
  background-color: #f4f4f4;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  text-transform: none;
  line-height: 1
}

.checkout-wrapper .checkout-inner {
  position: relative;
  width: 100%;
  max-width: 920px;
  margin: 50px auto;
  font-size: 0
}

.checkout-wrapper .left-column {
  display: inline-block;
  vertical-align: top;
  width: 55%;
  margin-right: 5%
}

.checkout-wrapper .right-column {
  display: inline-block;
  vertical-align: top;
  width: 40%
}

.checkout-wrapper .right-column.checkoutparallax-active {
  position: absolute;
  top: 0;
  right: 0;
  will-change: scroll;
  transform: translateZ(0)
}

.checkout-wrapper .checkout-block {
  margin: 0 auto 10px;
  padding: 30px 40px;
  font-size: 17px;
  line-height: 25px;
  background: #fff
}

.checkout-wrapper .checkout-block.checkout-block-full {
  width: 100%
}

.checkout-wrapper .checkout-center-text {
  text-align: center
}

.checkout-wrapper .checkout-block-title {
  margin: 0 0 20px;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-transform: none;
  color: #292929
}

.checkout-wrapper .checkout-block-title .lp-logo-black {
  width: 45px;
  margin-right: 10px
}

.checkout-wrapper .checkout-block-title span {
  font-size: 1.5rem
}

.checkout-wrapper .checkout-block-text-bold {
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2.5rem
}

.checkout-wrapper .checkout-block-text {
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 25px
}

.checkout-wrapper .checkout-block-text-bigger {
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 17px
}

.checkout-wrapper .checkout-block-text-smaller {
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 13px
}

.checkout-wrapper .checkout-block-action-wrapper {
  margin-top: 20px;
  text-align: right
}

.checkout-wrapper .checkout-block-action {
  display: inline-block;
  vertical-align: top;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-decoration: underline;
  color: #292929;
  cursor: pointer
}

.checkout-wrapper .checkout-block-error {
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2.5rem;
  color: red
}

.checkout-wrapper .checkout-block-label {
  display: table;
  width: 100%;
  margin-bottom: 20px
}

.checkout-wrapper .checkout-block-label.checkout-error .checkout-block-label-text {
  color: red
}

.checkout-wrapper .checkout-block-label-text {
  display: table-cell;
  vertical-align: top;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2.5rem
}

.checkout-wrapper .checkout-address-form-line {
  margin-top: 20px
}

.checkout-wrapper .checkout-form-singleline {
  display: flex;
  justify-content: space-between
}

.checkout-wrapper .checkout-form-singleline .checkout-input-wrapper {
  width: 100%
}

#atg_call .checkout-wrapper .checkout-form-singleline a,
#atg_chat .checkout-wrapper .checkout-form-singleline a,
.checkout-wrapper .checkout-form-singleline #atg_call a,
.checkout-wrapper .checkout-form-singleline #atg_chat a,
.checkout-wrapper .checkout-form-singleline .btn,
.checkout-wrapper .checkout-form-singleline .faqchat {
  padding: 10px 0;
  flex: 80px 0 0;
  margin-left: 10px
}

.checkout-wrapper .checkout-address-form-input-wrapper {
  display: inline-block;
  vertical-align: top;
  margin-left: 40px;
  color: #292929
}

.checkout-wrapper .checkout-address-form-input-wrapper:nth-child(2) {
  margin-left: 30px
}

.checkout-wrapper .checkout-address-form-input-error {
  display: inline-block;
  vertical-align: top;
  color: red;
  margin-left: 40px
}

#atg_call .checkout-wrapper a,
#atg_chat .checkout-wrapper a,
.checkout-wrapper #atg_call a,
.checkout-wrapper #atg_chat a,
.checkout-wrapper .btn,
.checkout-wrapper .faqchat {
  text-transform: uppercase
}

.checkout-wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.checkout-wrapper h1,
.checkout-wrapper h2,
.checkout-wrapper h3,
.checkout-wrapper h4,
.checkout-wrapper h5,
.checkout-wrapper h6,
.checkout-wrapper p {
  margin: 0
}

.checkout-wrapper select {
  padding: 5px;
  border-radius: 3px
}

.checkout-wrapper textarea {
  border: none;
  overflow: auto;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.checkout-wrapper .checkout-btn-wrapper-left {
  margin-top: 20px;
  text-align: left
}

.checkout-wrapper .checkout-btn-wrapper-right {
  margin-top: 20px;
  text-align: right
}

.checkout-wrapper .checkout-btn-wrapper-center {
  margin-top: 20px;
  text-align: center
}

.checkout-wrapper .clucth .clutch-balance {
  font-family: LacosteSansLight, Arial, Helvetica, sans-serif
}

.checkout-wrapper .clucth .add-card-number input[type=text] {
  width: 100%
}

.checkout-wrapper .clucth #checkClucthBalance {
  margin-top: 15px
}

.checkout-wrapper .clucth .clucth-result label {
  display: inline-block;
  width: auto
}

.checkout-wrapper .clucth #giftAmount {
  width: 100%
}

.checkout-wrapper .clucth #validateBalance {
  margin-top: 20px
}

.checkout-wrapper .clucth #usingGiftCertificate {
  margin-top: -30px
}

.checkout-wrapper .clucth .clucth-result+.clucth-message #clutch-message {
  margin-top: 0
}

.checkout-wrapper .payment-method-details .clucth {
  padding-bottom: 38px
}

.checkout-wrapper .payment-method-details .clucth #checkClucthBalance {
  margin-top: 15px
}

.checkout-wrapper .payment-method-details .clucth #clutch-message {
  color: red
}

.checkout-wrapper .payment-method-details .clucth .clutch-balance {
  display: inline-block
}

#atg_call .checkout-wrapper .payment-method-details .clucth a,
#atg_chat .checkout-wrapper .payment-method-details .clucth a,
.checkout-wrapper .payment-method-details .clucth #atg_call a,
.checkout-wrapper .payment-method-details .clucth #atg_chat a,
.checkout-wrapper .payment-method-details .clucth .btn,
.checkout-wrapper .payment-method-details .clucth .faqchat {
  display: inline-block
}

.checkout-wrapper .payment-method-details .clucth .clucth-result+.clucth-message #clutch-message {
  color: #454545;
  position: absolute
}

.checkout-wrapper #js-payment-method-giftCert-form button {
  float: none
}

.checkout-wrapper .clucth-result {
  display: none
}

.checkout-wrapper .clucth-result.row {
  clear: both;
  padding-top: 20px
}

.checkout-wrapper .forms {
  text-transform: none
}

.checkout-wrapper .forms .field-wrapper {
  position: relative
}

.checkout-wrapper .forms .field-wrapper.field-wrapper--lefted {
  margin-right: auto
}

.checkout-wrapper .forms .field-wrapper.is-error .label {
  color: red!important
}

.checkout-wrapper .forms .field-wrapper.is-error .field {
  border-color: red
}

.checkout-wrapper .forms .field-wrapper.is-success .label {
  color: #105a33!important
}

.checkout-wrapper .forms .field-wrapper.is-success .field {
  border-color: #105a33
}

.checkout-wrapper .forms .field-checkbox-wrapper,
.checkout-wrapper .forms .field-radio-wrapper {
  height: 20px
}

.checkout-wrapper .forms .label {
  align-self: center;
  display: inline;
  vertical-align: top;
  color: #606060;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  cursor: pointer;
  transition: all .25s
}

.checkout-wrapper .forms .label.label--floating {
  position: absolute;
  top: 15px;
  left: 20px;
  background-color: #fff
}

.checkout-wrapper .forms .field.is-filled+.label.label--floating,
.checkout-wrapper .forms .field:focus+.label.label--floating {
  top: -10px;
  right: auto;
  padding: 0 3px;
  border-radius: 5px;
  color: #292929;
  font-size: 1.3rem
}

.checkout-wrapper .forms .field {
  display: block;
  width: 100%;
  height: 50px;
  padding: 14px 19px;
  border: 1px solid #999;
  border-radius: 5px;
  color: #fff;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  text-transform: none;
  -webkit-appearance: none;
  -moz-appearance: none
}

.checkout-wrapper .forms .field::-webkit-input-placeholder {
  color: #fff
}

.checkout-wrapper .forms .field:-ms-input-placeholder {
  color: #fff
}

.checkout-wrapper .forms .field::placeholder {
  color: #fff
}

.checkout-wrapper .forms .field:focus::-webkit-input-placeholder {
  color: #606060
}

.checkout-wrapper .forms .field:focus:-ms-input-placeholder {
  color: #606060
}

.checkout-wrapper .forms .field:focus::placeholder {
  color: #606060
}

.checkout-wrapper .forms .field.is-filled,
.checkout-wrapper .forms .field:focus {
  outline: 0;
  color: #606060
}

.checkout-wrapper .forms .field[type=password] {
  font-family: LacosteSansLight, Arial, Helvetica, sans-serif
}

.checkout-wrapper .forms .field.field--textarea {
  height: 120px
}

.checkout-wrapper .forms .field-checkbox,
.checkout-wrapper .forms .field-radio {
  margin-right: 5px;
  vertical-align: middle;
  top: auto
}

.checkout-wrapper .forms .notice {
  margin: 0;
  color: #292929;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem
}

.checkout-wrapper .is-required .label::after,
.checkout-wrapper .label.is-required::after {
  content: "*"
}

.checkout-wrapper .l-field-margin {
  margin-top: 20px
}

.checkout-wrapper .l-field-spaced {
  margin-left: 30px
}

.checkout-wrapper .grid {
  display: flex;
  flex-flow: row wrap;
  list-style-type: none
}

.checkout-wrapper .flex {
  display: flex
}

.checkout-wrapper .flex--col {
  flex-direction: column
}

.checkout-wrapper .flex--justify-end {
  justify-content: flex-end
}

.checkout-wrapper .flex--space-between {
  justify-content: space-between
}

.checkout-wrapper .flex--align-center {
  align-items: center
}

.checkout-wrapper .flex--centered {
  align-items: center;
  justify-content: center
}

.checkout-wrapper .flex--grow {
  flex-grow: 1
}

.checkout-wrapper .cell-0 {
  flex: 0 0 0%;
  max-width: 0%
}

.checkout-wrapper .offset-0 {
  margin-left: 0
}

.checkout-wrapper .padding-0 {
  padding-left: 0;
  padding-right: 0
}

.checkout-wrapper .cell-1 {
  flex: 0 0 4.34783%;
  max-width: 4.34783%
}

.checkout-wrapper .offset-1 {
  margin-left: 4.34783%
}

.checkout-wrapper .padding-1 {
  padding-left: 4.34783%;
  padding-right: 4.34783%
}

.checkout-wrapper .cell-2 {
  flex: 0 0 8.69565%;
  max-width: 8.69565%
}

.checkout-wrapper .offset-2 {
  margin-left: 8.69565%
}

.checkout-wrapper .padding-2 {
  padding-left: 8.69565%;
  padding-right: 8.69565%
}

.checkout-wrapper .cell-3 {
  flex: 0 0 13.04348%;
  max-width: 13.04348%
}

.checkout-wrapper .offset-3 {
  margin-left: 13.04348%
}

.checkout-wrapper .padding-3 {
  padding-left: 13.04348%;
  padding-right: 13.04348%
}

.checkout-wrapper .cell-4 {
  flex: 0 0 17.3913%;
  max-width: 17.3913%
}

.checkout-wrapper .offset-4 {
  margin-left: 17.3913%
}

.checkout-wrapper .padding-4 {
  padding-left: 17.3913%;
  padding-right: 17.3913%
}

.checkout-wrapper .cell-5 {
  flex: 0 0 21.73913%;
  max-width: 21.73913%
}

.checkout-wrapper .offset-5 {
  margin-left: 21.73913%
}

.checkout-wrapper .padding-5 {
  padding-left: 21.73913%;
  padding-right: 21.73913%
}

.checkout-wrapper .cell-6 {
  flex: 0 0 26.08696%;
  max-width: 26.08696%
}

.checkout-wrapper .offset-6 {
  margin-left: 26.08696%
}

.checkout-wrapper .padding-6 {
  padding-left: 26.08696%;
  padding-right: 26.08696%
}

.checkout-wrapper .cell-7 {
  flex: 0 0 30.43478%;
  max-width: 30.43478%
}

.checkout-wrapper .offset-7 {
  margin-left: 30.43478%
}

.checkout-wrapper .padding-7 {
  padding-left: 30.43478%;
  padding-right: 30.43478%
}

.checkout-wrapper .cell-8 {
  flex: 0 0 34.78261%;
  max-width: 34.78261%
}

.checkout-wrapper .offset-8 {
  margin-left: 34.78261%
}

.checkout-wrapper .padding-8 {
  padding-left: 34.78261%;
  padding-right: 34.78261%
}

.checkout-wrapper .cell-9 {
  flex: 0 0 39.13043%;
  max-width: 39.13043%
}

.checkout-wrapper .offset-9 {
  margin-left: 39.13043%
}

.checkout-wrapper .padding-9 {
  padding-left: 39.13043%;
  padding-right: 39.13043%
}

.checkout-wrapper .cell-10 {
  flex: 0 0 43.47826%;
  max-width: 43.47826%
}

.checkout-wrapper .offset-10 {
  margin-left: 43.47826%
}

.checkout-wrapper .padding-10 {
  padding-left: 43.47826%;
  padding-right: 43.47826%
}

.checkout-wrapper .cell-11 {
  flex: 0 0 47.82609%;
  max-width: 47.82609%
}

.checkout-wrapper .offset-11 {
  margin-left: 47.82609%
}

.checkout-wrapper .padding-11 {
  padding-left: 47.82609%;
  padding-right: 47.82609%
}

.checkout-wrapper .cell-12 {
  flex: 0 0 52.17391%;
  max-width: 52.17391%
}

.checkout-wrapper .offset-12 {
  margin-left: 52.17391%
}

.checkout-wrapper .padding-12 {
  padding-left: 52.17391%;
  padding-right: 52.17391%
}

.checkout-wrapper .cell-13 {
  flex: 0 0 56.52174%;
  max-width: 56.52174%
}

.checkout-wrapper .offset-13 {
  margin-left: 56.52174%
}

.checkout-wrapper .padding-13 {
  padding-left: 56.52174%;
  padding-right: 56.52174%
}

.checkout-wrapper .cell-14 {
  flex: 0 0 60.86957%;
  max-width: 60.86957%
}

.checkout-wrapper .offset-14 {
  margin-left: 60.86957%
}

.checkout-wrapper .padding-14 {
  padding-left: 60.86957%;
  padding-right: 60.86957%
}

.checkout-wrapper .cell-15 {
  flex: 0 0 65.21739%;
  max-width: 65.21739%
}

.checkout-wrapper .offset-15 {
  margin-left: 65.21739%
}

.checkout-wrapper .padding-15 {
  padding-left: 65.21739%;
  padding-right: 65.21739%
}

.checkout-wrapper .cell-16 {
  flex: 0 0 69.56522%;
  max-width: 69.56522%
}

.checkout-wrapper .offset-16 {
  margin-left: 69.56522%
}

.checkout-wrapper .padding-16 {
  padding-left: 69.56522%;
  padding-right: 69.56522%
}

.checkout-wrapper .cell-17 {
  flex: 0 0 73.91304%;
  max-width: 73.91304%
}

.checkout-wrapper .offset-17 {
  margin-left: 73.91304%
}

.checkout-wrapper .padding-17 {
  padding-left: 73.91304%;
  padding-right: 73.91304%
}

.checkout-wrapper .cell-18 {
  flex: 0 0 78.26087%;
  max-width: 78.26087%
}

.checkout-wrapper .offset-18 {
  margin-left: 78.26087%
}

.checkout-wrapper .padding-18 {
  padding-left: 78.26087%;
  padding-right: 78.26087%
}

.checkout-wrapper .cell-19 {
  flex: 0 0 82.6087%;
  max-width: 82.6087%
}

.checkout-wrapper .offset-19 {
  margin-left: 82.6087%
}

.checkout-wrapper .padding-19 {
  padding-left: 82.6087%;
  padding-right: 82.6087%
}

.checkout-wrapper .cell-20 {
  flex: 0 0 86.95652%;
  max-width: 86.95652%
}

.checkout-wrapper .offset-20 {
  margin-left: 86.95652%
}

.checkout-wrapper .padding-20 {
  padding-left: 86.95652%;
  padding-right: 86.95652%
}

.checkout-wrapper .cell-21 {
  flex: 0 0 91.30435%;
  max-width: 91.30435%
}

.checkout-wrapper .offset-21 {
  margin-left: 91.30435%
}

.checkout-wrapper .padding-21 {
  padding-left: 91.30435%;
  padding-right: 91.30435%
}

.checkout-wrapper .cell-22 {
  flex: 0 0 95.65217%;
  max-width: 95.65217%
}

.checkout-wrapper .offset-22 {
  margin-left: 95.65217%
}

.checkout-wrapper .padding-22 {
  padding-left: 95.65217%;
  padding-right: 95.65217%
}

.checkout-wrapper .cell-23 {
  flex: 0 0 100%;
  max-width: 100%
}

.checkout-wrapper .offset-23 {
  margin-left: 100%
}

.checkout-wrapper .padding-23 {
  padding-left: 100%;
  padding-right: 100%
}

@media only screen and (max-width:1280px) {
  .checkout-wrapper .cell-mt-0 {
    flex: 0 0 0%;
    max-width: 0%
  }
  .checkout-wrapper .offset-mt-0 {
    margin-left: 0
  }
  .checkout-wrapper .padding-mt-0 {
    padding-left: 0;
    padding-right: 0
  }
  .checkout-wrapper .cell-mt-1 {
    flex: 0 0 4.34783%;
    max-width: 4.34783%
  }
  .checkout-wrapper .offset-mt-1 {
    margin-left: 4.34783%
  }
  .checkout-wrapper .padding-mt-1 {
    padding-left: 4.34783%;
    padding-right: 4.34783%
  }
  .checkout-wrapper .cell-mt-2 {
    flex: 0 0 8.69565%;
    max-width: 8.69565%
  }
  .checkout-wrapper .offset-mt-2 {
    margin-left: 8.69565%
  }
  .checkout-wrapper .padding-mt-2 {
    padding-left: 8.69565%;
    padding-right: 8.69565%
  }
  .checkout-wrapper .cell-mt-3 {
    flex: 0 0 13.04348%;
    max-width: 13.04348%
  }
  .checkout-wrapper .offset-mt-3 {
    margin-left: 13.04348%
  }
  .checkout-wrapper .padding-mt-3 {
    padding-left: 13.04348%;
    padding-right: 13.04348%
  }
  .checkout-wrapper .cell-mt-4 {
    flex: 0 0 17.3913%;
    max-width: 17.3913%
  }
  .checkout-wrapper .offset-mt-4 {
    margin-left: 17.3913%
  }
  .checkout-wrapper .padding-mt-4 {
    padding-left: 17.3913%;
    padding-right: 17.3913%
  }
  .checkout-wrapper .cell-mt-5 {
    flex: 0 0 21.73913%;
    max-width: 21.73913%
  }
  .checkout-wrapper .offset-mt-5 {
    margin-left: 21.73913%
  }
  .checkout-wrapper .padding-mt-5 {
    padding-left: 21.73913%;
    padding-right: 21.73913%
  }
  .checkout-wrapper .cell-mt-6 {
    flex: 0 0 26.08696%;
    max-width: 26.08696%
  }
  .checkout-wrapper .offset-mt-6 {
    margin-left: 26.08696%
  }
  .checkout-wrapper .padding-mt-6 {
    padding-left: 26.08696%;
    padding-right: 26.08696%
  }
  .checkout-wrapper .cell-mt-7 {
    flex: 0 0 30.43478%;
    max-width: 30.43478%
  }
  .checkout-wrapper .offset-mt-7 {
    margin-left: 30.43478%
  }
  .checkout-wrapper .padding-mt-7 {
    padding-left: 30.43478%;
    padding-right: 30.43478%
  }
  .checkout-wrapper .cell-mt-8 {
    flex: 0 0 34.78261%;
    max-width: 34.78261%
  }
  .checkout-wrapper .offset-mt-8 {
    margin-left: 34.78261%
  }
  .checkout-wrapper .padding-mt-8 {
    padding-left: 34.78261%;
    padding-right: 34.78261%
  }
  .checkout-wrapper .cell-mt-9 {
    flex: 0 0 39.13043%;
    max-width: 39.13043%
  }
  .checkout-wrapper .offset-mt-9 {
    margin-left: 39.13043%
  }
  .checkout-wrapper .padding-mt-9 {
    padding-left: 39.13043%;
    padding-right: 39.13043%
  }
  .checkout-wrapper .cell-mt-10 {
    flex: 0 0 43.47826%;
    max-width: 43.47826%
  }
  .checkout-wrapper .offset-mt-10 {
    margin-left: 43.47826%
  }
  .checkout-wrapper .padding-mt-10 {
    padding-left: 43.47826%;
    padding-right: 43.47826%
  }
  .checkout-wrapper .cell-mt-11 {
    flex: 0 0 47.82609%;
    max-width: 47.82609%
  }
  .checkout-wrapper .offset-mt-11 {
    margin-left: 47.82609%
  }
  .checkout-wrapper .padding-mt-11 {
    padding-left: 47.82609%;
    padding-right: 47.82609%
  }
  .checkout-wrapper .cell-mt-12 {
    flex: 0 0 52.17391%;
    max-width: 52.17391%
  }
  .checkout-wrapper .offset-mt-12 {
    margin-left: 52.17391%
  }
  .checkout-wrapper .padding-mt-12 {
    padding-left: 52.17391%;
    padding-right: 52.17391%
  }
  .checkout-wrapper .cell-mt-13 {
    flex: 0 0 56.52174%;
    max-width: 56.52174%
  }
  .checkout-wrapper .offset-mt-13 {
    margin-left: 56.52174%
  }
  .checkout-wrapper .padding-mt-13 {
    padding-left: 56.52174%;
    padding-right: 56.52174%
  }
  .checkout-wrapper .cell-mt-14 {
    flex: 0 0 60.86957%;
    max-width: 60.86957%
  }
  .checkout-wrapper .offset-mt-14 {
    margin-left: 60.86957%
  }
  .checkout-wrapper .padding-mt-14 {
    padding-left: 60.86957%;
    padding-right: 60.86957%
  }
  .checkout-wrapper .cell-mt-15 {
    flex: 0 0 65.21739%;
    max-width: 65.21739%
  }
  .checkout-wrapper .offset-mt-15 {
    margin-left: 65.21739%
  }
  .checkout-wrapper .padding-mt-15 {
    padding-left: 65.21739%;
    padding-right: 65.21739%
  }
  .checkout-wrapper .cell-mt-16 {
    flex: 0 0 69.56522%;
    max-width: 69.56522%
  }
  .checkout-wrapper .offset-mt-16 {
    margin-left: 69.56522%
  }
  .checkout-wrapper .padding-mt-16 {
    padding-left: 69.56522%;
    padding-right: 69.56522%
  }
  .checkout-wrapper .cell-mt-17 {
    flex: 0 0 73.91304%;
    max-width: 73.91304%
  }
  .checkout-wrapper .offset-mt-17 {
    margin-left: 73.91304%
  }
  .checkout-wrapper .padding-mt-17 {
    padding-left: 73.91304%;
    padding-right: 73.91304%
  }
  .checkout-wrapper .cell-mt-18 {
    flex: 0 0 78.26087%;
    max-width: 78.26087%
  }
  .checkout-wrapper .offset-mt-18 {
    margin-left: 78.26087%
  }
  .checkout-wrapper .padding-mt-18 {
    padding-left: 78.26087%;
    padding-right: 78.26087%
  }
  .checkout-wrapper .cell-mt-19 {
    flex: 0 0 82.6087%;
    max-width: 82.6087%
  }
  .checkout-wrapper .offset-mt-19 {
    margin-left: 82.6087%
  }
  .checkout-wrapper .padding-mt-19 {
    padding-left: 82.6087%;
    padding-right: 82.6087%
  }
  .checkout-wrapper .cell-mt-20 {
    flex: 0 0 86.95652%;
    max-width: 86.95652%
  }
  .checkout-wrapper .offset-mt-20 {
    margin-left: 86.95652%
  }
  .checkout-wrapper .padding-mt-20 {
    padding-left: 86.95652%;
    padding-right: 86.95652%
  }
  .checkout-wrapper .cell-mt-21 {
    flex: 0 0 91.30435%;
    max-width: 91.30435%
  }
  .checkout-wrapper .offset-mt-21 {
    margin-left: 91.30435%
  }
  .checkout-wrapper .padding-mt-21 {
    padding-left: 91.30435%;
    padding-right: 91.30435%
  }
  .checkout-wrapper .cell-mt-22 {
    flex: 0 0 95.65217%;
    max-width: 95.65217%
  }
  .checkout-wrapper .offset-mt-22 {
    margin-left: 95.65217%
  }
  .checkout-wrapper .padding-mt-22 {
    padding-left: 95.65217%;
    padding-right: 95.65217%
  }
  .checkout-wrapper .cell-mt-23 {
    flex: 0 0 100%;
    max-width: 100%
  }
  .checkout-wrapper .offset-mt-23 {
    margin-left: 100%
  }
  .checkout-wrapper .padding-mt-23 {
    padding-left: 100%;
    padding-right: 100%
  }
}

@media only screen and (max-width:767px) {
  .checkout-wrapper .cell-m-0 {
    flex: 0 0 0%;
    max-width: 0%
  }
  .checkout-wrapper .offset-m-0 {
    margin-left: 0
  }
  .checkout-wrapper .padding-m-0 {
    padding-left: 0;
    padding-right: 0
  }
  .checkout-wrapper .cell-m-1 {
    flex: 0 0 4.34783%;
    max-width: 4.34783%
  }
  .checkout-wrapper .offset-m-1 {
    margin-left: 4.34783%
  }
  .checkout-wrapper .padding-m-1 {
    padding-left: 4.34783%;
    padding-right: 4.34783%
  }
  .checkout-wrapper .cell-m-2 {
    flex: 0 0 8.69565%;
    max-width: 8.69565%
  }
  .checkout-wrapper .offset-m-2 {
    margin-left: 8.69565%
  }
  .checkout-wrapper .padding-m-2 {
    padding-left: 8.69565%;
    padding-right: 8.69565%
  }
  .checkout-wrapper .cell-m-3 {
    flex: 0 0 13.04348%;
    max-width: 13.04348%
  }
  .checkout-wrapper .offset-m-3 {
    margin-left: 13.04348%
  }
  .checkout-wrapper .padding-m-3 {
    padding-left: 13.04348%;
    padding-right: 13.04348%
  }
  .checkout-wrapper .cell-m-4 {
    flex: 0 0 17.3913%;
    max-width: 17.3913%
  }
  .checkout-wrapper .offset-m-4 {
    margin-left: 17.3913%
  }
  .checkout-wrapper .padding-m-4 {
    padding-left: 17.3913%;
    padding-right: 17.3913%
  }
  .checkout-wrapper .cell-m-5 {
    flex: 0 0 21.73913%;
    max-width: 21.73913%
  }
  .checkout-wrapper .offset-m-5 {
    margin-left: 21.73913%
  }
  .checkout-wrapper .padding-m-5 {
    padding-left: 21.73913%;
    padding-right: 21.73913%
  }
  .checkout-wrapper .cell-m-6 {
    flex: 0 0 26.08696%;
    max-width: 26.08696%
  }
  .checkout-wrapper .offset-m-6 {
    margin-left: 26.08696%
  }
  .checkout-wrapper .padding-m-6 {
    padding-left: 26.08696%;
    padding-right: 26.08696%
  }
  .checkout-wrapper .cell-m-7 {
    flex: 0 0 30.43478%;
    max-width: 30.43478%
  }
  .checkout-wrapper .offset-m-7 {
    margin-left: 30.43478%
  }
  .checkout-wrapper .padding-m-7 {
    padding-left: 30.43478%;
    padding-right: 30.43478%
  }
  .checkout-wrapper .cell-m-8 {
    flex: 0 0 34.78261%;
    max-width: 34.78261%
  }
  .checkout-wrapper .offset-m-8 {
    margin-left: 34.78261%
  }
  .checkout-wrapper .padding-m-8 {
    padding-left: 34.78261%;
    padding-right: 34.78261%
  }
  .checkout-wrapper .cell-m-9 {
    flex: 0 0 39.13043%;
    max-width: 39.13043%
  }
  .checkout-wrapper .offset-m-9 {
    margin-left: 39.13043%
  }
  .checkout-wrapper .padding-m-9 {
    padding-left: 39.13043%;
    padding-right: 39.13043%
  }
  .checkout-wrapper .cell-m-10 {
    flex: 0 0 43.47826%;
    max-width: 43.47826%
  }
  .checkout-wrapper .offset-m-10 {
    margin-left: 43.47826%
  }
  .checkout-wrapper .padding-m-10 {
    padding-left: 43.47826%;
    padding-right: 43.47826%
  }
  .checkout-wrapper .cell-m-11 {
    flex: 0 0 47.82609%;
    max-width: 47.82609%
  }
  .checkout-wrapper .offset-m-11 {
    margin-left: 47.82609%
  }
  .checkout-wrapper .padding-m-11 {
    padding-left: 47.82609%;
    padding-right: 47.82609%
  }
  .checkout-wrapper .cell-m-12 {
    flex: 0 0 52.17391%;
    max-width: 52.17391%
  }
  .checkout-wrapper .offset-m-12 {
    margin-left: 52.17391%
  }
  .checkout-wrapper .padding-m-12 {
    padding-left: 52.17391%;
    padding-right: 52.17391%
  }
  .checkout-wrapper .cell-m-13 {
    flex: 0 0 56.52174%;
    max-width: 56.52174%
  }
  .checkout-wrapper .offset-m-13 {
    margin-left: 56.52174%
  }
  .checkout-wrapper .padding-m-13 {
    padding-left: 56.52174%;
    padding-right: 56.52174%
  }
  .checkout-wrapper .cell-m-14 {
    flex: 0 0 60.86957%;
    max-width: 60.86957%
  }
  .checkout-wrapper .offset-m-14 {
    margin-left: 60.86957%
  }
  .checkout-wrapper .padding-m-14 {
    padding-left: 60.86957%;
    padding-right: 60.86957%
  }
  .checkout-wrapper .cell-m-15 {
    flex: 0 0 65.21739%;
    max-width: 65.21739%
  }
  .checkout-wrapper .offset-m-15 {
    margin-left: 65.21739%
  }
  .checkout-wrapper .padding-m-15 {
    padding-left: 65.21739%;
    padding-right: 65.21739%
  }
  .checkout-wrapper .cell-m-16 {
    flex: 0 0 69.56522%;
    max-width: 69.56522%
  }
  .checkout-wrapper .offset-m-16 {
    margin-left: 69.56522%
  }
  .checkout-wrapper .padding-m-16 {
    padding-left: 69.56522%;
    padding-right: 69.56522%
  }
  .checkout-wrapper .cell-m-17 {
    flex: 0 0 73.91304%;
    max-width: 73.91304%
  }
  .checkout-wrapper .offset-m-17 {
    margin-left: 73.91304%
  }
  .checkout-wrapper .padding-m-17 {
    padding-left: 73.91304%;
    padding-right: 73.91304%
  }
  .checkout-wrapper .cell-m-18 {
    flex: 0 0 78.26087%;
    max-width: 78.26087%
  }
  .checkout-wrapper .offset-m-18 {
    margin-left: 78.26087%
  }
  .checkout-wrapper .padding-m-18 {
    padding-left: 78.26087%;
    padding-right: 78.26087%
  }
  .checkout-wrapper .cell-m-19 {
    flex: 0 0 82.6087%;
    max-width: 82.6087%
  }
  .checkout-wrapper .offset-m-19 {
    margin-left: 82.6087%
  }
  .checkout-wrapper .padding-m-19 {
    padding-left: 82.6087%;
    padding-right: 82.6087%
  }
  .checkout-wrapper .cell-m-20 {
    flex: 0 0 86.95652%;
    max-width: 86.95652%
  }
  .checkout-wrapper .offset-m-20 {
    margin-left: 86.95652%
  }
  .checkout-wrapper .padding-m-20 {
    padding-left: 86.95652%;
    padding-right: 86.95652%
  }
  .checkout-wrapper .cell-m-21 {
    flex: 0 0 91.30435%;
    max-width: 91.30435%
  }
  .checkout-wrapper .offset-m-21 {
    margin-left: 91.30435%
  }
  .checkout-wrapper .padding-m-21 {
    padding-left: 91.30435%;
    padding-right: 91.30435%
  }
  .checkout-wrapper .cell-m-22 {
    flex: 0 0 95.65217%;
    max-width: 95.65217%
  }
  .checkout-wrapper .offset-m-22 {
    margin-left: 95.65217%
  }
  .checkout-wrapper .padding-m-22 {
    padding-left: 95.65217%;
    padding-right: 95.65217%
  }
  .checkout-wrapper .cell-m-23 {
    flex: 0 0 100%;
    max-width: 100%
  }
  .checkout-wrapper .offset-m-23 {
    margin-left: 100%
  }
  .checkout-wrapper .padding-m-23 {
    padding-left: 100%;
    padding-right: 100%
  }
}

.checkout-wrapper .row-vspaced {
  margin-top: 30px;
  margin-bottom: 30px
}

.checkout-wrapper .cell-full {
  flex: 0 0 100%;
  max-width: 100%
}

.checkout-wrapper .cell-two-tier {
  flex: 0 0 66.66667%;
  max-width: 66.66667%
}

.checkout-wrapper .cell-half {
  flex: 0 0 50%;
  max-width: 50%
}

.checkout-wrapper .cell-tier {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.checkout-wrapper .cell-quarter {
  flex: 0 0 25%;
  max-width: 25%
}

.checkout-wrapper .offset-two-tier {
  margin-left: 66.66667%
}

.checkout-wrapper .offset-half {
  margin-left: 50%
}

.checkout-wrapper .offset-tier {
  margin-left: 33.33333%
}

.checkout-wrapper .offset-quarter {
  margin-left: 25%
}

@media only screen and (max-width:1280px) {
  .checkout-wrapper .cell-mt-full {
    flex: 0 0 100%;
    max-width: 100%
  }
  .checkout-wrapper .cell-mt-two-tier {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }
  .checkout-wrapper .cell-mt-half {
    flex: 0 0 50%;
    max-width: 50%
  }
  .checkout-wrapper .cell-mt-tier {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
  .checkout-wrapper .cell-mt-quarter {
    flex: 0 0 25%;
    max-width: 25%
  }
  .checkout-wrapper .offset-mt-two-tier {
    margin-left: 66.66667%
  }
  .checkout-wrapper .offset-mt-half {
    margin-left: 50%
  }
  .checkout-wrapper .offset-mt-tier {
    margin-left: 33.33333%
  }
  .checkout-wrapper .offset-mt-quarter {
    margin-left: 25%
  }
}

@media only screen and (max-width:767px) {
  .checkout-wrapper .row-vspaced {
    margin-top: 15px;
    margin-bottom: 15px
  }
  .checkout-wrapper .cell-m-full {
    flex: 0 0 100%;
    max-width: 100%
  }
  .checkout-wrapper .cell-m-full.cell-m--out-grid {
    margin-left: -10px;
    flex: 0 0 100vw;
    max-width: 100vw
  }
  .checkout-wrapper .cell-m-two-tier {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }
  .checkout-wrapper .cell-m-half {
    flex: 0 0 50%;
    max-width: 50%
  }
  .checkout-wrapper .cell-m-tier {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
  .checkout-wrapper .cell-m-quarter {
    flex: 0 0 25%;
    max-width: 25%
  }
  .checkout-wrapper .offset-m-two-tier {
    margin-left: 66.66667%
  }
  .checkout-wrapper .offset-m-half {
    margin-left: 50%
  }
  .checkout-wrapper .offset-m-tier {
    margin-left: 33.33333%
  }
  .checkout-wrapper .offset-m-quarter {
    margin-left: 25%
  }
}

.checkout-wrapper .no-decoration,
.checkout-wrapper .no-decoration:hover,
.checkout-wrapper .no-decoration:visited {
  text-decoration: none;
  color: inherit
}

.checkout-wrapper .no-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.checkout-wrapper .initial-case {
  text-transform: none
}

.checkout-wrapper .icon-svg {
  width: 1em;
  height: 1em
}

.checkout-wrapper .img-fill-width {
  width: 100%;
  height: auto
}

.checkout-wrapper .dir-rtl {
  direction: rtl
}

.checkout-wrapper .is-error {
  color: red!important
}

.checkout-wrapper .is-success {
  color: #105a33!important
}

.checkout-wrapper .revealing {
  opacity: 0;
  transition: opacity .2s linear
}

.checkout-wrapper .revealing.is-revealed {
  opacity: 1
}

.checkout-wrapper .is-hidden {
  display: none!important
}

.checkout-wrapper .no-wrap {
  white-space: nowrap
}

@media only screen and (min-width:1281px) {
  .checkout-wrapper .no-desk {
    display: none!important
  }
}

@media only screen and (min-width:768px) and (max-width:1280px) {
  .checkout-wrapper .no-tab {
    display: none!important
  }
}

@media only screen and (max-width:767px) {
  .checkout-wrapper .no-mob {
    display: none!important
  }
}

.checkout-wrapper .checkout-input-filled .checkout-input-label-content,
.checkout-wrapper .checkout-input:focus+.checkout-input-label-content {
  top: -7px;
  padding: 0 3px;
  font-size: 13px;
  color: #292929;
  background: #fff;
  border-radius: 5px
}

.checkout-wrapper .checkout-block-label-text .checkout-input-label-error {
  color: red
}

.checkout-wrapper .checkout-input-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 1.5rem
}

.checkout-wrapper .checkout-input-wrapper.checkout-input-full {
  width: 100%
}

.checkout-wrapper .checkout-input-wrapper.checkout-input-error {
  color: red
}

.checkout-wrapper .checkout-input-wrapper.checkout-input-error .checkout-input-label-content {
  color: red
}

.checkout-wrapper .checkout-input-wrapper.checkout-input-error .checkout-input {
  border-color: red
}

.checkout-wrapper .checkout-input-wrapper.checkout-input-success .checkout-input-label-content {
  color: #105a33
}

.checkout-wrapper .checkout-input-wrapper.checkout-input-success .checkout-input {
  border-color: #105a33
}

.checkout-wrapper .checkout-input-label-content {
  position: absolute;
  top: 17px;
  left: 19px;
  color: #606060;
  pointer-events: none;
  transition: all .25s;
  line-height: 1
}

.checkout-wrapper .checkout-input {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 14px 19px;
  border: 1px solid #999;
  border-radius: 5px;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  text-transform: none
}

.checkout-wrapper .checkout-input[type=password],
.checkout-wrapper .checkout-input[type=tel],
.checkout-wrapper .checkout-input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none
}

.checkout-wrapper .checkout-input:focus {
  outline: 0
}

.checkout-wrapper .checkout-input::-webkit-input-placeholder {
  color: #606060;
  text-transform: none
}

.checkout-wrapper .checkout-input::-moz-placeholder {
  color: #606060;
  text-transform: none
}

.checkout-wrapper .checkout-input:-ms-input-placeholder {
  color: #606060;
  text-transform: none
}

.checkout-wrapper .checkout-input:-moz-placeholder {
  color: #606060;
  text-transform: none
}

.checkout-wrapper .checkout-input::placeholder {
  color: #606060;
  text-transform: none
}

.checkout-wrapper .checkout-input[type=password] {
  font-family: LacosteSansLight, Arial, Helvetica, sans-serif
}

.checkout-wrapper .forms .field-checkbox-wrapper,
.checkout-wrapper .forms .field-radio-wrapper {
  line-height: 13px
}

.checkout-wrapper .payment-method-add-creditcard-wrapper .forms .field-wrapper {
  line-height: 13px
}

.checkout-wrapper .checkout-stepper-wrapper {
  padding-top: 50px;
  text-align: center
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-stepper {
  padding: 0;
  margin: 0;
  list-style: none
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-right: 70px
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 10px;
  width: 50px;
  height: 1px;
  background: #292929
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step:last-child {
  padding-right: 0
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step:last-child:after {
  display: none
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step.amazon {
  padding-right: 100px
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step.amazon:after {
  width: 80px
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-current .checkout-step-number {
  background: #292929;
  color: #fff;
  border: none
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-validated .checkout-step-number {
  background: #292929;
  color: #fff;
  border: none
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-validated .checkout-step-number:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #292929;
  font-size: 1rem;
  color: #fff
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-inner {
  position: relative;
  display: block;
  padding-bottom: 27px
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-number {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  border: 1px solid #292929;
  border-radius: 100%;
  font-size: 17px;
  line-height: 4rem;
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-name {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: block;
  color: #292929;
  text-transform: uppercase;
  font-size: 17px;
  min-width: 100px
}

@media screen and (max-width:1023px) {
  .checkout-wrapper .checkout-stepper-wrapper {
    padding-top: 40px
  }
  .checkout-wrapper .checkout-stepper-wrapper .checkout-step {
    padding-right: 46px
  }
  .checkout-wrapper .checkout-stepper-wrapper .checkout-step:after {
    top: 15px;
    right: 5px;
    width: 30px
  }
  .checkout-wrapper .checkout-stepper-wrapper .checkout-step-validated .checkout-step-number:before {
    width: 30px;
    height: 30px;
    font-size: .8rem;
    line-height: 3rem
  }
  .checkout-wrapper .checkout-stepper-wrapper .checkout-step-number {
    width: 30px;
    height: 30px;
    font-size: 1.5rem;
    line-height: 2.8rem
  }
  .checkout-wrapper .checkout-stepper-wrapper .checkout-step-name {
    font-size: 1.5rem
  }
}

@media screen and (max-width:767px) {
  .checkout-wrapper .checkout-stepper-wrapper {
    padding-top: 30px
  }
}

.checkout-wrapper .checkout-block.summary-prices-block {
  margin-bottom: 3px
}

.checkout-wrapper .cart-price-summary-wrapper {
  position: relative;
  font-size: 1.5rem
}

.checkout-wrapper .cart-price-summary-wrapper .checkout-block-error {
  margin-bottom: 20px
}

.checkout-wrapper .cart-price-summary-wrapper .error-gift-message {
  margin-bottom: 15px
}

.checkout-wrapper .cart-price-summary-wrapper .cart-price-summary {
  font-size: 17px;
  line-height: 17px
}

.checkout-wrapper .cart-price-summary-wrapper .cart-price-summary li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.checkout-wrapper .cart-price-summary-wrapper .cart-price-subtotal {
  text-transform: uppercase;
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif
}

.checkout-wrapper .cart-price-summary-wrapper .cart-price-total {
  text-transform: uppercase;
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif;
  color: #105a33
}

.checkout-wrapper .cart-price-summary-wrapper .price-summary-loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.checkout-wrapper .cart-price-summary-wrapper .price-summary-loader .loader-ctnr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.checkout-wrapper .cart-price-summary-wrapper.loading .price-summary-loader {
  display: block
}

.checkout-wrapper .summary-products-wrapper {
  position: relative;
  margin-bottom: 1px
}

.checkout-wrapper .summary-products-wrapper .summary-products-header {
  position: relative
}

.checkout-wrapper .summary-products-wrapper .summary-products-title {
  text-transform: uppercase;
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif
}

.checkout-wrapper .summary-products-wrapper .summary-products-title-price {
  direction: ltr
}

.checkout-wrapper .summary-products-next,
.checkout-wrapper .summary-products-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 28px;
  line-height: 28px;
  background: #fff;
  cursor: pointer
}

.checkout-wrapper .summary-products-prev {
  top: 0;
  border-bottom: 1px solid #f4f4f4
}

.checkout-wrapper .summary-products-next {
  bottom: 0;
  border-top: 1px solid #f4f4f4
}

.checkout-wrapper .summary-products-scroll-wrapper {
  max-height: 110px;
  overflow: hidden
}

.checkout-wrapper .summary-product {
  display: flex;
  align-items: center;
  margin-bottom: 10px
}

.checkout-wrapper .summary-product:last-child {
  margin-bottom: 0
}

.checkout-wrapper .summary-product .summary-product-image {
  width: 30px;
  height: auto;
  margin-right: 10px
}

.checkout-wrapper .summary-product .summary-product-details {
  width: 100%
}

.checkout-wrapper .summary-product .summary-product-name {
  font-size: 1.5rem;
  line-height: 20px;
  max-height: 20px;
  overflow: hidden
}

.checkout-wrapper .summary-product .summary-product-infos {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  line-height: 20px;
  color: #999
}

.checkout-wrapper .summary-product .summary-product-price {
  direction: ltr
}

@media screen and (max-width:767px) {
  .checkout-wrapper .checkout-block.summary-products-wrapper {
    margin-bottom: 1px
  }
  .checkout-wrapper .checkout-block.summary-products-wrapper.is-folded .summary-products-header {
    margin-bottom: 0
  }
  .checkout-wrapper .checkout-block.summary-products-wrapper.is-folded .summary-products-header .icon-svg {
    transform: rotate(180deg)
  }
  .checkout-wrapper .checkout-block.summary-products-wrapper.is-folded .summary-products-scroll-wrapper {
    max-height: 0;
    margin-bottom: 0
  }
  .checkout-wrapper .summary-products-header {
    transition: all .5s ease-in-out
  }
  .checkout-wrapper .summary-products-header .icon-svg {
    margin-left: auto;
    transform: rotate(0);
    transition: all .5s ease-in-out
  }
  .checkout-wrapper .summary-products-scroll-wrapper {
    position: relative;
    top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    max-height: 1000px;
    transition: all .5s ease-in-out
  }
}

.checkout-wrapper .summary-shipment-method {
  font-size: 20px;
  line-height: 30px
}

.checkout-wrapper .summary-shipment-method .icon-svg {
  font-size: 25px;
  vertical-align: top;
  margin-top: 3px;
  margin-right: 10px
}

.checkout-wrapper .summary-shipment-address,
.checkout-wrapper .summary-shipment-fullname {
  font-size: 17px;
  line-height: 25px
}

.checkout-wrapper .checkout-newsletter-wrapper p {
  margin-bottom: 20px
}

.checkout-wrapper .checkout-gift-wrapper .checkout-gift-textarea-wrapper {
  display: none
}

.checkout-wrapper .checkout-gift-wrapper .checkout-gift-textarea-wrapper.checkout-gift-textarea-wrapper-active {
  display: block
}

.checkout-wrapper .checkout-gift-wrapper .checkout-gift-textarea {
  display: block;
  width: 100%;
  margin: 20px 0 10px;
  padding: 20px 15px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  text-transform: none;
  resize: none
}

.checkout-wrapper .checkout-gift-wrapper .checkout-gift-textarea-remainingchars {
  display: block;
  text-align: right;
  font-size: 13px
}

.checkout-wrapper .checkout-list-item {
  position: relative;
  margin-bottom: 8px;
  padding: 20px 40px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  font-size: 1.5rem;
  line-height: 2.5rem;
  cursor: pointer
}

.checkout-wrapper .checkout-list-item:last-child {
  margin-bottom: 0
}

.checkout-wrapper .checkout-list-item.checkout-list-item-active {
  background: #105a33;
  color: #fff
}

.checkout-wrapper .checkout-list-item.checkout-list-action {
  border-style: dashed;
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center
}

.checkout-wrapper .checkout-list-item-title {
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif;
  text-transform: uppercase
}

.checkout-wrapper .checkout-list-item-action {
  position: absolute;
  right: 40px;
  bottom: 20px
}

@media screen and (max-width:1023px) {
  .checkout-wrapper .checkout-list-item {
    padding: 20px 60px
  }
  .checkout-wrapper .checkout-list-item-action {
    right: 60px
  }
}

@media screen and (max-width:767px) {
  .checkout-wrapper .checkout-list-item {
    padding: 20px 30px
  }
  .checkout-wrapper .checkout-list-item-action {
    right: 30px
  }
}

@media screen and (min-width:1280px) {
  .checkout-wrapper {
    min-height: calc(100vh - 88px)
  }
}

@media screen and (max-width:1023px) {
  .checkout-wrapper .left-column,
  .checkout-wrapper .right-column,
  .checkout-wrapper .right-column.checkoutparallax-active {
    position: static;
    display: block;
    width: 100%
  }
  .checkout-wrapper .checkout-block {
    width: calc(100% - 140px);
    padding: 30px
  }
}

@media screen and (max-width:767px) {
  .checkout-wrapper .checkout-inner {
    margin: 30px auto
  }
  .checkout-wrapper .checkout-block {
    width: calc(100% - 40px);
    margin-bottom: 20px;
    padding: 20px 15px
  }
  .checkout-wrapper .checkout-address-form-input-wrapper {
    margin-left: 30px
  }
  .checkout-wrapper .checkout-address-form-input-wrapper:nth-child(2) {
    margin-left: 20px
  }
}

#load-social-connect .gum-btn {
  display: inline-block;
  vertical-align: top;
  width: 42px;
  margin: 0 10px
}

#load-social-connect .gum-btn:after {
  display: none
}

.login-page {
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain
}

.login-page .checkout-inner {
  max-width: 440px
}

.login-page .checkout-block-text {
  margin-bottom: 20px
}

.login-page .checkout-login-user-exist {
  display: none
}

.login-page .login-checkout-reachfive-wrapper {
  text-align: center
}

.login-page .checkout-block-action {
  text-transform: none;
  color: #606060
}

@media screen and (max-width:1023px) {
  .login-page .checkout-block {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .login-page .checkout-block {
    width: calc(100% - 40px)
  }
  #atg_call .login-page a,
  #atg_chat .login-page a,
  .login-page #atg_call a,
  .login-page #atg_chat a,
  .login-page .btn,
  .login-page .faqchat {
    width: 100%
  }
}

@keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

[class*=" icon-font-"],
[class^=icon-font-] {
  font-family: icon-font;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-font-applied:before {
  font-family: iconfont;
  content: ""
}

.icon-font-arrow-down:before {
  font-family: iconfont;
  content: ""
}

.icon-font-arrow:before {
  font-family: iconfont;
  content: ""
}

.icon-font-available-in-store:before {
  font-family: iconfont;
  content: ""
}

.icon-font-back-arrow:before {
  font-family: iconfont;
  content: ""
}

.icon-font-cart:before {
  font-family: iconfont;
  content: ""
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-validated .checkout-step-number:before,
.icon-font-check-stepper:before {
  font-family: iconfont;
  content: ""
}

.icon-font-chevron-left:before {
  font-family: iconfont;
  content: ""
}

.icon-font-chevron-right:before {
  font-family: iconfont;
  content: ""
}

.icon-font-close:before {
  font-family: iconfont;
  content: ""
}

.icon-font-cross:before {
  font-family: iconfont;
  content: ""
}

.icon-font-delivery:before {
  font-family: iconfont;
  content: ""
}

.icon-font-edit:before {
  font-family: iconfont;
  content: ""
}

.icon-font-fourtyeight-hour:before {
  font-family: iconfont;
  content: ""
}

.icon-font-free-return:before {
  font-family: iconfont;
  content: ""
}

.icon-font-gift:before {
  font-family: iconfont;
  content: ""
}

.icon-font-localize-me:before {
  font-family: iconfont;
  content: ""
}

.icon-font-one-hour:before {
  font-family: iconfont;
  content: ""
}

.icon-font-refused:before {
  font-family: iconfont;
  content: ""
}

.icon-font-relay-point:before {
  font-family: iconfont;
  content: ""
}

.icon-font-returns:before {
  font-family: iconfont;
  content: ""
}

.icon-font-shoprunner:before {
  font-family: iconfont;
  content: ""
}

.icon-font-store-locator:before {
  font-family: iconfont;
  content: ""
}

.icon-font-store:before {
  font-family: iconfont;
  content: ""
}

.icon-font-validate:before {
  font-family: iconfont;
  content: ""
}

.no-decoration,
.no-decoration:hover,
.no-decoration:visited {
  text-decoration: none;
  color: inherit
}

.no-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.initial-case {
  text-transform: none
}

.icon-svg {
  width: 1em;
  height: 1em
}

.img-fill-width {
  width: 100%;
  height: auto
}

.dir-rtl {
  direction: rtl
}

.is-error {
  color: red!important
}

.is-success {
  color: #105a33!important
}

.revealing {
  opacity: 0;
  transition: opacity .2s linear
}

.revealing.is-revealed {
  opacity: 1
}

.is-hidden {
  display: none!important
}

.no-wrap {
  white-space: nowrap
}

@media only screen and (min-width:1281px) {
  .no-desk {
    display: none!important
  }
}

@media only screen and (min-width:768px) and (max-width:1280px) {
  .no-tab {
    display: none!important
  }
}

@media only screen and (max-width:767px) {
  .no-mob {
    display: none!important
  }
}

input[name=guest-emailconfirmation] {
  margin-bottom: 20px
}

.home-shipping-address-block .checkout-block .checkout-input-wrapper select {
  color: #292929;
  border: 1px solid #999;
  border-radius: 5px;
  font: 1.5rem/1.8rem CairoLight;
  padding: 5px 20px;
  text-align: center;
  text-decoration: none;
  transition: .5s;
  -webkit-transition: .5s
}

.home-shipping-address-block .checkout-block .checkout-input.phonePrefix {
  width: 110px;
  margin-top: 10px;
  display: inline-block;
  height: 50px
}

.home-shipping-address-block .checkout-block .checkout-input.phonePrefix+.checkout-address-form-line {
  width: 70%;
  margin-top: 10px;
  vertical-align: top;
  display: inline-block
}

.checkout-wrapper {
  overflow: auto;
  background-color: #f4f4f4;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  text-transform: none;
  line-height: 1
}

.checkout-wrapper .checkout-inner {
  position: relative;
  width: 100%;
  max-width: 920px;
  margin: 50px auto;
  font-size: 0
}

.checkout-wrapper .left-column {
  display: inline-block;
  vertical-align: top;
  width: 55%;
  margin-right: 5%
}

.checkout-wrapper .right-column {
  display: inline-block;
  vertical-align: top;
  width: 40%
}

.checkout-wrapper .right-column.checkoutparallax-active {
  position: absolute;
  top: 0;
  right: 0;
  will-change: scroll;
  transform: translateZ(0)
}

.checkout-wrapper .checkout-block {
  margin: 0 auto 10px;
  padding: 30px 40px;
  font-size: 17px;
  line-height: 25px;
  background: #fff
}

.checkout-wrapper .checkout-block.checkout-block-full {
  width: 100%
}

.checkout-wrapper .checkout-center-text {
  text-align: center
}

.checkout-wrapper .checkout-block-title {
  margin: 0 0 20px;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 20px;
  text-transform: none;
  color: #292929
}

.checkout-wrapper .checkout-block-title .lp-logo-black {
  width: 45px;
  margin-right: 10px
}

.checkout-wrapper .checkout-block-title span {
  font-size: 1.5rem
}

.checkout-wrapper .checkout-block-text-bold {
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2.5rem
}

.checkout-wrapper .checkout-block-text {
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 25px
}

.checkout-wrapper .checkout-block-text-bigger {
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 17px
}

.checkout-wrapper .checkout-block-text-smaller {
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 13px
}

.checkout-wrapper .checkout-block-action-wrapper {
  margin-top: 20px;
  text-align: right
}

.checkout-wrapper .checkout-block-action {
  display: inline-block;
  vertical-align: top;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-decoration: underline;
  color: #292929;
  cursor: pointer
}

.checkout-wrapper .checkout-block-error {
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2.5rem;
  color: red
}

.checkout-wrapper .checkout-block-label {
  display: table;
  width: 100%;
  margin-bottom: 20px
}

.checkout-wrapper .checkout-block-label.checkout-error .checkout-block-label-text {
  color: red
}

.checkout-wrapper .checkout-block-label-text {
  display: table-cell;
  vertical-align: top;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2.5rem
}

.checkout-wrapper .checkout-address-form-line {
  margin-top: 20px
}

.checkout-wrapper .checkout-form-singleline {
  display: flex;
  justify-content: space-between
}

.checkout-wrapper .checkout-form-singleline .checkout-input-wrapper {
  width: 100%
}

#atg_call .checkout-wrapper .checkout-form-singleline a,
#atg_chat .checkout-wrapper .checkout-form-singleline a,
.checkout-wrapper .checkout-form-singleline #atg_call a,
.checkout-wrapper .checkout-form-singleline #atg_chat a,
.checkout-wrapper .checkout-form-singleline .btn,
.checkout-wrapper .checkout-form-singleline .faqchat {
  padding: 10px 0;
  flex: 80px 0 0;
  margin-left: 10px
}

.checkout-wrapper .checkout-address-form-input-wrapper {
  display: inline-block;
  vertical-align: top;
  margin-left: 40px;
  color: #292929
}

.checkout-wrapper .checkout-address-form-input-wrapper:nth-child(2) {
  margin-left: 30px
}

.checkout-wrapper .checkout-address-form-input-error {
  display: inline-block;
  vertical-align: top;
  color: red;
  margin-left: 40px
}

#atg_call .checkout-wrapper a,
#atg_chat .checkout-wrapper a,
.checkout-wrapper #atg_call a,
.checkout-wrapper #atg_chat a,
.checkout-wrapper .btn,
.checkout-wrapper .faqchat {
  text-transform: uppercase
}

.checkout-wrapper ul {
  margin: 0;
  padding: 0;
  list-style-type: none
}

.checkout-wrapper h1,
.checkout-wrapper h2,
.checkout-wrapper h3,
.checkout-wrapper h4,
.checkout-wrapper h5,
.checkout-wrapper h6,
.checkout-wrapper p {
  margin: 0
}

.checkout-wrapper select {
  padding: 5px;
  border-radius: 3px
}

.checkout-wrapper textarea {
  border: none;
  overflow: auto;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none
}

.checkout-wrapper .checkout-btn-wrapper-left {
  margin-top: 20px;
  text-align: left
}

.checkout-wrapper .checkout-btn-wrapper-right {
  margin-top: 20px;
  text-align: right
}

.checkout-wrapper .checkout-btn-wrapper-center {
  margin-top: 20px;
  text-align: center
}

.checkout-wrapper .clucth .clutch-balance {
  font-family: LacosteSansLight, Arial, Helvetica, sans-serif
}

.checkout-wrapper .clucth .add-card-number input[type=text] {
  width: 100%
}

.checkout-wrapper .clucth #checkClucthBalance {
  margin-top: 15px
}

.checkout-wrapper .clucth .clucth-result label {
  display: inline-block;
  width: auto
}

.checkout-wrapper .clucth #giftAmount {
  width: 100%
}

.checkout-wrapper .clucth #validateBalance {
  margin-top: 20px
}

.checkout-wrapper .clucth #usingGiftCertificate {
  margin-top: -30px
}

.checkout-wrapper .clucth .clucth-result+.clucth-message #clutch-message {
  margin-top: 0
}

.checkout-wrapper .payment-method-details .clucth {
  padding-bottom: 38px
}

.checkout-wrapper .payment-method-details .clucth #checkClucthBalance {
  margin-top: 15px
}

.checkout-wrapper .payment-method-details .clucth #clutch-message {
  color: red
}

.checkout-wrapper .payment-method-details .clucth .clutch-balance {
  display: inline-block
}

#atg_call .checkout-wrapper .payment-method-details .clucth a,
#atg_chat .checkout-wrapper .payment-method-details .clucth a,
.checkout-wrapper .payment-method-details .clucth #atg_call a,
.checkout-wrapper .payment-method-details .clucth #atg_chat a,
.checkout-wrapper .payment-method-details .clucth .btn,
.checkout-wrapper .payment-method-details .clucth .faqchat {
  display: inline-block
}

.checkout-wrapper .payment-method-details .clucth .clucth-result+.clucth-message #clutch-message {
  color: #454545;
  position: absolute
}

.checkout-wrapper #js-payment-method-giftCert-form button {
  float: none
}

.checkout-wrapper .clucth-result {
  display: none
}

.checkout-wrapper .clucth-result.row {
  clear: both;
  padding-top: 20px
}

.checkout-wrapper .forms {
  text-transform: none
}

.checkout-wrapper .forms .field-wrapper {
  position: relative
}

.checkout-wrapper .forms .field-wrapper.field-wrapper--lefted {
  margin-right: auto
}

.checkout-wrapper .forms .field-wrapper.is-error .label {
  color: red!important
}

.checkout-wrapper .forms .field-wrapper.is-error .field {
  border-color: red
}

.checkout-wrapper .forms .field-wrapper.is-success .label {
  color: #105a33!important
}

.checkout-wrapper .forms .field-wrapper.is-success .field {
  border-color: #105a33
}

.checkout-wrapper .forms .field-checkbox-wrapper,
.checkout-wrapper .forms .field-radio-wrapper {
  height: 20px
}

.checkout-wrapper .forms .label {
  align-self: center;
  display: inline;
  vertical-align: top;
  color: #606060;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  cursor: pointer;
  transition: all .25s
}

.checkout-wrapper .forms .label.label--floating {
  position: absolute;
  top: 15px;
  left: 20px;
  background-color: #fff
}

.checkout-wrapper .forms .field.is-filled+.label.label--floating,
.checkout-wrapper .forms .field:focus+.label.label--floating {
  top: -10px;
  right: auto;
  padding: 0 3px;
  border-radius: 5px;
  color: #292929;
  font-size: 1.3rem
}

.checkout-wrapper .forms .field {
  display: block;
  width: 100%;
  height: 50px;
  padding: 14px 19px;
  border: 1px solid #999;
  border-radius: 5px;
  color: #fff;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem;
  text-transform: none;
  -webkit-appearance: none;
  -moz-appearance: none
}

.checkout-wrapper .forms .field::-webkit-input-placeholder {
  color: #fff
}

.checkout-wrapper .forms .field:-ms-input-placeholder {
  color: #fff
}

.checkout-wrapper .forms .field::placeholder {
  color: #fff
}

.checkout-wrapper .forms .field:focus::-webkit-input-placeholder {
  color: #606060
}

.checkout-wrapper .forms .field:focus:-ms-input-placeholder {
  color: #606060
}

.checkout-wrapper .forms .field:focus::placeholder {
  color: #606060
}

.checkout-wrapper .forms .field.is-filled,
.checkout-wrapper .forms .field:focus {
  outline: 0;
  color: #606060
}

.checkout-wrapper .forms .field[type=password] {
  font-family: LacosteSansLight, Arial, Helvetica, sans-serif
}

.checkout-wrapper .forms .field.field--textarea {
  height: 120px
}

.checkout-wrapper .forms .field-checkbox,
.checkout-wrapper .forms .field-radio {
  margin-right: 5px;
  vertical-align: middle;
  top: auto
}

.checkout-wrapper .forms .notice {
  margin: 0;
  color: #292929;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  line-height: 2rem
}

.checkout-wrapper .is-required .label::after,
.checkout-wrapper .label.is-required::after {
  content: "*"
}

.checkout-wrapper .l-field-margin {
  margin-top: 20px
}

.checkout-wrapper .l-field-spaced {
  margin-left: 30px
}

.checkout-wrapper .grid {
  display: flex;
  flex-flow: row wrap;
  list-style-type: none
}

.checkout-wrapper .flex {
  display: flex
}

.checkout-wrapper .flex--col {
  flex-direction: column
}

.checkout-wrapper .flex--justify-end {
  justify-content: flex-end
}

.checkout-wrapper .flex--space-between {
  justify-content: space-between
}

.checkout-wrapper .flex--align-center {
  align-items: center
}

.checkout-wrapper .flex--centered {
  align-items: center;
  justify-content: center
}

.checkout-wrapper .flex--grow {
  flex-grow: 1
}

.checkout-wrapper .cell-0 {
  flex: 0 0 0%;
  max-width: 0%
}

.checkout-wrapper .offset-0 {
  margin-left: 0
}

.checkout-wrapper .padding-0 {
  padding-left: 0;
  padding-right: 0
}

.checkout-wrapper .cell-1 {
  flex: 0 0 4.34783%;
  max-width: 4.34783%
}

.checkout-wrapper .offset-1 {
  margin-left: 4.34783%
}

.checkout-wrapper .padding-1 {
  padding-left: 4.34783%;
  padding-right: 4.34783%
}

.checkout-wrapper .cell-2 {
  flex: 0 0 8.69565%;
  max-width: 8.69565%
}

.checkout-wrapper .offset-2 {
  margin-left: 8.69565%
}

.checkout-wrapper .padding-2 {
  padding-left: 8.69565%;
  padding-right: 8.69565%
}

.checkout-wrapper .cell-3 {
  flex: 0 0 13.04348%;
  max-width: 13.04348%
}

.checkout-wrapper .offset-3 {
  margin-left: 13.04348%
}

.checkout-wrapper .padding-3 {
  padding-left: 13.04348%;
  padding-right: 13.04348%
}

.checkout-wrapper .cell-4 {
  flex: 0 0 17.3913%;
  max-width: 17.3913%
}

.checkout-wrapper .offset-4 {
  margin-left: 17.3913%
}

.checkout-wrapper .padding-4 {
  padding-left: 17.3913%;
  padding-right: 17.3913%
}

.checkout-wrapper .cell-5 {
  flex: 0 0 21.73913%;
  max-width: 21.73913%
}

.checkout-wrapper .offset-5 {
  margin-left: 21.73913%
}

.checkout-wrapper .padding-5 {
  padding-left: 21.73913%;
  padding-right: 21.73913%
}

.checkout-wrapper .cell-6 {
  flex: 0 0 26.08696%;
  max-width: 26.08696%
}

.checkout-wrapper .offset-6 {
  margin-left: 26.08696%
}

.checkout-wrapper .padding-6 {
  padding-left: 26.08696%;
  padding-right: 26.08696%
}

.checkout-wrapper .cell-7 {
  flex: 0 0 30.43478%;
  max-width: 30.43478%
}

.checkout-wrapper .offset-7 {
  margin-left: 30.43478%
}

.checkout-wrapper .padding-7 {
  padding-left: 30.43478%;
  padding-right: 30.43478%
}

.checkout-wrapper .cell-8 {
  flex: 0 0 34.78261%;
  max-width: 34.78261%
}

.checkout-wrapper .offset-8 {
  margin-left: 34.78261%
}

.checkout-wrapper .padding-8 {
  padding-left: 34.78261%;
  padding-right: 34.78261%
}

.checkout-wrapper .cell-9 {
  flex: 0 0 39.13043%;
  max-width: 39.13043%
}

.checkout-wrapper .offset-9 {
  margin-left: 39.13043%
}

.checkout-wrapper .padding-9 {
  padding-left: 39.13043%;
  padding-right: 39.13043%
}

.checkout-wrapper .cell-10 {
  flex: 0 0 43.47826%;
  max-width: 43.47826%
}

.checkout-wrapper .offset-10 {
  margin-left: 43.47826%
}

.checkout-wrapper .padding-10 {
  padding-left: 43.47826%;
  padding-right: 43.47826%
}

.checkout-wrapper .cell-11 {
  flex: 0 0 47.82609%;
  max-width: 47.82609%
}

.checkout-wrapper .offset-11 {
  margin-left: 47.82609%
}

.checkout-wrapper .padding-11 {
  padding-left: 47.82609%;
  padding-right: 47.82609%
}

.checkout-wrapper .cell-12 {
  flex: 0 0 52.17391%;
  max-width: 52.17391%
}

.checkout-wrapper .offset-12 {
  margin-left: 52.17391%
}

.checkout-wrapper .padding-12 {
  padding-left: 52.17391%;
  padding-right: 52.17391%
}

.checkout-wrapper .cell-13 {
  flex: 0 0 56.52174%;
  max-width: 56.52174%
}

.checkout-wrapper .offset-13 {
  margin-left: 56.52174%
}

.checkout-wrapper .padding-13 {
  padding-left: 56.52174%;
  padding-right: 56.52174%
}

.checkout-wrapper .cell-14 {
  flex: 0 0 60.86957%;
  max-width: 60.86957%
}

.checkout-wrapper .offset-14 {
  margin-left: 60.86957%
}

.checkout-wrapper .padding-14 {
  padding-left: 60.86957%;
  padding-right: 60.86957%
}

.checkout-wrapper .cell-15 {
  flex: 0 0 65.21739%;
  max-width: 65.21739%
}

.checkout-wrapper .offset-15 {
  margin-left: 65.21739%
}

.checkout-wrapper .padding-15 {
  padding-left: 65.21739%;
  padding-right: 65.21739%
}

.checkout-wrapper .cell-16 {
  flex: 0 0 69.56522%;
  max-width: 69.56522%
}

.checkout-wrapper .offset-16 {
  margin-left: 69.56522%
}

.checkout-wrapper .padding-16 {
  padding-left: 69.56522%;
  padding-right: 69.56522%
}

.checkout-wrapper .cell-17 {
  flex: 0 0 73.91304%;
  max-width: 73.91304%
}

.checkout-wrapper .offset-17 {
  margin-left: 73.91304%
}

.checkout-wrapper .padding-17 {
  padding-left: 73.91304%;
  padding-right: 73.91304%
}

.checkout-wrapper .cell-18 {
  flex: 0 0 78.26087%;
  max-width: 78.26087%
}

.checkout-wrapper .offset-18 {
  margin-left: 78.26087%
}

.checkout-wrapper .padding-18 {
  padding-left: 78.26087%;
  padding-right: 78.26087%
}

.checkout-wrapper .cell-19 {
  flex: 0 0 82.6087%;
  max-width: 82.6087%
}

.checkout-wrapper .offset-19 {
  margin-left: 82.6087%
}

.checkout-wrapper .padding-19 {
  padding-left: 82.6087%;
  padding-right: 82.6087%
}

.checkout-wrapper .cell-20 {
  flex: 0 0 86.95652%;
  max-width: 86.95652%
}

.checkout-wrapper .offset-20 {
  margin-left: 86.95652%
}

.checkout-wrapper .padding-20 {
  padding-left: 86.95652%;
  padding-right: 86.95652%
}

.checkout-wrapper .cell-21 {
  flex: 0 0 91.30435%;
  max-width: 91.30435%
}

.checkout-wrapper .offset-21 {
  margin-left: 91.30435%
}

.checkout-wrapper .padding-21 {
  padding-left: 91.30435%;
  padding-right: 91.30435%
}

.checkout-wrapper .cell-22 {
  flex: 0 0 95.65217%;
  max-width: 95.65217%
}

.checkout-wrapper .offset-22 {
  margin-left: 95.65217%
}

.checkout-wrapper .padding-22 {
  padding-left: 95.65217%;
  padding-right: 95.65217%
}

.checkout-wrapper .cell-23 {
  flex: 0 0 100%;
  max-width: 100%
}

.checkout-wrapper .offset-23 {
  margin-left: 100%
}

.checkout-wrapper .padding-23 {
  padding-left: 100%;
  padding-right: 100%
}

@media only screen and (max-width:1280px) {
  .checkout-wrapper .cell-mt-0 {
    flex: 0 0 0%;
    max-width: 0%
  }
  .checkout-wrapper .offset-mt-0 {
    margin-left: 0
  }
  .checkout-wrapper .padding-mt-0 {
    padding-left: 0;
    padding-right: 0
  }
  .checkout-wrapper .cell-mt-1 {
    flex: 0 0 4.34783%;
    max-width: 4.34783%
  }
  .checkout-wrapper .offset-mt-1 {
    margin-left: 4.34783%
  }
  .checkout-wrapper .padding-mt-1 {
    padding-left: 4.34783%;
    padding-right: 4.34783%
  }
  .checkout-wrapper .cell-mt-2 {
    flex: 0 0 8.69565%;
    max-width: 8.69565%
  }
  .checkout-wrapper .offset-mt-2 {
    margin-left: 8.69565%
  }
  .checkout-wrapper .padding-mt-2 {
    padding-left: 8.69565%;
    padding-right: 8.69565%
  }
  .checkout-wrapper .cell-mt-3 {
    flex: 0 0 13.04348%;
    max-width: 13.04348%
  }
  .checkout-wrapper .offset-mt-3 {
    margin-left: 13.04348%
  }
  .checkout-wrapper .padding-mt-3 {
    padding-left: 13.04348%;
    padding-right: 13.04348%
  }
  .checkout-wrapper .cell-mt-4 {
    flex: 0 0 17.3913%;
    max-width: 17.3913%
  }
  .checkout-wrapper .offset-mt-4 {
    margin-left: 17.3913%
  }
  .checkout-wrapper .padding-mt-4 {
    padding-left: 17.3913%;
    padding-right: 17.3913%
  }
  .checkout-wrapper .cell-mt-5 {
    flex: 0 0 21.73913%;
    max-width: 21.73913%
  }
  .checkout-wrapper .offset-mt-5 {
    margin-left: 21.73913%
  }
  .checkout-wrapper .padding-mt-5 {
    padding-left: 21.73913%;
    padding-right: 21.73913%
  }
  .checkout-wrapper .cell-mt-6 {
    flex: 0 0 26.08696%;
    max-width: 26.08696%
  }
  .checkout-wrapper .offset-mt-6 {
    margin-left: 26.08696%
  }
  .checkout-wrapper .padding-mt-6 {
    padding-left: 26.08696%;
    padding-right: 26.08696%
  }
  .checkout-wrapper .cell-mt-7 {
    flex: 0 0 30.43478%;
    max-width: 30.43478%
  }
  .checkout-wrapper .offset-mt-7 {
    margin-left: 30.43478%
  }
  .checkout-wrapper .padding-mt-7 {
    padding-left: 30.43478%;
    padding-right: 30.43478%
  }
  .checkout-wrapper .cell-mt-8 {
    flex: 0 0 34.78261%;
    max-width: 34.78261%
  }
  .checkout-wrapper .offset-mt-8 {
    margin-left: 34.78261%
  }
  .checkout-wrapper .padding-mt-8 {
    padding-left: 34.78261%;
    padding-right: 34.78261%
  }
  .checkout-wrapper .cell-mt-9 {
    flex: 0 0 39.13043%;
    max-width: 39.13043%
  }
  .checkout-wrapper .offset-mt-9 {
    margin-left: 39.13043%
  }
  .checkout-wrapper .padding-mt-9 {
    padding-left: 39.13043%;
    padding-right: 39.13043%
  }
  .checkout-wrapper .cell-mt-10 {
    flex: 0 0 43.47826%;
    max-width: 43.47826%
  }
  .checkout-wrapper .offset-mt-10 {
    margin-left: 43.47826%
  }
  .checkout-wrapper .padding-mt-10 {
    padding-left: 43.47826%;
    padding-right: 43.47826%
  }
  .checkout-wrapper .cell-mt-11 {
    flex: 0 0 47.82609%;
    max-width: 47.82609%
  }
  .checkout-wrapper .offset-mt-11 {
    margin-left: 47.82609%
  }
  .checkout-wrapper .padding-mt-11 {
    padding-left: 47.82609%;
    padding-right: 47.82609%
  }
  .checkout-wrapper .cell-mt-12 {
    flex: 0 0 52.17391%;
    max-width: 52.17391%
  }
  .checkout-wrapper .offset-mt-12 {
    margin-left: 52.17391%
  }
  .checkout-wrapper .padding-mt-12 {
    padding-left: 52.17391%;
    padding-right: 52.17391%
  }
  .checkout-wrapper .cell-mt-13 {
    flex: 0 0 56.52174%;
    max-width: 56.52174%
  }
  .checkout-wrapper .offset-mt-13 {
    margin-left: 56.52174%
  }
  .checkout-wrapper .padding-mt-13 {
    padding-left: 56.52174%;
    padding-right: 56.52174%
  }
  .checkout-wrapper .cell-mt-14 {
    flex: 0 0 60.86957%;
    max-width: 60.86957%
  }
  .checkout-wrapper .offset-mt-14 {
    margin-left: 60.86957%
  }
  .checkout-wrapper .padding-mt-14 {
    padding-left: 60.86957%;
    padding-right: 60.86957%
  }
  .checkout-wrapper .cell-mt-15 {
    flex: 0 0 65.21739%;
    max-width: 65.21739%
  }
  .checkout-wrapper .offset-mt-15 {
    margin-left: 65.21739%
  }
  .checkout-wrapper .padding-mt-15 {
    padding-left: 65.21739%;
    padding-right: 65.21739%
  }
  .checkout-wrapper .cell-mt-16 {
    flex: 0 0 69.56522%;
    max-width: 69.56522%
  }
  .checkout-wrapper .offset-mt-16 {
    margin-left: 69.56522%
  }
  .checkout-wrapper .padding-mt-16 {
    padding-left: 69.56522%;
    padding-right: 69.56522%
  }
  .checkout-wrapper .cell-mt-17 {
    flex: 0 0 73.91304%;
    max-width: 73.91304%
  }
  .checkout-wrapper .offset-mt-17 {
    margin-left: 73.91304%
  }
  .checkout-wrapper .padding-mt-17 {
    padding-left: 73.91304%;
    padding-right: 73.91304%
  }
  .checkout-wrapper .cell-mt-18 {
    flex: 0 0 78.26087%;
    max-width: 78.26087%
  }
  .checkout-wrapper .offset-mt-18 {
    margin-left: 78.26087%
  }
  .checkout-wrapper .padding-mt-18 {
    padding-left: 78.26087%;
    padding-right: 78.26087%
  }
  .checkout-wrapper .cell-mt-19 {
    flex: 0 0 82.6087%;
    max-width: 82.6087%
  }
  .checkout-wrapper .offset-mt-19 {
    margin-left: 82.6087%
  }
  .checkout-wrapper .padding-mt-19 {
    padding-left: 82.6087%;
    padding-right: 82.6087%
  }
  .checkout-wrapper .cell-mt-20 {
    flex: 0 0 86.95652%;
    max-width: 86.95652%
  }
  .checkout-wrapper .offset-mt-20 {
    margin-left: 86.95652%
  }
  .checkout-wrapper .padding-mt-20 {
    padding-left: 86.95652%;
    padding-right: 86.95652%
  }
  .checkout-wrapper .cell-mt-21 {
    flex: 0 0 91.30435%;
    max-width: 91.30435%
  }
  .checkout-wrapper .offset-mt-21 {
    margin-left: 91.30435%
  }
  .checkout-wrapper .padding-mt-21 {
    padding-left: 91.30435%;
    padding-right: 91.30435%
  }
  .checkout-wrapper .cell-mt-22 {
    flex: 0 0 95.65217%;
    max-width: 95.65217%
  }
  .checkout-wrapper .offset-mt-22 {
    margin-left: 95.65217%
  }
  .checkout-wrapper .padding-mt-22 {
    padding-left: 95.65217%;
    padding-right: 95.65217%
  }
  .checkout-wrapper .cell-mt-23 {
    flex: 0 0 100%;
    max-width: 100%
  }
  .checkout-wrapper .offset-mt-23 {
    margin-left: 100%
  }
  .checkout-wrapper .padding-mt-23 {
    padding-left: 100%;
    padding-right: 100%
  }
}

@media only screen and (max-width:767px) {
  .checkout-wrapper .cell-m-0 {
    flex: 0 0 0%;
    max-width: 0%
  }
  .checkout-wrapper .offset-m-0 {
    margin-left: 0
  }
  .checkout-wrapper .padding-m-0 {
    padding-left: 0;
    padding-right: 0
  }
  .checkout-wrapper .cell-m-1 {
    flex: 0 0 4.34783%;
    max-width: 4.34783%
  }
  .checkout-wrapper .offset-m-1 {
    margin-left: 4.34783%
  }
  .checkout-wrapper .padding-m-1 {
    padding-left: 4.34783%;
    padding-right: 4.34783%
  }
  .checkout-wrapper .cell-m-2 {
    flex: 0 0 8.69565%;
    max-width: 8.69565%
  }
  .checkout-wrapper .offset-m-2 {
    margin-left: 8.69565%
  }
  .checkout-wrapper .padding-m-2 {
    padding-left: 8.69565%;
    padding-right: 8.69565%
  }
  .checkout-wrapper .cell-m-3 {
    flex: 0 0 13.04348%;
    max-width: 13.04348%
  }
  .checkout-wrapper .offset-m-3 {
    margin-left: 13.04348%
  }
  .checkout-wrapper .padding-m-3 {
    padding-left: 13.04348%;
    padding-right: 13.04348%
  }
  .checkout-wrapper .cell-m-4 {
    flex: 0 0 17.3913%;
    max-width: 17.3913%
  }
  .checkout-wrapper .offset-m-4 {
    margin-left: 17.3913%
  }
  .checkout-wrapper .padding-m-4 {
    padding-left: 17.3913%;
    padding-right: 17.3913%
  }
  .checkout-wrapper .cell-m-5 {
    flex: 0 0 21.73913%;
    max-width: 21.73913%
  }
  .checkout-wrapper .offset-m-5 {
    margin-left: 21.73913%
  }
  .checkout-wrapper .padding-m-5 {
    padding-left: 21.73913%;
    padding-right: 21.73913%
  }
  .checkout-wrapper .cell-m-6 {
    flex: 0 0 26.08696%;
    max-width: 26.08696%
  }
  .checkout-wrapper .offset-m-6 {
    margin-left: 26.08696%
  }
  .checkout-wrapper .padding-m-6 {
    padding-left: 26.08696%;
    padding-right: 26.08696%
  }
  .checkout-wrapper .cell-m-7 {
    flex: 0 0 30.43478%;
    max-width: 30.43478%
  }
  .checkout-wrapper .offset-m-7 {
    margin-left: 30.43478%
  }
  .checkout-wrapper .padding-m-7 {
    padding-left: 30.43478%;
    padding-right: 30.43478%
  }
  .checkout-wrapper .cell-m-8 {
    flex: 0 0 34.78261%;
    max-width: 34.78261%
  }
  .checkout-wrapper .offset-m-8 {
    margin-left: 34.78261%
  }
  .checkout-wrapper .padding-m-8 {
    padding-left: 34.78261%;
    padding-right: 34.78261%
  }
  .checkout-wrapper .cell-m-9 {
    flex: 0 0 39.13043%;
    max-width: 39.13043%
  }
  .checkout-wrapper .offset-m-9 {
    margin-left: 39.13043%
  }
  .checkout-wrapper .padding-m-9 {
    padding-left: 39.13043%;
    padding-right: 39.13043%
  }
  .checkout-wrapper .cell-m-10 {
    flex: 0 0 43.47826%;
    max-width: 43.47826%
  }
  .checkout-wrapper .offset-m-10 {
    margin-left: 43.47826%
  }
  .checkout-wrapper .padding-m-10 {
    padding-left: 43.47826%;
    padding-right: 43.47826%
  }
  .checkout-wrapper .cell-m-11 {
    flex: 0 0 47.82609%;
    max-width: 47.82609%
  }
  .checkout-wrapper .offset-m-11 {
    margin-left: 47.82609%
  }
  .checkout-wrapper .padding-m-11 {
    padding-left: 47.82609%;
    padding-right: 47.82609%
  }
  .checkout-wrapper .cell-m-12 {
    flex: 0 0 52.17391%;
    max-width: 52.17391%
  }
  .checkout-wrapper .offset-m-12 {
    margin-left: 52.17391%
  }
  .checkout-wrapper .padding-m-12 {
    padding-left: 52.17391%;
    padding-right: 52.17391%
  }
  .checkout-wrapper .cell-m-13 {
    flex: 0 0 56.52174%;
    max-width: 56.52174%
  }
  .checkout-wrapper .offset-m-13 {
    margin-left: 56.52174%
  }
  .checkout-wrapper .padding-m-13 {
    padding-left: 56.52174%;
    padding-right: 56.52174%
  }
  .checkout-wrapper .cell-m-14 {
    flex: 0 0 60.86957%;
    max-width: 60.86957%
  }
  .checkout-wrapper .offset-m-14 {
    margin-left: 60.86957%
  }
  .checkout-wrapper .padding-m-14 {
    padding-left: 60.86957%;
    padding-right: 60.86957%
  }
  .checkout-wrapper .cell-m-15 {
    flex: 0 0 65.21739%;
    max-width: 65.21739%
  }
  .checkout-wrapper .offset-m-15 {
    margin-left: 65.21739%
  }
  .checkout-wrapper .padding-m-15 {
    padding-left: 65.21739%;
    padding-right: 65.21739%
  }
  .checkout-wrapper .cell-m-16 {
    flex: 0 0 69.56522%;
    max-width: 69.56522%
  }
  .checkout-wrapper .offset-m-16 {
    margin-left: 69.56522%
  }
  .checkout-wrapper .padding-m-16 {
    padding-left: 69.56522%;
    padding-right: 69.56522%
  }
  .checkout-wrapper .cell-m-17 {
    flex: 0 0 73.91304%;
    max-width: 73.91304%
  }
  .checkout-wrapper .offset-m-17 {
    margin-left: 73.91304%
  }
  .checkout-wrapper .padding-m-17 {
    padding-left: 73.91304%;
    padding-right: 73.91304%
  }
  .checkout-wrapper .cell-m-18 {
    flex: 0 0 78.26087%;
    max-width: 78.26087%
  }
  .checkout-wrapper .offset-m-18 {
    margin-left: 78.26087%
  }
  .checkout-wrapper .padding-m-18 {
    padding-left: 78.26087%;
    padding-right: 78.26087%
  }
  .checkout-wrapper .cell-m-19 {
    flex: 0 0 82.6087%;
    max-width: 82.6087%
  }
  .checkout-wrapper .offset-m-19 {
    margin-left: 82.6087%
  }
  .checkout-wrapper .padding-m-19 {
    padding-left: 82.6087%;
    padding-right: 82.6087%
  }
  .checkout-wrapper .cell-m-20 {
    flex: 0 0 86.95652%;
    max-width: 86.95652%
  }
  .checkout-wrapper .offset-m-20 {
    margin-left: 86.95652%
  }
  .checkout-wrapper .padding-m-20 {
    padding-left: 86.95652%;
    padding-right: 86.95652%
  }
  .checkout-wrapper .cell-m-21 {
    flex: 0 0 91.30435%;
    max-width: 91.30435%
  }
  .checkout-wrapper .offset-m-21 {
    margin-left: 91.30435%
  }
  .checkout-wrapper .padding-m-21 {
    padding-left: 91.30435%;
    padding-right: 91.30435%
  }
  .checkout-wrapper .cell-m-22 {
    flex: 0 0 95.65217%;
    max-width: 95.65217%
  }
  .checkout-wrapper .offset-m-22 {
    margin-left: 95.65217%
  }
  .checkout-wrapper .padding-m-22 {
    padding-left: 95.65217%;
    padding-right: 95.65217%
  }
  .checkout-wrapper .cell-m-23 {
    flex: 0 0 100%;
    max-width: 100%
  }
  .checkout-wrapper .offset-m-23 {
    margin-left: 100%
  }
  .checkout-wrapper .padding-m-23 {
    padding-left: 100%;
    padding-right: 100%
  }
}

.checkout-wrapper .row-vspaced {
  margin-top: 30px;
  margin-bottom: 30px
}

.checkout-wrapper .cell-full {
  flex: 0 0 100%;
  max-width: 100%
}

.checkout-wrapper .cell-two-tier {
  flex: 0 0 66.66667%;
  max-width: 66.66667%
}

.checkout-wrapper .cell-half {
  flex: 0 0 50%;
  max-width: 50%
}

.checkout-wrapper .cell-tier {
  flex: 0 0 33.33333%;
  max-width: 33.33333%
}

.checkout-wrapper .cell-quarter {
  flex: 0 0 25%;
  max-width: 25%
}

.checkout-wrapper .offset-two-tier {
  margin-left: 66.66667%
}

.checkout-wrapper .offset-half {
  margin-left: 50%
}

.checkout-wrapper .offset-tier {
  margin-left: 33.33333%
}

.checkout-wrapper .offset-quarter {
  margin-left: 25%
}

@media only screen and (max-width:1280px) {
  .checkout-wrapper .cell-mt-full {
    flex: 0 0 100%;
    max-width: 100%
  }
  .checkout-wrapper .cell-mt-two-tier {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }
  .checkout-wrapper .cell-mt-half {
    flex: 0 0 50%;
    max-width: 50%
  }
  .checkout-wrapper .cell-mt-tier {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
  .checkout-wrapper .cell-mt-quarter {
    flex: 0 0 25%;
    max-width: 25%
  }
  .checkout-wrapper .offset-mt-two-tier {
    margin-left: 66.66667%
  }
  .checkout-wrapper .offset-mt-half {
    margin-left: 50%
  }
  .checkout-wrapper .offset-mt-tier {
    margin-left: 33.33333%
  }
  .checkout-wrapper .offset-mt-quarter {
    margin-left: 25%
  }
}

@media only screen and (max-width:767px) {
  .checkout-wrapper .row-vspaced {
    margin-top: 15px;
    margin-bottom: 15px
  }
  .checkout-wrapper .cell-m-full {
    flex: 0 0 100%;
    max-width: 100%
  }
  .checkout-wrapper .cell-m-full.cell-m--out-grid {
    margin-left: -10px;
    flex: 0 0 100vw;
    max-width: 100vw
  }
  .checkout-wrapper .cell-m-two-tier {
    flex: 0 0 66.66667%;
    max-width: 66.66667%
  }
  .checkout-wrapper .cell-m-half {
    flex: 0 0 50%;
    max-width: 50%
  }
  .checkout-wrapper .cell-m-tier {
    flex: 0 0 33.33333%;
    max-width: 33.33333%
  }
  .checkout-wrapper .cell-m-quarter {
    flex: 0 0 25%;
    max-width: 25%
  }
  .checkout-wrapper .offset-m-two-tier {
    margin-left: 66.66667%
  }
  .checkout-wrapper .offset-m-half {
    margin-left: 50%
  }
  .checkout-wrapper .offset-m-tier {
    margin-left: 33.33333%
  }
  .checkout-wrapper .offset-m-quarter {
    margin-left: 25%
  }
}

.checkout-wrapper .no-decoration,
.checkout-wrapper .no-decoration:hover,
.checkout-wrapper .no-decoration:visited {
  text-decoration: none;
  color: inherit
}

.checkout-wrapper .no-list {
  margin: 0;
  padding: 0;
  list-style: none
}

.checkout-wrapper .initial-case {
  text-transform: none
}

.checkout-wrapper .icon-svg {
  width: 1em;
  height: 1em
}

.checkout-wrapper .img-fill-width {
  width: 100%;
  height: auto
}

.checkout-wrapper .dir-rtl {
  direction: rtl
}

.checkout-wrapper .is-error {
  color: red!important
}

.checkout-wrapper .is-success {
  color: #105a33!important
}

.checkout-wrapper .revealing {
  opacity: 0;
  transition: opacity .2s linear
}

.checkout-wrapper .revealing.is-revealed {
  opacity: 1
}

.checkout-wrapper .is-hidden {
  display: none!important
}

.checkout-wrapper .no-wrap {
  white-space: nowrap
}

@media only screen and (min-width:1281px) {
  .checkout-wrapper .no-desk {
    display: none!important
  }
}

@media only screen and (min-width:768px) and (max-width:1280px) {
  .checkout-wrapper .no-tab {
    display: none!important
  }
}

@media only screen and (max-width:767px) {
  .checkout-wrapper .no-mob {
    display: none!important
  }
}

.checkout-wrapper .checkout-input-filled .checkout-input-label-content,
.checkout-wrapper .checkout-input:focus+.checkout-input-label-content {
  top: -7px;
  padding: 0 3px;
  font-size: 13px;
  color: #292929;
  background: #fff;
  border-radius: 5px
}

.checkout-wrapper .checkout-block-label-text .checkout-input-label-error {
  color: red
}

.checkout-wrapper .checkout-input-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: top;
  font-size: 1.5rem
}

.checkout-wrapper .checkout-input-wrapper.checkout-input-full {
  width: 100%
}

.checkout-wrapper .checkout-input-wrapper.checkout-input-error {
  color: red
}

.checkout-wrapper .checkout-input-wrapper.checkout-input-error .checkout-input-label-content {
  color: red
}

.checkout-wrapper .checkout-input-wrapper.checkout-input-error .checkout-input {
  border-color: red
}

.checkout-wrapper .checkout-input-wrapper.checkout-input-success .checkout-input-label-content {
  color: #105a33
}

.checkout-wrapper .checkout-input-wrapper.checkout-input-success .checkout-input {
  border-color: #105a33
}

.checkout-wrapper .checkout-input-label-content {
  position: absolute;
  top: 17px;
  left: 19px;
  color: #606060;
  pointer-events: none;
  transition: all .25s;
  line-height: 1
}

.checkout-wrapper .checkout-input {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: 14px 19px;
  border: 1px solid #999;
  border-radius: 5px;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  font-size: 1.5rem;
  text-transform: none
}

.checkout-wrapper .checkout-input[type=password],
.checkout-wrapper .checkout-input[type=tel],
.checkout-wrapper .checkout-input[type=text] {
  -webkit-appearance: none;
  -moz-appearance: none
}

.checkout-wrapper .checkout-input:focus {
  outline: 0
}

.checkout-wrapper .checkout-input::-webkit-input-placeholder {
  color: #606060;
  text-transform: none
}

.checkout-wrapper .checkout-input::-moz-placeholder {
  color: #606060;
  text-transform: none
}

.checkout-wrapper .checkout-input:-ms-input-placeholder {
  color: #606060;
  text-transform: none
}

.checkout-wrapper .checkout-input:-moz-placeholder {
  color: #606060;
  text-transform: none
}

.checkout-wrapper .checkout-input::placeholder {
  color: #606060;
  text-transform: none
}

.checkout-wrapper .checkout-input[type=password] {
  font-family: LacosteSansLight, Arial, Helvetica, sans-serif
}

.checkout-wrapper .forms .field-checkbox-wrapper,
.checkout-wrapper .forms .field-radio-wrapper {
  line-height: 13px
}

.checkout-wrapper .payment-method-add-creditcard-wrapper .forms .field-wrapper {
  line-height: 13px
}

.checkout-wrapper .checkout-stepper-wrapper {
  padding-top: 50px;
  text-align: center
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-stepper {
  padding: 0;
  margin: 0;
  list-style: none
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding-right: 70px
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step:after {
  content: '';
  position: absolute;
  top: 20px;
  right: 10px;
  width: 50px;
  height: 1px;
  background: #292929
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step:last-child {
  padding-right: 0
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step:last-child:after {
  display: none
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step.amazon {
  padding-right: 100px
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step.amazon:after {
  width: 80px
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-current .checkout-step-number {
  background: #292929;
  color: #fff;
  border: none
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-validated .checkout-step-number {
  background: #292929;
  color: #fff;
  border: none
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-validated .checkout-step-number:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  background: #292929;
  font-size: 1rem;
  color: #fff
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-inner {
  position: relative;
  display: block;
  padding-bottom: 27px
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-number {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  border: 1px solid #292929;
  border-radius: 100%;
  font-size: 17px;
  line-height: 4rem;
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-name {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 0);
  display: block;
  color: #292929;
  text-transform: uppercase;
  font-size: 17px;
  min-width: 100px
}

@media screen and (max-width:1023px) {
  .checkout-wrapper .checkout-stepper-wrapper {
    padding-top: 40px
  }
  .checkout-wrapper .checkout-stepper-wrapper .checkout-step {
    padding-right: 46px
  }
  .checkout-wrapper .checkout-stepper-wrapper .checkout-step:after {
    top: 15px;
    right: 5px;
    width: 30px
  }
  .checkout-wrapper .checkout-stepper-wrapper .checkout-step-validated .checkout-step-number:before {
    width: 30px;
    height: 30px;
    font-size: .8rem;
    line-height: 3rem
  }
  .checkout-wrapper .checkout-stepper-wrapper .checkout-step-number {
    width: 30px;
    height: 30px;
    font-size: 1.5rem;
    line-height: 2.8rem
  }
  .checkout-wrapper .checkout-stepper-wrapper .checkout-step-name {
    font-size: 1.5rem
  }
}

@media screen and (max-width:767px) {
  .checkout-wrapper .checkout-stepper-wrapper {
    padding-top: 30px
  }
}

.checkout-wrapper .checkout-block.summary-prices-block {
  margin-bottom: 3px
}

.checkout-wrapper .cart-price-summary-wrapper {
  position: relative;
  font-size: 1.5rem
}

.checkout-wrapper .cart-price-summary-wrapper .checkout-block-error {
  margin-bottom: 20px
}

.checkout-wrapper .cart-price-summary-wrapper .error-gift-message {
  margin-bottom: 15px
}

.checkout-wrapper .cart-price-summary-wrapper .cart-price-summary {
  font-size: 17px;
  line-height: 17px
}

.checkout-wrapper .cart-price-summary-wrapper .cart-price-summary li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px
}

.checkout-wrapper .cart-price-summary-wrapper .cart-price-subtotal {
  text-transform: uppercase;
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif
}

.checkout-wrapper .cart-price-summary-wrapper .cart-price-total {
  text-transform: uppercase;
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif;
  color: #105a33
}

.checkout-wrapper .cart-price-summary-wrapper .price-summary-loader {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.checkout-wrapper .cart-price-summary-wrapper .price-summary-loader .loader-ctnr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

.checkout-wrapper .cart-price-summary-wrapper.loading .price-summary-loader {
  display: block
}

.checkout-wrapper .summary-products-wrapper {
  position: relative;
  margin-bottom: 1px
}

.checkout-wrapper .summary-products-wrapper .summary-products-header {
  position: relative
}

.checkout-wrapper .summary-products-wrapper .summary-products-title {
  text-transform: uppercase;
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif
}

.checkout-wrapper .summary-products-wrapper .summary-products-title-price {
  direction: ltr
}

.checkout-wrapper .summary-products-next,
.checkout-wrapper .summary-products-prev {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  left: 0;
  width: 100%;
  height: 28px;
  line-height: 28px;
  background: #fff;
  cursor: pointer
}

.checkout-wrapper .summary-products-prev {
  top: 0;
  border-bottom: 1px solid #f4f4f4
}

.checkout-wrapper .summary-products-next {
  bottom: 0;
  border-top: 1px solid #f4f4f4
}

.checkout-wrapper .summary-products-scroll-wrapper {
  max-height: 110px;
  overflow: hidden
}

.checkout-wrapper .summary-product {
  display: flex;
  align-items: center;
  margin-bottom: 10px
}

.checkout-wrapper .summary-product:last-child {
  margin-bottom: 0
}

.checkout-wrapper .summary-product .summary-product-image {
  width: 30px;
  height: auto;
  margin-right: 10px
}

.checkout-wrapper .summary-product .summary-product-details {
  width: 100%
}

.checkout-wrapper .summary-product .summary-product-name {
  font-size: 1.5rem;
  line-height: 20px;
  max-height: 20px;
  overflow: hidden
}

.checkout-wrapper .summary-product .summary-product-infos {
  display: flex;
  justify-content: space-between;
  font-size: 13px;
  line-height: 20px;
  color: #999
}

.checkout-wrapper .summary-product .summary-product-price {
  direction: ltr
}

@media screen and (max-width:767px) {
  .checkout-wrapper .checkout-block.summary-products-wrapper {
    margin-bottom: 1px
  }
  .checkout-wrapper .checkout-block.summary-products-wrapper.is-folded .summary-products-header {
    margin-bottom: 0
  }
  .checkout-wrapper .checkout-block.summary-products-wrapper.is-folded .summary-products-header .icon-svg {
    transform: rotate(180deg)
  }
  .checkout-wrapper .checkout-block.summary-products-wrapper.is-folded .summary-products-scroll-wrapper {
    max-height: 0;
    margin-bottom: 0
  }
  .checkout-wrapper .summary-products-header {
    transition: all .5s ease-in-out
  }
  .checkout-wrapper .summary-products-header .icon-svg {
    margin-left: auto;
    transform: rotate(0);
    transition: all .5s ease-in-out
  }
  .checkout-wrapper .summary-products-scroll-wrapper {
    position: relative;
    top: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    max-height: 1000px;
    transition: all .5s ease-in-out
  }
}

.checkout-wrapper .summary-shipment-method {
  font-size: 20px;
  line-height: 30px
}

.checkout-wrapper .summary-shipment-method .icon-svg {
  font-size: 25px;
  vertical-align: top;
  margin-top: 3px;
  margin-right: 10px
}

.checkout-wrapper .summary-shipment-address,
.checkout-wrapper .summary-shipment-fullname {
  font-size: 17px;
  line-height: 25px
}

.checkout-wrapper .checkout-newsletter-wrapper p {
  margin-bottom: 20px
}

.checkout-wrapper .checkout-gift-wrapper .checkout-gift-textarea-wrapper {
  display: none
}

.checkout-wrapper .checkout-gift-wrapper .checkout-gift-textarea-wrapper.checkout-gift-textarea-wrapper-active {
  display: block
}

.checkout-wrapper .checkout-gift-wrapper .checkout-gift-textarea {
  display: block;
  width: 100%;
  margin: 20px 0 10px;
  padding: 20px 15px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  font-family: LacosteSansCondensedLight, Arial, Helvetica, sans-serif;
  text-transform: none;
  resize: none
}

.checkout-wrapper .checkout-gift-wrapper .checkout-gift-textarea-remainingchars {
  display: block;
  text-align: right;
  font-size: 13px
}

.checkout-wrapper .checkout-list-item {
  position: relative;
  margin-bottom: 8px;
  padding: 20px 40px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  font-size: 1.5rem;
  line-height: 2.5rem;
  cursor: pointer
}

.checkout-wrapper .checkout-list-item:last-child {
  margin-bottom: 0
}

.checkout-wrapper .checkout-list-item.checkout-list-item-active {
  background: #105a33;
  color: #fff
}

.checkout-wrapper .checkout-list-item.checkout-list-action {
  border-style: dashed;
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  text-align: center
}

.checkout-wrapper .checkout-list-item-title {
  font-family: LacosteSansCondensedBold, Arial, Helvetica, sans-serif;
  text-transform: uppercase
}

.checkout-wrapper .checkout-list-item-action {
  position: absolute;
  right: 40px;
  bottom: 20px
}

@media screen and (max-width:1023px) {
  .checkout-wrapper .checkout-list-item {
    padding: 20px 60px
  }
  .checkout-wrapper .checkout-list-item-action {
    right: 60px
  }
}

@media screen and (max-width:767px) {
  .checkout-wrapper .checkout-list-item {
    padding: 20px 30px
  }
  .checkout-wrapper .checkout-list-item-action {
    right: 30px
  }
}

@media screen and (min-width:1280px) {
  .checkout-wrapper {
    min-height: calc(100vh - 88px)
  }
}

@media screen and (max-width:1023px) {
  .checkout-wrapper .left-column,
  .checkout-wrapper .right-column,
  .checkout-wrapper .right-column.checkoutparallax-active {
    position: static;
    display: block;
    width: 100%
  }
  .checkout-wrapper .checkout-block {
    width: calc(100% - 140px);
    padding: 30px
  }
}

@media screen and (max-width:767px) {
  .checkout-wrapper .checkout-inner {
    margin: 30px auto
  }
  .checkout-wrapper .checkout-block {
    width: calc(100% - 40px);
    margin-bottom: 20px;
    padding: 20px 15px
  }
  .checkout-wrapper .checkout-address-form-input-wrapper {
    margin-left: 30px
  }
  .checkout-wrapper .checkout-address-form-input-wrapper:nth-child(2) {
    margin-left: 20px
  }
}

.lost-password-page {
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: contain
}

.lost-password-page .checkout-inner {
  max-width: 440px
}

.lost-password-page .checkout-block-text {
  margin-bottom: 20px
}

.lost-password-sent-page .checkout-inner {
  max-width: 440px
}

@media screen and (max-width:1023px) {
  .lost-password-page .checkout-block,
  .lost-password-sent-page .checkout-block {
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .lost-password-page .checkout-block,
  .lost-password-sent-page .checkout-block {
    width: calc(100% - 40px)
  }
  #atg_call .lost-password-page a,
  #atg_call .lost-password-sent-page a,
  #atg_chat .lost-password-page a,
  #atg_chat .lost-password-sent-page a,
  .lost-password-page #atg_call a,
  .lost-password-page #atg_chat a,
  .lost-password-page .btn,
  .lost-password-page .faqchat,
  .lost-password-sent-page #atg_call a,
  .lost-password-sent-page #atg_chat a,
  .lost-password-sent-page .btn,
  .lost-password-sent-page .faqchat {
    width: 100%
  }
}

.full-width-80 {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  /* font-size: 0 */
}

.full-width {
  position: relative;
  width: 100%
}

.homepage-container {
  background-color: #f4f4f4;
  padding-bottom: 80px;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%
}

.homepage-container>section {
  margin-bottom: 80px
}

.homepage-container>section:last-child {
  margin-bottom: 0
}

.absolute-column {
  position: absolute;
  height: 100%
}

.column-slots-1bc {
  width: calc(50% - 8px);
  left: calc(50% + 8px)
}

.column-slot-2d {
  width: calc(50% - 8px);
  position: relative;
  left: calc(50% + 8px)
}

.column-slots-2bc {
  width: calc(50% - 8px)
}

.column-slot-3a,
.column-slot-3b {
  width: calc(50% - 8px);
  display: inline-block
}

.column-slot-3a {
  margin-right: 16px
}

.hp-slot {
  position: relative;
  font-size: 1.5rem;
  z-index: 1
}

.hp-slot.slot-1a {
  width: calc(100% - 8px);
  z-index: 2
}

.hp-slot.slot-1b,
.hp-slot.slot-1c,
.hp-slot.slot-2a,
.hp-slot.slot-2b,
.hp-slot.slot-2c {
  height: calc(50% - 8px)
}

.hp-slot.slot-1b,
.hp-slot.slot-2a,
.hp-slot.slot-2b {
  margin-bottom: 16px
}

.hp-slot.slot-2b {
  background-color: #fff
}

.hp-slot:not(.slot-2b) .hp-slot-content>img {
  width: 100%;
  height: auto;
  opacity: 0;
  transition: opacity .2s linear
}

.hp-slot.loaded .hp-slot-content>img {
  opacity: 1
}

.hp-slot.loaded .hp-slot-content.clickable-img {
  cursor: pointer
}

.hp-slot.only-one-link {
  cursor: pointer
}

.hp-slot.slot-image-cut {
  overflow: hidden
}

.hp-slot h2 {
  font-family: LacosteSansCondensedBold;
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin: 0;
  text-transform: uppercase
}

.hp-slot.slot-big-title h2 {
  font-size: 6rem;
  margin-top: 0;
  line-height: 6rem
}

.hp-slot p.pretitle {
  font-size: 2rem;
  font-family: LacosteSansCondensedLight;
  text-transform: none;
  margin: 0
}

.hp-slot.slot-big-title p.pretitle {
  font-size: 1.5rem;
  text-transform: uppercase
}

.hp-slot .inner-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  text-transform: none;
  width: 50%
}

.hp-slot:not(.slot-big-title):not(.slot-big-center-title) .inner-content {
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 30px;
  transition: margin .3s ease-out .1s
}

.hp-slot:not(.slot-big-title):not(.slot-big-center-title) .inner-content a {
  opacity: 0;
  top: 20px;
  position: relative;
  transition: all .3s ease-out 0s
}

.hp-slot.slot-big-title .inner-content.text-align-left {
  padding-left: 40px
}

.hp-slot.slot-big-title .inner-content.text-align-right {
  padding-right: 40px
}

.hp-slot .inner-content.text-align-center {
  left: 25%;
  text-align: center
}

.hp-slot .inner-content.text-align-right {
  left: 50%
}

.hp-slot.slot-big-title .inner-content.text-align-right {
  text-align: right
}

.hp-slot .inner-content.text-color-white {
  color: #fff
}

.hp-slot.slot-2d .inner-content {
  left: 0;
  width: 100%;
  padding-left: 20px;
  padding-right: 20px;
  height: 50%;
  transform: none
}
.hp-slot.slot-2d.slot-big-center-title .inner-content {
  height: auto;
}

.hp-slot.slot-2d .inner-content>div {
  position: relative;
  top: 50%;
  transform: translateY(-50%)
}

.hp-slot.slot-2d .inner-content.text-align-left {
  text-align: center;
  top: 0
}

.hp-slot.slot-2d .inner-content.text-align-center {
  text-align: center;
  top: 25%
}

.hp-slot.slot-2d .inner-content.text-align-right {
  text-align: center;
  top: 50%
}

.hp-slot.slot-1a img.floatimage {
  position: absolute;
  bottom: 0;
  left: 0;
  width: calc(115%);
  height: auto;
  pointer-events: none
}

.hp-slot .inner-loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none
}

.hp-slot.loading .inner-loader {
  display: block
}

.hp-slot a {
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 3px;
  display: inline-block;
  margin-right: 5px;
  margin-left: 5px;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  transition: background .3s ease-out;
  border: 1px solid rgba(0, 0, 0, .3);
  background-color: transparent;
  color: #292929
}

.hp-slot.slot-big-title a {
  width: 140px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  transition: all .3s linear;
  margin-top: 5px;
  margin-bottom: 5px;
  display: block
}

.hp-slot .text-color-white a {
  border: 1px solid rgba(255, 255, 255, .3);
  background-color: rgba(255, 255, 255, 0);
  color: #fff
}

.hp-slot .links-container {
  margin-top: 20px
}

.hp-slot.slot-big-title .links-container {
  margin-top: 15px
}

.hp-slot.slot-2b .hp-slot-content {
  position: relative;
  padding-left: 45px;
  padding-right: 45px;
  text-align: center;
  top: 50%;
  transform: translateY(-50%)
}

.hp-slot.slot-2b a {
  border-radius: 3px;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #292929;
  transition: background .3s linear
}

.hp-slot.slot-2b img {
  margin-bottom: 20px
}

.hp-slot.slot-2b h3 {
  color: #292929;
  font-family: LacosteSansCondensedLight;
  font-size: 2.5rem;
  line-height: 2.5rem;
  margin: 0;
  margin-bottom: 10px;
  text-transform: none
}

.hp-slot.slot-2b p.pretitle {
  color: #292929;
  font-family: LacosteSansCondensedLight;
  margin-bottom: 20px
}

.hp-slot p.pretitle.no-margin-bottom {
  margin-bottom: 0
}

.hp-slot iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
  left: 0
}

#hp-reinsurance {
  padding-top: 70px;
  padding-bottom: 29px;
  margin-bottom: 0;
  width: 100%;
  position: relative
}

.reinsurance-container {
  position: relative
}

.reinsurance-container .reinsurance-content {
  margin: 0;
  padding: 0;
  position: relative;
  width: calc(100% / 3);
  margin-left: auto;
  margin-right: auto
}

.reinsurance-container ul {
  list-style: none;
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 21px;
  z-index: 2;
  padding: 0;
  margin: 0
}

.reinsurance-container ul li {
  position: absolute;
  left: 100%;
  width: 100%;
  top: 0;
  text-align: center
}

.reinsurance-container ul li.out {
  left: -100%;
  transition: left .3s ease-out
}

.reinsurance-container ul li.left {
  left: -100%
}

.reinsurance-container ul li.anim {
  transition: left .3s ease-out
}

.reinsurance-container ul li.active {
  left: 0;
  transition: left .3s ease-out
}

.reinsurance-container ul li,
.reinsurance-container ul li a {
  color: #292929;
  font-family: LacosteSansCondensedLight;
  text-transform: none;
  text-decoration: none;
  font-size: 1.5rem
}

.reinsurance-container ul li b,
.reinsurance-container ul li strong {
  font-family: LacosteSansCondensedBold;
  font-weight: 400;
  text-transform: uppercase
}

.reinsurance-container ul li a:hover {
  text-decoration: underline
}

.reinsurance-container .arrows-container {
  position: absolute;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  top: 0;
  left: 0;
  z-index: 1
}

.reinsurance-container .arrows-container button {
  width: 15px;
  height: 21px;
  border: none;
  margin: 0;
  padding: 10px;
  position: absolute;
  background-position: -30px -90px;
  background: 0 0
}

.reinsurance-container .arrows-container button:after {
  content: "";
  width: 4px;
  height: 7px;
  background-position: -30px -90px;
  display: block;
  position: absolute;
  top: calc(50% - 4px);
  left: calc(50% - 2px)
}

.reinsurance-container .arrows-container button.reinsurance-go-right {
  right: -15px
}

.reinsurance-container .arrows-container button.reinsurance-go-left {
  left: -15px;
  transform: rotate(180deg);
  transform-origin: center center
}

#hp-recommendations>div {
  width: 100%;
  position: relative;
  min-height: 500px
}

.hp-event-container {
  position: relative
}

.hp-event-container .background-container {
  position: absolute;
  height: calc(100% + 160px);
  width: auto;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1
}

.hp-event-container .background-container>img {
  height: 100%;
  width: auto
}

.hp-event-container .background-container>iframe {
  position: absolute;
  top: 0;
  left: 0
}

.hp-event-container .description-container {
  position: absolute;
  top: 50%;
  width: 70%;
  left: 15%;
  transform: translateY(-50%);
  z-index: 2;
  text-align: center;
  color: #292929;
  text-transform: uppercase
}

.hp-event-container .description-container.text-color-white {
  color: #fff
}

.hp-event-container .description-container>img {
  margin-bottom: 5px
}

.hp-event-container .description-container>p {
  margin: 0;
  margin-top: 10px;
  font-size: 2.3rem;
  font-family: LacosteSansCondensedLight
}

.hp-event-container .description-container>h2 {
  margin: 0;
  font-size: 3.5rem;
  font-family: LacosteSansCondensedBold
}

.hp-event-container .ctas-container {
  margin-top: 20px
}

@media screen and (max-width:1440px) {
  .homepage-container>section {
    margin-bottom: 40px
  }
  .column-slots-1bc {
    width: calc(50% - 4px);
    left: calc(50% + 4px)
  }
  .column-slot-2d {
    width: calc(50% - 4px);
    left: calc(50% + 4px)
  }
  .column-slots-2bc {
    width: calc(50% - 4px)
  }
  .column-slot-3a,
  .column-slot-3b {
    width: calc(50% - 4px)
  }
  .column-slot-3a {
    margin-right: 8px
  }
  .hp-slot.slot-1a {
    width: calc(100% - 4px)
  }
  .hp-slot.slot-1b,
  .hp-slot.slot-1c,
  .hp-slot.slot-2a,
  .hp-slot.slot-2b,
  .hp-slot.slot-2c {
    height: calc(50% - 4px)
  }
  .hp-slot.slot-1b,
  .hp-slot.slot-2a,
  .hp-slot.slot-2b {
    margin-bottom: 8px
  }
  .hp-slot h2 {
    font-size: 2rem;
    line-height: 2rem
  }
  .hp-slot.slot-big-title h2 {
    font-size: 3.5rem;
    line-height: 3.5rem
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) p.pretitle {
    font-size: 1.8rem
  }
}

@media screen and (min-width:1280px) {
  .hp-slot a:hover {
    border: 1px solid #292929;
    background-color: #292929;
    color: #fff
  }
  .hp-slot .text-color-white a:hover {
    border: 1px solid #fff;
    background-color: #fff;
    color: #292929
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content.desktopCTA .inner-content,
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content:hover .inner-content {
    margin-top: 0;
    transition: margin .3s ease-out 0s
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content.desktopCTA .inner-content a,
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content:hover .inner-content a {
    top: 0;
    opacity: 1;
    transition: all .3s ease-out .1s
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content.desktopCTA .inner-content a:nth-child(2),
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content:hover .inner-content a:nth-child(2) {
    transition-delay: .2s
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content.desktopCTA .inner-content a:nth-child(3),
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .hp-slot-content:hover .inner-content a:nth-child(3) {
    transition-delay: .3s
  }
  .hp-slot.slot-2b a:hover {
    background-color: #105a33
  }
}

@media screen and (max-width:1366px) {
  body.touch .hp-slot.touch-show-buttons .inner-content {
    transition: none;
    margin-top: 0
  }
  body.touch .hp-slot.touch-show-buttons .inner-content a {
    transition: none;
    opacity: 1;
    top: 0
  }
  body.touch .hp-slot.multiple-ctas .inner-content.only-one-link .links-container {
    display: none
  }
  body.touch .hp-slot:not(.slot-big-title):not(.slot-big-center-title):hover .inner-content.only-one-link {
    margin-top: 30px
  }
  body.touch .hp-slot:not(.slot-big-title):not(.slot-big-center-title):hover .inner-content.only-one-link a {
    top: 20px;
    opacity: 0
  }
}

@media screen and (max-width:1279px) {
  .hp-slot.touch-show-buttons .inner-content {
    transition: none;
    margin-top: 0
  }
  .hp-slot.touch-show-buttons .inner-content a {
    transition: none;
    opacity: 1;
    top: 0
  }
  .hp-slot.multiple-ctas .inner-content.only-one-link .links-container {
    display: none
  }
  .hp-slot iframe {
    display: none
  }
  .hp-event-container .background-container>iframe {
    display: none!important
  }
}

@media screen and (max-width:800px) {
  .full-width-80 {
    padding-left: 10px;
    padding-right: 10px
  }
  .homepage-container>section {
    margin-bottom: 40px
  }
  .homepage-container {
    background-color: #f4f4f4;
    padding-bottom: 45px
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) h2 {
    margin-bottom: 5px
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) p.pretitle {
    font-size: 1.5rem
  }
  .hp-slot.slot-2b h3 {
    font-size: 2rem;
    line-height: 2rem
  }
  #hp-recommendations>div {
    min-height: 440px
  }
}

@media screen and (max-width:640px) {
  .full-width-80 {
    padding-left: 0;
    padding-right: 0
  }
  .absolute-column {
    position: relative
  }
  .homepage-container {
    padding-bottom: 0;
    background-image: none!important
  }
  .homepage-container .half-column {
    width: 100%;
    display: block
  }
  .homepage-container>section {
    margin-bottom: 20px
  }
  .hp-slot.slot-1a,
  .hp-slot.slot-1b,
  .hp-slot.slot-1c,
  .hp-slot.slot-2a,
  .hp-slot.slot-2b,
  .hp-slot.slot-2c,
  .hp-slot.slot-2d,
  .hp-slot.slot-3a,
  .hp-slot.slot-3b {
    width: 100%;
    position: relative;
    top: initial;
    left: initial;
    display: block;
    padding-left: 20px;
    padding-right: 20px
  }
  .hp-slot>.hp-slot-content {
    position: relative
  }
  .hp-slot a {
    padding-top: 5px;
    padding-bottom: 5px
  }
  .hp-slot.slot-big-title h2 {
    font-size: 3rem;
    line-height: 3rem
  }
  .hp-slot .inner-content.text-color-white {
    color: #292929;
    transition: color .2s linear
  }
  .hp-slot.loaded .inner-content.text-color-white {
    color: #fff
  }
  .hp-slot.slot-big-title .inner-content.text-align-left {
    padding-left: 20px
  }
  body.touch .hp-slot:not(.slot-big-title):not(.slot-big-center-title):hover .inner-content.only-one-link a {
    top: 0;
    opacity: 1
  }
  body.touch .hp-slot:not(.slot-big-title):not(.slot-big-center-title):hover .inner-content.only-one-link {
    margin-top: 0
  }
  .hp-slot.multiple-ctas .inner-content {
    top: 0;
    left: 0;
    transform: none;
    height: 100%
  }
  .hp-slot.multiple-ctas .inner-content>div {
    position: relative;
    height: 100%
  }
  .hp-slot.multiple-ctas .inner-content .text-container {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
  }
  .hp-slot.multiple-ctas .inner-content .links-container {
    position: absolute;
    bottom: -61px;
    left: -20px;
    width: calc(200% + 42px);
    text-align: center;
    font-size: 0
  }
  .hp-slot.multiple-ctas .inner-content .links-container a {
    display: inline-block;
    color: #292929!important;
    border: 1px solid rgba(0, 0, 0, .3)!important;
    margin: 0;
    margin-right: 10px;
    background-color: transparent!important
  }
  .hp-slot.multiple-ctas .inner-content .links-container a:last-child {
    margin-right: 0
  }
  .hp-slot.multiple-ctas .inner-content .links-container>a:first-child:nth-last-child(1) {
    width: auto;
    padding-left: 30px;
    padding-right: 30px
  }
  .hp-slot.multiple-ctas .inner-content .links-container>a:first-child:nth-last-child(2),
  .hp-slot.multiple-ctas .inner-content .links-container>a:first-child:nth-last-child(2)~a {
    width: calc((100% - 10px)/ 2)
  }
  .hp-slot.multiple-ctas .inner-content .links-container>a:first-child:nth-last-child(3),
  .hp-slot.multiple-ctas .inner-content .links-container>a:first-child:nth-last-child(3)~a {
    width: calc((100% - 20px)/ 3)
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .inner-content {
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 0
  }
  .hp-slot:not(.slot-big-title):not(.slot-big-center-title) .inner-content a {
    opacity: 1;
    top: 0
  }
  .hp-slot.slot-1b,
  .hp-slot.slot-1c,
  .hp-slot.slot-2a,
  .hp-slot.slot-2b,
  .hp-slot.slot-2c {
    height: auto
  }
  .hp-slot:not(.slot-1a) .only-one-link a {
    font-size: 0;
    width: auto;
    width: 31px;
    height: 25px;
    padding-left: 0;
    padding-right: 0;
    position: relative
  }
  .hp-slot:not(.slot-1a) .only-one-link a:before {
    content: "";
    position: absolute;
    width: 9px;
    height: 1px;
    background-color: #292929;
    top: 12px;
    left: 10px
  }
  .hp-slot:not(.slot-1a) .only-one-link a:after {
    content: "";
    position: absolute;
    width: 3px;
    height: 3px;
    border: 1px solid #292929;
    border-left-color: transparent;
    border-bottom-color: transparent;
    transform: rotate(45deg);
    top: 10px;
    left: 13px
  }
  .hp-slot:not(.slot-1a) .only-one-link.text-color-white a:before {
    background-color: #fff
  }
  .hp-slot:not(.slot-1a) .only-one-link.text-color-white a:after {
    border-right-color: #fff;
    border-top-color: #fff
  }
  .hp-slot.slot-1a {
    padding-top: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #ededed
  }
  .hp-slot.slot-1a img.floatimage {
    bottom: initial;
    top: 0;
    transform: translateY(-15%);
    z-index: 5
  }
  .hp-slot.slot-1a.only-one-link {
    padding-bottom: 20px
  }
  .hp-slot.slot-1a .inner-content {
    position: relative;
    text-align: center!important;
    padding-right: 0px;
    color: #fff!important;
    width: 100%;
    padding-top: 15px
  }
  .hp-slot.slot-1a .inner-content span.colorblock {
    position: absolute;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 65px);
    bottom: -20px
  }
  .hp-slot.slot-1a .inner-content .text-container {
    top: initial;
    transform: none
  }
  .hp-slot.slot-1a .inner-content .links-container {
    position: relative;
    width: calc(100% + 40px);
    bottom: initial
  }
  .hp-slot.slot-1a .inner-content .links-container a {
    color: #fff!important;
    border-color: rgba(255, 255, 255, .3)!important
  }
  .hp-slot.slot-1a .inner-content.only-one-link .links-container {
    display: block!important
  }
  .column-slots-1bc {
    left: initial;
    padding-top: 20px
  }
  .hp-slot.slot-1b {
    margin-bottom: 20px
  }
  #hp-user-custom .hp-slot.slot-2a {
    padding-top: 20px;
    background-color: #fff;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed
  }
  #hp-user-custom .hp-slot.slot-2a .inner-content {
    position: relative;
    width: 100%;
    display: block;
    transform: none;
    padding-top: 20px;
    padding-bottom: 20px;
    left: initial
  }
  #hp-user-custom .hp-slot.slot-2a .inner-content.text-color-white {
    color: #292929
  }
  #hp-user-custom .hp-slot.slot-2a .inner-content.text-align-center,
  #hp-user-custom .hp-slot.slot-2a .inner-content.text-align-left,
  #hp-user-custom .hp-slot.slot-2a .inner-content.text-align-right {
    top: initial;
    left: initial
  }
  #hp-user-custom .hp-slot.slot-2a.multiple-ctas .inner-content .text-container {
    top: initial;
    transform: none
  }
  #hp-user-custom .hp-slot.slot-2a.multiple-ctas .inner-content .links-container {
    position: relative;
    bottom: initial;
    left: initial;
    width: 100%
  }
  .column-slots-2bc {
    width: 100%
  }
  .column-slot-2d {
    width: 100%;
    left: initial
  }
  .hp-slot.slot-2c {
    padding-bottom: 20px
  }
  .hp-slot.slot-2c .inner-content {
    margin-top: 0
  }
  .hp-slot.slot-2b {
    background: 0 0;
    margin-bottom: 20px
  }
  .hp-slot.slot-2b .hp-slot-content {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    top: initial;
    transform: none;
    background-color: #fff
  }
  .column-slot-3a,
  .column-slot-3b {
    width: 100%;
    margin-right: 0;
    display: block
  }
  #hp-inspi .hp-slot {
    margin-bottom: 20px
  }
  #hp-reinsurance {
    padding-top: 12px;
    padding-bottom: 15px
  }
  .reinsurance-container .reinsurance-content {
    width: calc(100% - 80px)
  }
  .reinsurance-container .arrows-container button.reinsurance-go-left {
    left: -25px
  }
  .reinsurance-container .arrows-container button.reinsurance-go-right {
    right: -25px
  }
  #hp-recommendations>div {
    min-height: 700px
  }
  .hp-recos-tabs-content {
    padding-left: 20px;
    padding-right: 20px
  }
  .hp-recos-tabs .hp-recos-tabs-wrapper {
    text-align: left
  }
  .hp-event-container .background-container {
    height: calc(100% + 150px)
  }
  .hp-event-container .description-container {
    width: calc(100% - 40px);
    left: 20px
  }
  .hp-event-container .description-container>p {
    font-size: 1.3rem
  }
  .hp-event-container .description-container>h2 {
    font-size: 2rem
  }
  .hp-event-container .ctas-container a {
    margin-top: 5px;
    margin-bottom: 5px
  }
  .accordion-hp {
    border-top: 4px solid #eee;
    margin-top: 0;
    margin-bottom: 0;
    background-color: #fff
  }
  .accordion-hp li,
  .accordion-hp ul {
    margin: 0;
    padding: 0;
    list-style: none
  }
  .accordion-hp ul ul {
    display: none
  }
  .accordion-hp a,
  .accordion-hp span {
    display: block;
    position: relative;
    height: 50px;
    line-height: 5rem;
    border-bottom: 1px solid #eee;
    font-size: 1.5rem
  }
  .accordion-hp span:after {
    content: "";
    position: absolute;
    top: 24px;
    right: 20px;
    background-color: #292929;
    width: 7px;
    height: 1px
  }
  .accordion-hp span:before {
    content: "";
    position: absolute;
    top: 21px;
    right: 23px;
    background-color: #292929;
    width: 1px;
    height: 7px
  }
  .accordion-hp li.active>span:before {
    display: none
  }
  .accordion-hp li.active>ul {
    display: block
  }
  .accordion-hp span.accordion-subtitle,
  .accordion-hp span.accordion-title {
    padding-left: 20px;
    font-family: LacosteSansCondensedBold
  }
  .accordion-hp a.accordion-title {
    padding-left: 20px;
    font-family: LacosteSansCondensedBold;
    display: block;
    position: relative;
    height: 50px;
    line-height: 5rem;
    border-bottom: 1px solid #eee;
    font-size: 1.5rem
  }
  .accordion-hp span.accordion-subtitle {
    padding-left: 40px
  }
  .accordion-hp a {
    padding-left: 60px;
    font-family: LacosteSansCondensedLight;
    font-size: 1.3rem;
    color: #606060;
    text-decoration: none
  }
}

.modular-content {
  min-height: 0;
  background-position: top center;
  background-repeat: no-repeat
}

.modular-content.modalshown,
.modular-content.modalshown:hover {
  z-index: 150
}

.modular-content .mcontent-all-strates {
  opacity: 0;
  transition: opacity .3s linear
}

body.reveal .modular-content .mcontent-all-strates {
  opacity: 1
}

.bloc-text p {
  margin: 0;
  margin-top: 5px
}

.saut-hr {
  margin-top: 80px;
  height: 1px;
  background-color: #e8e8e8;
  margin-bottom: 80px;
  width: 920px;
  margin-left: auto;
  margin-right: auto
}

.saut-br {
  display: block;
  position: relative;
  width: 100%;
  height: 80px
}

.saut-br.br-60 {
  height: 60px
}

.saut-br.br-40 {
  height: 40px
}

.saut-br.br-20 {
  height: 20px
}

.saut-br.br-grey {
  background-color: #f4f4f4
}

.saut-br+.mcontent-content-pushes {
  margin-top: -20px
}

.mcontent-loader {
  position: fixed;
  top: 0;
  width: calc(100% - 250px);
  height: 100vh;
  background-color: #f4f4f4;
  z-index: 50;
  opacity: 1;
  transition: opacity .3s linear
}

.mcontent-loader span.pretitle {
  display: block;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedLight;
  color: #292929;
  letter-spacing: .3em
}

.mcontent-loader h3 {
  position: relative;
  display: block;
  font-family: LacosteSansCondensedBold;
  font-size: 5rem;
  margin: 0;
  color: #292929
}

.mcontent-loader h3 b {
  font-weight: 400;
  color: #292929
}

.mcontent-loader h3:after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: calc((100% - 300px)/ 2);
  width: 300px;
  height: 1px;
  border-bottom: 1px solid #d1d1d1
}

.mcontent-loader .img-container {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: 50px;
  margin-bottom: 30px
}

.mcontent-loader .img-container img {
  max-width: 90%
}

.mcontent-loader .loader-container {
  transform: rotate(-45deg)
}

.mcontent-loader .loader {
  box-sizing: border-box;
  position: relative;
  width: 74px;
  height: 74px;
  border-radius: 50px;
  background: 0 0;
  display: inline-block;
  border: 8px solid #fff
}

.mcontent-loader .loader:after {
  box-sizing: border-box;
  position: absolute;
  content: "";
  top: -8px;
  left: -8px;
  width: 74px;
  height: 74px;
  border-radius: 50px;
  background: 0 0;
  border: 8px solid #292929;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent
}

.mcontent-loader.fadeout {
  opacity: 0
}

.mcontent-content-pushes {
  background-color: #f4f4f4;
  position: relative;
  width: 100%
}

.mcontent-content-pushes .bloc-title {
  padding-top: 80px;
  padding-bottom: 20px
}

.mcontent-content-pushes .pushes {
  display: block;
  font-size: 0;
  position: relative
}

.mcontent-content-pushes .pushes>div {
  margin-right: 20px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  cursor: pointer;
  overflow: hidden;
  margin-top: 20px
}

.mcontent-content-pushes .pushes>div:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  border-bottom: 1px solid #e3e3e3;
  width: 100%
}

.mcontent-content-pushes .pushes>div:first-child:nth-last-child(1) {
  width: 100%
}

.mcontent-content-pushes .pushes>div:first-child:nth-last-child(2),
.mcontent-content-pushes .pushes>div:first-child:nth-last-child(2)~div {
  width: calc((100% - 20px)/ 2)
}

.mcontent-content-pushes .pushes>div:first-child:nth-last-child(3),
.mcontent-content-pushes .pushes>div:first-child:nth-last-child(3)~div {
  width: calc((100% - 40px)/ 3)
}

.mcontent-content-pushes .pushes>div:first-child:nth-last-child(4),
.mcontent-content-pushes .pushes>div:first-child:nth-last-child(4)~div {
  width: calc((100% - 60px)/ 4)
}

.mcontent-content-pushes .pushes>div:last-child {
  margin-right: 0
}

.mcontent-content-pushes .pushes>div>img {
  width: 100%;
  height: auto;
  margin-bottom: 145px;
  opacity: 1;
  transition: opacity .3s linear
}

.mcontent-content-pushes .pushes>div>div.desc {
  width: 100%;
  height: 145px;
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  transition: bottom .3s ease-out
}

.mcontent-content-pushes .pushes>div>div.desc .vertical-inner {
  height: 100%
}

.mcontent-content-pushes .pushes>div:first-child:nth-last-child(4)>div.desc,
.mcontent-content-pushes .pushes>div:first-child:nth-last-child(4)~div>div.desc {
  height: 90px
}

.mcontent-content-pushes .pushes>div:first-child:nth-last-child(4)>img,
.mcontent-content-pushes .pushes>div:first-child:nth-last-child(4)~div>img {
  margin-bottom: 90px
}

.mcontent-content-pushes .pushes>div>div.desc .over {
  position: absolute;
  bottom: -90px;
  height: 90px;
  width: 100%;
  left: 0;
  background: #fff;
  text-align: center
}

.mcontent-content-pushes .pushes>div>div.desc .over a {
  margin-top: 15px;
  height: 55px;
  display: block;
  width: calc(100% - 40px);
  margin-left: 20px;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  background-color: #292929;
  line-height: 5.2rem;
  text-decoration: none;
  transition: background .3s ease-out
}

.mcontent-content-pushes .pushes>div:first-child:nth-last-child(1) div.desc .over a,
.mcontent-content-pushes .pushes>div:first-child:nth-last-child(2) div.desc .over a,
.mcontent-content-pushes .pushes>div:first-child:nth-last-child(2)~div div.desc .over a {
  display: inline-block;
  width: auto;
  margin-left: 0;
  padding-left: 30px;
  padding-right: 30px;
  position: relative
}

.mcontent-content-pushes .pushes>div>div.desc .bloc-text {
  padding-left: 20px;
  padding-right: 20px
}

.mcontent-products h3 {
  font-family: LacosteSansCondensedBold;
  font-size: 2.5rem;
  text-transform: uppercase;
  padding-left: 90px;
  padding-right: 90px;
  margin: 0;
  line-height: 3.1rem
}

.mcontent-products .push-products {
  z-index: 5;
  margin-top: 40px;
  font-size: 0
}

.mcontent-products .product.swiper-slide {
  width: calc((100% - 80px)/ 3)!important;
  margin-right: 40px;
  vertical-align: top;
  float: none;
  text-transform: none;
  margin-bottom: 40px;
  display: inline-block;
  height: auto
}

.mcontent-products .product.swiper-slide .product-images img {
  width: 100%;
  height: auto
}

.mcontent-products .product.swiper-slide:nth-child(3n) {
  margin-right: 0
}

.mcontent-products a.article-text-link {
  margin-top: 15px
}

.mcontent-header-gender {
  background-color: #fff;
  width: 100%;
  padding: 0;
  padding-bottom: 40px;
  border-bottom: 1px solid #e3e3e3;
  position: relative;
  box-sizing: border-box
}

.mcontent-header-gender>img {
  width: 100%;
  height: auto
}

.mcontent-header-gender .texts {
  width: calc(50% - 40px);
  height: calc(100% - 120px);
  position: absolute;
  top: 40px;
  left: 40px;
  background-color: #292929
}

.mcontent-header-gender .texts .bloc-text,
.mcontent-header-gender .texts .bloc-text a,
.mcontent-header-gender .texts .bloc-text a:hover,
.mcontent-header-gender .texts .bloc-text h2,
.mcontent-header-gender .texts .bloc-text p {
  color: #fff
}

.mcontent-header-gender .texts .bloc-text {
  display: block;
  width: 350px;
  margin-left: auto;
  margin-right: auto
}

.mcontent-header-gender .texts h2.underline:after {
  background-color: #fff
}

.mcontent-header-gender a.article-text-link {
  margin-top: 15px
}

.mcontent-story {
  background-color: #f4f4f4;
  position: relative;
  width: 100%;
  min-height: 600px;
  border-bottom: 1px solid #e3e3e3
}

.mcontent-story .mcst-hero {
  width: calc(2 * (100% - 20px)/ 3);
  position: absolute;
  top: 80px;
  right: 0;
  z-index: 5
}

.mcontent-story .mcst-hero .bloc-video {
  display: block;
  height: 337px;
  background: grey
}

.mcontent-story .mcst-hero .bloc-video.full-image {
  height: auto
}

.mcontent-story .mcst-hero .bloc-title {
  display: block;
  height: 90px;
  border-bottom: 1px solid #e3e3e3;
  background: #fff
}

.mcontent-story .mcst-header {
  width: calc((100% - 80px)/ 3);
  position: absolute;
  top: 80px;
  left: 0;
  padding-left: 30px;
  padding-right: 30px;
  z-index: 5
}

.mcontent-story .mcst-article {
  width: calc((100% - 80px)/ 3);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 4
}

.mcontent-story .mcst-article .img-under {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.mcontent-story .mcst-article a {
  display: block;
  height: 63px;
  line-height: 5.8rem;
  box-sizing: border-box;
  background-color: #fff;
  border: 3px solid #e9e9e9;
  text-align: center;
  font-family: LacosteSansCondensedBold;
  text-transform: uppercase;
  color: #292929;
  font-size: 1.5rem;
  margin-top: 40px;
  text-decoration: none;
  transition: all .3s linear
}

.mcontent-story .mcst-cols {
  width: 100%;
  position: relative;
  font-size: 0;
  display: block;
  z-index: 3
}

.mcontent-story .mcst-col {
  width: calc((100% - 80px)/ 3);
  position: relative;
  display: inline-block;
  margin-right: 40px;
  vertical-align: top
}

.mcontent-story .mcst-col:last-child {
  margin-right: 0
}

.mcontent-story .roverpush {
  overflow: hidden;
  cursor: pointer
}

.mcontent-story .roverpush:after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  height: 1px;
  border-bottom: 1px solid #e3e3e3;
  width: 100%
}

.mcontent-story .roverpush div.desc {
  width: 100%;
  height: 90px;
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  transition: bottom .3s ease-out
}

.mcontent-story div.desc .vertical-inner {
  height: 100%
}

.mcontent-story .roverpush div.img-container {
  margin-bottom: 90px;
  opacity: 1;
  transition: opacity .3s linear
}

.mcontent-story .roverpush div.desc .over {
  position: absolute;
  bottom: -90px;
  height: 90px;
  width: 100%;
  left: 0;
  background: #fff
}

.mcontent-story .roverpush div.desc .over a {
  margin-top: 15px;
  height: 55px;
  display: block;
  width: calc(100% - 40px);
  margin-left: 20px;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  background-color: #292929;
  line-height: 5.2rem;
  text-decoration: none;
  transition: background .3s ease-out
}

.mcontent-story .mcst-hero div.desc .over a {
  display: inline-block;
  width: auto;
  padding-left: 30px;
  padding-right: 30px;
  position: relative;
  margin-left: 0
}

.mcontent-story .mcst-hero div.desc .bloc-text h5 {
  margin-top: 0;
  padding-left: 20px;
  padding-right: 20px
}

.mcontent-story .mcst-hero div.desc .over {
  text-align: center
}

.mcontent-story .mcst-col .item-bloc {
  width: 100%;
  position: relative;
  display: block;
  margin-bottom: 40px
}

.mcontent-story .mcst-lookbook .desc {
  display: block;
  position: relative;
  width: 100%;
  height: 90px;
  background-color: #fff
}

.mcontent-story .mcst-lookbook {
  border-bottom: 1px solid #e3e3e3
}

.mcontent-story .mcst-lookbook .full-video {
  opacity: 0;
  transition: opacity .1s linear
}

.mcontent-mosaic {
  font-size: 0
}

.mcontent-mosaic .img-container {
  position: relative;
  width: 100%
}

.mcontent-mosaic .title-container {
  height: 460px;
  width: 100%;
  background-color: #292929
}

.mcontent-mosaic .title-container .bloc-text {
  padding-left: 60px;
  padding-right: 60px
}

.mcontent-mosaic .title-container .bloc-text a,
.mcontent-mosaic .title-container .bloc-text h3,
.mcontent-mosaic .title-container .bloc-text h5 {
  color: #fff
}

.mcontent-mosaic .real-text {
  width: 50%;
  right: 0;
  position: absolute;
  top: 0;
  z-index: 5
}

.mcontent-rebond {
  font-size: 0
}

.mcontent-rebond>div>div {
  display: inline-block;
  vertical-align: top
}

.mcontent-rebond .column-left {
  width: calc(2 * (100% - 40px)/ 3);
  margin-right: 40px;
  overflow: hidden
}

.mcontent-rebond .column-right {
  width: calc((100% - 40px)/ 3)
}

.mcontent-header-youtube .youtube-container {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0
}

.mcontent-sticky {
  transition: background .3s linear;
  position: relative;
  display: block;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  width: 100%;
  background-color: #fff;
  font-size: 0
}

.mcontent-sticky .selector {
  pointer-events: null;
  position: absolute;
  left: 0;
  bottom: -1px;
  height: 2px;
  width: 0;
  background-color: #292929;
  transition: all .3s ease-out
}

.mcontent-sticky>a {
  display: inline-block;
  height: 49px;
  line-height: 4.9rem;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedLight;
  position: relative;
  background-color: #fff;
  color: #292929;
  padding-left: 25px;
  padding-right: 25px;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 0 solid #ebebeb;
  transition: background .3s linear
}

.mcontent-sticky.sticked {
  position: fixed;
  top: 88px;
  background-color: #f4f4f4;
  z-index: 50
}

.mcontent-sticky.sticked>a {
  background-color: #f4f4f4
}

.mcontent-sticky-under {
  width: 100%;
  height: 0
}

.mcontent-sticky-under.sticked {
  width: 100%;
  height: 50px
}

.mcontent-header-video .video-container {
  position: relative;
  overflow: hidden
}

.mcontent-header-video .video-container .vertical-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.mcontent-header-video .video-container .vertical-inner>img {
  margin-bottom: 100px
}

.mcontent-header-video .video-container video {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%
}

.mcontent-header-video .video-container .scroll-down {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
  bottom: 80px;
  z-index: 1
}

.mcontent-header-video .video-container .scroll-down>div {
  display: inline-block;
  position: relative;
  padding-left: 40px;
  padding-right: 40px;
  cursor: pointer;
  color: #fff;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold
}

.mcontent-header-video .video-container .scroll-down>div:after {
  content: "";
  z-index: -1;
  position: absolute;
  top: -20px;
  left: -20px;
  width: calc(100% + 40px);
  height: calc(100% + 100px)
}

.mcontent-header-video .video-container .scroll-down .move-down {
  position: absolute;
  left: calc(50% - 31px);
  bottom: 40px;
  z-index: 5
}

.mcontent-introduction {
  background-size: cover;
  background-position: top center;
  padding-top: 80px;
  padding-bottom: 80px;
  background-repeat: no-repeat
}

.mcontent-introduction>div {
  font-size: 0
}

.mcontent-introduction .bloc-text {
  color: #797979;
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  line-height: 2.3rem;
  text-transform: none
}

.mcontent-introduction .bloc-text h5 {
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  text-transform: uppercase;
  margin: 0;
  margin-top: 10px;
  margin-bottom: -20px
}

.mcontent-introduction>div .intro-text {
  padding-left: 60px;
  padding-right: 40px
}

.mcontent-introduction>div .img-container,
.mcontent-introduction>div .intro-imgs {
  padding-right: 20px;
  padding-left: 0;
  position: relative
}

.mcontent-introduction .img-referer>img {
  opacity: 0
}

.mcontent-introduction>div.text-left .intro-text {
  padding-left: 40px;
  padding-right: 60px
}

.mcontent-introduction>div.text-left .img-container,
.mcontent-introduction>div.text-left .intro-imgs {
  padding-right: 0;
  padding-left: 20px
}

.mcontent-introduction>div.text-bottom>div {
  display: block;
  width: 100%
}

.mcontent-introduction>div.text-bottom .intro-text {
  padding-left: 80px;
  padding-right: 80px;
  margin-top: 40px
}

.mcontent-introduction>div.text-bottom .img-container,
.mcontent-introduction>div.text-bottom .intro-imgs {
  padding-right: 0;
  padding-left: 0
}

.mcontent-introduction>div .imgs-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mcontent-introduction>div .imgs-container .img-container {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity .3s linear;
  z-index: 1;
  width: 100%
}

.mcontent-introduction>div .imgs-container .img-container.trans {
  opacity: 1;
  z-index: 2
}

.mcontent-introduction>div .imgs-container .img-container.trans .img-legend {
  opacity: 0
}

.mcontent-introduction>div .imgs-container .img-container.active {
  opacity: 1;
  z-index: 3
}

.mcontent-introduction .img-container .img-legend {
  display: block;
  font-family: LacosteSansLight!important;
  width: 100%!important;
  padding: 10px!important;
  margin: 0!important;
  font-size: 1.2rem!important;
  text-align: center!important;
  font-style: italic!important;
  text-transform: none!important;
  color: #797979!important;
  opacity: 1;
  transition: opacity .2s linear
}

.mcontent-introduction .img-referer .timer-bar {
  position: absolute;
  bottom: -2px;
  height: 2px;
  width: 0;
  left: 0;
  background-color: #292929
}

.mcontent-focus {
  background-size: cover;
  background-position: top center;
  padding-top: 80px;
  padding-bottom: 80px;
  background-repeat: no-repeat
}

.mcontent-focus>div {
  font-size: 0
}

.mcontent-focus .col-text {
  padding-left: 20px
}

.mcontent-focus .texts {
  background-color: #292929;
  height: 490px;
  padding-left: 40px;
  padding-right: 40px
}

.mcontent-focus .bloc-text,
.mcontent-focus .bloc-text a,
.mcontent-focus .bloc-text a:hover,
.mcontent-focus .bloc-text h3,
.mcontent-focus .bloc-text h5 {
  color: #fff
}

.mcontent-focus .bloc-text h5 {
  margin-top: 10px;
  margin-bottom: 20px
}

.mcontent-focus .texts>div>div {
  text-align: left
}

.mcontent-focus .half-column.tablette-background {
  height: 0
}

.mcontent-gallery {
  padding: 40px
}

.mcontent-gallery .bloc-text,
.mcontent-gallery .bloc-text a,
.mcontent-gallery .bloc-text a:hover,
.mcontent-gallery .bloc-text h3,
.mcontent-gallery .bloc-text h5 {
  color: #fff
}

.mcontent-gallery .bloc-text h5 {
  margin-top: 10px;
  margin-bottom: 20px
}

.mcontent-gallery>div {
  text-align: center;
  position: absolute;
  top: 0;
  height: 100%;
  left: calc((100% - 920px)/ 2)
}

.mcontent-gallery>div>div {
  height: 100%
}

.mcontent-gallery .bloc-text {
  height: 100%;
  padding-left: 60px;
  padding-right: 60px
}

.mcontent-game {
  padding-top: 160px;
  padding-bottom: 160px;
  position: relative
}

.mcontent-game .slider-container {
  overflow: hidden
}

.mcontent-game .slider-wrapper {
  font-size: 0
}

.mcontent-game .slider-slide {
  display: inline-block;
  width: 440px
}

.mcontent-game>div {
  font-size: 0
}

.mcontent-game .col-text {
  padding-left: 20px
}

.mcontent-game .texts {
  background-color: #292929;
  height: 490px;
  position: relative
}

.mcontent-game .mc-game-panel {
  position: relative;
  height: 310px;
  left: 0;
  top: 100px;
  padding-left: 40px;
  padding-right: 40px
}

.mcontent-game .mc-game-panel .image-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto
}

.mcontent-game .bloc-text,
.mcontent-game .bloc-text a,
.mcontent-game .bloc-text a:hover,
.mcontent-game .bloc-text h5,
.mcontent-game .mc-game-header h3 {
  color: #fff
}

.mcontent-game .bloc-text h5 {
  margin-top: 10px;
  margin-bottom: 20px
}

.mcontent-game .texts>div>div {
  text-align: left
}

.mcontent-game .mc-game-footer {
  background-color: #fff;
  bottom: 0;
  left: 0;
  height: 90px;
  position: absolute;
  width: 100%;
  z-index: 10
}

.mcontent-game .mc-game-timer {
  left: 0;
  position: absolute;
  bottom: -2px;
  height: 2px;
  width: 0%;
  background-color: #292929
}

.mcontent-game .mc-game-header {
  position: absolute;
  left: 40px;
  top: 40px;
  width: calc(100% - 80px);
  border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.mcontent-game .mc-game-header h3 {
  margin-bottom: 20px
}

.mcontent-game p.mc-game-pager {
  position: absolute;
  right: 0;
  margin: 0;
  font-size: 2.5rem;
  font-family: LacosteSansCondensedLight;
  color: #fff;
  top: -5px
}

.mcontent-game p.mc-game-pager span.mc-game-total {
  font-family: LacosteSansCondensedBold
}

.mcontent-game .mc-game-footer .btn-arrow {
  position: absolute;
  top: 21px
}

.mcontent-game .mc-game-footer .btn-arrow.left {
  left: 5px
}

.mcontent-game .mc-game-footer .btn-arrow.right {
  right: 5px
}

.mcontent-game .mc-game-footer p.mc-game-pager {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 1.5rem;
  color: #292929!important;
  top: 30px
}

.mcontent-game .mc-game-footer .bullets-container {
  display: block;
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 60px
}

.mcontent-game .bullets-container .bullet {
  display: inline-block;
  height: 4px;
  width: 4px;
  margin-left: 5px;
  margin-right: 5px;
  border-radius: 2px;
  background-color: #292929;
  opacity: .2;
  transition: opacity .3s linear
}

.mcontent-game .bullets-container .bullet.active {
  opacity: 1
}

.mcontent-game .backgrounds-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mcontent-game .backgrounds-container>div {
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%
}

.mcontent-game .backgrounds-container .foreground {
  opacity: 0;
  transition: opacity .3s linear
}

.mcontent-game .backgrounds-container .foreground.active {
  opacity: 1
}

.mcontent-game .space-image>img {
  opacity: .2
}

.mcontent-popin {
  position: fixed;
  top: 100vh;
  opacity: 1;
  background: #fff;
  width: calc(100% - 250px);
  z-index: 20;
  transition: opacity .3s linear, top .3s ease-out;
  overflow: auto
}

.mcontent-popin.mcontent-popinfs {
  left: 0;
  width: 100%;
  z-index: 250;
  top: 100vh
}

.mcontent-popin,
.mcontent-popin>div {
  -webkit-overflow-scrolling: touch
}

.mcontent-popin>div {
  display: none
}

.mcontent-popin.show {
  opacity: 1;
  height: 100vh;
  top: 40px
}

.mcontent-popin.mcontent-popinfs.show {
  top: 0
}

.mcontent-popin.show>div {
  display: block;
  position: relative;
  width: 100%
}

.mcontent-popin.show.fadeout {
  opacity: 0;
  top: 100vh
}

.mcontent-popin-close {
  display: none;
  position: fixed!important;
  top: 100px;
  right: -77px;
  transition: right .3s ease-out;
  width: 77px!important;
  height: 87px;
  background-color: #292929;
  cursor: pointer;
  z-index: 261
}

.mcontent-popin-close.show {
  display: block
}

.mcontent-popin-close span {
  position: absolute;
  width: 17px;
  height: 17px;
  top: 35px;
  left: 30px;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  transition: transform .3s ease-out;
  transform: rotate(0);
  -webkit-transform: rotate(0)
}

.mcontent-popin-close span:after,
.mcontent-popin-close span:before {
  content: "";
  background-color: #fff;
  position: absolute;
  height: 1px;
  width: 25px;
  top: 8px;
  left: -4px;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%
}

.mcontent-popin-close span:before {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.mcontent-popin-close span:after {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.mcontent-video>.image-full-width {
  position: relative;
  overflow: hidden
}

.mcontent-video .bloc-text {
  margin-bottom: 40px
}

.mcontent-video .player-youtube {
  cursor: pointer
}

.mcontent-video .player-youtube .btns {
  position: absolute;
  left: calc((100% - 82px)/ 2);
  top: calc((100% - 82px)/ 2)
}

.mcontent-video .player-youtube .btns .btn-player {
  display: none
}

.mcontent-video .player-youtube .btns .btn-player.out {
  display: block
}

.mcontent-video .player-youtube iframe {
  width: 100%;
  border: 0;
  height: 517px
}

.mcontent-video .player-youtube:hover .btns .btn-player.out {
  display: none
}

.mcontent-video .player-youtube:hover .btns .btn-player.over {
  display: block
}

.mcontent-lacostagram {
  background: #fff;
  margin-bottom: 80px
}

.mcontent-lacostagram .bloc-text.center {
  max-width: 450px;
  margin: 0 auto;
  text-align: center
}

.mcontent-lacostagram .bloc-text.center p {
  margin: 6px 0
}

.mcontent-lacostagram .bloc-text.center .article-text-link {
  margin-top: 0
}

.mcontent-lacostagram-flux .third-column {
  vertical-align: top
}

.mcontent-lacostagram-flux .img-container {
  position: relative
}

.mcontent-lacostagram-flux .third-column .img-container:first-child {
  margin-top: 40px
}

.mcontent-lacostagram-flux .cross-btn {
  position: absolute;
  display: block;
  padding: 0;
  margin: 0;
  border: 0 none;
  width: 100%;
  height: 100%;
  background: 0 0;
  opacity: 0;
  transition: opacity .3s linear;
  -webkit-transition: opacity .3s linear
}

.mcontent-lacostagram-flux .cross-btn span {
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  background: #fff
}

.mcontent-lacostagram-flux .cross-btn span:after,
.mcontent-lacostagram-flux .cross-btn span:before {
  content: '';
  position: absolute;
  display: block;
  top: 50%;
  left: 50%;
  background-color: #292929
}

.mcontent-lacostagram-flux .cross-btn span:after {
  width: 23px;
  height: 3px;
  margin-left: -11.5px;
  margin-top: -1.5px
}

.mcontent-lacostagram-flux .cross-btn span:before {
  width: 3px;
  height: 23px;
  margin-left: -1.5px;
  margin-top: -11.5px
}

.mcontent-lacostagram-flux .btn-play {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  border: 0 none;
  background: 0 0
}

.mcontent-lacostagram-flux .btn-play:after,
.mcontent-lacostagram-flux .btn-play:before {
  top: 50%;
  left: 50%
}

.mcontent-lacostagram-flux .btn-play:before {
  margin-top: -42px;
  margin-left: -42px
}

.mcontent-lacostagram-flux .btn-play:after {
  margin-top: -13px;
  margin-left: -10px
}

body.modallacostagram {
  overflow: visible
}

.mcontent-lacostagram-popin {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 200;
  background: rgba(0, 0, 0, .8);
  opacity: 0;
  cursor: pointer;
  transition: opacity .3s linear;
  -webkit-transition: opacity .3s linear
}

.mcontent-lacostagram-popin.display {
  display: block
}

.mcontent-lacostagram-popin.isShow {
  opacity: 1
}

.mcontent-lacostagram-popin .loader {
  box-sizing: border-box;
  position: absolute;
  width: 74px;
  height: 74px;
  border-radius: 50px;
  background: 0 0;
  display: inline-block;
  border: 8px solid #fff;
  top: 50%;
  left: 50%;
  margin-left: -37px;
  margin-top: -37px;
  opacity: 1;
  transition: opacity .3s linear;
  -webkit-transition: opacity .3s linear
}

.mcontent-lacostagram-popin .loader.hide {
  opacity: 0
}

.mcontent-lacostagram-popin .loader:after {
  box-sizing: border-box;
  position: absolute;
  content: "";
  top: -9px;
  left: -8px;
  width: 74px;
  height: 74px;
  border-radius: 50px;
  background: 0 0;
  border: 10px solid #292929;
  border-left-color: transparent;
  border-right-color: transparent;
  border-bottom-color: transparent
}

.mcontent-lacostagram-popin .popin-table {
  display: table;
  width: 100%;
  height: 100%
}

.mcontent-lacostagram-popin .popin-table>div {
  display: table-cell;
  vertical-align: middle
}

.mcontent-lacostagram-popin .popin-inner {
  background: #fff;
  line-height: 0;
  opacity: 0;
  transition: opacity .3s linear;
  -webkit-transition: opacity .3s linear;
  cursor: default;
  margin: 0 auto!important;
  pointer-events: none
}

.mcontent-lacostagram-popin .popin-inner.isShow {
  opacity: 1;
  pointer-events: auto
}

.mcontent-lacostagram-popin .popin-inner .half-column:first-child {
  width: 55%
}

.mcontent-lacostagram-popin .popin-inner .half-column+.half-column {
  width: 45%
}

.mcontent-lacostagram-popin .youtube-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0
}

.mcontent-lacostagram-popin .youtube-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mcontent-lacostagram-popin video {
  background: #000
}

.mcontent-lacostagram-popin .btn-play {
  display: block;
  border: 0 none;
  background-color: transparent;
  height: 100%;
  width: 100%;
  position: absolute;
  padding: 0;
  z-index: 10;
  opacity: 1;
  transition: opacity .3s linear;
  -webkit-transition: opacity .3s linear
}

.mcontent-lacostagram-popin .btn-play:after,
.mcontent-lacostagram-popin .btn-play:before {
  top: 50%;
  left: 50%
}

.mcontent-lacostagram-popin .btn-play:before {
  margin-top: -42px;
  margin-left: -42px
}

.mcontent-lacostagram-popin .btn-play:after {
  margin-top: -13px;
  margin-left: -10px
}

.mcontent-lacostagram-popin .btn-play.hide {
  opacity: 0
}

.mcontent-lacostagram-popin .header-media {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e5e5e5
}

.mcontent-lacostagram-popin .header-media .header-media-left {
  width: 50px;
  height: 50px;
  float: left;
  margin-right: 20px
}

.mcontent-lacostagram-popin .header-media .header-media-body h4 {
  line-height: 1
}

.mcontent-lacostagram-popin .header-media .header-media-body h5 {
  line-height: 1.7
}

.mcontent-lacostagram-popin .comment {
  line-height: 1.5;
  text-transform: none;
  color: #797979;
  font-family: LacosteSansLight;
  font-size: 1.3rem
}

.mcontent-lacostagram-popin .popin-close {
  position: absolute;
  display: block;
  width: 15px;
  height: 15px;
  top: 20px;
  right: 20px;
  padding: 0;
  border: 0 none;
  background: 0 0
}

.mcontent-lacostagram-popin .popin-close:after,
.mcontent-lacostagram-popin .popin-close:before {
  content: '';
  display: block;
  position: absolute;
  width: 15px;
  height: 1px;
  top: 50%;
  left: 50%;
  margin-top: -.5px;
  margin-left: -7.5px;
  transform-origin: center;
  background-color: #292929
}

.mcontent-lacostagram-popin .popin-close:after {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg)
}

.mcontent-lacostagram-popin .popin-close:before {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg)
}

.full-column-margin {
  width: 100%;
  margin: 0
}

.mcontent-header-youtube .youtube-container {
  padding: 0
}

.mcontent-header-gender,
.mcontent-header-youtube .youtube-container {
  padding-bottom: 0
}

.mcontent-content-pushes .pushes>div.modular-notitle:hover>div.desc {
  bottom: 0
}

.mcontent-content-pushes .pushes>div.modular-notitle {
  cursor: default
}

.mcontent-content-pushes .pushes>div.modular-notitle:hover>img {
  opacity: 1
}

h3.title-modular-border:after {
  content: "";
  width: 70px;
  border-bottom: 1px solid #606060;
  display: block;
  margin: 15px auto
}

h3.title-modular-margin {
  margin-bottom: 10px
}

.mcontent-focus .bloc-text h5 {
  margin: 10px 0
}

a.article-text-link {
  margin-top: 20px
}

.mcontent-introduction>div {
  position: relative
}

.mcontent-introduction.vertical-center>div .intro-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%)
}

.mcontent-introduction.vertical-center>div.text-left .intro-imgs {
  left: 50%
}

.mcontent-introduction .bloc-text h3.medium {
  margin: 0;
  margin-bottom: 10px
}

.mcontent-introduction .bloc-text h5 {
  margin-bottom: 10px
}

.mcontent-introduction .bloc-text h5.subtitle {
  margin-top: 25px
}

.mcontent-lacostagram .bloc-text h3.medium {
  margin-top: 80px
}

.mcontent-gallery {
  padding: 0
}

.mcontent-mosaic,
.mcontent-products,
.mcontent-rebond,
.mcontent-video {
  margin-top: 80px;
  margin-bottom: 80px
}

.mcontent-content-title+.mcontent-video {
  margin-top: 0;
  margin-bottom: 0
}

.mcontent-slider .slider-swiper-wrapper {
  font-size: 0;
  background-color: #fff
}

.mcontent-slider .slider-swiper-wrapper .slider-swiper-slide {
  font-size: 1.5rem;
  display: inline-block;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #fff;
  vertical-align: middle
}

.mcontent-slider .slider-swiper-wrapper .slider-swiper-slide.usefull-slide {
  border-left: 1px solid #e5e5e5;
  position: relative
}

.mcontent-slider .slider-swiper-wrapper .slider-swiper-slide.intro-text {
  width: 300px;
  padding-right: 40px;
  padding-left: 40px
}

.mcontent-slider .intro-text h3 {
  font-family: LacosteSansCondensedBold;
  font-size: 2.5rem;
  color: #292929;
  margin-bottom: 0
}

.mcontent-slider .intro-text p {
  font-family: LacosteSansCondensedLight;
  font-size: 1.5rem;
  color: #292929;
  text-transform: none
}

.mcontent-slider .slider-swiper-wrapper .slider-swiper-slide.usefull-slide a {
  text-decoration: none
}

.mcontent-slider .slider-swiper-wrapper .slider-swiper-slide.usefull-slide a img {
  opacity: 1;
  transition: opacity .3s linear
}

.mcontent-slider .slider-swiper-wrapper .slider-swiper-slide.usefull-slide h3 {
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  color: #292929;
  text-decoration: none;
  margin-bottom: 0
}

.mcontent-slider .slider-swiper-wrapper .slider-swiper-slide.usefull-slide:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, .8);
  opacity: 0;
  transition: opacity .1s linear;
  pointer-events: none
}

.mcontent-slider .slider-swiper-wrapper .slider-swiper-slide.usefull-slide.not-in-vp:after {
  opacity: 1
}

.mcontent-slider .slider-swiper-container {
  position: relative;
  width: 100%
}

.mcontent-slider .slider-swiper-container .slider-pagination {
  position: absolute;
  top: calc(50% - 30px);
  left: 0;
  width: 100%
}

.mcontent-slider .slider-swiper-container .slider-pagination button {
  border: 0;
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-color: #292929;
  position: absolute;
  opacity: 1;
  transition: opacity .3s linear
}

.mcontent-slider .slider-swiper-container .slider-pagination button.lct-swiper-button-disabled {
  opacity: 0;
  pointer-events: none
}

.mcontent-slider .slider-swiper-container .slider-pagination button.arrow-right {
  right: 100px
}

.mcontent-slider .slider-swiper-container .slider-pagination button.arrow-left {
  left: 100px
}

.mcontent-slider .slider-swiper-wrapper .slider-swiper-slide.usefull-slide .ico-arrow {
  width: 26px;
  height: 26px;
  position: absolute;
  bottom: 30px;
  right: 20px;
  background-color: #f4f4f4;
  border-radius: 13px;
  text-align: center
}

.mcontent-slider .slider-swiper-container .slider-pagination button:after {
  display: none
}

.full-width-80 {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 80px;
  padding-right: 80px;
  /* font-size: 0 */
}

.mcontent-strate a.square-radius {
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  border-radius: 3px;
  display: inline-block;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  transition: all .3s ease-out;
  background-color: #292929;
  color: #fff
}

.mcontent-strate a.square-radius.text-white {
  background-color: #fff;
  color: #292929
}

.mcontent-strate-v2 {
  position: relative;
  padding-top: 40px;
  padding-bottom: 40px
}

.mcontent-strate-v2:first-child {
  padding-top: 80px
}

.mcontent-strate-v2:last-child {
  padding-bottom: 80px
}

@media screen and (min-width:1280px) {
  .mcontent-content-pushes .pushes>div:hover>div.desc {
    bottom: 90px
  }
  .mcontent-content-pushes .pushes>div:hover>img {
    opacity: .8
  }
  .mcontent-content-pushes .pushes>div>div.desc .over a:hover {
    background-color: #105a33
  }
  .mcontent-story .roverpush:hover div.desc {
    bottom: 90px
  }
  .mcontent-story .roverpush:hover div.img-container {
    opacity: .8
  }
  .mcontent-story .roverpush div.desc .over a:hover {
    background-color: #105a33
  }
  .mcontent-story .mcst-article a:hover {
    background-color: #292929;
    border: 3px solid #292929;
    color: #fff
  }
  .mcontent-story .mcst-lookbook:hover .full-video {
    opacity: 1
  }
  .mcontent-sticky>a:hover {
    background-color: #f4f4f4
  }
  .mcontent-sticky.sticked>a:hover {
    background-color: #fff
  }
  .mcontent-popin-close:hover span {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
  }
  .mcontent-lacostagram-flux .cross-btn:hover {
    opacity: 1
  }
  .mcontent-lacostagram-flux .img-container {
    margin: 40px 13.33px;
    margin-bottom: 0
  }
  .mcontent-lacostagram-flux .third-column:first-child .img-container {
    margin-left: 0;
    margin-right: 26.66px
  }
  .mcontent-lacostagram-flux .third-column:last-child .img-container {
    margin-right: 0;
    margin-left: 26.66px
  }
  .mcontent-lacostagram-popin .popin-table {
    margin-left: 125px
  }
  .mcontent-lacostagram-popin>.loader {
    left: calc(50% + 125px)
  }
  .mcontent-slider .slider-swiper-wrapper .slider-swiper-slide.usefull-slide a:hover img {
    opacity: .8
  }
  .mcontent-strate a.square-radius:hover {
    background-color: #fff;
    color: #292929
  }
  .mcontent-strate a.square-radius.text-white:hover {
    background-color: #292929;
    color: #fff
  }
}

@media screen and (max-width:1279px) {
  .main-container {
    border: none
  }
  .mcontent-loader {
    width: 100%
  }
  .mcontent-popin {
    width: 100%
  }
  .mcontent-lacostagram-flux .img-container {
    margin: 30px 10px
  }
  .mcontent-lacostagram-flux .third-column:first-child .img-container {
    margin-left: 0;
    margin-right: 20px
  }
  .mcontent-lacostagram-flux .third-column:last-child .img-container {
    margin-right: 0;
    margin-left: 20px
  }
  .mcontent-lacostagram-popin .popin-inner .half-column:first-child {
    width: 48%
  }
  .mcontent-lacostagram-popin .popin-inner .half-column+.half-column {
    width: 52%
  }
}

@media screen and (max-width:800px) {
  .saut-hr {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px
  }
  .mcontent-loader h3 {
    font-size: 2.5rem
  }
  .mcontent-header-gender .texts .bloc-text {
    padding-left: 40px;
    padding-right: 40px
  }
  .mcontent-story .mcst-hero {
    width: calc(2 * (100% - 10px)/ 3)
  }
  .mcontent-story .mcst-header {
    width: calc((100% - 40px)/ 3);
    padding-left: 0;
    padding-right: 0
  }
  .mcontent-story .mcst-header p {
    padding-left: 20px;
    padding-right: 20px
  }
  .mcontent-story .mcst-article {
    width: calc((100% - 40px)/ 3)
  }
  .mcontent-story .mcst-header,
  .mcontent-story .mcst-hero {
    top: 40px
  }
  .mcontent-story .mcst-col {
    width: calc((100% - 40px)/ 3);
    margin-right: 20px
  }
  .mcontent-story .mcst-col .item-bloc {
    margin-bottom: 20px
  }
  .mcontent-story .mcst-article .bloc-text.pad {
    padding-left: 0;
    padding-right: 0
  }
  .mcontent-story .mcst-article .bloc-text.pad p {
    padding-left: 20px;
    padding-right: 20px
  }
  .mcontent-story .roverpush div.img-container {
    margin-bottom: 70px
  }
  .mcontent-story .roverpush div.desc {
    height: 70px
  }
  .mcontent-story .roverpush div.desc .over {
    bottom: -70px;
    height: 70px
  }
  .mcontent-story .mcst-lookbook .desc {
    height: 70px
  }
  .mcontent-mosaic .title-container {
    height: 344px
  }
  .mcontent-mosaic .title-container .bloc-text {
    padding-left: 30px;
    padding-right: 30px
  }
  .mcontent-mosaic .title-container .bloc-text a.article-text-link {
    margin-top: 15px
  }
  .mcontent-rebond .column-left {
    width: calc(2 * (100% - 20px)/ 3);
    margin-right: 20px
  }
  .mcontent-rebond .column-right {
    width: calc((100% - 20px)/ 3)
  }
  .mcontent-rebond .column-right .bloc-text {
    padding: 0
  }
  .mcontent-sticky,
  .mcontent-sticky-under {
    display: none
  }
  .mcontent-introduction>div .intro-text {
    padding-left: 40px;
    padding-right: 0
  }
  .mcontent-introduction>div .img-container,
  .mcontent-introduction>div .intro-imgs {
    padding-right: 10px;
    padding-left: 0
  }
  .mcontent-introduction>div.text-left .intro-text {
    padding-left: 0;
    padding-right: 40px
  }
  .mcontent-introduction>div.text-left .img-container,
  .mcontent-introduction>div.text-left .intro-imgs {
    padding-right: 0;
    padding-left: 10px
  }
  .mcontent-introduction>div.text-bottom .intro-text {
    padding-left: 00px;
    padding-right: 00px;
    margin-top: 50px
  }
  .mcontent-introduction>div.text-bottom .img-container,
  .mcontent-introduction>div.text-bottom .intro-imgs {
    padding-right: 0;
    padding-left: 0
  }
  .mcontent-focus {
    background: 0 0!important;
    background-color: #fff!important;
    padding-top: 0;
    padding-bottom: 0
  }
  .mcontent-focus .half-column {
    display: block;
    width: 100%
  }
  .mcontent-focus .half-column.tablette-background {
    height: 300px
  }
  .mcontent-focus .col-text {
    padding: 0
  }
  .mcontent-focus .texts {
    height: auto;
    padding: 50px 40px
  }
  .mcontent-gallery>div {
    left: 0
  }
  .mcontent-gallery .bloc-text {
    padding-left: 40px;
    padding-right: 40px
  }
  .mcontent-game {
    padding: 0
  }
  .mcontent-game .slider-container {
    overflow: visible
  }
  .mcontent-game .slider-slide {
    display: inline-block;
    width: 100vw;
    vertical-align: top
  }
  .mcontent-game .half-column {
    display: block;
    width: 100%
  }
  .mcontent-game .col-text {
    padding-left: 0
  }
  .mcontent-game .mc-game-panel {
    height: auto
  }
  .mcontent-game .mc-game-footer {
    display: none
  }
  .mcontent-game .texts {
    height: auto!important
  }
  .mcontent-header-youtube .youtube-container {
    padding: 0
  }
  .mcontent-products h3 {
    padding-left: 30px;
    padding-right: 30px
  }
  .reinsurance-footer-bar ul li {
    vertical-align: top
  }
  .mcontent-content-pushes .pushes>div:first-child:nth-last-child(4)>div.desc p,
  .mcontent-content-pushes .pushes>div:first-child:nth-last-child(4)~div>div.desc p {
    display: none
  }
  .mcontent-slider .slider-swiper-container .slider-pagination button.arrow-left {
    left: 40px
  }
  .mcontent-slider .slider-swiper-container .slider-pagination button.arrow-right {
    right: 40px
  }
  .full-width-80 {
    padding-left: 40px;
    padding-right: 40px
  }
  .pad-0-tab {
    padding-left: 0;
    padding-right: 0
  }
}

@media screen and (max-width:640px) {
  #miami-open-push1 {
    margin-top: 120px
  }
  .saut-hr {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    display: none
  }
  .saut-br {
    height: 60px
  }
  .saut-br.br-60 {
    height: 40px
  }
  .saut-br.br-40 {
    height: 20px
  }
  .saut-br.br-20 {
    height: 0
  }
  .saut-br+.mcontent-content-pushes {
    margin-top: 0
  }
  .mcontent-content-pushes .pushes>div:first-child:nth-last-child(1) img {
    position: relative;
    width: 200%;
    left: -50%
  }
  .mcontent-content-pushes .pushes>div:first-child:nth-last-child(4),
  .mcontent-content-pushes .pushes>div:first-child:nth-last-child(4)~div {
    width: calc((100% - 20px)/ 2)
  }
  .mcontent-content-pushes .pushes>div:nth-child(2n) {
    margin-right: 0
  }
  .mcontent-content-pushes .pushes>div:first-child:nth-last-child(2),
  .mcontent-content-pushes .pushes>div:first-child:nth-last-child(2)~div,
  .mcontent-content-pushes .pushes>div:first-child:nth-last-child(3),
  .mcontent-content-pushes .pushes>div:first-child:nth-last-child(3)~div {
    width: 100%;
    margin: 0;
    margin-bottom: 20px
  }
  .mcontent-content-pushes .pushes>div:first-child:nth-last-child(2)~div {
    margin-bottom: 0
  }
  .mcontent-content-pushes .bloc-title {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px
  }
  .mcontent-products .push-products .product.swiper-slide {
    width: calc(50% - 20px)!important;
    margin-bottom: 40px;
    margin-right: 20px
  }
  .mcontent-products .push-products .product.swiper-slide:nth-child(3n) {
    display: inline-block!important
  }
  .mcontent-products .push-products .product.swiper-slide:nth-child(2n) {
    margin-right: 0
  }
  .mcontent-products a.article-text-link {
    margin-top: 10px
  }
  .mcontent-header-gender {
    padding: 0;
    border: none
  }
  .mcontent-header-gender .texts {
    display: block;
    position: relative;
    padding: 20px;
    width: 100%;
    box-sizing: border-box;
    height: auto;
    top: 0;
    left: 0;
    background: 0 0!important
  }
  .mcontent-header-gender .texts .bloc-text.tac {
    padding: 0;
    width: 100%
  }
  .mcontent-header-gender .texts a,
  .mcontent-header-gender .texts a:hover,
  .mcontent-header-gender .texts h2 {
    color: #292929!important
  }
  .mcontent-header-gender .texts p {
    color: #797979!important
  }
  .mcontent-header-gender .texts h2.underline:after {
    background-color: #292929!important
  }
  .mcontent-story {
    padding-bottom: 20px
  }
  .mcontent-story .mcst-hero {
    display: block;
    position: relative;
    width: 100%;
    top: 0
  }
  .mcontent-story .mcst-header {
    display: block;
    position: relative;
    width: 100%;
    top: 0;
    padding-top: 30px;
    padding-bottom: 10px
  }
  .mcontent-story .mcst-header p {
    display: none
  }
  .mcontent-story .mcst-cols {
    margin-top: 20px
  }
  .mcontent-story .mcst-col {
    width: calc((100% - 20px)/ 2);
    margin-right: 20px
  }
  .mcontent-story .mcst-col:nth-child(2) {
    margin-right: 0
  }
  .mcontent-story .mcst-col:last-child {
    width: 100%;
    font-size: 0
  }
  .mcontent-story .mcst-col:last-child .item-bloc {
    display: inline-block;
    width: calc((100% - 20px)/ 2);
    margin-right: 20px
  }
  .mcontent-story .mcst-col:last-child .item-bloc:last-child {
    margin-right: 0
  }
  .mcontent-story .mcst-article {
    display: block;
    position: relative;
    width: 100%;
    top: 0
  }
  .mcontent-mosaic .one-fixed-column .half-column {
    display: inline-block;
    width: 50%;
    padding-bottom: 20px
  }
  .mcontent-mosaic .title-container {
    margin-bottom: 20px;
    height: auto
  }
  .mcontent-mosaic .title-container .bloc-text {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px
  }
  .mcontent-mosaic .one-fixed-column .half-column:first-child .img-container {
    padding-left: 20px;
    padding-right: 0
  }
  .mcontent-mosaic .one-fixed-column .half-column:last-child .img-container {
    padding-left: 0;
    padding-right: 20px
  }
  .mcontent-mosaic .real-text {
    position: relative;
    display: block;
    width: 100%
  }
  .mcontent-rebond>div>div {
    display: block;
    vertical-align: top;
    width: 100%
  }
  .mcontent-rebond .column-left {
    width: 100%;
    margin-bottom: 40px
  }
  .mcontent-rebond .column-right {
    width: 100%
  }
  .mcontent-rebond .column-right .bloc-text {
    padding: 0
  }
  .mcontent-rebond .column-right .bloc-text h3 {
    padding-left: 40px;
    padding-right: 40px
  }
  .mcontent-rebond .column-right .bloc-text a {
    display: block;
    width: 100%
  }
  .mcontent-header-youtube .youtube-container {
    padding: 0
  }
  .mcontent-introduction {
    padding-top: 20px;
    padding-bottom: 20px
  }
  .mcontent-introduction .half-column {
    display: block!important;
    width: 100%!important;
    padding: 0!important
  }
  .mcontent-introduction>div .img-container,
  .mcontent-introduction>div .intro-imgs {
    padding: 0!important
  }
  .mcontent-introduction .intro-text {
    margin-top: 0;
    margin-bottom: 20px
  }
  .mcontent-introduction {
    background: 0 0!important;
    background-color: #fff!important
  }
  .mcontent-focus .texts,
  .mcontent-introduction .img-referer>img {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 40px;
    padding-bottom: 40px
  }
  .mcontent-gallery {
    padding: 20px;
    padding-bottom: 0
  }
  .mcontent-gallery>div {
    position: relative;
    margin-top: 40px;
    display: block
  }
  .mcontent-gallery .half-column {
    display: block;
    width: 100%
  }
  .mcontent-gallery .bloc-text {
    padding-left: 0;
    padding-right: 0
  }
  .mcontent-gallery .bloc-text>div>div {
    text-align: left
  }
  .mcontent-gallery .texts a,
  .mcontent-gallery .texts a:hover,
  .mcontent-gallery .texts h3,
  .mcontent-gallery .texts h5 {
    color: #292929!important
  }
  .mcontent-gallery .texts p {
    color: #797979!important
  }
  .mcontent-gallery .texts {
    background-color: #fff!important
  }
  .mcontent-game .space-image>img {
    display: none
  }
  .mcontent-game .one-fixed-column {
    margin-top: 250px
  }
  .mcontent-lacostagram {
    margin-bottom: 40px
  }
  .mcontent-lacostagram .bloc-text.center {
    text-align: left
  }
  .mcontent-lacostagram .bloc-text.center p {
    margin: 16px 0
  }
  .mcontent-lacostagram .bloc-text.center .article-text-link {
    margin-top: 15px
  }
  .mcontent-lacostagram .bloc-text h3.medium {
    margin-top: 40px
  }
  .mcontent-lacostagram-flux .img-container {
    margin: 20px 6.66px;
    margin-bottom: 0
  }
  .mcontent-lacostagram-flux .third-column:first-child .img-container {
    margin-left: 0;
    margin-right: 13.33px
  }
  .mcontent-lacostagram-flux .third-column:last-child .img-container {
    margin-right: 0;
    margin-left: 13.33px
  }
  .mcontent-lacostagram-flux .btn-play {
    opacity: 0
  }
  body.modallacostagram {
    overflow: hidden
  }
  body.modallacostagram .modalshown {
    z-index: 250!important
  }
  .mcontent-lacostagram-popin {
    overflow: auto
  }
  .mcontent-lacostagram-popin .popin-table>div {
    padding: 50px 0
  }
  .mcontent-lacostagram-popin .popin-inner .half-column {
    width: 100%!important
  }
  .mcontent-lacostagram-popin .popin-close {
    right: 0;
    top: -32.5px
  }
  .mcontent-lacostagram-popin .popin-close:after,
  .mcontent-lacostagram-popin .popin-close:before {
    background: #fff
  }
  .mcontent-lacostagram-popin .bloc-text.pad {
    padding: 20px
  }
  .mcontent-header-gender,
  .mcontent-header-video,
  .mcontent-header-youtube {
    margin-bottom: 40px
  }
  .mcontent-introduction.vertical-center>div .intro-text {
    position: relative;
    transform: none
  }
  .mcontent-introduction.vertical-center>div.text-left .intro-imgs {
    left: 0
  }
  .mobile-margin {
    padding-bottom: 40px
  }
  .mcontent-introduction {
    padding-bottom: 40px
  }
  .mcontent-focus .half-column.tablette-background {
    height: 150px;
    display: none
  }
  .mcontent-mosaic,
  .mcontent-products,
  .mcontent-rebond,
  .mcontent-video {
    margin-top: 40px;
    margin-bottom: 40px
  }
  .mcontent-slider .slider-swiper-container .slider-pagination button.arrow-left {
    left: 10px
  }
  .mcontent-slider .slider-swiper-container .slider-pagination button.arrow-right {
    right: 10px
  }
  .mcontent-slider .slider-swiper-wrapper .slider-swiper-slide {
    width: 50vw;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 10px;
    padding-left: 10px
  }
  .mcontent-slider .slider-swiper-wrapper .slider-swiper-slide img {
    width: 100%
  }
  .mcontent-slider .slider-swiper-wrapper .slider-swiper-slide.usefull-slide .ico-arrow {
    bottom: 20px
  }
  .mcontent-slider .intro-text.slider-header {
    padding: 20px
  }
  .full-width-80 {
    padding-left: 0;
    padding-right: 0
  }
  .full-width-80.pad-20-mob {
    padding-left: 20px;
    padding-right: 20px
  }
  .mcontent-strate-v2 {
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px
  }
  .mcontent-strate-v2:first-child {
    padding-top: 60px
  }
  .mcontent-strate-v2:last-child {
    padding-bottom: 60px
  }
}

@keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

.store-name:before {
  content: "";
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -593px -464px;
  width: 11px;
  height: 13px;
  display: inline-block;
  margin-right: 3px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .store-name:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -445px -131px;
    background-size: 457px 446px
  }
}

.store-search-result {
  padding: 30px 0
}

.store-search-result.active .btn-more {
  padding: 16px 12px
}

.store-search-result.active .btn-more:after {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -557px -504px;
  width: 9px;
  height: 1px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .store-search-result.active .btn-more:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -242px -131.5px;
    background-size: 457px 446px
  }
}

.store-search-result.active .more-info {
  display: block
}

.store-search-result.odd {
  background: #f5f5f5
}

.store-search-result.odd .direction-step .pull-right {
  background: #f5f5f5
}

.store-search-result p {
  margin: .6em 0
}

#atg_call .store-search-result p a,
#atg_chat .store-search-result p a,
.store-search-result p #atg_call a,
.store-search-result p #atg_chat a,
.store-search-result p .btn,
.store-search-result p .faqchat {
  margin-bottom: 5px;
  border: none;
  color: #fff
}

#atg_call .store-search-result p a,
#atg_chat .store-search-result p a,
.store-search-result p #atg_call a,
.store-search-result p #atg_chat a,
.store-search-result p .btn-secondary,
.store-search-result p .faqchat {
  color: #454545;
  border: 1px solid #454545
}

.store-search-result p .btn-save {
  border: 1px solid #454545;
  margin-top: 14px
}

.store-search-result .open-accordion {
  color: #454545
}

.store-search-result .store-name {
  font-size: 1.5rem;
  margin-bottom: 7px;
  margin-top: 0
}

.store-search-result .store-name:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -386px -273px;
  width: 9px;
  height: 11px;
  content: "";
  display: inline-block;
  margin-right: 3px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .store-search-result .store-name:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -445px -390.5px;
    background-size: 457px 446px
  }
}

.store-search-result .btn-more {
  float: right;
  text-align: center;
  padding: 12px;
  border: 1px solid #454545;
  cursor: pointer
}

.store-search-result .btn-more:after {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -299px -526px;
  width: 9px;
  height: 9px;
  content: "";
  display: block
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .store-search-result .btn-more:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -312px -309px;
    background-size: 457px 446px
  }
}

.store-search-result .more-info {
  display: none
}

.store-search-result .opening-hours {
  padding: 0 0 10px;
  margin-top: 27px
}

.store-search-result .opening-hours li {
  list-style: none;
  display: table;
  width: 100%
}

.store-search-result .opening-hours li span {
  display: table-cell;
  text-align: right;
  padding: 3px 0
}

.store-search-result .opening-hours li span:first-child {
  text-align: left
}

@media screen and (max-width:767px) {
  #atg_call .store-search-result p a,
  #atg_chat .store-search-result p a,
  .store-search-result p #atg_call a,
  .store-search-result p #atg_chat a,
  .store-search-result p .btn,
  .store-search-result p .faqchat {
    background: #fff;
    color: #454545;
    border: 1px solid #454545
  }
  .store-search-result p [data-accordion-href=get-access] {
    background: #285f41;
    color: #fff;
    border-color: #285f41
  }
}

section.magazine {
  margin: 0
}

.block-magazine {
  position: relative;
  overflow: hidden
}

.block-magazine img {
  width: 100%;
  height: auto
}

.block-magazine .block-content-haut {
  padding: 30px;
  max-width: 440px;
  margin: 0 auto;
  position: relative
}

.block-magazine .block-content-haut:after {
  border-color: #fff transparent transparent transparent;
  right: auto;
  top: auto;
  left: 50%;
  margin: 0 0 0 -15px;
  bottom: -30px;
  border-width: 15px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20;
  content: "";
  display: inline-block;
  position: absolute
}

.block-magazine .block-content-bas {
  padding: 30px;
  max-width: 440px;
  margin: 0 auto;
  position: relative
}

.block-magazine .block-content-bas:before {
  border-color: transparent transparent #fff transparent;
  right: auto;
  bottom: auto;
  left: 50%;
  margin: 0 0 0 -15px;
  top: -30px;
  border-width: 15px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20;
  content: "";
  display: inline-block;
  position: absolute
}

.block-magazine .block-description,
.block-magazine .block-description-black {
  display: block
}

.block-magazine .spacer-magazine {
  height: 100px;
  width: 100%
}

.block-magazine .block-content-slider {
  padding: 30px;
  width: 50%;
  margin: 0 auto
}

.rebound-title {
  font-family: LacosteSansBold;
  font-size: 2.2rem
}

@media screen and (min-width:768px) {
  .block-magazine .block-content {
    padding: 30px
  }
  .column-half:first-child .block-magazine .block-content {
    width: 100%
  }
  .column-half:first-child .block-magazine .block-content:after {
    border-color: #fff transparent transparent transparent;
    right: auto;
    top: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    bottom: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .padding-du {
    padding: 2em 4em
  }
  .padding-du img {
    width: auto
  }
}

@media screen and (min-width:1280px) {
  .block-magazine .block-content {
    padding: 45px
  }
  .column-half:first-child .block-magazine .block-image {
    margin-top: 50px;
    display: block
  }
  .padding-du {
    padding: 5em 10em
  }
  .padding-du img {
    width: auto
  }
}

@media screen and (max-width:1279px) {
  .block-magazine .spacer-magazine {
    display: none
  }
}

@media screen and (max-width:767px) {
  section.magazine {
    margin: 0
  }
  .block-magazine {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }
  .block-magazine .spacer-magazine {
    height: 0;
    width: 100%
  }
  .block-magazine .block-content-haut {
    padding: 40px 30px;
    width: 100%;
    margin: 0 auto;
    position: relative
  }
  .block-magazine .block-content-haut:after {
    border-color: transparent transparent #fff transparent;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    top: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .block-magazine .block-content-bas {
    padding: 40px 30px;
    width: 100%;
    margin: 0 auto;
    position: relative
  }
  .block-magazine .block-content-bas:after {
    border-color: transparent transparent #fff transparent;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    top: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .block-image {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
  }
  .row-magazine .column-quarter {
    width: 100%
  }
  .magazine-4 .block-magazine {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #ededed
  }
  .magazine-4 .block-content {
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 70%;
    padding: 0 20px
  }
  .magazine-4 .block-image {
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    float: left;
    width: 30%;
    overflow: hidden
  }
  .magazine-4 .block-image img {
    width: 132px;
    margin-left: -8px
  }
  .magazine-4 .block-description,
  .magazine-4 .block-description-black,
  .magazine-4 .pre-title {
    display: none
  }
  .magazine-4 .block-link {
    margin-bottom: 15px
  }
  .magazine-4 .title-with-arrow:after {
    border-color: #ededed transparent transparent transparent;
    right: auto;
    top: auto;
    left: 50%;
    margin: 0 0 0 -10px;
    bottom: -20px;
    border-width: 10px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20;
    bottom: -35px
  }
  .magazine-4 .title-15 {
    margin-top: 17px;
    line-height: 1.3
  }
  .padding-du {
    padding: 0
  }
  .padding-du .block-title-image img {
    display: none
  }
  .padding-du img {
    width: auto
  }
  .padding-du-d {
    width: 60%;
    display: table-cell
  }
}

.help-order-return,
.order-products .order-product.can-be-return .return-forbidden,
.order-products .return-quantity-choice,
.order-products .valid-return-wrapper {
  display: none
}

.order-global.return-allowed .help-order-return.return-mode,
.order-global.return-allowed .order-products.return-mode .return-quantity-choice,
.order-global.return-allowed .order-products.return-mode .valid-return-wrapper,
.order-global.return-allowed .order-products.return-mode.return-allowed .order-product.can-be-return .return-forbidden {
  display: block
}

.order-global.no-return .help-order-return.return-mode,
.order-global.no-return .order-products.return-mode .return-quantity-choice,
.order-global.no-return .order-products.return-mode .valid-return-wrapper,
.order-global.no-return .order-products.return-mode.return-allowed .order-product.can-be-return .return-forbidden,
.order-global.no-return .product-return {
  display: none
}

.order-products.return-mode .quantity-return div.sep {
  width: 48.9%;
  display: inline-block;
  line-height: 2.5rem
}

.order-products.return-mode .quantity-return div.sep.right {
  float: right
}

.return-quantity-choice label,
.return-quantity-choice select {
  width: 100%
}

.return-quantity-choice .quantity-return,
.return-quantity-choice .reason {
  margin-top: 15px
}

.reason label {
  margin-bottom: 10px
}

.order-products.return-mode .order-product {
  position: relative;
  border: 5px transparent solid
}

.order-products.return-mode .order-product.active,
.order-products.return-mode .order-product.need-validation,
.order-products.return-mode .order-product:hover {
  border: 5px #e3e3e3 solid
}

.order-products.return-mode .order-product.active.error,
.order-products.return-mode .order-product.error:hover,
.order-products.return-mode .order-product.need-validation.error {
  border: 5px red solid
}

.order-product.checked .check-item {
  display: block;
  background-color: #000;
  position: absolute;
  top: -5px;
  right: -5px;
  width: 30px;
  height: 30px;
  display: block;
  color: #fff;
  text-align: center;
  line-height: 3rem;
  font-family: Arial
}

.order-product:not(.checked) .check-item {
  display: none
}

.valid-return-wrapper {
  text-align: center
}

.block-description-black.order-return .popin-content .crm-call.loading,
.valid-return-wrapper .btn-validate.loading {
  background-image: url(../img/loading-white.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-color: #fff;
  content: '';
  white-space: nowrap;
  overflow: hidden;
  border: none;
  color: transparent
}

.block-description-black.order-return .popin-content ol li p.crm-msg {
  margin-top: 18px;
  font-size: larger;
  display: none
}

.block-description-black.order-return .popin-content ol li p.crm-msg.crm-success {
  color: #285f41
}

.block-description-black.order-return .popin-content ol li p.crm-msg.crm-failure {
  color: #bd1919
}

.valid-return-wrapper .btn-validate {
  margin-top: 40px
}

a.product-return {
  float: right;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  font-family: LacosteSansBold;
  text-transform: uppercase
}

a.product-return.active,
a.product-return:hover {
  text-decoration: none;
  border-bottom: 2px solid #797979
}

a.product-return.active {
  color: #285f41;
  border-bottom: 2px solid #285f41
}

.date-order,
.details-order span:first-child {
  font-weight: 700;
  color: #454545
}

.order-global .main .inline {
  margin-top: 20px
}

.block-description-black.order-return {
  text-align: left;
  font-family: LacosteSansLight, Arial, sans-serif
}

.block-description-black.order-return .block-title {
  font-family: LacosteSansBold;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -.85px
}

.block-description-black.order-return .popin-content h5 {
  background-color: #f5f5f5;
  padding: 2%;
  color: #000;
  text-transform: uppercase;
  font-family: LacosteSansBold;
  font-weight: 700;
  font-size: 1.3rem;
  letter-spacing: -.15px;
  margin: 10px 0
}

.block-description-black.order-return .popin-content p {
  margin: .9em 0
}

.block-description-black.order-return .popin-content ol {
  padding: 0;
  margin: 0;
  list-style-position: inside
}

.block-description-black.order-return .popin-content ol li {
  margin-top: 20px
}

.block-description-black.order-return .popin-content ol li:first-child {
  margin-top: 0
}

.block-description-black.order-return .popin-content ol li h6 {
  display: inline-block
}

.block-description-black.order-return .popin-content ol li,
.block-description-black.order-return .popin-content ol li h6 {
  padding: 0;
  margin: 0;
  color: #000;
  font-family: LacosteSansBold;
  font-weight: 700;
  font-size: 1.2rem
}

.block-description-black.order-return .popin-content ol li {
  margin-top: 20px
}

.block-description-black.order-return .popin-content ol li p {
  padding: 0;
  margin: 0;
  color: #797979;
  font-family: LacosteSansLight;
  font-weight: 400;
  text-align: justify;
  font-size: 1.3rem
}

.block-description-black.order-return .popin-content .btn-validate {
  text-transform: uppercase;
  margin: 2% 0
}

.btn-black-mode {
  background: #1d1d1d;
  color: #fff;
  border: none
}

.btn-black-mode.active,
.btn-black-mode:hover {
  background: #285f41;
  color: #fff
}

.block-description-black.order-return .popin-content .order-product {
  width: 100%
}

.block-description-black.order-return .popin-content .order-products .estimated-return-price,
.block-description-black.order-return .popin-content .order-products .product-image,
.block-description-black.order-return .popin-content .order-products .product-info {
  display: table-cell;
  vertical-align: middle
}

.block-description-black.order-return .popin-content .order-products .product-info {
  width: 55%
}

.block-description-black.order-return .popin-content .order-products .product-image {
  width: 25%
}

.block-description-black.order-return .popin-content .order-products .product-image img {
  margin: 0;
  width: 88px;
  max-width: 100%
}

@media screen and (min-width:0px) and (max-width:319px) {
  .block-description-black.order-return .popin-content .order-products .product-image img {
    width: 45px
  }
}

@media screen and (min-width:320px) and (max-width:767px) {
  .block-description-black.order-return .popin-content .order-products .product-image img {
    width: 65px
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .block-description-black.order-return .popin-content .order-products .product-image img {
    width: 72px
  }
}

.estimated-return-price {
  color: #000;
  text-align: left
}

.total-return-estimated {
  float: right
}

.total-return-amount {
  margin-top: 20px
}

.block-description-black.order-return .popin-content .total-return-amount h5 {
  background-color: transparent;
  margin: 0;
  padding: 0
}

.color-box ul {
  list-style: none
}

.block-description-black.order-return .popin-content .order-products li:nth-child(odd) {
  border-top: 1px solid #ccc
}

.block-description-black.order-return .popin-content .order-products li:nth-child(even),
.block-description-black.order-return .popin-content .order-products li:nth-child(n+0) {
  border-bottom: 1px solid #ccc
}

p.sku-infos-title.no-under {
  margin: 0;
  padding: 0;
  cursor: default
}

.block-description-black.order-return .popin-content .order-products .order-product {
  padding: 0;
  margin: 0
}

.order-products.return-mode .order-product.no-return .item-col {
  opacity: .45
}

.order-products .order-product.return-allowed .return-forbidden,
.order-products.return-mode .order-product.no-return .return-quantity-choice {
  display: none
}

.order-products.return-mode .order-product.no-return .return-forbidden {
  display: table;
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-height: 80px;
  margin-top: 20px;
  margin-bottom: 6px
}

.order-products.return-mode .order-product.no-return .return-forbidden .help-msg {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.order-products.return-mode .order-product.no-return .return-forbidden .help-msg a {
  font-size: 1.3rem;
  color: #454545;
  font-weight: 700
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .order-products.return-mode .order-product.no-return .return-forbidden .help-msg a {
    font-size: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .order-products.return-mode .order-product.no-return .return-forbidden .help-msg a {
    font-size: 2rem
  }
}

.order-products a.tooltips-helper {
  display: none
}

.order-products.return-mode a.tooltips-helper {
  display: inline;
  text-decoration: none
}

a.tooltips-helper span {
  position: absolute;
  width: 22px;
  height: 22px;
  color: #000;
  background: #fff;
  border: 2px solid #6d6d6d;
  line-height: 2rem;
  text-align: center;
  visibility: hidden;
  border-radius: 0;
  font-size: 1.5rem
}

a.tooltips-helper span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-top: 10px solid #6d6d6d;
  border-right: 7px solid transparent;
  border-left: 1px solid transparent
}

a.tooltips-helper span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-top: 7px solid #fff;
  border-right: 5px solid transparent;
  border-left: 1px solid transparent
}

a.tooltips-helper.always-show span,
a:hover.tooltips-helper span {
  visibility: visible;
  opacity: 1;
  top: -10px;
  right: 0;
  z-index: 999
}

.order-product .reason .reason-error {
  display: none
}

.order-product .reason.error .reason-error {
  display: block;
  text-transform: none;
  text-align: center;
  margin-top: 10px;
  color: red;
  font-style: italic
}

.order-return-accordion {
  display: none
}

@media screen and (max-width:767px) {
  .order-return-accordion {
    cursor: pointer;
    height: 40px;
    line-height: 4rem;
    overflow: hidden;
    display: block;
    margin: 0 5%;
    padding: 0;
    position: relative
  }
  .order-return-accordion:hover {
    cursor: pointer
  }
  .order-return-accordion:after,
  .order-return-accordion:before {
    content: '';
    position: absolute;
    right: 0;
    top: 10px
  }
  .my-account .order-global .main {
    display: none
  }
  .my-account .order-global .main:after,
  .my-account .order-global .main:before {
    display: none
  }
  .order-account-mobil.maximus .main {
    display: block;
    height: auto;
    overflow: auto
  }
}

@media screen and (min-width:768px) {
  .main .inline a {
    float: left
  }
  .main .inline .sku-infos-title {
    margin-right: 20px
  }
}

.row.text-center {
  text-align: center
}

.help-order-return,
.order-global .valid-return-wrapper,
.order-products .order-product.can-be-return .return-forbidden,
.order-products .return-quantity-choice {
  display: none
}

.order-global.return-allowed .help-order-return.return-mode,
.order-global.return-allowed .order-products .valid-return-wrapper,
.order-global.return-allowed .order-products.return-mode .return-quantity-choice,
.order-global.return-allowed .order-products.return-mode.return-allowed .order-product.can-be-return .return-forbidden {
  display: block
}

.order-products.order-content-col-wrapper .valid-return-wrapper {
  display: none!important
}

.order-products.return-mode.order-content-col-wrapper .valid-return-wrapper {
  display: block!important
}

.order-global.no-return .help-order-return.return-mode,
.order-global.no-return .order-products.return-mode .return-quantity-choice,
.order-global.no-return .order-products.return-mode.return-allowed .order-product.can-be-return .return-forbidden,
.order-global.no-return .product-return,
.order-global.no-return .valid-return-wrapper {
  display: none!important
}

.order-products.return-mode .order-product {
  position: relative;
  -web-kit-transition: .2s;
  transition: .2s;
  cursor: pointer
}

.order-select {
  display: block;
  height: 20px;
  width: 20px;
  position: absolute;
  border: 3px solid #e5e5e5;
  top: 0;
  right: 0
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-select {
    top: 10px;
    right: 10px
  }
}

.order-products.return-mode .order-product {
  border-top: 0;
  border-right: 0;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  min-height: 450px
}

.order-products.return-mode .order-product.active,
.order-products.return-mode .order-product.need-validation,
.order-products.return-mode .order-product:hover {
  border-top: 0;
  border-right: 0;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5
}

.order-products.return-mode .order-product:last-child:hover {
  border-right: 1px solid #e5e5e5
}

.order-products.return-mode .order-product.active .order-select,
.order-products.return-mode .order-product.need-validation .order-select {
  border: 3px solid #292929!important
}

.order-products.return-mode .order-product.active .order-select:after,
.order-products.return-mode .order-product.need-validation .order-select:after {
  content: "";
  display: block;
  margin: 3px;
  -web-kit-transition: .2s;
  transition: .2s
}

.order-product.checked .check-item {
  background: 0 0;
  height: 20px;
  width: 20px;
  position: absolute;
  border: 3px solid #e5e5e5;
  top: 0;
  right: 0;
  border: 3px solid #292929!important
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-product.checked .check-item {
    top: 10px;
    right: 10px
  }
}

.order-product.checked .check-item span {
  display: none
}

.order-product.checked .check-item:after {
  content: "";
  display: block;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -27px -564px;
  width: 8px;
  height: 7px;
  margin: 3px;
  -web-kit-transition: .2s;
  transition: .2s
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .order-product.checked .check-item:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -287px -380px;
    background-size: 457px 446px
  }
}

.order-products.return-mode .order-product.active.error,
.order-products.return-mode .order-product.error:hover,
.order-products.return-mode .order-product.need-validation.error {
  border: 1px red solid
}

.order-global-btn {
  border-top: none!important;
  border-bottom: none!important
}

.order-global-btn .btn-validate-return {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  background-color: #105a33;
  color: #f8f8f8;
  float: right;
  margin: 40px 20px;
  padding: 20px 30px
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-global-btn .btn-validate-return {
    margin: auto;
    display: block;
    padding: 20px;
    float: none;
    width: 80%;
    margin-top: 20px;
    margin-bottom: 20px
  }
}

.order-products.return-mode .quantity-return div.sep {
  width: 48.9%;
  display: inline-block;
  line-height: 2.5rem
}

.order-products.return-mode .quantity-return div.sep.right {
  float: right
}

.return-quantity-choice label,
.return-quantity-choice select {
  width: 100%
}

.order-products .order-product .order-select {
  display: none
}

.order-products.return-mode .order-product .order-select {
  display: block!important
}

.return-quantity-choice {
  margin-top: 20px;
  background-color: #292929;
  padding: 20px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0
}

@media screen and (min-width:320px) and (max-width:767px) {
  .return-quantity-choice {
    clear: both
  }
}

.return-quantity-choice .quantity-return {
  margin-bottom: 20px
}

.return-quantity-choice label {
  font-family: LacosteSansLight;
  color: #f8f8f8;
  text-transform: none
}

.return-quantity-choice .order-return-reason {
  margin-top: 10px
}

.return-quantity-choice select {
  background-color: #292929;
  border: 1px solid #515151;
  color: #515151;
  text-transform: none;
  height: 30px
}

.return-quantity-choice select option {
  text-transform: none;
  padding: 10px
}

.reason label {
  margin-bottom: 10px
}

.order-products.return-mode .order-product {
  position: relative
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-products.return-mode .order-product {
    min-height: 330px
  }
}

.order-product:not(.checked) .check-item {
  display: none
}

.valid-return-wrapper {
  text-align: center
}

.block-description-black.order-return .popin-content .crm-call.loading,
.valid-return-wrapper .btn-validate.loading {
  background-image: url(../img/loading-white.gif);
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  background-color: #fff;
  content: '';
  white-space: nowrap;
  overflow: hidden;
  border: none;
  color: transparent
}

.block-description-black.order-return .popin-content ol li p.crm-msg {
  margin-top: 18px;
  font-size: larger;
  display: none
}

.block-description-black.order-return .popin-content ol li p.crm-msg.crm-success {
  color: #285f41
}

.block-description-black.order-return .popin-content ol li p.crm-msg.crm-failure {
  color: #bd1919
}

a.product-return {
  float: right;
  text-decoration: none;
  border-bottom: none!important;
  text-transform: uppercase
}

a.product-return.active {
  text-decoration: underline!important
}

.date-order,
.details-order span:first-child {
  color: #454545
}

.order-global .main .inline {
  margin-top: 20px
}

.block-description-black.order-return {
  text-align: left;
  font-family: LacosteSansLight, Arial, sans-serif
}

.block-description-black.order-return .block-title {
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: -.85px
}

.block-description-black.order-return .popin-content h5 {
  background-color: #f5f5f5;
  padding: 2%;
  color: #000;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.3rem;
  letter-spacing: -.15px;
  margin: 10px 0
}

.block-description-black.order-return .popin-content p {
  margin: .9em 0
}

.block-description-black.order-return .popin-content ol {
  padding: 0;
  margin: 0;
  margin-left: 20px;
  list-style-position: outside
}

.block-description-black.order-return .popin-content ol li {
  margin-top: 20px
}

.block-description-black.order-return .popin-content ol li:first-child {
  margin-top: 0
}

.block-description-black.order-return .popin-content ol li h6 {
  display: inline-block
}

.block-description-black.order-return .popin-content ol li,
.block-description-black.order-return .popin-content ol li h6 {
  padding: 0;
  margin: 0;
  color: #000;
  font-family: LacosteSansBold;
  font-weight: 700;
  font-size: 1.2rem
}

.block-description-black.order-return .popin-content ol li {
  margin-top: 20px
}

.block-description-black.order-return .popin-content ol li p {
  padding: 0;
  margin: 0;
  color: #797979;
  font-family: LacosteSansLight;
  font-weight: 400;
  text-align: justify;
  font-size: 1.3rem
}

.block-description-black.order-return .popin-content .btn-validate {
  text-transform: uppercase;
  margin: 2% 0
}

.btn-black-mode {
  background: #1d1d1d;
  color: #fff;
  border: none
}

.btn-black-mode.active,
.btn-black-mode:hover {
  background: #285f41;
  color: #fff
}

.block-description-black.order-return .popin-content .order-product {
  width: 100%
}

.block-description-black.order-return .popin-content .order-products .item-col.co-product.product-pic {
  width: 100%;
  display: table
}

.block-description-black.order-return .popin-content .order-products .estimated-return-price,
.block-description-black.order-return .popin-content .order-products .product-image,
.block-description-black.order-return .popin-content .order-products .product-info {
  display: table-cell;
  vertical-align: middle
}

.block-description-black.order-return .popin-content .order-products .product-info {
  width: 55%
}

.block-description-black.order-return .popin-content .order-products .product-image {
  width: 25%
}

.block-description-black.order-return .popin-content .order-products .product-image img {
  margin: 0;
  width: 88px;
  max-width: 100%
}

@media screen and (min-width:0px) and (max-width:319px) {
  .block-description-black.order-return .popin-content .order-products .product-image img {
    width: 45px
  }
}

@media screen and (min-width:320px) and (max-width:767px) {
  .block-description-black.order-return .popin-content .order-products .product-image img {
    width: 65px
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .block-description-black.order-return .popin-content .order-products .product-image img {
    width: 72px
  }
}

.estimated-return-price {
  color: #000;
  text-align: left
}

.total-return-estimated {
  float: right
}

.total-return-amount {
  margin-top: 20px
}

.block-description-black.order-return .popin-content .total-return-amount h5 {
  background-color: transparent;
  margin: 0;
  padding: 0
}

.color-box ul {
  list-style: none
}

.block-description-black.order-return .popin-content .order-products li:nth-child(odd) {
  border-top: 1px solid #ccc
}

.block-description-black.order-return .popin-content .order-products li:nth-child(even),
.block-description-black.order-return .popin-content .order-products li:nth-child(n+0) {
  border-bottom: 1px solid #ccc
}

p.sku-infos-title.no-under {
  margin: 0;
  padding: 0;
  cursor: default
}

.block-description-black.order-return .popin-content .order-products .order-product {
  padding: 0;
  margin: 0
}

.block-description-black.order-return .popin-content .order-products li.order-product {
  min-height: 0!important
}

.order-products.return-mode .order-product.no-return .item-col {
  opacity: .45
}

.order-products .order-product.return-allowed .return-forbidden,
.order-products.return-mode .order-product.no-return .return-quantity-choice {
  display: none
}

.order-products.return-mode .order-product.no-return .return-forbidden {
  display: table;
  position: relative;
  margin: 0 auto;
  width: 100%;
  min-height: 80px;
  margin-top: 20px;
  margin-bottom: 6px
}

.order-products.return-mode .order-product.no-return .return-forbidden .help-msg {
  display: table-cell;
  vertical-align: middle;
  text-align: center
}

.order-products.return-mode .order-product.no-return .return-forbidden .help-msg a {
  font-size: 1.3rem;
  color: #454545;
  font-weight: 700
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .order-products.return-mode .order-product.no-return .return-forbidden .help-msg a {
    font-size: 1.5rem
  }
}

@media screen and (min-width:1280px) {
  .order-products.return-mode .order-product.no-return .return-forbidden .help-msg a {
    font-size: 2rem
  }
}

.order-products a.tooltips-helper {
  display: none
}

.order-products.return-mode a.tooltips-helper {
  display: inline;
  text-decoration: none
}

a.tooltips-helper span {
  position: absolute;
  width: 22px;
  height: 22px;
  color: #000;
  background: #fff;
  border: 2px solid #6d6d6d;
  line-height: 2rem;
  text-align: center;
  visibility: hidden;
  border-radius: 0;
  font-size: 1.5rem
}

a.tooltips-helper span:before {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  width: 0;
  height: 0;
  border-top: 10px solid #6d6d6d;
  border-right: 7px solid transparent;
  border-left: 1px solid transparent
}

a.tooltips-helper span:after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  height: 0;
  border-top: 7px solid #fff;
  border-right: 5px solid transparent;
  border-left: 1px solid transparent
}

a.tooltips-helper.always-show span,
a:hover.tooltips-helper span {
  visibility: visible;
  opacity: 1;
  top: -10px;
  right: 0;
  z-index: 999
}

.order-product .reason .reason-error {
  display: none
}

.order-product .reason.error .reason-error {
  display: block;
  text-transform: none;
  text-align: center;
  margin-top: 10px;
  color: red;
  font-style: italic
}

.fidelityNav {
  background: #f6f6f6;
  border-bottom: 1px solid #e5e5e5;
  padding: 0 40px
}

@media screen and (max-width:767px) {
  .fidelityNav {
    padding: 0;
    border-top: 1px solid #e5e5e5
  }
}

.fidelityNav .swiper-wrapper {
  width: 1000px
}

.fidelityNav .swiper-wrapper .swiper-slide {
  width: auto;
  position: relative;
  display: table
}

.fidelityNav .swiper-wrapper .swiper-slide h2 {
  margin: 0;
  padding: 0
}

.fidelityNav.swiper-container-horizontal {
  position: relative
}

.fidelityNav.swiper-container-horizontal .swiper-button-next,
.fidelityNav.swiper-container-horizontal .swiper-button-prev {
  position: absolute;
  height: 100%;
  width: 30px;
  top: 0;
  background: #292929
}

.fidelityNav.swiper-container-horizontal .swiper-button-next:before,
.fidelityNav.swiper-container-horizontal .swiper-button-prev:before {
  content: '';
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: 0 -592px;
  width: 5px;
  height: 9px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -5px 0 0 -3px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelityNav.swiper-container-horizontal .swiper-button-next:before,
  .fidelityNav.swiper-container-horizontal .swiper-button-prev:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: 0 -437px;
    background-size: 457px 446px
  }
}

.fidelityNav.swiper-container-horizontal .swiper-button-next {
  right: 0
}

.fidelityNav.swiper-container-horizontal .swiper-button-prev {
  left: 0
}

.fidelityNav.swiper-container-horizontal .swiper-button-prev:before {
  transform: rotate(180deg)
}

.fidelityNav.swiper-container-horizontal .swiper-button-disabled {
  display: none
}

.fidelityNav a {
  padding: 15px 20px;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  height: 100%;
  transition: .3s;
  text-align: center
}

.fidelityNav a h2 {
  font: 1.3rem/1.8rem LacosteSansCondensedBold;
  color: #292929
}

@media screen and (max-width:767px) {
  .fidelityNav a {
    padding: 12px 20px
  }
}

.fidelityNav a:hover {
  background: #292929
}

.fidelityNav a:hover h2 {
  color: #fff
}

.fidelityNav a.current {
  border-bottom-color: #292929;
  background: #fff
}

.fidelityNav a.current:hover h2 {
  color: #292929
}

.fidelityNav:after {
  content: '';
  display: block;
  clear: both
}

.only-lecourt {
  display: none!important
}

.display-if-available {
  display: none!important
}

.order-content-col-credit {
  display: block;
  vertical-align: middle;
  margin-left: 6%
}

.menu-my-account {
  background: #f5f5f5;
  border-color: #fff;
  padding-left: 50px;
  line-height: 5rem;
  position: relative;
  cursor: pointer
}

.menu-my-account:before {
  content: "";
  background: url(../img/ico/menu-left-highlight.png) no-repeat;
  margin-right: 10px;
  width: 13px;
  height: 13px;
  position: absolute;
  top: 18px;
  left: 30px
}

.my-store {
  width: 220px;
  margin: 60px auto
}

.my-store .store-search-result {
  padding: 0
}

.my-store .store-search-result .opening-hours {
  padding-top: 14px;
  margin-top: 15px;
  border-top: 1px solid #ededed
}

.filter-selection ul {
  margin: 0;
  padding: 25px 20px;
  border-bottom: 1px solid #ededed
}

.filter-selection li {
  list-style: none;
  display: inline-block;
  cursor: pointer;
  margin-left: 40px
}

.filter-selection li:first-child {
  margin-left: 0
}

.form-manage-selection {
  width: 60%;
  max-width: 480px;
  margin: 40px auto 0
}

.account-my-profile {
  margin-bottom: -10px
}

.account-my-profile .order-global {
  margin: 10px 0
}

.order-global .welcome-message,
.welcome-message {
  background-repeat: no-repeat;
  background-color: #f5f5f5;
  background-position: left bottom;
  overflow: hidden;
  padding: 30px 25%;
  color: #606060;
  line-height: 1.7;
  display: none
}

.order-global .welcome-message .title-15,
.order-global .welcome-message p,
.welcome-message .title-15,
.welcome-message p {
  margin-left: 7.3%
}

.order-global .welcome-message .title-15,
.order-global .welcome-message strong,
.welcome-message .title-15,
.welcome-message strong {
  color: #292929
}

.welcome-message {
  display: block
}

.bg-privileges {
  background-image: url(../img/pic-bags-privileges.png)
}

.first-time-edition .main,
.first-time-edition .order-content-col-wrapper {
  display: none
}

.first-time-edition .welcome-message {
  display: block
}

.order-global:last-child {
  border-bottom: 1px solid #e5e5e5!important
}

.order-global .order-global {
  border-bottom: none!important;
  border-top: none!important
}

.order-global {
  border-top: 1px solid #e5e5e5;
  border-bottom: none!important;
  color: #606060
}

.order-global strong {
  color: #292929
}

.order-global .main,
.order-global .order-return-accordion {
  color: #292929
}

.order-global .main:before,
.order-global .order-return-accordion:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -435px -453px;
  width: 14px;
  height: 14px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .order-global .main:before,
  .order-global .order-return-accordion:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -365px -353px;
    background-size: 457px 446px
  }
}

.order-global .main.active:before,
.order-global .order-return-accordion.active:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -226px -490px;
  width: 14px;
  height: 14px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .order-global .main.active:before,
  .order-global .order-return-accordion.active:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -341px -353px;
    background-size: 457px 446px
  }
}

.order-global .main p,
.order-global .order-return-accordion p {
  margin: .1em 0
}

.order-global .main.col-profile {
  background: url(../img/pic-user.png) no-repeat right bottom #f5f5f5
}

.order-global .main.col-sizes {
  background: url(../img/pic-size.png) no-repeat right bottom #f5f5f5
}

.order-global .main.col-address {
  background: url(../img/pic-address.png) no-repeat right bottom #f5f5f5
}

.order-global .main.col-payment {
  background: url(../img/pic-payment.png) no-repeat right bottom #f5f5f5
}

.order-global .main.col-subscription {
  background: url(../img/pic-subscription.png) no-repeat right bottom #f5f5f5
}

.order-global .order-content-col {
  display: block;
  vertical-align: middle;
  padding: 10px 25% 10px 5%
}

.order-global .order-content-col .column-half {
  padding-right: 30px
}

.order-global .order-content-col .size-chart {
  line-height: 1.7
}

.order-global .order-content-col a {
  text-decoration: none
}

.order-global p {
  margin: 0;
  text-transform: none
}

.order-global .form {
  width: 68%;
  display: table
}

.order-global .form:first-child {
  padding-top: 10px
}

.order-global .form .form-item {
  margin-bottom: 20px
}

.order-global .form .form-item p:first-child {
  margin-top: 0;
  margin-bottom: 7px
}

.order-global .form label {
  margin-bottom: 5px
}

.order-global .form-inline-infos {
  width: 100%
}

.order-global .form-inline-infos .form-item {
  padding-left: 3.5%
}

.order-global .form .column-half {
  padding-left: 1.7%
}

.order-global .form .column-half:first-child {
  padding-left: 3%
}

.order-edit-col {
  padding: 10px 5%;
  padding-left: 5%
}

.order-edit-col .divide:before {
  margin: 9px 0 21px 3.3%
}

.order-edit-col .form-wrapper {
  margin-left: -3.5%
}

.lt-ie9 .order-edit-col .form-wrapper {
  width: 92%
}

.btn-edit {
  font-family: LacosteSansBold;
  color: #292929;
  text-decoration: none
}

.btn-edit:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -207px -564px;
  width: 4px;
  height: 7px;
  content: '';
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 5px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .btn-edit:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -98.5px -411px;
    background-size: 457px 446px
  }
}

.btn-edit.inactive {
  display: none
}

[data-editable=subscription] .form:first-child {
  padding-top: 11px
}

[data-editable=subscription] .form:first-child .form-item {
  margin-bottom: 6px
}

[data-editable=subscription] .form:first-child .form-cancel-right {
  margin-bottom: 16px
}

[data-editted-content] {
  display: block;
  width: 100%
}

[data-editted-content].inactive {
  display: none
}

[data-editting-content] {
  display: none
}

[data-editting-content].active {
  display: block;
  width: 100%
}

.form-item-polo {
  min-height: 220px;
  float: left
}

.form-item-polo select {
  margin-bottom: 10px
}

.form .form-item-add-new {
  border-left: 1px solid #ededed;
  position: absolute;
  right: -47%;
  height: 90%;
  top: 14px;
  width: 42%
}

#atg_call .form .form-item-add-new a,
#atg_chat .form .form-item-add-new a,
.form .form-item-add-new #atg_call a,
.form .form-item-add-new #atg_chat a,
.form .form-item-add-new .btn,
.form .form-item-add-new .faqchat {
  width: 87%;
  margin-top: 104px
}

[data-editable=address] .form .form-item-add-new {
  height: 95%
}

#atg_call [data-editable=address] .form .form-item-add-new a,
#atg_chat [data-editable=address] .form .form-item-add-new a,
[data-editable=address] .form .form-item-add-new #atg_call a,
[data-editable=address] .form .form-item-add-new #atg_chat a,
[data-editable=address] .form .form-item-add-new .btn,
[data-editable=address] .form .form-item-add-new .faqchat {
  margin-top: 227px
}

.dialog-change-password {
  margin-bottom: 30px
}

.dialog-change-password .password-strength {
  width: 99%
}

.dialog-change-password .password-strength .security-level-wrapper {
  float: right;
  margin-left: 4%
}

.dialog-change-password .password-strength p {
  margin-top: 0
}

.card-desc {
  display: table;
  width: 94%
}

.card-desc ul {
  display: none;
  width: 100%;
  opacity: 1;
  padding: 0;
  margin: 15px 0 0 0
}

.card-desc ul.active {
  display: table
}

.card-desc ul.card-choosen {
  opacity: 1;
  width: auto;
  margin: 29px 0
}

.card-desc li {
  display: table-cell;
  font-size: 1.2rem;
  vertical-align: middle
}

.card-desc li.change-payment-method {
  display: none
}

.card-desc li.change-payment-method.active {
  display: table-cell
}

.card-desc li.card-list-crypto span {
  display: inline-block;
  margin-top: 7px
}

.card-desc li div {
  float: left
}

.card-desc li div:first-child {
  margin-right: 45px
}

.card-desc li div span {
  white-space: nowrap
}

.card-desc li div strong {
  display: block
}

.card-desc .card-desc-val input[type=text] {
  width: 46px;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  font-family: LacosteSans;
  padding: 9px 0
}

.card-desc input[type=radio] {
  margin-right: 10px;
  top: 2px;
  position: relative
}

.card-desc label {
  float: right
}

.card-desc .card-desc-val {
  min-width: 146px;
  text-align: right
}

#atg_call .card-desc a,
#atg_chat .card-desc a,
.card-desc #atg_call a,
.card-desc #atg_chat a,
.card-desc .btn,
.card-desc .faqchat {
  margin-top: 20px;
  margin-bottom: 20px;
  display: none
}

#atg_call .card-desc a.active,
#atg_chat .card-desc a.active,
.card-desc #atg_call a.active,
.card-desc #atg_chat a.active,
.card-desc .active.faqchat,
.card-desc .btn.active {
  display: block
}

.lt-ie9 .card-desc ul {
  width: 90%
}

@media screen and (min-width:768px) {
  .dialog-change-password {
    max-width: 650px
  }
  .account-my-profile .row {
    width: 100%;
    float: left;
    clear: both
  }
}

@media screen and (min-width:1280px) {
  .dialog-change-password {
    max-width: 700px
  }
}

@media screen and (max-width:1280px) {
  .my-account .order-global .main {
    padding: 2em 3em
  }
  .my-account .order-global .order-content-col {
    padding-right: 5%
  }
  .my-account .order-global .form {
    width: 100%
  }
  .my-account .order-global .order-edit-col .form-wrapper {
    margin-left: -5.5%
  }
  .my-account .order-global .order-edit-col .divide:before {
    margin-left: 5.3%
  }
  .my-account .order-global .form-inline-infos .form-item {
    padding-left: 5.3%
  }
  .my-account [data-editable=address] .form .form-item-add-new {
    position: static;
    float: left;
    width: 48.4%;
    right: auto;
    margin-top: 6px;
    margin-left: -.8%;
    border: 0
  }
  #atg_call .my-account [data-editable=address] .form .form-item-add-new a,
  #atg_chat .my-account [data-editable=address] .form .form-item-add-new a,
  .my-account [data-editable=address] .form .form-item-add-new #atg_call a,
  .my-account [data-editable=address] .form .form-item-add-new #atg_chat a,
  .my-account [data-editable=address] .form .form-item-add-new .btn,
  .my-account [data-editable=address] .form .form-item-add-new .faqchat {
    margin-top: 0
  }
  .my-account [data-editable=payment] .form {
    width: 70%
  }
}

@media screen and (max-width:767px) {
  .addressline {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 30px;
    padding-bottom: 20px
  }
  .my-store {
    width: auto;
    padding: 20px 30px;
    margin: 0;
    display: table;
    width: 100%
  }
  .my-account .order-global {
    margin: 0;
    border-bottom: 0
  }
  .my-account .order-global .main {
    width: 100%;
    padding: 14px 5%;
    background: #f5f5f5;
    text-decoration: none
  }
  .my-account .order-global .main:before {
    content: "";
    display: block;
    float: right;
    margin-top: 4px
  }
  .my-account .order-global .main.active {
    border-bottom: 1px solid #ededed
  }
  .my-account .order-global .main .btn-edit {
    display: none
  }
  .my-account .order-global .order-edit-col .form-wrapper {
    margin-left: -3.3%
  }
  .my-account .order-global .order-edit-col .divide:before {
    margin-left: 3.3%
  }
  .my-account .order-global .form-inline-infos .form-item {
    padding-left: 3.3%
  }
  .my-account .order-global .form .column-half,
  .my-account .order-global .form .column-half:first-child {
    padding-left: 0
  }
  [data-accordion-group=my-account] {
    display: none
  }
  [data-accordion-group=my-account].active {
    display: block
  }
  .account-my-profile {
    margin-bottom: 20px
  }
  .my-account .tabs li.active {
    display: block
  }
  .my-account [data-editable] .form .form-item-add-new {
    width: 97%;
    position: static;
    float: left;
    right: auto;
    margin-top: 6px;
    margin-left: 3%;
    margin-bottom: 14px;
    border: 0
  }
  #atg_call .my-account [data-editable] .form .form-item-add-new a,
  #atg_chat .my-account [data-editable] .form .form-item-add-new a,
  .my-account [data-editable] .form .form-item-add-new #atg_call a,
  .my-account [data-editable] .form .form-item-add-new #atg_chat a,
  .my-account [data-editable] .form .form-item-add-new .btn,
  .my-account [data-editable] .form .form-item-add-new .faqchat {
    width: 100%
  }
  .my-account .order-global.first-time-edition .main.active {
    display: block
  }
  .my-account .order-global.first-time-edition .main.active+.welcome-message {
    display: block
  }
  .my-account .order-global.first-time-edition .main.active+.welcome-message+.order-content-col-wrapper [data-editted-content] {
    display: none
  }
  .my-account [data-editable=payment] .order-edit-col .form {
    width: 100%
  }
  #atg_call .form .form-item-add-new a,
  #atg_chat .form .form-item-add-new a,
  .form .form-item-add-new #atg_call a,
  .form .form-item-add-new #atg_chat a,
  .form .form-item-add-new .btn,
  .form .form-item-add-new .faqchat {
    margin-top: 0
  }
  .btn-edit-mobile {
    float: right;
    margin-top: 5px;
    cursor: pointer
  }
  .form-item-polo {
    min-height: 0
  }
  .order-global .welcome-message,
  .welcome-message {
    padding: 15px 5%
  }
  .order-global .welcome-message p,
  .welcome-message p {
    margin-left: 0
  }
  .order-global .welcome-message .title-15,
  .welcome-message .title-15 {
    display: none
  }
  .order-global .welcome-message {
    display: none
  }
  .order-global.active .welcome-message {
    display: block
  }
  .card-desc li {
    display: block;
    clear: none
  }
  .card-desc li:after {
    display: none
  }
  .card-desc li div {
    float: none;
    margin-bottom: 5px
  }
  .card-desc li div:first-child {
    margin-right: 0
  }
  .card-desc li label {
    float: none
  }
  .card-desc li .card-desc-val input[type=text] {
    padding: 5px 0
  }
  .card-desc li input[type=radio] {
    margin-top: 9px
  }
  .card-desc .card-type {
    float: left;
    margin-right: 10px;
    height: 74px
  }
  .card-desc .change-payment-method {
    vertical-align: top;
    float: left
  }
  .card-desc ul {
    padding: 0 1em
  }
  .card-desc .card-desc-val input[type=text] {
    border: 1px solid #ededed
  }
}

.fidelityLayout {
  padding: 160px 0 100px;
  position: relative;
  background: #f8f8f8
}

@media screen and (max-width:920px) {
  .fidelityLayout {
    padding-top: 0
  }
}

.fidelityLayout .fidelityBg {
  pointer-events: none;
  display: none
}

@media screen and (min-width:921px) {
  .fidelityLayout .fidelityBg {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: center 0
  }
}

.fidelityWrapper {
  width: 920px;
  max-width: 100%;
  margin: 0 auto;
  background: #fff;
  position: relative;
  z-index: 1
}

.fidelityWrapper .my-account {
  min-height: 500px
}

@media screen and (max-width:920px) {
  .fidelityWrapper .my-account {
    min-height: 450px
  }
}

.fidelityHeader .welcome {
  float: left;
  font: 1.5rem/1.9rem LacosteSansCondensedLight;
  padding: 38px 20px 38px 70px;
  position: relative
}

.fidelityHeader .welcome strong {
  font-family: LacosteSansCondensedBold
}

.fidelityHeader .welcome:before {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  background: #ece635;
  position: absolute;
  top: 43px;
  left: 40px;
  border-radius: 10px
}

@media screen and (max-width:767px) {
  .fidelityHeader .welcome {
    padding: 20px 20px 20px 50px
  }
  .fidelityHeader .welcome:before {
    top: 25px;
    left: 20px
  }
}

@media screen and (min-width:768px) {
  .fidelityHeader .logo {
    float: right;
    width: 285px;
    height: 95px;
    border-left: 1px solid #e5e5e5;
    position: relative
  }
  .fidelityHeader .logo:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -12px 0 0 -102px;
    background-image: url(/img/sprite-icofid.png);
    background-position: 0 0;
    width: 205px;
    height: 24px
  }
}

@media screen and (min-width:768px) and (-webkit-min-device-pixel-ratio:1.5),
screen and (min-width:768px) and (min--moz-device-pixel-ratio:1.5),
screen and (min-width:768px) and (-o-min-device-pixel-ratio:3 / 2),
screen and (min-width:768px) and (min-device-pixel-ratio:1.5),
screen and (min-width:768px) and (min-resolution:144dpi) {
  .fidelityHeader .logo:after {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: 0 0;
    background-size: 343px 274px
  }
}

.fidelityHeader:after {
  content: "";
  display: block;
  clear: both
}

.fidelityArea {
  padding: 20px 0 0;
  background: #f6f6f6
}

@media screen and (max-width:1023px) {
  .fidelityArea {
    padding: 40px;
    overflow: hidden
  }
}

@media screen and (max-width:767px) {
  .fidelityArea {
    padding: 20px 50px
  }
}

.fidelityArea a:hover {
  text-decoration: underline
}

.fidelityArea .title {
  font: 25px/29px LacosteSansCondensedBold;
  color: #606060;
  margin: 15px 0
}

@media screen and (max-width:1023px) {
  .fidelityArea .title {
    margin-top: 20px!important
  }
}

.fidelityArea .points {
  display: inline-block;
  background: #fff711;
  padding: 2px 5px;
  color: #292929;
  font: 15px/19px LacosteSansCondensedLight
}

.fidelityArea .link {
  font: 13px/17px LacosteSansCondensedBold;
  color: #ece635;
  text-decoration: none
}

.fidelityArea .link:before {
  content: '';
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -255px -564px;
  width: 4px;
  height: 7px;
  display: inline-block;
  height: 8px;
  padding-right: 7px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelityArea .link:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -126.5px -411px;
    background-size: 457px 446px
  }
}

.fidelityArea .swiper-wrapper {
  display: table;
  width: 100%;
  table-layout: fixed
}

@media screen and (max-width:1023px) {
  .fidelityArea .swiper-wrapper {
    width: 1100px
  }
}

.fidelityArea .fidelityBox {
  float: none;
  display: table-cell;
  width: 230px;
  text-align: center;
  position: relative;
  vertical-align: top;
  z-index: 1
}

@media screen and (max-width:1023px) {
  .fidelityArea .fidelityBox {
    width: 275px!important
  }
  .fidelityArea .fidelityBox:last-child {
    border-right: 1px solid #e5e5e5
  }
}

.fidelityArea .fidelityBox .fidelityBoxContent {
  padding: 125px 0 0;
  border: 1px solid #e5e5e5;
  border-right: 0;
  background: #fff;
  position: relative;
  height: 100%;
  margin: 60px 0 55px
}

@media screen and (max-width:1023px) {
  .fidelityArea .fidelityBox .fidelityBoxContent {
    padding: 40px 0 90px;
    margin: 0!important
  }
}

@media screen and (min-width:1024px) {
  .fidelityArea .fidelityBox:first-child {
    border-left: 0
  }
  .fidelityArea .fidelityBox:hover {
    z-index: 3
  }
  .fidelityArea .fidelityBox:hover .fidelityBoxContent {
    border: 1px solid #e5e5e5;
    margin: 0 -1px 0 0;
    padding: 95px 0 90px
  }
  .fidelityArea .fidelityBox:hover .title {
    color: #292929
  }
  .fidelityArea .fidelityBox:hover .desc,
  .fidelityArea .fidelityBox:hover .more {
    display: block
  }
  .fidelityArea .fidelityBox:hover .icon {
    opacity: 1
  }
  .fidelityArea .fidelityBox:hover:last-child .fidelityBoxContent {
    border-right: 0;
    margin: 0
  }
}

.fidelityArea .fidelityBox.current,
.fidelityArea .fidelityBox.current:hover {
  width: auto;
  z-index: 2
}

.fidelityArea .fidelityBox.current .fidelityBoxContent,
.fidelityArea .fidelityBox.current:hover .fidelityBoxContent {
  border: 0
}

@media screen and (max-width:1023px) {
  .fidelityArea .fidelityBox.current .fidelityBoxContent,
  .fidelityArea .fidelityBox.current:hover .fidelityBoxContent {
    padding: 35px 0 190px
  }
}

@media screen and (min-width:1024px) {
  .fidelityArea .fidelityBox.current .fidelityBoxContent,
  .fidelityArea .fidelityBox.current:hover .fidelityBoxContent {
    width: calc(100% + 40px);
    padding: 50px 0 240px;
    margin: 0 -20px 0;
    height: auto!important
  }
}

.fidelityArea .fidelityBox.current .title,
.fidelityArea .fidelityBox.current:hover .title {
  margin-top: 40px;
  color: #ece635
}

.fidelityArea .fidelityBox.current .icon,
.fidelityArea .fidelityBox.current:hover .icon {
  opacity: 1
}

.fidelityArea .fidelityBox.current.standard .fidelityBoxContent,
.fidelityArea .fidelityBox.current:hover.standard .fidelityBoxContent {
  background: #184e3c
}

.fidelityArea .fidelityBox.current.standard .fidelityBoxContent .content,
.fidelityArea .fidelityBox.current:hover.standard .fidelityBoxContent .content {
  background: #225e4a
}

.fidelityArea .fidelityBox.current.standard .fidelityBoxContent .progressBar,
.fidelityArea .fidelityBox.current:hover.standard .fidelityBoxContent .progressBar {
  background: #124433
}

.fidelityArea .fidelityBox.current.silver .fidelityBoxContent,
.fidelityArea .fidelityBox.current:hover.silver .fidelityBoxContent {
  background: #384a6b
}

.fidelityArea .fidelityBox.current.silver .fidelityBoxContent .content,
.fidelityArea .fidelityBox.current:hover.silver .fidelityBoxContent .content {
  background: #323d53
}

.fidelityArea .fidelityBox.current.silver .fidelityBoxContent .progressBar,
.fidelityArea .fidelityBox.current:hover.silver .fidelityBoxContent .progressBar {
  background: #212b3f
}

.fidelityArea .fidelityBox.current.gold .fidelityBoxContent,
.fidelityArea .fidelityBox.current:hover.gold .fidelityBoxContent {
  background: #22524a
}

.fidelityArea .fidelityBox.current.gold .fidelityBoxContent .content,
.fidelityArea .fidelityBox.current:hover.gold .fidelityBoxContent .content {
  background: #173e37
}

.fidelityArea .fidelityBox.current.gold .fidelityBoxContent .progressBar,
.fidelityArea .fidelityBox.current:hover.gold .fidelityBoxContent .progressBar {
  background: #0b2520
}

.fidelityArea .fidelityBox.current.vip .fidelityBoxContent,
.fidelityArea .fidelityBox.current:hover.vip .fidelityBoxContent {
  background: #212758
}

.fidelityArea .fidelityBox.current.vip .fidelityBoxContent .content,
.fidelityArea .fidelityBox.current:hover.vip .fidelityBoxContent .content {
  background: #009270
}

.fidelityArea .fidelityBox.current.vip .fidelityBoxContent .progressBar,
.fidelityArea .fidelityBox.current:hover.vip .fidelityBoxContent .progressBar {
  background: #212b3f
}

.fidelityArea .fidelityBox .icon {
  opacity: .2;
  display: inline-block
}

.fidelityArea .fidelityBox .content {
  background: #183a5d;
  position: absolute;
  width: calc(100% - 1px);
  bottom: 0;
  right: 0;
  padding: 35px 40px 25px
}

.fidelityArea .fidelityBox .content .txt {
  color: #fff;
  font: 13px/20px LacosteSansLight;
  height: 40px;
  overflow: hidden;
  text-transform: none;
  padding: 0 10px
}

.fidelityArea .fidelityBox .content .txt.no-padding {
  padding: 0
}

@media screen and (max-width:1023px) {
  .fidelityArea .fidelityBox .desc {
    display: block;
    margin: 20px 40px
  }
  .fidelityArea .fidelityBox .more {
    display: block
  }
  .fidelityArea .fidelityBox .icon {
    opacity: 1
  }
}

.fidelityArea .fidelityBox.standard .icon {
  background-image: url(/img/sprite-icofid.png);
  background-position: 0 -117px;
  width: 89px;
  height: 53px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelityArea .fidelityBox.standard .icon {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -98px -111px;
    background-size: 343px 274px
  }
}

.fidelityArea .fidelityBox.silver .icon {
  background-image: url(/img/sprite-icofid.png);
  background-position: -109px -44px;
  width: 89px;
  height: 53px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelityArea .fidelityBox.silver .icon {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: 0 -111px;
    background-size: 343px 274px
  }
}

.fidelityArea .fidelityBox.gold .icon {
  background-image: url(/img/sprite-icofid.png);
  background-position: 0 -44px;
  width: 89px;
  height: 53px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelityArea .fidelityBox.gold .icon {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -78px -33px;
    background-size: 343px 274px
  }
}

.fidelityArea .fidelityBox.vip .icon {
  background-image: url(/img/sprite-icofid.png);
  background-position: -109px -117px;
  width: 89px;
  height: 53px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelityArea .fidelityBox.vip .icon {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -214px 0;
    background-size: 343px 274px
  }
}

.fidelityArea .yourStatus {
  font: 18px/22px LacosteSansCondensedBold;
  color: #efefef;
  margin-bottom: 30px
}

@media screen and (max-width:1023px) {
  .fidelityArea .yourStatus {
    margin-bottom: 17px
  }
}

.fidelityArea .progressBar {
  height: 3px;
  line-height: 0;
  background: #0b243f;
  position: relative;
  margin: 15px 0 30px
}

.fidelityArea .progress {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #ece635
}

.fidelityArea .desc {
  display: none;
  font: 11px/15px LacosteSansLight;
  color: #606060;
  margin: 20px;
  padding: 0;
  list-style-type: none;
  text-transform: none;
  text-align: left
}

.fidelityArea .desc li {
  padding: 0 0 4px 8px;
  margin: 0;
  position: relative
}

.fidelityArea .desc li:before {
  position: absolute;
  content: '';
  display: block;
  width: 2px;
  height: 2px;
  border-radius: 5px;
  background: #606060;
  top: 9px;
  left: 0
}

.fidelityArea .more {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  font: 13px/70px LacosteSansCondensedBold;
  color: #292929;
  text-decoration: none;
  background: #f6f6f6
}

@media screen and (max-width:1023px) {
  .fidelityArea .more {
    background: #fff;
    border-top: 1px solid #e5e5e5
  }
}

.fidelityArea .more:before {
  content: '';
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -207px -564px;
  width: 4px;
  height: 7px;
  display: inline-block;
  height: 8px;
  padding-right: 7px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .fidelityArea .more:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -98.5px -411px;
    background-size: 457px 446px
  }
}

.fidelityArea:after {
  display: block;
  content: '';
  clear: both
}

@media screen and (max-width:1023px) {
  .fidelityArea .swiper-pagination {
    display: block;
    text-align: center;
    margin: 10px 0 0
  }
  .fidelityArea .swiper-pagination .swiper-pagination-bullet {
    background: #292929;
    border-radius: 20px;
    width: 3px;
    height: 3px;
    display: inline-block;
    margin: 0 5px
  }
  .fidelityArea .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #b4b4b4
  }
}

.accountOverviewArea {
  background: #fff;
  position: relative
}

.accountOverviewArea a:hover {
  text-decoration: underline
}

.accountOverviewArea .subtitle {
  display: none
}

.accountOverviewArea .box {
  padding: 40px 100px 40px 40px;
  border-top: 1px solid #e5e5e5;
  font: 13px/24px LacosteSansLight;
  color: #606060;
  text-transform: none;
  position: relative
}

@media screen and (min-width:768px) {
  .accountOverviewArea .box {
    width: 50%
  }
  .accountOverviewArea .box.box-left {
    float: left;
    border-right: 1px solid #e5e5e5
  }
  .accountOverviewArea .box.box-right {
    float: right;
    border-left: 1px solid #e5e5e5;
    width: calc(50% + 1px);
    margin-left: -10px;
    clear: right
  }
}

@media screen and (max-width:639px) {
  .accountOverviewArea .box {
    padding: 40px 80px 40px 20px
  }
}

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

.accountOverviewArea .addressBox {
  min-height: 250px;
  padding-right: 20px
}

@media screen and (min-width:640px) {
  .accountOverviewArea .addressBox {
    padding-right: 40px
  }
}

.accountOverviewArea .addressBox .addLink {
  margin-top: 20px
}

.accountOverviewArea .infosBox .successCall p a {
  text-decoration: none;
  color: #606060
}

.accountOverviewArea .cardBox,
.accountOverviewArea .socialBox {
  padding: 40px 40px 20px
}

@media screen and (max-width:639px) {
  .accountOverviewArea .cardBox,
  .accountOverviewArea .socialBox {
    padding: 40px 20px 20px
  }
}

.accountOverviewArea p {
  margin: 0
}

.accountOverviewArea .title {
  color: #292929;
  padding: 0;
  font: 1.3rem/1.7rem LacosteSansCondensedBold;
  text-transform: uppercase;
  margin-bottom: 10px
}

.accountOverviewArea .editLink {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 43px;
  height: 43px;
  border: 1px solid #e5e5e5;
  background: #f8f8f8;
  text-indent: -200px;
  overflow: hidden;
  transition: .3s
}

@media screen and (max-width:639px) {
  .accountOverviewArea .editLink {
    right: 20px
  }
}

.accountOverviewArea .editLink:before {
  content: '';
  background-image: url(/img/sprite-icofid.png);
  background-position: -225px -148px;
  width: 19px;
  height: 19px;
  display: block;
  position: absolute;
  top: 11px;
  left: 11px;
  margin-right: 5px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .accountOverviewArea .editLink:before {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -312px -171px;
    background-size: 343px 274px
  }
}

.accountOverviewArea .editLink:hover {
  background: #292929;
  border-color: #292929
}

.accountOverviewArea .editLink:hover:before {
  background-image: url(/img/sprite-icofid.png);
  background-position: -264px -148px;
  width: 19px;
  height: 19px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .accountOverviewArea .editLink:hover:before {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -312px -199px;
    background-size: 343px 274px
  }
}

.addLink {
  font-family: LacosteSansCondensedBold;
  font-size: 13px;
  color: #292929;
  text-decoration: none;
  float: right;
  text-transform: uppercase
}

.addLink:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -275px -234px;
  width: 9px;
  height: 9px;
  content: '';
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 5px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .addLink:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -248px -380px;
    background-size: 457px 446px
  }
}

.deleteCreditCard,
.deleteLink {
  font-family: LacosteSansCondensedBold;
  font-size: 13px;
  color: #292929;
  text-decoration: none;
  float: right;
  text-transform: uppercase
}

.deleteCreditCard:before,
.deleteLink:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -270px -526px;
  width: 9px;
  height: 9px;
  content: '';
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 5px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .deleteCreditCard:before,
  .deleteLink:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -243px -244px;
    background-size: 457px 446px
  }
}

.address {
  background: #f8f8f8;
  padding: 40px 100px 35px 40px;
  position: relative;
  margin: 20px 0 0
}

@media screen and (max-width:1023px) {
  .address {
    padding: 40px 80px 35px 20px
  }
}

.address p {
  margin: 10px 0
}

.address p.links {
  border-top: 1px solid #e5e5e5;
  margin: 15px -60px 0 0;
  padding-top: 15px
}

@media screen and (max-width:639px) {
  .address .editLink {
    top: 40px
  }
}

@media screen and (max-width:1023px) {
  .address .editLink {
    right: 20px
  }
}

.address .title,
.address a {
  color: #606060
}

.address:after {
  content: '';
  display: block;
  clear: both
}

.cardsList {
  list-style-type: none;
  margin: 20px 0 0;
  padding: 0
}

.cardsList li {
  float: left;
  background: #f8f8f8;
  padding: 40px;
  width: calc(50% - 10px);
  margin: 0 0 20px 10px
}

@media screen and (max-width:639px) {
  .cardsList li {
    padding: 40px 20px
  }
}

.cardsList li:nth-child(odd) {
  clear: both;
  margin: 0 10px 20px 0
}

.cardsList p.links {
  border-top: 1px solid #e5e5e5;
  margin: 15px 0 0 0;
  padding-top: 15px;
  line-height: 10px
}

.cardsList p.links .deleteLink {
  float: none
}

.card-list-flag-img {
  margin-bottom: 5px
}

.storeBox .addLink {
  margin: 2px -60px 0 0
}

.editContainer #editMyAddress .form-item .addressformAreaOfCity,
.editContainer #editMyAddress .form-item .addressformAreaOfCity+.checkout-address-form-line {
  width: 48%;
  display: inline-block
}

.editContainer #editMyAddress .form-item .addressformAreaOfCity {
  margin-left: 5px
}

.editContainer #editMyAddress .form-item label {
  float: left;
  font-family: LacosteSansCondensedBold
}

@media screen and (max-width:767px) {
  .editContainer #editMyAddress .form-item label[for=sa-phone] {
    width: 100%;
    padding-bottom: 0
  }
}

.editContainer #editMyAddress .form-item label[for=sa-phone] input,
.editContainer #editMyAddress .form-item label[for=sa-phone] select {
  float: right
}

.editContainer #editMyAddress .form-item #sa-phone {
  padding: 15px;
  width: 57%
}

@media screen and (max-width:767px) {
  .editContainer #editMyAddress .form-item #sa-phone {
    float: right;
    width: 57%;
    padding: 15px
  }
}

.editContainer #editMyAddress .form-item .phonePrefix {
  float: left;
  margin-top: 0!important;
  margin-right: 5px;
  direction: ltr
}

@media screen and (max-width:767px) {
  .editContainer #editMyAddress .form-item .phonePrefix {
    width: 40%!important
  }
}

.editContainer #editMyAddress .form-item .zerophone {
  float: right;
  margin-top: 10px;
  font-size: 1.5rem;
  font-family: LacosteSansLight
}

.editContainer .editprofileform {
  width: 100%!important
}

.editContainer .editprofileform .form-item-civility .label-inline {
  font-family: LacosteSansCondensedBold;
  width: 100%
}

.editContainer .editprofileform .form-item-civility select {
  margin-top: 0;
  width: 30%
}

@media screen and (max-width:767px) {
  .editContainer .editprofileform .form-item.form-item-phone label {
    width: 100%
  }
}

.editContainer .editprofileform .form-item.form-item-phone #js-account-profile-prefixphone {
  width: 26%;
  display: inline-block
}

@media screen and (max-width:767px) {
  .editContainer .editprofileform .form-item.form-item-phone #js-account-profile-prefixphone {
    width: 38%
  }
}

.editContainer .editprofileform .form-item.form-item-phone #js-account-profile-phonenumber {
  width: 43%;
  display: inline-block;
  padding: 11px
}

@media screen and (max-width:767px) {
  .editContainer .editprofileform .form-item.form-item-phone #js-account-profile-phonenumber {
    width: 54%
  }
}

.editContainer .editprofileform .zerophone {
  display: inline-block;
  vertical-align: middle
}

.editContainer section.form .form-item.form-item-half.form-item-bday {
  width: 100%
}

.editContainer section.form .form-item.form-item-half.form-item-bday select {
  margin-right: 0
}

@media screen and (max-width:767px) {
  .editContainer section.form .form-item.form-item-half.form-item-bday .wai-field-title {
    width: 100%;
    display: inline-block
  }
}

.accountOverviewArea {
  background: #fff;
  position: relative
}

.accountOverviewArea a:hover {
  text-decoration: underline
}

.accountOverviewArea .box {
  padding: 40px 100px 40px 40px;
  border-top: 1px solid #e5e5e5;
  font: 1.3rem/2.4rem LacosteSansLight;
  color: #606060;
  text-transform: none;
  position: relative
}

@media screen and (min-width:768px) {
  .accountOverviewArea .box {
    width: 50%
  }
  .accountOverviewArea .box.left {
    float: left;
    border-right: 1px solid #e5e5e5
  }
  .accountOverviewArea .box.right {
    float: right;
    border-left: 1px solid #e5e5e5;
    width: calc(50% + 1px);
    margin-left: -10px;
    clear: right
  }
}

@media screen and (max-width:639px) {
  .accountOverviewArea .box {
    padding: 40px 80px 40px 20px
  }
}

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

.accountOverviewArea .addressBox {
  min-height: 250px;
  padding-right: 20px
}

@media screen and (min-width:640px) {
  .accountOverviewArea .addressBox {
    padding-right: 40px
  }
}

.accountOverviewArea .addressBox .addLink {
  margin-top: 20px
}

.accountOverviewArea .infosBox .successCall p a {
  text-decoration: none;
  color: #606060
}

.accountOverviewArea .cardBox {
  padding: 40px 40px 20px
}

@media screen and (max-width:639px) {
  .accountOverviewArea .cardBox {
    padding: 40px 20px 20px
  }
}

.accountOverviewArea p {
  margin: 0
}

.accountOverviewArea .editLink {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 43px;
  height: 43px;
  border: 1px solid #e5e5e5;
  background: #f8f8f8;
  text-indent: -200px;
  overflow: hidden;
  transition: .3s
}

@media screen and (max-width:639px) {
  .accountOverviewArea .editLink {
    right: 20px
  }
}

.accountOverviewArea .editLink:before {
  content: '';
  background-image: url(/img/sprite-icofid.png);
  background-position: -225px -148px;
  width: 19px;
  height: 19px;
  display: block;
  position: absolute;
  top: 11px;
  left: 11px;
  margin-right: 5px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .accountOverviewArea .editLink:before {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -312px -171px;
    background-size: 343px 274px
  }
}

.accountOverviewArea .editLink:hover {
  background: #292929;
  border-color: #292929
}

.accountOverviewArea .editLink:hover:before {
  background-image: url(/img/sprite-icofid.png);
  background-position: -264px -148px;
  width: 19px;
  height: 19px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .accountOverviewArea .editLink:hover:before {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -312px -199px;
    background-size: 343px 274px
  }
}

.accountOverviewArea .moreLink {
  font-family: LacosteSansCondensedBold;
  font-size: 13px;
  color: #292929;
  text-decoration: none;
  float: right;
  text-transform: uppercase;
  margin-right: -60px;
  margin-top: 10px
}

.accountOverviewArea .moreLink:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -207px -564px;
  width: 4px;
  height: 7px;
  content: '';
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 5px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .accountOverviewArea .moreLink:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -98.5px -411px;
    background-size: 457px 446px
  }
}

.accountOverviewArea .addLink {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #292929;
  text-decoration: none;
  float: right;
  text-transform: uppercase
}

.accountOverviewArea .addLink:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -275px -234px;
  width: 9px;
  height: 9px;
  content: '';
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 5px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .accountOverviewArea .addLink:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -248px -380px;
    background-size: 457px 446px
  }
}

.accountOverviewArea .deleteCreditCard,
.accountOverviewArea .deleteLink {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #292929;
  text-decoration: none;
  float: right;
  text-transform: uppercase
}

.accountOverviewArea .deleteCreditCard:before,
.accountOverviewArea .deleteLink:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -270px -526px;
  width: 9px;
  height: 9px;
  content: '';
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 5px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .accountOverviewArea .deleteCreditCard:before,
  .accountOverviewArea .deleteLink:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -243px -244px;
    background-size: 457px 446px
  }
}

.accountOverviewArea .deleteCreditCard .deleteLink,
.accountOverviewArea .deleteLink .deleteLink {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #292929;
  text-decoration: none;
  float: right;
  text-transform: uppercase
}

.accountOverviewArea .deleteCreditCard .deleteLink:before,
.accountOverviewArea .deleteLink .deleteLink:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -270px -526px;
  width: 9px;
  height: 9px;
  content: '';
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 5px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .accountOverviewArea .deleteCreditCard .deleteLink:before,
  .accountOverviewArea .deleteLink .deleteLink:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -243px -244px;
    background-size: 457px 446px
  }
}

.accountOverviewArea .deleteCreditCard .address,
.accountOverviewArea .deleteLink .address {
  background: #f8f8f8;
  padding: 40px 100px 35px 40px;
  position: relative;
  margin: 20px 0 0
}

@media screen and (max-width:1023px) {
  .accountOverviewArea .deleteCreditCard .address,
  .accountOverviewArea .deleteLink .address {
    padding: 40px 80px 35px 20px
  }
}

.accountOverviewArea .deleteCreditCard .address p,
.accountOverviewArea .deleteLink .address p {
  margin: 10px 0
}

.accountOverviewArea .deleteCreditCard .address p.links,
.accountOverviewArea .deleteLink .address p.links {
  border-top: 1px solid #e5e5e5;
  margin: 15px -60px 0 0;
  padding-top: 15px
}

@media screen and (max-width:639px) {
  .accountOverviewArea .deleteCreditCard .address .editLink,
  .accountOverviewArea .deleteLink .address .editLink {
    top: 40px
  }
}

@media screen and (max-width:1023px) {
  .accountOverviewArea .deleteCreditCard .address .editLink,
  .accountOverviewArea .deleteLink .address .editLink {
    right: 20px
  }
}

.accountOverviewArea .deleteCreditCard .address .title,
.accountOverviewArea .deleteCreditCard .address a,
.accountOverviewArea .deleteLink .address .title,
.accountOverviewArea .deleteLink .address a {
  color: #606060
}

.accountOverviewArea .deleteCreditCard .address:after,
.accountOverviewArea .deleteLink .address:after {
  content: '';
  display: block;
  clear: both
}

.accountOverviewArea .deleteCreditCard .cardsList,
.accountOverviewArea .deleteLink .cardsList {
  list-style-type: none;
  margin: 20px 0 0;
  padding: 0
}

.accountOverviewArea .deleteCreditCard .cardsList li,
.accountOverviewArea .deleteLink .cardsList li {
  float: left;
  background: #f8f8f8;
  padding: 40px;
  width: calc(50% - 10px);
  margin: 0 0 20px 10px
}

@media screen and (max-width:639px) {
  .accountOverviewArea .deleteCreditCard .cardsList li,
  .accountOverviewArea .deleteLink .cardsList li {
    padding: 40px 20px
  }
}

.accountOverviewArea .deleteCreditCard .cardsList li:nth-child(odd),
.accountOverviewArea .deleteLink .cardsList li:nth-child(odd) {
  clear: both;
  margin: 0 10px 20px 0
}

.accountOverviewArea .deleteCreditCard .cardsList p.links,
.accountOverviewArea .deleteLink .cardsList p.links {
  border-top: 1px solid #e5e5e5;
  margin: 15px 0 0 0;
  padding-top: 15px;
  line-height: 1rem
}

.accountOverviewArea .deleteCreditCard .cardsList p.links .deleteLink,
.accountOverviewArea .deleteLink .cardsList p.links .deleteLink {
  float: none
}

.accountOverviewArea .deleteCreditCard .card-list-flag-img,
.accountOverviewArea .deleteLink .card-list-flag-img {
  margin-bottom: 5px
}

.accountOverviewArea .deleteCreditCard .storeBox .addLink,
.accountOverviewArea .deleteLink .storeBox .addLink {
  margin: 2px -60px 0 0
}

.accountOverviewArea .deleteCreditCard .no-item,
.accountOverviewArea .deleteLink .no-item {
  padding: 35px 40px;
  background: #f8f8f8;
  position: relative;
  margin-top: 20px
}

@media screen and (max-width:1023px) {
  .accountOverviewArea .deleteCreditCard .no-item,
  .accountOverviewArea .deleteLink .no-item {
    padding: 35px 20px
  }
}

.accountOverviewArea .deleteCreditCard .no-item.no-address,
.accountOverviewArea .deleteLink .no-item.no-address {
  padding-left: 95px
}

@media screen and (max-width:1023px) {
  .accountOverviewArea .deleteCreditCard .no-item.no-address,
  .accountOverviewArea .deleteLink .no-item.no-address {
    padding-left: 75px
  }
}

.accountOverviewArea .deleteCreditCard .no-item.no-address:before,
.accountOverviewArea .deleteLink .no-item.no-address:before {
  content: '';
  display: block;
  position: absolute;
  left: 40px;
  top: 33px;
  background-image: url(/img/sprite-icofid.png);
  background-position: -111px -250px;
  width: 33px;
  height: 33px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .accountOverviewArea .deleteCreditCard .no-item.no-address:before,
  .accountOverviewArea .deleteLink .no-item.no-address:before {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -130px -227px;
    background-size: 343px 274px
  }
}

@media screen and (max-width:1023px) {
  .accountOverviewArea .deleteCreditCard .no-item.no-address:before,
  .accountOverviewArea .deleteLink .no-item.no-address:before {
    left: 20px
  }
}

.accountOverviewArea .deleteCreditCard .no-item.no-card,
.accountOverviewArea .deleteLink .no-item.no-card {
  padding-left: 95px;
  margin-bottom: 20px
}

@media screen and (max-width:1023px) {
  .accountOverviewArea .deleteCreditCard .no-item.no-card,
  .accountOverviewArea .deleteLink .no-item.no-card {
    padding-left: 75px
  }
}

.accountOverviewArea .deleteCreditCard .no-item.no-card:before,
.accountOverviewArea .deleteLink .no-item.no-card:before {
  content: '';
  display: block;
  position: absolute;
  left: 40px;
  top: 43px;
  background-image: url(/img/sprite-icofid.png);
  background-position: -76px -190px;
  width: 43px;
  height: 30px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .accountOverviewArea .deleteCreditCard .no-item.no-card:before,
  .accountOverviewArea .deleteLink .no-item.no-card:before {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -154.5px -173px;
    background-size: 343px 274px
  }
}

@media screen and (max-width:1023px) {
  .accountOverviewArea .deleteCreditCard .no-item.no-card:before,
  .accountOverviewArea .deleteLink .no-item.no-card:before {
    left: 20px
  }
}

.accountOverviewArea .deleteCreditCard .no-item.no-store,
.accountOverviewArea .deleteLink .no-item.no-store {
  margin-right: -60px
}

@media screen and (max-width:767px) {
  .accountOverviewArea .deleteCreditCard .no-item.no-store,
  .accountOverviewArea .deleteLink .no-item.no-store {
    margin-bottom: 15px
  }
}

.accountOverviewArea #accountOverlay {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
  opacity: .8
}

.accountOverviewArea p.links {
  border-top: 1px solid #e5e5e5;
  margin: 15px 0 0 0;
  padding-top: 15px;
  line-height: 1rem
}

.accountOverviewArea p.links .deleteCreditCard,
.accountOverviewArea p.links .deleteLink {
  float: none
}

.accountOverviewArea:after {
  content: '';
  display: block;
  clear: both
}

.editContainer {
  position: absolute;
  top: 0;
  width: calc(100% + 1px);
  min-height: calc(100% + 1px);
  background: #fff;
  border: 1px solid #e5e5e5;
  z-index: 3;
  display: none
}

@media screen and (min-width:640px) {
  .editContainer {
    min-width: 459px
  }
}

.editContainer .successCall {
  border: 20px solid #f8f8f8;
  padding: 35px 20px 25px
}

.editContainer .successCall:after {
  content: '';
  display: block;
  clear: both
}

.editContainer .successCall select {
  margin-top: 10px
}

.editContainer section.form .form-item {
  padding: 0;
  margin: 0 0 25px;
  width: auto
}

@media screen and (min-width:640px) {
  .editContainer section.form .form-item.form-item-half {
    width: 49.5%;
    padding-left: 20px
  }
  .editContainer section.form .form-item.form-item-half:nth-child(odd) {
    padding: 0 20px 0 0
  }
}

@media screen and (max-width:639px) {
  .editContainer section.form .form-item.form-item-half {
    display: block
  }
}

.editContainer section.form label,
.editContainer section.form span.wai-field-title {
  font: 13px/17px LacosteSansCondensedBold;
  color: #292929;
  text-transform: uppercase;
  margin: 0 0 5px
}

.editContainer section.form .check-inline-outside {
  font-family: LacosteSansLight;
  text-transform: none
}

.editContainer section.form .civilityValues label {
  font-family: LacosteSansLight;
  text-transform: none;
  margin-left: 15px
}

.editContainer section.form .form-item-bday select {
  width: auto
}

.editContainer section.form .content-right {
  float: right
}

.editContainer section.form.form-inline-infos .lower {
  line-height: 17px;
  vertical-align: top
}

.editContainer section.form.form-inline-infos .label-inline {
  padding-right: 3px;
  vertical-align: top;
  margin: 0
}

.editContainer section.form.form-inline-infos:after {
  content: '';
  display: block;
  clear: both
}

.editContainer .divide:before {
  margin: 25px 0 24px
}

.editContainer .divide.no-margin-top:before {
  margin-top: 0
}

.editContainer .actions {
  float: none;
  text-align: right;
  width: auto;
  margin: 0;
  padding: 0;
  display: block
}

#atg_call .editContainer .actions a,
#atg_chat .editContainer .actions a,
.editContainer .actions #atg_call a,
.editContainer .actions #atg_chat a,
.editContainer .actions .btn,
.editContainer .actions .faqchat {
  margin: 0;
  padding: 17px 25px;
  font: 13px/15px LacosteSansCondensedBold;
  float: none;
  width: auto
}

#atg_call .editContainer .actions a.cancelLink,
#atg_chat .editContainer .actions a.cancelLink,
.editContainer .actions #atg_call a.cancelLink,
.editContainer .actions #atg_chat a.cancelLink,
.editContainer .actions .btn.cancelLink,
.editContainer .actions .cancelLink.faqchat {
  background: #292929;
  margin-left: 20px
}

.editContainer a.cancelLink {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 43px;
  height: 43px;
  background: #292929
}

.editContainer a.cancelLink:before {
  content: '';
  display: inline-block;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -156px -490px;
  width: 15px;
  height: 15px;
  position: absolute;
  top: 14px;
  left: 14px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .editContainer a.cancelLink:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -128px -380px;
    background-size: 457px 446px
  }
}

.editContainer .form .form-item input[type=email],
.editContainer .form .form-item input[type=password],
.editContainer .form .form-item input[type=tel],
.editContainer .form .form-item input[type=text] {
  padding: 7px
}

.box-right .editContainer {
  right: 0
}

.box-left .editContainer {
  left: 0
}

.editNewsletter label {
  margin-right: 100px;
  font-family: LacosteSansLight
}

.editNewsletter button.switch {
  display: none
}

.contactPage-column-right .customerInformations .customerContact,
.contactPage-column-right .customerInformations .orders {
  width: 100%
}

.customerInformations {
  display: flex;
  margin: 0 auto;
  max-width: 100%;
  width: 920px
}

@media screen and (max-width:767px) {
  .customerInformations {
    flex-direction: column
  }
}

.customerInformations .customerContact,
.customerInformations .orders {
  width: 50%;
  padding: 80px
}

@media screen and (max-width:767px) {
  .customerInformations .customerContact,
  .customerInformations .orders {
    width: auto;
    border-top: 1px solid #e5e5e5;
    border-right: none;
    padding: 40px
  }
}

.customerInformations .customerContact .title,
.customerInformations .orders .title {
  margin: 0 auto;
  text-align: center;
  padding: 40px 0 10px;
  font: 26px/26px LacosteSansCondensedBold;
  color: #285f41
}

.customerInformations .customerContact .content,
.customerInformations .orders .content {
  text-transform: none;
  text-transform: none;
  padding: 10px 40px 10px;
  text-align: center;
  position: relative;
  box-sizing: content-box
}

.customerInformations .customerContact .content:before,
.customerInformations .orders .content:before {
  position: absolute;
  content: '';
  left: 50%;
  top: 40px
}

.customerInformations .customerContact .link,
.customerInformations .orders .link {
  padding-top: 10px;
  text-align: center
}

.customerInformations .customerContact .link a,
.customerInformations .orders .link a {
  font: 13px LacosteSansCondensedBold;
  text-decoration: none
}

.customerInformations .customerContact .link a:hover,
.customerInformations .orders .link a:hover {
  text-decoration: underline
}

.customerInformations .customerContact {
  color: #292929;
  background-color: #fff;
  border-right: 1px solid #e5e5e5
}

.customerInformations .customerContact:before {
  content: "";
  background: url(../img/customerservice_green.png) no-repeat center;
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto
}

.customerInformations .customerContact .content {
  font: 14px/20px LacosteSansLight
}

.customerInformations .customerContact .content a {
  color: #fff;
  text-decoration: none
}

.customerInformations .customerContact .content strong {
  display: block;
  font: 15px/20px LacosteSansCondensedBold
}

.customerInformations .customerContact .link {
  position: relative
}

.customerInformations .customerContact .link a {
  color: #292929
}

.customerInformations .customerContact .link a:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -207px -564px;
  width: 4px;
  height: 7px;
  content: '';
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 10px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .customerInformations .customerContact .link a:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -98.5px -411px;
    background-size: 457px 446px
  }
}

.customerInformations .orders {
  background: #fff
}

.customerInformations .orders:before {
  content: "";
  background: url(../img/freereturn_green.png) no-repeat center;
  width: 50px;
  height: 50px;
  display: block;
  margin: 0 auto
}

.customerInformations .orders .content {
  font: 14px/20px LacosteSansLight
}

.customerInformations .orders .link {
  border-width: 1px 0;
  position: relative
}

.customerInformations .orders .link a {
  color: #292929
}

.customerInformations .orders .link a:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -207px -564px;
  width: 4px;
  height: 7px;
  content: '';
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 10px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .customerInformations .orders .link a:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -98.5px -411px;
    background-size: 457px 446px
  }
}

.customerInformations:after {
  display: block;
  clear: both;
  content: ''
}

.benefitsList {
  margin: 0;
  padding: 0;
  border-top: 1px solid #e5e5e5
}

.benefitsList li {
  display: block;
  margin: 0;
  padding: 25px 0 25px 60px;
  border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width:767px) {
  .benefitsList li {
    padding: 25px 20px 25px 10px
  }
}

.benefitsList li:after {
  content: "";
  display: block;
  clear: both
}

.benefitsList li.notacquired {
  background: #f8f8f8
}

.benefitsList li.notacquired .content,
.benefitsList li.notacquired .icon {
  opacity: .5
}

.benefitsList li.notacquired .content:before,
.benefitsList li.notacquired .icon:before {
  content: none
}

.benefitsList li.alteration .icon span {
  background-image: url(/img/sprite-icofid.png);
  background-position: -56px -250px;
  width: 35px;
  height: 35px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .benefitsList li.alteration .icon span {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -85px -227px;
    background-size: 343px 274px
  }
}

.benefitsList li.article .icon span {
  background-image: url(/img/sprite-icofid.png);
  background-position: 0 -306px;
  width: 31px;
  height: 35px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .benefitsList li.article .icon span {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -312px 0;
    background-size: 343px 274px
  }
}

.benefitsList li.currentDiscount .icon span {
  background-image: url(/img/sprite-icofid.png);
  background-position: -313px -187px;
  width: 35px;
  height: 40px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .benefitsList li.currentDiscount .icon span {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -40px -227px;
    background-size: 343px 274px
  }
}

.benefitsList li.customPolo .icon span {
  background-image: url(/img/sprite-icofid.png);
  background-position: -225px 0;
  width: 68px;
  height: 68px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .benefitsList li.customPolo .icon span {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: 0 -33px;
    background-size: 343px 274px
  }
}

.benefitsList li.customPolo .icon:before {
  content: none
}

.benefitsList li.gift .icon span {
  background-image: url(/img/sprite-icofid.png);
  background-position: -164px -250px;
  width: 31px;
  height: 33px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .benefitsList li.gift .icon span {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -312px -45px;
    background-size: 343px 274px
  }
}

.benefitsList li.invitation .icon span {
  background-image: url(/img/sprite-icofid.png);
  background-position: -139px -190px;
  width: 32px;
  height: 26px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .benefitsList li.invitation .icon span {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -207px -173px;
    background-size: 343px 274px
  }
}

.benefitsList li.parking .icon span {
  background-image: url(/img/sprite-icofid.png);
  background-position: 0 -250px;
  width: 36px;
  height: 36px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .benefitsList li.parking .icon span {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -108.5px -173px;
    background-size: 343px 274px
  }
}

.benefitsList li.polo .icon span {
  background-image: url(/img/sprite-icofid.png);
  background-position: -51px -306px;
  width: 29px;
  height: 35px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .benefitsList li.polo .icon span {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -312px -88px;
    background-size: 343px 274px
  }
}

.benefitsList li.returns-gray .icon span {
  background-image: url(/img/sprite-icofid.png);
  background-position: -313px -64px;
  width: 40px;
  height: 36px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .benefitsList li.returns-gray .icon span {
    background-image: url(../img/_sprites/retina-sprite-icofid.png);
    background-position: -58.5px -173px;
    background-size: 343px 274px
  }
}

.benefitsList .icon {
  float: left;
  width: 80px;
  text-align: center;
  min-height: 10px;
  margin-right: 60px;
  position: relative;
  padding-top: 5px
}

@media screen and (max-width:767px) {
  .benefitsList .icon {
    margin-right: 20px
  }
}

.benefitsList .icon span {
  display: inline-block;
  position: relative
}

.benefitsList .icon:before {
  content: "";
  display: block;
  position: absolute;
  height: 20px;
  width: 50px;
  background: #fff711;
  bottom: 0;
  left: 50%;
  margin-left: -25px
}

.benefitsList .content {
  float: left;
  width: 240px
}

@media screen and (max-width:767px) {
  .benefitsList .content {
    float: right;
    width: calc(100% - 105px)
  }
}

.benefitsList .content .title {
  font: 1.5rem/2.1rem LacosteSansCondensedBold
}

.benefitsList .content .txt {
  font: 1.3rem/2.1rem LacosteSansLight;
  text-transform: none;
  margin-top: 10px;
  color: #606060
}

.benefitsList .link {
  float: right;
  padding-top: 25px;
  margin-right: 80px
}

@media screen and (max-width:767px) {
  .benefitsList .link {
    float: right;
    width: calc(100% - 105px);
    margin: 5px 0 0;
    padding: 0
  }
}

.benefitsList .link a {
  font: 1.3rem/2.1rem LacosteSansCondensedBold;
  color: #292929;
  text-decoration: none
}

.benefitsList .link a:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -207px -564px;
  width: 4px;
  height: 7px;
  content: "";
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 5px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .benefitsList .link a:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -98.5px -411px;
    background-size: 457px 446px
  }
}

.benefitsList .points {
  float: right;
  padding-top: 10px;
  margin-right: 20px;
  width: 20%;
  text-align: center
}

@media screen and (max-width:767px) {
  .benefitsList .points {
    float: right;
    width: calc(100% - 105px);
    margin: 5px 0 0;
    padding: 0;
    text-align: left
  }
}

.benefitsList .points strong {
  font: 1.5rem/2.1rem LacosteSansCondensedBold;
  display: block
}

.benefitsList .points span {
  font: 1.5rem/2.1rem LacosteSansCondensedLight;
  background: #fff711;
  padding: 0 5px
}

.fid-popin-temp {
  display: none
}

.fid-popin-to-show .fidelity {
  width: 100%;
  height: 100%;
  display: table;
  font-family: LacosteSansCondensedBold, arial, Sans-serif
}

.fid-popin-to-show .fidelity .fid-main-pp .fid-header .head-title h2 {
  font-size: 2.5rem;
  padding: 0;
  margin-bottom: 0;
  line-height: 4rem
}

.fid-popin-to-show .fidelity .fid-main-pp .fid-header .head-title h5 {
  font-size: 1.3rem;
  font-family: LacosteSansLight;
  color: #8f8f8f;
  text-transform: initial
}

.fid-popin-to-show .fidelity .fid-main-pp .fid-header .head-title .text-decorate {
  font-size: 2.5rem
}

.fid-popin-to-show .fidelity .center-v {
  position: relative;
  display: table-cell;
  vertical-align: middle;
  width: 100%
}

.fid-popin-to-show .fidelity .grey-wrapper {
  background-color: #f6f6f6;
  padding-bottom: 40px
}

.fid-popin-to-show .fidelity .temp-loyalty {
  padding: 5%
}

.fid-popin-to-show .fidelity .temp-loyalty h2 {
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  font-weight: 700
}

.fid-popin-to-show .fidelity .temp-loyalty h2 .text-decoration {
  letter-spacing: 0
}

.fid-popin-to-show .fidelity .temp-loyalty p {
  font-family: LacosteSansLight;
  text-transform: initial;
  font-size: 1.3rem;
  color: #8f8f8f
}

.fid-popin-to-show .fidelity .order-loyalty,
.fid-popin-to-show .fidelity .store-loyalty-points {
  width: 100%
}

.fid-popin-to-show .fidelity .order-loyalty tr,
.fid-popin-to-show .fidelity .store-loyalty-points tr {
  min-height: 45px;
  line-height: 4rem
}

.fid-popin-to-show .fidelity .order-loyalty thead th,
.fid-popin-to-show .fidelity .store-loyalty-points thead th {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem
}

.fid-popin-to-show .fidelity .order-loyalty tbody td,
.fid-popin-to-show .fidelity .store-loyalty-points tbody td {
  font-family: LacosteSansLight;
  color: #8f8f8f;
  font-size: 1.3rem;
  text-transform: uppercase
}

.fid-popin-to-show .fidelity .order-loyalty td,
.fid-popin-to-show .fidelity .order-loyalty th,
.fid-popin-to-show .fidelity .store-loyalty-points td,
.fid-popin-to-show .fidelity .store-loyalty-points th {
  text-align: left!important;
  padding-left: 5%;
  vertical-align: top
}

.fid-popin-to-show .fidelity .order-loyalty td:last-child,
.fid-popin-to-show .fidelity .order-loyalty th:last-child,
.fid-popin-to-show .fidelity .store-loyalty-points td:last-child,
.fid-popin-to-show .fidelity .store-loyalty-points th:last-child {
  padding-left: 2.5%;
  padding-right: 5%
}

.fid-popin-to-show .fidelity .order-loyalty th:first-child,
.fid-popin-to-show .fidelity .store-loyalty-points th:first-child {
  width: 20%
}

.fid-popin-to-show .fidelity .order-loyalty th:last-child,
.fid-popin-to-show .fidelity .store-loyalty-points th:last-child {
  width: 10%
}

.fid-popin-to-show .fidelity td,
.fid-popin-to-show .fidelity th {
  border-bottom: 1px solid #d3d3d3!important
}

ul.social-link {
  padding: 0
}

ul.social-link li {
  position: relative;
  background: #f8f8f8;
  padding: 13px;
  list-style-type: none;
  margin-bottom: 1px
}

ul.social-link {
  padding: 0
}

ul.social-link li {
  position: relative;
  background: #f8f8f8;
  padding: 13px;
  list-style-type: none;
  margin-bottom: 1px
}

ul.social-link li:before {
  width: 10px;
  content: "";
  height: 21px;
  background-position: -360px -180px;
  position: relative;
  display: inline-block;
  margin-right: 29px;
  vertical-align: -7px;
  margin-left: 4px
}

ul.social-link li#social-login-google:before {
  width: 24px;
  background-position: -390px -180px;
  margin-right: 18px;
  margin-left: 0
}

ul.social-link li img {
  width: 20px;
  margin-right: 15px
}

ul.social-link li .switch {
  position: absolute;
  right: 20px;
  top: 15px;
  width: 30px;
  height: 20px;
  background: #e3e3e3;
  border-radius: 50px;
  transition: all ease .3s;
  cursor: pointer;
  border: none
}

ul.social-link li .switch:before {
  content: "";
  position: absolute;
  right: 11px;
  top: 1px;
  width: 18px;
  height: 18px;
  background: #fff;
  border-radius: 50%;
  transition: all ease .3s
}

ul.social-link li.active .switch:before {
  right: 1px
}

ul.social-link li.active .switch {
  background: #105a33
}

.fidelityLayout #contactPage .contactPage-column-right .customerInformations .customerContact {
  border-right: none;
  padding: 0
}

.fidelityLayout #contactPage .contactPage-column-right .customerInformations .customerContact:before {
  display: none
}

.fidelityLayout #contactPage .contactPage-column-right .customerInformations .customerContact .title {
  text-align: left
}

.fidelityLayout .customerInformations {
  margin-top: 40px
}

@media screen and (max-width:640px) {
  .fidelityLayout .customerInformations {
    padding: 0 20px
  }
}

.fidelityLayout .customerInformations .customer-left,
.fidelityLayout .customerInformations .customer-right {
  width: 48%
}

@media screen and (max-width:640px) {
  .fidelityLayout .customerInformations .customer-left,
  .fidelityLayout .customerInformations .customer-right {
    width: 100%
  }
}

.fidelityLayout .customerInformations .customer-left {
  margin-right: 4%
}

@media screen and (max-width:640px) {
  .fidelityLayout .customerInformations .customer-left {
    margin: 0 0 20px
  }
}

.customerInformations .customer-left .customerContact,
.customerInformations .customer-right .orders {
  background: #fff;
  color: #292929;
  width: 100%;
  padding: 0;
  border: none
}

.customerInformations .customer-left .customerContact:before,
.customerInformations .customer-right .orders:before {
  display: none
}

.customerInformations .customer-left .customerContact .title,
.customerInformations .customer-right .orders .title {
  margin: 0 40px;
  padding: 40px 0 15px;
  font: 1.5rem/1.7rem LacosteSansCondensedBold;
  text-align: left;
  color: #292929;
  border-bottom: 1px solid #e9e9e9
}

.customerInformations .customer-left .customerContact .content,
.customerInformations .customer-right .orders .content {
  text-transform: none;
  padding: 100px 40px 32px;
  text-align: center;
  height: 46px;
  position: relative;
  box-sizing: content-box;
  font: 1.3rem/2.3rem LacosteSansLight;
  color: #292929
}

.customerInformations .customer-left .customerContact .content .bold,
.customerInformations .customer-right .orders .content .bold {
  display: block;
  margin-bottom: -15px;
  font: 1.5rem/2rem LacosteSansCondensedBold
}

.customerInformations .customer-left .customerContact .content:before,
.customerInformations .customer-right .orders .content:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -244px -83px;
  width: 32px;
  height: 49px;
  margin-left: -16px;
  -webkit-filter: grayscale(100%);
  filter: invert(100%)
}

.customerInformations .customer-right .orders .content:before {
  background-image: url(/img/sprite-icofid.png);
  background-position: -313px 0;
  width: 49px;
  height: 44px;
  margin-left: -25px;
  -webkit-filter: grayscale(0);
  filter: invert(0)
}

.customerInformations .link {
  position: relative;
  background: #fff;
  padding: 25px 40px 10px;
  border: 1px solid #e9e9e9;
  border-width: 1px 0;
  text-align: right
}

.customerInformations .link a {
  color: #292929;
  color: #fff;
  font: 1.3rem/3.1rem LacosteSansCondensedBold;
  text-decoration: none
}

.customerInformations .link a:before {
  content: "";
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -159px -564px;
  width: 4px;
  height: 7px;
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 10px;
  transform: rotate(180deg)
}

@keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

.accordion-content {
  display: none
}

.accordion-content.active {
  display: block
}

.account-my-order .column-half {
  width: 100%
}

.account-my-order .accordion-content {
  max-height: none!important
}

.account-my-order .order-products .product-info {
  margin-top: 20px;
  display: block
}

.account-my-order .order-products .product-colors {
  margin: 0
}

.account-my-order .order-products .product-image img {
  max-height: 90px
}

.account-my-order .order-products .item-col {
  display: block
}

.account-my-order .order-products .item-col.co-product {
  padding: 0
}

.account-my-order .order-container .only-order-desktop a {
  text-align: right;
  border-bottom: 2px solid transparent!important;
  width: fit-content;
  outline: 0
}

.account-my-order .order-container .only-order-desktop a:hover {
  text-decoration: none;
  border-bottom: 2px solid #797979!important
}

.my-account .salutation {
  margin-bottom: 75px
}

.my-account .pull-left h1 {
  margin: 0
}

.my-account .pull-left p {
  margin-top: 0
}

.no_orders {
  text-align: center;
  margin-top: 25px
}

.order-global {
  display: table;
  width: 100%;
  margin: 0
}

.order-review {
  background: #f5f5f5
}

.main {
  background: #f5f5f5;
  border: none;
  width: 25%;
  padding: 2em 4em;
  display: table-cell;
  float: none;
  min-height: 0;
  vertical-align: middle
}

.title-sidebar {
  font-size: 1.5rem;
  font-family: LacosteSansBold
}

.date-order {
  font-size: 1.5rem;
  color: #797979;
  font-family: LacosteSansLight
}

.orderDetail.active:before {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background: url(../img/ico/submenu-close.png) no-repeat;
  margin-right: 5px
}

.sku-infos-title {
  font-size: 1.2rem;
  font-family: LacosteSansBold;
  text-transform: uppercase;
  text-decoration: none;
  border-bottom: 2px solid transparent
}

.sku-infos-title:hover {
  border-bottom: 2px solid #797979;
  text-decoration: none;
  cursor: pointer
}

.sku-infos-title.no-under:hover {
  border-bottom: 2px solid transparent
}

.order-products {
  list-style-type: none;
  margin: 15px 0;
  padding: 0;
  float: none;
  display: block;
  min-height: 0;
  vertical-align: middle
}

.order-products .item-col,
.order-products .product-info {
  color: #797979;
  line-height: 1.3em;
  display: table-row;
  width: 100%;
  vertical-align: top
}

.order-products .item-col .monogram-txt,
.order-products .product-info .monogram-txt {
  text-transform: initial
}

.order-products .item-size {
  display: block
}

.order-products .product-image {
  display: table-row;
  width: 100%;
  text-align: center
}

.order-products .product-image img {
  vertical-align: top;
  margin: 1em 1em 0 0;
  width: 100%;
  width: 88px;
  max-width: 100%
}

@media screen and (min-width:0px) and (max-width:319px) {
  .order-products .product-image img {
    width: 45px
  }
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-products .product-image img {
    width: 65px
  }
}

@media screen and (min-width:768px) and (max-width:1023px) {
  .order-products .product-image img {
    width: 72px
  }
}

.order-products .product-colors {
  margin: 0;
  text-align: left
}

.order-products .product-colors li {
  vertical-align: middle;
  position: relative;
  top: -1px
}

.order-products .order-product {
  display: table-cell;
  width: 25%;
  float: left;
  padding: 2em
}

.order-products .order-product .left {
  float: left
}

.order-products .order-product .left .big {
  font-size: 1.5rem;
  font-family: LacosteSansBold;
  margin: 10px 0
}

.order-products .order-product .left .big.greenText {
  color: #285f41
}

.order-products .order-product .right {
  float: left;
  width: 40%;
  text-align: right
}

.order-products .order-product .right li {
  font-size: 1.2em
}

.order-products .order-product .right .big {
  font-family: LacosteSansBold;
  margin: 10px 0
}

.order-products .order-product .right .big.greenText {
  color: #285f41
}

.order-products .details-order {
  font-size: 1.2rem;
  font-family: LacosteSansLight;
  text-transform: lowercase
}

.order-faq {
  width: 30%;
  float: none;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  min-height: 0
}

.order-faq .order-faq-question a {
  color: #454545;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 1.2rem;
  font-family: LacosteSansLight
}

.global-feedback {
  width: 30%;
  float: none;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  min-height: 0
}

.global-feedback .order-feedback-btn {
  color: #454545;
  font-size: 1.2rem;
  border: 1px solid #454545;
  padding: 1em;
  font-family: LacosteSansLight;
  text-decoration: none
}

.order-global-expand {
  margin: 0;
  display: table;
  width: 100%;
  border-bottom: 1px solid #ededed;
  border-right: 1px solid #ededed
}

.order-global-expand .main-expand {
  background: #fff
}

.order-global-expand .main-expand.shipping {
  background: url(../img/quick-access.png) bottom right no-repeat;
  border-right: 1px solid #ededed
}

.order-global-expand .main-expand.payment {
  background: url(../img/myorder-payment-bg.png) bottom right no-repeat;
  border-right: 1px solid #ededed
}

.order-global-expand .inner-total {
  padding: 0 0 0 30px;
  list-style-type: none;
  line-height: 1.8rem
}

.order-global-expand .inner-total .asterisk {
  margin-top: 20px
}

.order-global-expand .order-products {
  padding: 0;
  margin: 0
}

.order-global-expand .order-products .order-product {
  padding: .3em
}

.View-order-details {
  width: 100%;
  float: left;
  position: relative
}

.View-order-details a {
  color: #797979
}

.View-order-details .order-product {
  width: 33%
}

.myorder-faq {
  width: 25%;
  position: absolute;
  top: 0;
  right: 0;
  background: #fff;
  border-left: 1px solid #ededed;
  height: 100%;
  border-bottom: 1px solid #ededed
}

.myorder-faq .box-infos {
  border: none
}

.myorder-faq .title-no-picto {
  padding: 0 0 0 30px;
  font-size: 1.5rem;
  font-family: LacosteSansBold;
  margin-top: 25px
}

.myorder-faq .title-sidebar-faq {
  font-size: 1.2rem;
  font-family: LacosteSansBold
}

.btn-plus .close {
  display: none
}

.btn-plus.active .view-details-faq:after {
  visibility: visible
}

.btn-plus.active .btn-plus .open {
  display: none
}

.btn-plus.active .btn-plus .close {
  display: inline
}

.nav {
  width: 100%;
  padding: 4em;
  border-bottom: 1px solid #ededed
}

.nav ul {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding: 0!important
}

.nav ul li {
  list-style-type: none;
  display: inline;
  margin: 0 10px
}

.nav ul li a {
  color: #454545;
  font-size: 1.2rem;
  text-decoration: none;
  text-transform: uppercase
}

.nav ul li a .active {
  font-family: LacosteSansBold
}

.nav ul li a span {
  font-family: LacosteSansBold;
  padding: 0 10px
}

.nav ul li:hover {
  text-decoration: underline;
  cursor: pointer
}

.tracking-info {
  padding: 30px
}

.tracking-info .table {
  display: table
}

.tracking-info .table .table-cell,
.tracking-info .table .table-header {
  padding: 10px;
  display: table-cell
}

.tracking-info .table .table-header {
  font-family: LacosteSansBold;
  font-size: 1.5rem
}

.tracking-info .table .table-row {
  display: table-row;
  border-bottom: 1px solid #ededed
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .order-products .order-product {
    width: 32.8%;
    padding: 2%
  }
  .product-colors li {
    top: -2px
  }
  .order-global {
    width: 100%
  }
  .order-products .details-order,
  .sku-infos-title {
    font-size: 1rem
  }
  .View-order-details {
    width: 100%!important;
    float: left
  }
  .myorder-faq {
    float: right;
    width: 100%!important;
    position: static;
    border-left: 1px solid #ededed;
    height: 100%;
    border-bottom: 1px solid #ededed
  }
  .myorder-faq .box-infos {
    border: none
  }
  .myorder-faq .title-no-picto {
    padding: 0 0 0 30px;
    font-size: 1.5rem;
    font-family: LacosteSansBold;
    margin: 10px 0
  }
  .order-products.order-content-col-wrapper {
    display: block
  }
}

@media screen and (max-width:767px) {
  .View-order-details {
    width: 100%!important;
    float: left
  }
  .myorder-faq {
    float: right;
    width: 100%!important;
    position: static
  }
  .myorder-faq .box-infos {
    border: none
  }
  .myorder-faq .title-no-picto {
    padding: 0 0 0 30px
  }
  .order-account-mobil .order-products .order-product {
    width: 50%;
    display: block;
    padding: 5%
  }
  .order-account-mobil .order-products .product-pic {
    padding: 0 0 2em 0
  }
  .order-global {
    width: 100%
  }
  .order-global .details-order:after {
    border-color: #ededed transparent transparent transparent;
    right: auto;
    top: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    bottom: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20;
    bottom: -45px;
    margin-left: -15px
  }
  .order-global-expand .main {
    padding: 1em 1.5em 0 1.5em;
    width: 100%;
    display: block
  }
  .order-global-expand .order-products .order-product {
    float: none;
    display: block;
    width: 100%;
    padding: 0 2em 0 0
  }
  .order-global-expand .order-products .order-product .product-pic {
    border-bottom: 1px solid #ededed;
    padding: 0 0 2em 0
  }
  .order-global-expand .inner-total {
    padding: 0 0 0 1.5em
  }
  .order-global-expand .main-expand.shipping {
    background: 0 0
  }
  .order-global-expand .main-expand.payment {
    background: 0 0
  }
  .View-order-details,
  .myorder-faq {
    float: none;
    width: auto
  }
  .order-products.order-content-col-wrapper {
    display: none
  }
  .tracking-info {
    padding: 15px
  }
  .tracking-info .table {
    max-width: 250px
  }
  .tracking-info .table .table-cell,
  .tracking-info .table .table-header {
    display: inline-block;
    margin-right: 12px;
    padding: 0
  }
  .tracking-info .table .table-row {
    padding: 15px 0;
    border-bottom: 1px solid #ededed;
    display: block
  }
  .tracking-info .table .table-description {
    margin-right: 0;
    font-family: LacosteSansBold;
    display: block;
    margin-top: 5px
  }
  .tracking-info .table .no-mobile {
    display: none
  }
}

@keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

.the-essential {
  position: relative
}

.the-essential .certona .te-main {
  position: relative!important;
  float: left!important
}

.the-essential .certona .swiper-wrapper {
  background-color: #fff;
  height: 500px
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .the-essential .certona .swiper-wrapper {
    height: 460px
  }
}

@media screen and (min-width:1024px) and (max-width:1440px) {
  .the-essential .certona .swiper-wrapper {
    height: 490px
  }
}

@media screen and (min-width:1440px) and (max-width:1920px) {
  .the-essential .certona .swiper-wrapper {
    height: 600px
  }
}

.the-essential .te-main {
  width: 25%;
  padding: 0 50px;
  position: absolute;
  left: 0;
  top: 0;
  height: 335px;
  z-index: 10;
  background-color: #fff
}

.the-essential .te-main .block-content {
  padding-top: 30%
}

.the-essential .te-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.the-essential .te-mood {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0
}

.the-essential .te-mood img {
  max-width: 100%;
  height: auto
}

.the-essential .swiper-wrapper {
  background-color: #fff!important
}

.the-essential .swiper-wrapper .swiper-slide {
  position: relative;
  display: inline-block;
  width: calc((100% - 120px)/ 4);
  margin-right: 40px;
  float: none
}

.the-essential .swiper-wrapper .swiper-slide:nth-child(4n) {
  margin-right: 0
}

.the-essential-gray-bg {
  background: #f5f5f5
}

.the-essential-gray-bg .swiper-wrapper,
.the-essential-gray-bg .te-main {
  background: #f5f5f5
}

.the-essential-gray-bg .te-main {
  height: 100%
}

.the-essential-gray-bg .te-main:after {
  border-color: transparent transparent transparent #f5f5f5;
  left: auto;
  bottom: auto;
  top: 50%;
  margin: -15px 0 0 0;
  right: -30px;
  border-width: 15px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20
}

.the-essential-gray-bg .te-main .block-content {
  display: table;
  height: 100%;
  padding-top: 0
}

.the-essential-gray-bg .te-main .block-content-inner {
  display: table-cell;
  vertical-align: middle
}

.the-essential-gray-bg .product {
  background: #fff
}

@media screen and (min-width:768px) {
  .margin-dev {
    margin-left: 25%
  }
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .the-essential-gray-bg .product .product-colors {
    margin-bottom: 0;
    padding: 10px 0
  }
  .the-essential .te-main {
    height: 260px;
    padding: 0 30px
  }
}

@media screen and (max-width:767px) {
  .the-essential .te-mood {
    display: none
  }
  .the-essential .swiper-wrapper .swiper-slide {
    width: 50%
  }
  .the-essential .swiper-wrapper .swiper-slide:nth-child(2n) {
    margin-right: 0
  }
  .the-essential .certona .te-main {
    display: none!important
  }
  .the-essential .te-main {
    padding: 0;
    width: 100%;
    position: relative;
    background: #f5f5f5;
    margin-bottom: 20px;
    height: auto
  }
  .the-essential .te-main:after {
    border-color: #f5f5f5 transparent transparent transparent;
    right: auto;
    top: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    bottom: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .the-essential .te-main .block-content {
    padding: 30px;
    max-width: 440px;
    margin: 0 auto
  }
  .the-essential .te-main .block-description,
  .the-essential .te-main .block-description-black,
  .the-essential .te-main .block-link {
    display: none
  }
  .the-essential .te-main .block-title {
    margin-bottom: 0
  }
  .the-essential-gray-bg {
    background: #fff
  }
  .the-essential-gray-bg .swiper-wrapper {
    background: #fff
  }
}

.accordion-content {
  display: none
}

.accordion-content.active {
  display: block
}

.account-my-order {
  min-height: 400px
}

.account-my-order .column-half {
  width: 100%
}

.account-my-order .accordion-content {
  max-height: none!important
}

.my-account .salutation {
  margin-bottom: 75px
}

.my-account .pull-left h1 {
  margin: 0
}

.my-account .pull-left p {
  margin-top: 0
}

.no_orders {
  text-align: center;
  margin-top: 150px;
  font-family: LacosteSansCondensedBold;
  font-size: 1.8rem
}

.order-global {
  display: table;
  width: 100%;
  margin: 0
}

.order-global .order-title {
  display: table-caption;
  width: 100%;
  padding: 60px 0 30px 40px
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .order-global .order-title {
    display: block;
    padding: 20px
  }
}

.order-global h3 {
  font-size: 1.8rem;
  font-family: LacosteSansCondensedBold;
  color: #292929;
  margin: 0
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-global h3 {
    font-size: 1.5rem
  }
}

.order-global h3 span {
  color: #797979
}

.order-global h3 .order-only-mob {
  display: none;
  float: right;
  height: 25px;
  width: 25px
}

.order-global h3 .order-only-mob .order-ico {
  display: block;
  background: url(../img/ico/submenu-closed-big.png) no-repeat center center;
  height: 25px;
  width: 25px
}

.order-global h3 .order-only-mob .order-ico.active-mob {
  transform: rotate(45deg)
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-global h3 .order-only-mob .order-ico {
    background: url(../img/ico/submenu-closed.png) no-repeat center center;
    height: 20px;
    width: 20px
  }
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .order-global h3 .order-only-mob {
    display: block
  }
}

.order-global h3 .order-only-mob.active {
  transform: rotate(90deg)
}

.order-global .order-container {
  width: 100%;
  margin: 0
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .order-global .order-container {
    display: block
  }
  .order-global .order-container.active-mob {
    height: auto
  }
}

.order-global .order-container .order-container-block {
  display: table;
  width: 100%
}

.order-global .order-only-desktop {
  overflow: hidden;
  height: auto
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .order-global .order-only-desktop {
    height: 0
  }
}

.order-global .order-details {
  background-color: #f8f8f8;
  width: 25%;
  display: table-cell;
  vertical-align: top;
  padding: 20px 40px;
  border-bottom: 1px solid #e5e5e5
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .order-global .order-details {
    width: 100%;
    display: inline-block
  }
}

.order-global .order-details .order-details-left .order-overview-address {
  width: 100%
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-global .order-details .order-details-left .order-overview-address {
    width: 100%
  }
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-global .order-details .order-details-left {
    width: 100%;
    padding-right: 0
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .order-global .order-details .order-details-left {
    width: 50%;
    float: left;
    padding-right: 40px
  }
}

.order-global .order-details .order-payment-right h3 {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #292929;
  text-transform: uppercase;
  margin: 0 0 10px 0
}

.order-global .order-details .order-payment-right .order-right-top li {
  list-style: none;
  margin-bottom: 20px
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-global .order-details .order-payment-right {
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 10px;
    margin-bottom: 20px
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .order-global .order-details .order-payment-right {
    width: 50%;
    float: left;
    padding-right: 40px
  }
}

.order-global .order-details .order-details-title {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #292929;
  text-transform: uppercase;
  margin-bottom: 20px
}

.order-global .order-details .order-overview-title {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #797979;
  width: 100%;
  display: block;
  margin-bottom: 5px;
  text-transform: uppercase
}

.order-global .order-details .order-overview-subtitle {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  line-height: 1.5;
  text-transform: none;
  width: 100%;
  display: block;
  margin-bottom: 5px;
  color: #797979
}

.order-global .order-details .order-overview-address {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  line-height: 2;
  text-transform: none;
  width: 100%;
  display: block;
  margin-bottom: 5px;
  color: #797979
}

.order-global .order-details .order-price {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #105a33;
  margin-bottom: 20px;
  text-transform: uppercase
}

.order-global .order-details .order-link {
  color: #292929;
  font-family: LacosteSansCondensedBold;
  text-decoration: none;
  font-size: 1.3rem;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  float: left
}

@media screen and (min-width:767px) {
  .order-global .order-details .order-link {
    float: none
  }
}

.order-global .order-details .order-link:hover {
  color: #292929;
  text-decoration: underline
}

.order-review {
  background: #f5f5f5
}

.title-sidebar {
  font-size: 1.5rem;
  font-family: LacosteSansBold
}

.date-order {
  font-size: 1.5rem;
  color: #797979;
  font-family: LacosteSansLight
}

.orderDetail.active:after {
  content: "";
  display: inline-block;
  width: 9px;
  height: 9px;
  background: url(../img/ico/submenu-close.png) no-repeat;
  margin-left: 5px
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .order-products-padding {
    padding: 20px;
    border-top: 1px solid #ededed
  }
}

.order-border-bottom {
  border-bottom: 1px solid #e5e5e5
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .order-border-bottom {
    border-bottom: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5
  }
}

.order-products {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: none;
  display: block;
  min-height: 0;
  overflow: hidden;
  vertical-align: top
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .order-products {
    padding: 00px
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .order-products .order-products.return-mode {
    padding: 20px
  }
}

.order-products .product-info {
  color: #797979;
  line-height: 1.5;
  width: 100%;
  vertical-align: top;
  padding: 0 20px
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-products .product-info {
    margin-bottom: 20px
  }
}

.order-products .product-info .order-product-title {
  font-size: 1.3rem;
  font-family: LacosteSansLight;
  color: #292929;
  text-transform: none;
  line-height: 1.5
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-products .product-info .order-product-title {
    margin-bottom: 5px
  }
}

.order-products .product-info .order-desc {
  font-size: 1.3rem;
  font-family: LacosteSansLight;
  color: #797979;
  text-transform: none;
  margin-bottom: 10px
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-products .product-info .order-desc {
    margin-bottom: 5px
  }
}

.order-products .product-info .product-colors {
  margin-bottom: 10px
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-products .product-info .product-colors {
    margin-bottom: 5px
  }
}

.order-products .product-info .color-name {
  text-transform: lowercase;
  margin-left: 5px
}

.order-products .product-info .color-name::first-letter {
  text-transform: uppercase
}

.order-products .product-info .color-attribute {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.order-products .product-info .custom-product-info {
  text-transform: capitalize;
  margin-bottom: 10px
}

.order-products .product-info .custom-product-info .item-custom-color-list {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  font-size: 0;
  line-height: 18px
}

.order-products .product-info .custom-product-info .item-custom-color {
  display: inline-block;
  vertical-align: top;
  width: 12px;
  height: 12px;
  margin-top: 3px;
  margin-right: 4px;
  border: 1px solid #ededed;
  border-radius: 100%
}

.order-products .product-info .custom-product-info .item-custom-color:last-child {
  margin-right: 0
}

.order-products .product-info .product-attribute-name {
  color: #292929
}

.order-products .product-info .product-attribute-value {
  display: inline-block;
  vertical-align: top;
  color: #999;
  text-transform: lowercase
}

.order-products .product-info .product-attribute-value::first-letter {
  text-transform: uppercase
}

.order-products .product-info .color-circle {
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  border: 1px solid #ededed
}

.order-products .product-info .croco-monogram-wrapper {
  display: flex;
  margin: 20px auto 40px;
  font-size: 1.8rem;
  line-height: 1.8rem;
  font-family: LacosteSansCondensedLight
}

.order-products .product-info .croco-monogram-wrapper.no-monogram .croco-wrapper {
  max-width: 100%;
  padding: 0;
  border: none
}

.order-products .product-info .croco-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1
}

.order-products .product-info .croco-wrapper .croco-details {
  display: flex;
  align-items: center
}

.order-products .product-info .croco-wrapper .croco-pos-wrapper {
  text-align: center
}

.order-products .product-info .monogram-wrapper .monogram-details {
  display: flex;
  align-items: center
}

.order-products .product-info .monogram-wrapper .color-circle {
  margin-left: 5px
}

.order-products .item-size {
  display: block
}

.order-products .product-image {
  display: block;
  width: 100%;
  text-align: center
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-products .product-image {
    width: 35%;
    float: left;
    display: table;
    min-height: 140px
  }
}

.order-products .product-image img {
  vertical-align: top;
  margin: auto;
  width: auto;
  max-width: 100%
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-products .product-image img {
    display: table-cell;
    vertical-align: middle
  }
}

.order-products .product-colors {
  margin: 0;
  text-align: left
}

.order-products .product-colors li {
  vertical-align: middle;
  position: relative;
  top: -1px
}

.order-products .order-product {
  display: table-cell;
  width: 33.333333%;
  float: left;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  min-height: 330px;
  padding: 20px 0 0 0;
  position: relative;
  height: auto!important
}

@media screen and (min-width:320px) and (max-width:767px) {
  .order-products .order-product {
    width: 100%;
    min-height: 180px;
    overflow: hidden
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .order-products .order-product {
    min-height: 300px
  }
}

.order-products .order-product:nth-of-type(4),
.order-products .order-product:nth-of-type(5),
.order-products .order-product:nth-of-type(6) {
  border-bottom: none!important
}

.order-products .order-product:last-child {
  border-right: 1px solid #e5e5e5
}

.only-order-mob {
  display: none
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .only-order-mob {
    display: block
  }
}

.View-order-details.mex .order-payment {
  width: 65%
}

@media screen and (min-width:767px) {
  .View-order-details.mex .order-total-desc {
    width: 35%
  }
}

.View-order-details .order-payment {
  display: none;
  width: 75%;
  background-color: #f8f8f8;
  float: left;
  height: 300px;
  padding: 40px 20px;
  border-right: 1px solid #e5e5e5
}

@media screen and (min-width:767px) {
  .View-order-details .order-payment {
    display: block
  }
}

.View-order-details .order-payment .order-payment-left {
  width: 31%;
  height: 100%;
  float: left;
  padding: 0 20px 0 0
}

.View-order-details .order-payment .order-payment-left .order-payment-title {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #292929;
  text-transform: uppercase;
  margin: 0 0 10px 0
}

.View-order-details .order-payment .order-payment-left .order-overview-subtitle {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  line-height: 1.5;
  text-transform: none;
  width: 100%;
  display: block;
  margin-bottom: 5px;
  color: #797979
}

.View-order-details .order-payment .order-payment-left .order-overview-address {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  line-height: 2;
  text-transform: none;
  width: 100%;
  display: block;
  margin-bottom: 5px;
  color: #797979
}

.View-order-details .order-payment .order-payment-left .order-payment-desc {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  text-transform: none;
  color: #797979;
  margin: 0 0 20px 0
}

.View-order-details .order-payment .order-payment-right {
  width: 69%;
  height: 100%;
  float: left;
  padding: 0 20px
}

.View-order-details .order-payment .order-payment-right .order-right-top h3 {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #292929;
  text-transform: uppercase;
  margin: 0 0 10px 0
}

.View-order-details .order-payment .order-payment-right .order-right-top li {
  list-style: none;
  margin-bottom: 20px
}

.View-order-details .order-payment .order-payment-right .order-right-bottom h3 {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #292929;
  text-transform: uppercase;
  margin: 0 0 10px 0
}

.View-order-details .order-payment .order-payment-right .order-right-bottom p {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  text-transform: none;
  color: #797979
}

.View-order-details .order-payment .order-payment-right .order-right-bottom p span.tracking-nbr-only {
  padding-left: 16ex
}

.View-order-details .order-total-title {
  font-family: LacosteSansCondensedBold;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  font-size: 1.3rem
}

.View-order-details .order-total-desc {
  width: 100%;
  height: 300px;
  background-color: #f8f8f8;
  font-size: 1.3rem;
  font-family: LacosteSansLight;
  padding: 40px 20px;
  text-transform: none;
  overflow: hidden;
  float: left
}

@media screen and (min-width:767px) {
  .View-order-details .order-total-desc {
    width: 25%
  }
}

.View-order-details .order-total-right {
  text-align: right;
  width: 40%
}

.View-order-details .order-total-left {
  width: 60%
}

.View-order-details ul {
  padding: 0;
  margin: 0;
  float: left
}

.View-order-details ul li {
  list-style: none;
  margin-bottom: 5px
}

.View-order-details ul .order-total-bigTitle {
  font-size: 1.8rem;
  text-transform: uppercase;
  color: #105a33;
  font-family: LacosteSansCondensedBold
}

.order-faq {
  width: 30%;
  float: none;
  text-align: left;
  display: table-cell;
  vertical-align: middle;
  min-height: 0
}

.order-faq .order-faq-question a {
  color: #454545;
  text-decoration: none;
  text-transform: lowercase;
  font-size: 1.2rem;
  font-family: LacosteSansLight
}

.global-feedback {
  width: 30%;
  float: none;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  min-height: 0
}

.global-feedback .order-feedback-btn {
  color: #454545;
  font-size: 1.2rem;
  border: 1px solid #454545;
  padding: 1em;
  font-family: LacosteSansLight;
  text-decoration: none
}

.View-order-details {
  width: 100%;
  float: left;
  padding: 20px;
  position: relative
}

.View-order-details a {
  color: #797979
}

.View-order-details .order-product {
  width: 33%
}

.btn-plus .close {
  display: none
}

.btn-plus.active .view-details-faq:after {
  visibility: visible
}

.btn-plus.active .btn-plus .open {
  display: none
}

.btn-plus.active .btn-plus .close {
  display: inline
}

.nav {
  width: 100%;
  padding: 4em;
  border-bottom: 1px solid #ededed
}

.nav ul {
  margin: 0 auto;
  width: 100%;
  text-align: center;
  padding: 0!important
}

.nav ul li {
  list-style-type: none;
  display: inline;
  margin: 0 10px
}

.nav ul li a {
  color: #454545;
  font-size: 1.2rem;
  text-decoration: none;
  text-transform: uppercase
}

.nav ul li a .active {
  font-family: LacosteSansBold
}

.nav ul li a span {
  font-family: LacosteSansBold;
  padding: 0 10px
}

.nav ul li:hover {
  text-decoration: underline;
  cursor: pointer
}

.tracking-info {
  padding: 30px
}

.tracking-info .table {
  display: table
}

.tracking-info .table .table-cell,
.tracking-info .table .table-header {
  padding: 10px;
  display: table-cell
}

.tracking-info .table .table-header {
  font-family: LacosteSansBold;
  font-size: 1.5rem
}

.tracking-info .table .table-row {
  display: table-row;
  border-bottom: 1px solid #ededed
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .order-products .order-product {
    width: 33.333333%;
    padding: 0
  }
  .product-colors li {
    top: 0
  }
  .order-global {
    width: 100%
  }
  .order-products .details-order,
  .sku-infos-title {
    font-size: 1rem
  }
  .View-order-details {
    width: 100%!important;
    float: left
  }
  .myorder-faq {
    float: right;
    width: 100%!important;
    position: static;
    border-left: 1px solid #ededed;
    height: 100%;
    border-bottom: 1px solid #ededed
  }
  .myorder-faq .box-infos {
    border: none
  }
  .myorder-faq .title-no-picto {
    padding: 0 0 0 30px;
    font-size: 1.5rem;
    font-family: LacosteSansBold;
    margin: 10px 0
  }
  .order-products.order-content-col-wrapper {
    display: block
  }
}

@media screen and (min-width:768px) and (max-width:1279px) and (min-width:768px) and (max-width:1023px) {
  .order-products.order-content-col-wrapper {
    display: block;
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .View-order-details {
    width: 100%!important;
    float: left
  }
  .myorder-faq {
    float: right;
    width: 100%!important;
    position: static
  }
  .myorder-faq .box-infos {
    border: none
  }
  .myorder-faq .title-no-picto {
    padding: 0 0 0 30px
  }
  .order-global {
    width: 100%
  }
  .order-global .details-order:after {
    border-color: #ededed transparent transparent transparent;
    right: auto;
    top: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    bottom: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20;
    bottom: -45px;
    margin-left: -15px
  }
  .order-global-expand .main {
    padding: 1em 1.5em 0 1.5em;
    width: 100%;
    display: block
  }
  .order-global-expand .order-products .order-product {
    float: none;
    display: block;
    width: 100%;
    padding: 0 2em 0 0
  }
  .order-global-expand .order-products .order-product .product-pic {
    border-bottom: 1px solid #ededed;
    padding: 0 0 2em 0
  }
  .order-global-expand .inner-total {
    padding: 0 0 0 1.5em
  }
  .order-global-expand .main-expand.shipping {
    background: 0 0
  }
  .order-global-expand .main-expand.payment {
    background: 0 0
  }
  .View-order-details,
  .myorder-faq {
    float: none;
    width: auto
  }
  .tracking-info {
    padding: 15px
  }
  .tracking-info .table {
    max-width: 250px
  }
  .tracking-info .table .table-cell,
  .tracking-info .table .table-header {
    display: inline-block;
    margin-right: 12px;
    padding: 0
  }
  .tracking-info .table .table-row {
    padding: 15px 0;
    border-bottom: 1px solid #ededed;
    display: block
  }
  .tracking-info .table .table-description {
    margin-right: 0;
    font-family: LacosteSansBold;
    display: block;
    margin-top: 5px
  }
  .tracking-info .table .no-mobile {
    display: none
  }
}

[class*=" icon-font-"],
[class^=icon-font-] {
  font-family: icon-font;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-font-applied:before {
  font-family: iconfont;
  content: ""
}

.icon-font-arrow-down:before {
  font-family: iconfont;
  content: ""
}

.icon-font-arrow:before {
  font-family: iconfont;
  content: ""
}

.icon-font-available-in-store:before {
  font-family: iconfont;
  content: ""
}

.icon-font-back-arrow:before {
  font-family: iconfont;
  content: ""
}

.icon-font-cart:before {
  font-family: iconfont;
  content: ""
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-validated .checkout-step-number:before,
.icon-font-check-stepper:before {
  font-family: iconfont;
  content: ""
}

.icon-font-chevron-left:before {
  font-family: iconfont;
  content: ""
}

.icon-font-chevron-right:before {
  font-family: iconfont;
  content: ""
}

.icon-font-close:before {
  font-family: iconfont;
  content: ""
}

.icon-font-cross:before {
  font-family: iconfont;
  content: ""
}

.icon-font-delivery:before {
  font-family: iconfont;
  content: ""
}

.icon-font-edit:before {
  font-family: iconfont;
  content: ""
}

.icon-font-fourtyeight-hour:before {
  font-family: iconfont;
  content: ""
}

.icon-font-free-return:before {
  font-family: iconfont;
  content: ""
}

.icon-font-gift:before {
  font-family: iconfont;
  content: ""
}

.icon-font-localize-me:before {
  font-family: iconfont;
  content: ""
}

.icon-font-one-hour:before {
  font-family: iconfont;
  content: ""
}

.icon-font-refused:before {
  font-family: iconfont;
  content: ""
}

.icon-font-relay-point:before {
  font-family: iconfont;
  content: ""
}

.icon-font-returns:before {
  font-family: iconfont;
  content: ""
}

.icon-font-shoprunner:before {
  font-family: iconfont;
  content: ""
}

.icon-font-store-locator:before {
  font-family: iconfont;
  content: ""
}

.icon-font-store:before {
  font-family: iconfont;
  content: ""
}

.icon-font-validate:before {
  font-family: iconfont;
  content: ""
}

@media screen and (min-width:768px) {
  .page-wrapper .main-container [data-fixed-limit] {
    position: static;
    left: 64%;
    z-index: 155
  }
  .page-wrapper .main-container [data-fixed-limit]:is-fixed {
    position: static
  }
}

@media screen and (min-width:1280px) {
  .page-wrapper .main-container [data-fixed-limit] {
    left: 75%;
    width: 25%
  }
  .page-wrapper .main-container [data-fixed-limit]:is-fixed {
    position: static
  }
}

.w2s-available {
  position: relative;
  display: block;
  width: 100%;
  height: 34px;
  padding-left: 45px;
  font-family: LacosteSansCondensedBold;
  line-height: 3.4rem;
  text-align: left;
  text-decoration: none;
  color: #292929;
  background: 0 0;
  border: none;
  outline: 0
}

.w2s-available:hover {
  text-decoration: none
}

.w2s-available .icon-svg {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 3.4rem;
  line-height: 3.4rem;
  fill: #292929
}

.w2s-available .w2s-available-label {
  display: block;
  line-height: 1;
  text-decoration: underline
}

@media screen and (max-width:767px) {
  .w2s-available {
    display: inline-block;
    vertical-align: top;
    width: auto;
    text-align: center;
    padding: 0
  }
  .w2s-available .icon-svg {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px
  }
  .w2s-available .w2s-available-label {
    display: inline-block;
    vertical-align: top;
    line-height: 3.4rem
  }
}

.main-container .productPageTop .reinsurance-box-infos {
  padding: 0
}

.reinsurance-box-infos .reinsurance-box-wrapper {
  display: table;
  width: 100%;
  height: 86px;
  table-layout: fixed;
  margin: 0;
  padding: 0;
  text-align: center
}

.reinsurance-box-infos .reinsurance-box-item {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
  border-right: 1px solid #e5e5e5;
  text-transform: none;
  font-family: LacosteSansCondensedLight;
  color: #292929
}

.reinsurance-box-infos .reinsurance-box-item:last-child {
  border: none
}

.reinsurance-box-infos .reinsurance-box-item .icon-svg {
  line-height: 2.5rem;
  margin-bottom: 5px;
  fill: #292929
}

.reinsurance-box-infos .reinsurance-box-item .icon-svg.icon-delivery {
  font-size: 2.8rem
}

.reinsurance-box-infos .reinsurance-box-item .icon-svg.icon-gift {
  font-size: 2rem
}

.reinsurance-box-infos .reinsurance-box-item .icon-svg.icon-returns {
  font-size: 2.5rem
}

.reinsurance-box-infos .reinsurance-box-item .icon-svg.icon-shoprunner {
  font-size: 2.5rem
}

.reinsurance-box-infos .reinsurance-box-item .icon-svg.icon-store1h {
  font-size: 2.5rem
}

.reinsurance-box-infos .reinsurance-box-item .icon-svg.icon-store48h {
  font-size: 2.5rem
}

.reinsurance-box-infos .reinsurance-box-label {
  display: block
}

.pager-inner {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd
}

.product-infos-content-more {
  padding: 20px 45px 5px 35px;
  font-size: 1.2rem;
  margin: auto;
  text-transform: none
}

@media screen and (min-width:920px) {
  .product-infos-content-more {
    padding-left: 0
  }
}

.product-infos-content-more h2 {
  margin: 3em 0 .1em 0;
  text-transform: uppercase;
  font: 1.5rem/2.5rem LacosteSansCondensedBold
}

@media screen and (max-width:540px) {
  .product-infos-content-more h2 {
    margin: 0
  }
}

.product-infos-content-more p {
  text-align: justify
}

.product-infos-content-more ul {
  margin: 0;
  padding: 0 0 0 15px;
  list-style-type: disc
}

ul.careInstructions {
  margin: 20px 0 40px;
  padding: 0;
  list-style-type: none
}

@media screen and (min-width:920px) {
  ul.careInstructions {
    padding-right: 45px
  }
}

@media screen and (min-width:769px) and (max-width:919px) {
  ul.careInstructions {
    padding: 0 45px 0 35px
  }
}

ul.careInstructions li {
  margin: 25px 19px;
  display: inline-block
}

ul.careInstructions li:first-child {
  margin-left: 0
}

ul.careInstructions li:last-child {
  margin-right: 0
}

ul.careInstructions img {
  width: 34px;
  height: auto
}

@media screen and (max-width:1279px) {
  ul.careInstructions li {
    margin: 15px
  }
}

.other-universes {
  position: relative;
  float: left;
  width: 100%;
  background: #fff
}

.other-universes:after {
  content: "";
  height: 100%;
  position: absolute;
  left: 50%;
  width: 1px;
  border-left: 1px solid #ededed;
  display: block;
  z-index: 10;
  margin-left: -1px
}

.model-info {
  clear: both;
  overflow: hidden
}

.model-info p {
  margin: 7px 0;
  position: relative;
  top: 10px
}

#content {
  width: 400px
}

.zoom:after {
  content: '';
  display: block;
  width: 33px;
  height: 33px;
  position: absolute;
  top: 0;
  right: 0
}

.overflow {
  display: none
}

.zoom img {
  display: block
}

.popGlob {
  position: absolute
}

.popZoom {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  z-index: 10000;
  background-color: #fff
}

.popZoom .zoom-img-container {
  position: relative;
  height: 100%;
  overflow-y: auto
}

.popZoom .zoom-img-container img {
  width: 100%;
  position: relative
}

.popZoom .cross {
  position: fixed;
  z-index: 5;
  cursor: pointer;
  top: 25px;
  right: 25px
}

.popZoom .previous {
  position: fixed;
  z-index: 5;
  cursor: pointer;
  top: 50vh;
  left: 5px
}

.popZoom .next {
  position: fixed;
  z-index: 5;
  cursor: pointer;
  top: 50vh;
  right: 25px
}

.galeria-wrapper {
  transition: .2s
}

.galeria-wrapper span img {
  margin-bottom: 20px
}

@media screen and (min-width:769px) {
  .galeria-wrapper span img {
    cursor: url(../img/cursor/zoom.cur), default
  }
}

.hide {
  display: none
}

p.product-reference {
  margin-top: 0;
  margin-bottom: 0
}

.price-standard {
  padding-right: 5px;
  color: #999;
  text-decoration: line-through
}

.sku-product-price {
  margin-top: 10px
}

.box-infos .sku-product-rate p:first-child,
.sku-product-rate p {
  margin: 15px 0
}

.sku-product-rate p:nth-of-type(2) a {
  font-family: LacosteSansCondensedLight;
  color: #292929;
  position: relative;
  display: inline-block;
  padding-left: 15px;
  text-decoration: underline
}

.sku-product-rate p:nth-of-type(2) a:after {
  content: '';
  position: absolute;
  left: 3px;
  top: 6px;
  height: 7px;
  width: 4px;
  background-image: url(../img/ico-s345d3ec959.png);
  background-position: 0 -4861px;
  background-repeat: no-repeat
}

#rwsRate-render {
  cursor: pointer
}

#rwsRate-render img {
  width: 25px;
  display: inline-block;
  margin-top: -7px
}

.starsP img {
  width: 10px
}

#atg_call .my-cart a,
#atg_chat .my-cart a,
.my-cart #atg_call a,
.my-cart #atg_chat a,
.my-cart a.btn,
.my-cart a.faqchat {
  font-family: LacosteSansBold;
  background: #285f41;
  font-size: 1.2rem;
  border: 1px solid #285f41
}

#atg_call .my-cart a:hover,
#atg_chat .my-cart a:hover,
.my-cart #atg_call a:hover,
.my-cart #atg_chat a:hover,
.my-cart a.btn:hover,
.my-cart a.faqchat:hover {
  background: #454545;
  border-color: #454545
}

.proximis .proximisOpener {
  text-align: center;
  border: 1px solid #454545;
  padding: 11px;
  margin-bottom: 16px
}

.proximis .proximisOpener .link-lower {
  text-transform: uppercase;
  font-size: 1.5rem;
  color: #454545;
  font-family: LacosteSansCondensedBold;
  text-decoration: none;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -557px -223px;
  width: 13px;
  height: 19px;
  padding: 0 25px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .proximis .proximisOpener .link-lower {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -421px -58px;
    background-size: 457px 446px
  }
}

@media screen and (min-width:768px) {
  [data-fixed-limit] .sku-product-name {
    margin: 0 0 .2em
  }
  .sku .sku-product-price {
    margin-top: 0
  }
  .sku-product-price.mobile-price {
    display: none
  }
  .product-mobile-tablet-block {
    display: none
  }
}

@media screen and (max-width:767px) {
  .product-mobile-tablet-block {
    display: block
  }
  .model-info {
    display: none
  }
  .share-rate {
    margin: 0
  }
  .other-universes .column-half {
    border-bottom: 1px solid #ededed
  }
  .other-universes:after {
    display: none
  }
  .productbreadcrumb {
    padding: 0 30px
  }
  .product-infos-content-more {
    padding: 20px 30px 5px 30px
  }
  .sku .sku-product-price {
    float: none
  }
  #rwsRate-render {
    clear: both;
    margin-top: 10px;
    display: inline;
    width: 50%
  }
  .rwsLinkComment {
    display: inline-block;
    width: 40%;
    float: right
  }
  #rwsRate-render>span,
  .box-infos .sku-product-rate p:first-child,
  .rwsLinkComment,
  .sku-product-rate p {
    margin-top: 5px;
    display: inline-block
  }
}

.product-description.sku-info-gray {
  font: 1.3rem/2.3rem LacosteSansLight;
  padding: 0;
  margin: 1em 0;
  padding: .5em 0 1em 0;
  border-bottom: 1px solid #eee;
  border-top: 1px solid #eee;
  text-align: left;
  color: #606060
}

.product-description.sku-info-gray p {
  margin: 0 0 .5em 0
}

.product-description.sku-info-gray .sku-infos-title {
  text-transform: uppercase;
  font: 1.5rem/1.7rem LacosteSansCondensedBold;
  color: #292929
}

.product-description.sku-info-gray a {
  text-align: right;
  display: block;
  color: #292929;
  padding-right: 15px;
  position: relative;
  font: 1.3rem/1.5rem LacosteSansCondensedLight;
  text-transform: uppercase
}

.product-description.sku-info-gray a:after {
  content: '';
  position: absolute;
  right: 2px;
  top: 7px;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -524px -526px;
  width: 7px;
  height: 4px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .product-description.sku-info-gray a:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -358px -380px;
    background-size: 457px 446px
  }
}

div.SpecificDesc>div.product-description.sku-info-gray {
  border: none
}

.pdp-free-sample {
  text-align: center;
  margin: 2.5em 0
}

.pdp-free-sample a {
  font-family: LacosteSansBold;
  color: #454545;
  position: relative
}

.pdp-free-sample a:before {
  content: '';
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -303px -564px;
  width: 4px;
  height: 7px;
  position: absolute;
  left: -10%;
  top: 18%
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .pdp-free-sample a:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -44px -437px;
    background-size: 457px 446px
  }
}

.zoomLink,
.zoomMobile {
  display: none
}

@media screen and (max-width:540px) {
  .productPageTop .galeria-wrapper .galeria.swiper-wrapper {
    height: inherit
  }
  .zoomLink {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 20%;
    height: 20%;
    background: red;
    display: block;
    background: #fff;
    border: 1px solid #e5e5e5
  }
  .zoomLink:before {
    position: absolute;
    content: '';
    background-image: url(../img/_sprites/sprite-ico.png);
    background-position: -557px -115px;
    width: 16px;
    height: 16px;
    top: 50%;
    left: 50%;
    margin: -8px 0 0 -8px
  }
}

@media screen and (max-width:540px) and (-webkit-min-device-pixel-ratio:1.5),
screen and (max-width:540px) and (min--moz-device-pixel-ratio:1.5),
screen and (max-width:540px) and (-o-min-device-pixel-ratio:3 / 2),
screen and (max-width:540px) and (min-device-pixel-ratio:1.5),
screen and (max-width:540px) and (min-resolution:144dpi) {
  .zoomLink:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: 0 -411px;
    background-size: 457px 446px
  }
}

@media screen and (max-width:540px) {
  .zoomMobile {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    z-index: 2000;
    background: #000;
    background: rgba(0, 0, 0, .6);
    text-align: center
  }
  .zoomMobile .close {
    position: fixed;
    right: 10px;
    top: 0;
    width: 40px;
    height: 40px;
    background: #292929
  }
  .zoomMobile .close:before {
    position: absolute;
    content: '';
    background-image: url(../img/_sprites/sprite-ico.png);
    background-position: -156px -490px;
    width: 15px;
    height: 15px;
    top: 50%;
    left: 50%;
    margin: -7px 0 0 -7px
  }
}

@media screen and (max-width:540px) and (-webkit-min-device-pixel-ratio:1.5),
screen and (max-width:540px) and (min--moz-device-pixel-ratio:1.5),
screen and (max-width:540px) and (-o-min-device-pixel-ratio:3 / 2),
screen and (max-width:540px) and (min-device-pixel-ratio:1.5),
screen and (max-width:540px) and (min-resolution:144dpi) {
  .zoomMobile .close:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -128px -380px;
    background-size: 457px 446px
  }
}

@media screen and (max-width:540px) {
  .zoomMobile img {
    max-height: 200%
  }
}

.sku-product-price.mobile-price {
  float: none!important;
  margin-left: 20px!important;
  margin-bottom: 5px!important;
  width: 100%!important;
  padding: 20px 0 20px 0
}

.selected-color-label {
  font-family: LacosteSansCondensedLight;
  font-size: 1.5rem;
  margin: 0
}

.selected-color-label span {
  font-family: LacosteSansCondensedBold;
  color: #292929
}

.mobile-placeholder,
.sku-product-price.mobile-price {
  width: calc(100% - 120px)!important;
  margin: 0!important;
  display: inline-block
}

.sku-product-price.mobile-price {
  text-align: right;
  width: 120px!important
}

.font-size-0 {
  font-size: 0
}

.mobile-placeholder p {
  margin: 0;
  margin-bottom: 15px
}

@media screen and (max-width:540px) {
  .sales-colors {
    margin-left: 20px
  }
}

.sales-colors .sku-product-price.mobile-price {
  text-align: left;
  width: auto!important
}

@keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@media screen and (min-width:768px) {
  .page-wrapper .main-container [data-fixed-limit] {
    position: static;
    left: 64%;
    z-index: 155
  }
  .page-wrapper .main-container [data-fixed-limit]:is-fixed {
    position: static
  }
}

@media screen and (min-width:1280px) {
  .page-wrapper .main-container [data-fixed-limit] {
    left: 75%;
    width: 25%
  }
  .page-wrapper .main-container [data-fixed-limit]:is-fixed {
    position: static
  }
}

.btn-print {
  float: right;
  margin-top: 20px;
  font-family: LacosteSansBold;
  text-decoration: none;
  color: #454545;
  margin-top: 24px
}

.btn-print:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -517px -276px;
  width: 20px;
  height: 17px;
  content: "";
  display: inline-block;
  margin-right: 10px;
  position: relative;
  top: 3px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .btn-print:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -235px -204px;
    background-size: 457px 446px
  }
}

.btn-print:hover {
  text-decoration: underline
}

.faq .column-three-quarter {
  border-right: 1px solid #ededed
}

.faq .page-title {
  font-size: 4rem;
  margin: 30px 20px 0 0
}

.faq .page-title.newslettersub {
  margin: 0
}

.faq .print {
  display: block;
  position: relative;
  text-align: right;
  top: -47px;
  font-size: 1.6rem;
  right: 0
}

.faq .sku-info-gray {
  margin: 0 20px 30px 0
}

.faq .box-infos {
  border: 0
}

#atg_call .faq .box-infos a,
#atg_chat .faq .box-infos a,
.faq .box-infos #atg_call a,
.faq .box-infos #atg_chat a,
.faq .box-infos .btn,
.faq .box-infos .faqchat {
  margin-bottom: 20px
}

.faq .btn-faq {
  padding-top: 10px
}

.faq .btn-faq .picto-title-faq {
  text-decoration: none;
  padding: 10px 40px;
  position: relative
}

.faq .btn-faq .picto-title-faq:before {
  position: absolute;
  left: 14px;
  top: 8px
}

.faq .btn-faq .faqmail:before {
  top: 11px
}

.faq .column-quarter .accordion-content {
  max-height: 1500px
}

.faq .column-quarter .btn-plus-faq {
  display: none
}

.faq .column-quarter .title-sidebar {
  font-family: LacosteSansBold;
  font-size: 1.5rem;
  color: #454545
}

.faq .column-quarter .btn-plus-faq-help {
  display: none
}

.faq .title-sidebar-faq {
  font-size: 1.5rem;
  font-family: LacosteSansBold;
  color: #454545;
  text-decoration: none;
  text-align: left;
  margin: 1em 2em 0 0
}

.faq .active .picto-title-faq {
  margin-right: 0
}

.faq-subheader {
  width: 81%;
  margin: 0 auto;
  padding: 0 30px
}

.view-details-faq {
  font-size: 1.2rem;
  color: #797979;
  font-family: LacosteSansBold;
  position: relative;
  margin-bottom: 26px
}

.view-details-faq:after {
  border-color: #f5f5f5 transparent transparent transparent;
  right: auto;
  top: auto;
  left: 50%;
  margin: 0 0 0 -15px;
  bottom: -30px;
  border-width: 15px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20;
  bottom: -56px;
  visibility: hidden
}

.block-title-faq {
  font-size: 2.5rem;
  color: #454545;
  margin: 21px 0 4px 0;
  padding: 0 30px
}

.ordering-faq {
  border: 1px solid #ededed;
  border-right: 0;
  text-align: center;
  cursor: pointer;
  margin: 0;
  background: #f5f5f5
}

.ordering-faq.active {
  cursor: default
}

.ordering-faq-bg {
  background: url(../img/product-faq2.png) #f5f5f5 left top no-repeat
}

.payment-faq-bg {
  background: url(../img/payment-faq.png) #f5f5f5 right top no-repeat
}

.delivery-faq-bg {
  background: url(../img/delivery-faq.png) #f5f5f5 left top no-repeat
}

.account-faq-bg {
  background: url(../img/faq-account.png) #f5f5f5 right top no-repeat
}

.use-faq-bg {
  background: url(../img/use-faq.png) #f5f5f5 left top no-repeat
}

.btn-plus-faq {
  float: none
}

.btn-plus-faq:after {
  float: none
}

.accordion-faq {
  text-align: center
}

.accordion-faq .btn-plus .close {
  display: none
}

.accordion-faq.active .view-details-faq:after {
  visibility: visible
}

.accordion-faq.active .btn-plus .open {
  display: none
}

.accordion-faq.active .btn-plus .close {
  display: inline
}

.help-use {
  text-align: left
}

.spacer-faq-title {
  width: 355px;
  background: #dcdcdc;
  height: 1px;
  margin: 0 auto
}

.accordion-content-faq {
  width: 100%;
  padding: 0 20%;
  margin: 26px auto 0 0;
  font-family: LacosteSansLight;
  font-size: 1.2rem;
  color: #797979;
  line-height: 1.9;
  text-align: left;
  background: #fff
}

.accordion-content-faq.active,
.active .accordion-content-faq {
  padding: 20px 20% 10px
}

.title-info-faq {
  text-transform: uppercase;
  margin: 1em 0
}

.faq-list {
  margin: 0
}

.faq-list li {
  list-style-type: none
}

.faq-minimized {
  text-transform: lowercase;
  color: #797979
}

.picto-faq {
  margin: 0 5px 0 0
}

.picto-faq img {
  position: relative;
  top: -6px
}

.terms {
  text-transform: none
}

.terms ol {
  padding: 0 16px
}

.terms ol li {
  list-style: decimal;
  padding-bottom: 20px;
  font-family: LacosteSansBold;
  color: #454545
}

.terms ol li span {
  display: block;
  position: relative;
  left: -15px;
  font-family: LacosteSansLight;
  color: #797979
}

.column-half-tablet:first-child {
  border-bottom: 1px solid #ededed
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .accordion-content-faq {
    font-size: 1rem
  }
  .faq-subheader {
    width: 100%
  }
  .column-quarter .accordion-content {
    display: block
  }
}

@media screen and (max-width:1279px) {
  .faq .column-three-quarter {
    width: 100%
  }
  .faq .column-quarter {
    width: 100%
  }
  .faq .column-quarter .accordion {
    display: block
  }
  .faq .column-quarter .accordion-content.active,
  .faq .column-quarter .active .accordion-content {
    max-height: 600px
  }
  .faq .column-quarter .accordion-content {
    float: left;
    width: 100%;
    text-align: left
  }
  .faq .column-quarter .accordion-content .infos-faq {
    width: 60%;
    float: left
  }
  .faq .column-quarter .accordion-content .btn-faq {
    width: 40%;
    float: left
  }
  .faq .column-quarter .accordion-content .column-half-tablet .btn-faq,
  .faq .column-quarter .accordion-content .column-half-tablet .infos-faq {
    width: auto;
    float: none
  }
  .faq .column-quarter .btn-plus-faq-help {
    display: block;
    margin: 2.5em
  }
  .faq .help-use-accordion {
    border-top: 1px solid #ededed;
    width: 100%;
    bottom: 0;
    cursor: pointer;
    background: #fff;
    display: block;
    z-index: 126;
    left: 0;
    overflow: hidden
  }
  .faq .title-sidebar-faq {
    display: block;
    float: left;
    margin: 1.5em 0 1.5em 2em;
    padding: 0
  }
  .faq .title-sidebar-faq.no-tablet {
    display: none
  }
  .faq .picto-title-faq {
    float: right;
    width: 50%;
    width: 46.3%;
    margin-right: 0
  }
  .faq .title-sidebar-faq-content {
    display: none;
    font-size: 1.5rem;
    font-family: LacosteSansBold;
    color: #454545;
    text-decoration: none
  }
  .faq .column-half-tablet:first-child {
    border: 0
  }
  .sticky-footer {
    left: 0;
    bottom: 0;
    width: 100%;
    background: #fff
  }
  .sticky-footer.fixed-pos {
    position: fixed;
    z-index: 128
  }
}

@media screen and (max-width:767px) {
  .btn-print {
    display: none
  }
  .accordion-content-faq {
    padding: 0 30px
  }
  .accordion-content-faq img {
    max-width: 100%
  }
  .faq-subheader {
    width: auto
  }
  .faq .page-title {
    font-size: 2.4rem
  }
  .faq .no-mobile {
    display: none
  }
  .faq .column-quarter {
    width: 100%
  }
  .faq .column-quarter .accordion-content .btn-faq {
    width: auto;
    float: none
  }
  .faq .column-quarter .box-infos {
    padding-top: 12px
  }
  .faq .column-quarter .btn-faq {
    padding-top: 3px
  }
  .faq .column-quarter .box-infos:last-child {
    padding-bottom: 0
  }
  .faq .column-quarter .btn-plus-faq-help {
    display: block;
    margin: 2.5em
  }
  .faq .column-half-tablet:first-child {
    border-bottom: 1px solid #ededed
  }
  .faq .title-sidebar-faq.no-tablet {
    display: block;
    float: none;
    width: auto
  }
  .help-use {
    border-top: 1px solid #ededed;
    width: 100%;
    bottom: 0;
    cursor: pointer;
    background: #fff;
    position: fixed;
    z-index: 10
  }
  .accordion-content-faq {
    width: 100%
  }
  .faqchat,
  .spacer-faq-title {
    display: none
  }
  .account-faq-bg,
  .delivery-faq-bg,
  .ordering-faq-bg,
  .payment-faq-bg,
  .use-faq-bg {
    background: 0 0
  }
}

@media screen and (min-width:1280px) {
  .faq-subheader {
    padding: 0
  }
  .faq .column-quarter .accordion-content {
    display: block
  }
  .btn-print {
    margin-right: -6%
  }
}

@media screen and (min-width:1680px) {
  .fixed-desktop {
    position: fixed;
    right: 1.5%;
    width: 20%;
    top: 8%;
    text-align: left
  }
}

@media screen and (min-width:1280px) and (max-width:1680px) {
  .fixed-desktop {
    position: fixed;
    right: .5%;
    width: 20%;
    top: 10%;
    text-align: left
  }
}

.sitemap ol {
  padding: 0!important
}

.sitemap a {
  color: #000;
  text-decoration: none;
  font-size: 1.3rem
}

.sitemap .sitemap-header {
  font-size: 4rem;
  margin: 30px 20px 0 0;
  padding-left: 30px
}

.sitemap .column-quarter {
  padding-left: 50px
}

.sitemap .subtitle {
  font-size: 1.8rem;
  position: relative
}

.sitemap .subtitle:after {
  content: "";
  background: #000;
  position: absolute;
  bottom: -5px;
  left: 0;
  width: 25px;
  height: 3px
}

div.accordion-content.accordion-content-faq dd {
  display: block;
  margin: 0
}

@keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

section.magazine {
  margin: 0
}

.block-magazine {
  position: relative;
  overflow: hidden
}

.block-magazine img {
  width: 100%;
  height: auto
}

.block-magazine .block-content-haut {
  padding: 30px;
  max-width: 440px;
  margin: 0 auto;
  position: relative
}

.block-magazine .block-content-haut:after {
  border-color: #fff transparent transparent transparent;
  right: auto;
  top: auto;
  left: 50%;
  margin: 0 0 0 -15px;
  bottom: -30px;
  border-width: 15px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20;
  content: "";
  display: inline-block;
  position: absolute
}

.block-magazine .block-content-bas {
  padding: 30px;
  max-width: 440px;
  margin: 0 auto;
  position: relative
}

.block-magazine .block-content-bas:before {
  border-color: transparent transparent #fff transparent;
  right: auto;
  bottom: auto;
  left: 50%;
  margin: 0 0 0 -15px;
  top: -30px;
  border-width: 15px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20;
  content: "";
  display: inline-block;
  position: absolute
}

.block-magazine .block-description,
.block-magazine .block-description-black {
  display: block
}

.block-magazine .spacer-magazine {
  height: 100px;
  width: 100%
}

.block-magazine .block-content-slider {
  padding: 30px;
  width: 50%;
  margin: 0 auto
}

.rebound-title {
  font-family: LacosteSansBold;
  font-size: 2.2rem
}

@media screen and (min-width:768px) {
  .block-magazine .block-content {
    padding: 30px
  }
  .column-half:first-child .block-magazine .block-content {
    width: 100%
  }
  .column-half:first-child .block-magazine .block-content:after {
    border-color: #fff transparent transparent transparent;
    right: auto;
    top: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    bottom: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .padding-du {
    padding: 2em 4em
  }
  .padding-du img {
    width: auto
  }
}

@media screen and (min-width:1280px) {
  .block-magazine .block-content {
    padding: 45px
  }
  .column-half:first-child .block-magazine .block-image {
    margin-top: 50px;
    display: block
  }
  .padding-du {
    padding: 5em 10em
  }
  .padding-du img {
    width: auto
  }
}

@media screen and (max-width:1279px) {
  .block-magazine .spacer-magazine {
    display: none
  }
}

@media screen and (max-width:767px) {
  section.magazine {
    margin: 0
  }
  .block-magazine {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -moz-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
  }
  .block-magazine .spacer-magazine {
    height: 0;
    width: 100%
  }
  .block-magazine .block-content-haut {
    padding: 40px 30px;
    width: 100%;
    margin: 0 auto;
    position: relative
  }
  .block-magazine .block-content-haut:after {
    border-color: transparent transparent #fff transparent;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    top: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .block-magazine .block-content-bas {
    padding: 40px 30px;
    width: 100%;
    margin: 0 auto;
    position: relative
  }
  .block-magazine .block-content-bas:after {
    border-color: transparent transparent #fff transparent;
    right: auto;
    bottom: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    top: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .block-image {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1
  }
  .row-magazine .column-quarter {
    width: 100%
  }
  .magazine-4 .block-magazine {
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    border-bottom: 1px solid #ededed
  }
  .magazine-4 .block-content {
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    width: 70%;
    padding: 0 20px
  }
  .magazine-4 .block-image {
    -ms-flex-order: 0;
    -webkit-order: 0;
    order: 0;
    float: left;
    width: 30%;
    overflow: hidden
  }
  .magazine-4 .block-image img {
    width: 132px;
    margin-left: -8px
  }
  .magazine-4 .block-description,
  .magazine-4 .block-description-black,
  .magazine-4 .pre-title {
    display: none
  }
  .magazine-4 .block-link {
    margin-bottom: 15px
  }
  .magazine-4 .title-with-arrow:after {
    border-color: #ededed transparent transparent transparent;
    right: auto;
    top: auto;
    left: 50%;
    margin: 0 0 0 -10px;
    bottom: -20px;
    border-width: 10px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20;
    bottom: -35px
  }
  .magazine-4 .title-15 {
    margin-top: 17px;
    line-height: 1.3
  }
  .padding-du {
    padding: 0
  }
  .padding-du .block-title-image img {
    display: none
  }
  .padding-du img {
    width: auto
  }
  .padding-du-d {
    width: 60%;
    display: table-cell
  }
}

#filterBarRow {
  z-index: 21
}

.title-with-arrow {
  margin-top: 10px
}

.row.fixed {
  position: fixed;
  right: 0;
  z-index: 99;
  background-color: #fff
}

.loading-slider {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 105;
  background: url(../img/Loader-Lacoste.gif) center 40px no-repeat #fff;
  opacity: .8
}

.discover {
  background: #ccc;
  width: 25%;
  float: right;
  line-height: 45rem;
  text-align: center;
  background: #ededed
}

.discover .more-results {
  color: #454545;
  font-size: 1.2rem;
  font-family: LacosteSansBold;
  text-decoration: none
}

.discover .more-results:hover {
  text-decoration: underline
}

.discover .disco-content {
  width: 90%;
  padding: 10px;
  vertical-align: middle;
  display: inline-block;
  line-height: 1.2;
  text-align: left
}

.discover .disco-content .title-result a {
  color: #454545;
  text-decoration: none
}

.discover .disco-content .title-result a:hover {
  text-decoration: underline
}

.block-magazine .block-content {
  padding: 30px
}

.subtitltepro {
  display: block;
  font-size: 1.2rem;
  font-family: LacosteSansLight
}

.hide {
  display: none
}

:checked+label span {
  color: #285f41;
  font-weight: 700
}

.results-big {
  padding: 0;
  overflow: hidden;
  display: table-cell;
  float: none;
  position: relative;
  background: #ededed
}

.results-big img {
  right: 0;
  top: 0;
  position: absolute
}

.results-big .img-wrapper {
  position: absolute;
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  overflow: hidden
}

.contact-us {
  color: #454545;
  text-decoration: none;
  font-family: LacosteSansBold
}

.results-big-l {
  background: #fff;
  border-bottom: 1px solid #ededed;
  float: none;
  padding: 2.4em 4em 3em 4em;
  display: table-cell;
  width: 50%
}

.results-big-l .title-result-seeresult {
  float: right
}

.results-big-l .title-result-seeresult a,
.results-big-l .title-result-seeresult a:hover,
.results-big-l .title-result-seeresult a:visited {
  text-decoration: none;
  color: #000;
  font-size: 1.5rem;
  font-family: LacosteSansBold;
  padding-top: 5px;
  display: block
}

.results-big-l .title-result {
  font-size: 2.5rem;
  font-family: LacosteSansBold;
  margin: 0;
  display: table-cell;
  float: left
}

.results-big-l .title-result span {
  font-family: LacosteSansLight
}

.results-big-l .title-result a {
  color: #454545
}

.results-big-l .results-list {
  list-style-type: none;
  margin: 0;
  padding: 0
}

.results-big-l .results-list li {
  display: inline;
  font-family: LacosteSansBold
}

.results-big-l .results-list li a {
  text-decoration: none;
  color: #454545
}

.results-big-l .results-list li a:hover {
  text-decoration: underline
}

.search-global {
  display: table;
  width: 100%;
  overflow: hidden;
  table-layout: fixed;
  border-bottom: 1px solid #ededed
}

.search-global .your-search {
  background: #f5f5f5
}

.search-global .contactus a {
  color: #454545;
  text-decoration: none;
  font-family: LacosteSansBold
}

.search-global .results .hashtag {
  color: #285f41;
  display: block;
  text-decoration: none;
  margin: .5em 0;
  font-family: LacosteSansBold;
  cursor: pointer
}

.search-global .results .hashtag:hover {
  text-decoration: underline
}

.search-global .results .title-result {
  font-size: 2.5rem;
  font-family: LacosteSansBold;
  margin-bottom: 0;
  display: table-cell
}

.search-global .results .title-result span {
  font-family: LacosteSansLight
}

.search-global .results .result-number {
  font-family: LacosteSansBold;
  margin: 2em 0 0 1em
}

.search-global .results .result-number:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -207px -564px;
  width: 4px;
  height: 7px;
  position: absolute;
  left: 20px;
  margin: 5px;
  content: "";
  display: inline-block
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .search-global .results .result-number:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -98.5px -411px;
    background-size: 457px 446px
  }
}

.search-global .results .result-number a {
  color: #454545;
  text-decoration: none
}

.search-global .results .result-number a:hover {
  text-decoration: underline
}

.search-global .form {
  width: 80%;
  margin: 2em 0
}

.search-global .form input[type=text] {
  border: 0;
  background-color: #fff;
  font-family: LacosteSansLight;
  color: #454545;
  padding: 1em;
  margin: 0;
  width: 100%;
  font-size: 1.2rem;
  border-radius: 0;
  text-transform: none
}

.search-global .form input[type=submit] {
  text-indent: -9999px;
  overflow: hidden;
  border: 0;
  border-radius: 0;
  background-color: transparent;
  position: absolute;
  right: 10px;
  top: 15px;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -355px -273px;
  width: 11px;
  height: 11px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .search-global .form input[type=submit] {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -445px -346.5px;
    background-size: 457px 446px
  }
}

.search-global .form #suggestionsresult {
  background: #fff;
  position: absolute;
  width: 100%
}

.spacer-search {
  height: 50px;
  width: 100%;
  border-right: 1px solid #ededed
}

.all-results .title-result {
  font-size: 2.5rem;
  font-family: LacosteSansBold;
  margin: 1em 0
}

.all-results .title-result a {
  color: #454545;
  text-decoration: none
}

.all-results .title-result a:hover {
  text-decoration: underline
}

.all-results .title-result span {
  font-family: LacosteSansLight
}

.all-results .open {
  color: #fff
}

.all-results select::-ms-expand {
  display: none
}

.all-results select::-moz-expand {
  display: none
}

.right .disco-guide {
  float: right;
  font-family: LacosteSansBold;
  font-size: 1.2rem;
  margin: 0 2em
}

.right .pres {
  margin: 2em
}

.right .inner-step:first-child {
  padding: 0 4em
}

.sub-menu-result {
  width: 100%;
  display: none
}

.sub-menu-result form label {
  display: block;
  margin: .5em 0
}

.clear-filter {
  width: 100%;
  height: 64px;
  border: 1px solid #ededed;
  background: #ededed
}

.clear-filter .clear-all {
  text-decoration: none;
  color: #454545;
  float: left;
  padding: 2em 4em;
  vertical-align: middle;
  font-family: LacosteSansBold
}

.clear-filter .clear-all:after {
  content: "";
  background: url(../img/ico/submenu-close.png) no-repeat;
  display: inline-block;
  margin-left: 6px;
  height: 9px;
  width: 9px
}

.clear-filter .view-results {
  text-decoration: none;
  color: #fff;
  padding: 2em 4em;
  background: #285f41;
  vertical-align: middle;
  display: block;
  float: left;
  font-family: LacosteSansBold;
  width: 100%;
  text-align: center
}

.clear-filter .save-pref {
  text-decoration: none;
  color: #454545;
  float: right;
  padding: 2em 4em;
  vertical-align: middle;
  width: 100%;
  text-align: left;
  font-family: LacosteSansBold
}

.clear-filter .filter-g {
  float: left;
  width: 38%
}

.clear-filter .filter-c {
  float: left;
  width: 25%
}

.clear-filter .filter-d {
  float: left;
  width: 35%
}

.trends {
  font-family: LacosteSansBold;
  width: 100%;
  height: 75px;
  border-right: 1px solid #ededed
}

.trends p {
  display: inline-block
}

.trends img {
  display: inline-block;
  width: 75%;
  margin: 8px 22px 0 0
}

.trends .part {
  width: 22%;
  float: left
}

.trends .part .view-disco {
  display: none
}

.trends .trends-el {
  width: 100%;
  margin: 3em 0 0 3em
}

.trends .trends-el .point {
  font-family: LacosteSansBold;
  vertical-align: middle;
  width: 50px;
  text-align: center;
  display: inline-block;
  font-size: 2.2rem;
  float: left
}

.black-overlay {
  background-color: transparent;
  background-color: rgba(0, 0, 0, .3);
  zoom: 1;
  position: absolute;
  z-index: 9;
  width: 100%;
  height: 100%
}

.products .title-with-arrow img {
  width: auto;
  margin: 0 auto;
  display: inline-block;
  margin-right: 5px
}

@media screen and (min-width:1680px) {
  .all-results .trends .trends-el {
    width: 70%;
    margin: 20px auto
  }
}

@media screen and (min-width:767px) and (max-width:1280px) {
  .results-big img {
    right: initial
  }
  .discover {
    line-height: 34rem
  }
  .all-results .title-result {
    margin: 0;
    font-size: 1.8rem;
    position: relative;
    top: 23px
  }
  .all-results .clear-filter .view-results {
    padding: 2em
  }
  .all-results .trends img {
    margin: 12px 8px 0 0
  }
  .all-results .trends .trends-el .point {
    display: none
  }
  .all-results .trends .trends-el .part .discover {
    display: none
  }
  .all-results .trends .trends-el .part .view-disco {
    display: block;
    float: right;
    margin: 1.3em 2em 0 0
  }
  .all-results .trends .trends-el .part .lacostelive-m {
    margin: 7px 8px 0 0
  }
  .all-results .trends .trends-el .part span {
    position: relative;
    top: 7px
  }
  .search-global .form .search-bar {
    background: 0 0
  }
  .results-big-l {
    padding: 1em 4em 1.5em 4em
  }
}

@media screen and (max-width:767px) {
  .discover {
    width: 50%;
    float: left;
    line-height: 24.9rem
  }
  .fit-inner {
    display: none
  }
  .product-no-mobil-swiper .swiper-slide {
    width: 50%
  }
  .results,
  .spacer-search {
    display: none
  }
  .results.show,
  .spacer-search {
    display: block
  }
  .search-global .form input[type=submit] {
    width: 50px;
    height: 50px;
    right: 7%;
    top: 0;
    background: 0 0
  }
  .all-results .sub-menu-result form label {
    border-bottom: 1px solid #ededed;
    padding: 1em;
    cursor: pointer;
    margin: 0
  }
  .all-results .trends {
    display: none
  }
  .all-results .clear-filter .filter-d,
  .all-results .clear-filter .filter-g {
    display: none
  }
  .all-results .clear-filter .filter-c {
    width: 100%
  }
  .products .title-with-arrow img {
    width: 58%
  }
  #filterBarRow {
    border-bottom: 1px solid #ededed
  }
  .search-global {
    padding: 0;
    display: block;
    border-bottom: none
  }
  .search-global .results-big-l {
    width: 100%;
    padding: 2em;
    display: block;
    padding-right: 0;
    border-bottom: none
  }
  .search-global .results-big-l .title-result-seeresult {
    display: none
  }
  .search-global .results-big-l .results-list li a {
    font-size: 1.8rem
  }
  .search-global .results-big {
    display: none
  }
  .search-global .form input[type=text] {
    border: 1px solid #ededed;
    background-color: #fff;
    font-family: LacosteSansLight;
    color: #454545;
    margin: 0;
    padding: 3px 15px;
    width: 93%;
    font-size: 1.2rem;
    border-radius: 0;
    height: 50px
  }
  .search-global .form .search-bar {
    background: url(../img/ico/ico-mobile-search.png) no-repeat 97% center
  }
  .search-global .results {
    padding: 1em;
    display: none
  }
  .search-global .results .result-number {
    position: initial
  }
  .similar-products .title-with-arrow {
    margin-top: 0
  }
  .footer-search .magazine .block-magazine .block-image img {
    width: 100%
  }
}

.account .form .forgot-pass-header {
  text-decoration: underline;
  text-transform: capitalize;
  font-size: 1.2rem;
  font-family: LacosteSansLight;
  color: #797979;
  background: 0 0;
  margin-top: -23px;
  padding-left: 24px
}

.account .spacer-connect {
  border-bottom: 1px solid #ededed;
  width: 100%;
  list-style: none;
  background-color: #fff;
  border-right: 1px solid #ededed;
  border-left: 1px solid #ededed
}

.account .form .title-15 {
  margin: 1em 0 5px 1.6em;
  color: #454545
}

.account .form .form-item {
  margin: 0;
  padding: 0 2em
}

.account .form label {
  margin: 16px 10px 8px 0
}

#atg_call .account .form a,
#atg_chat .account .form a,
.account .form #atg_call a,
.account .form #atg_chat a,
.account .form .btn,
.account .form .faqchat,
.account .form .form-item .create-account {
  margin: 2em 0
}

.account .form .form-item a.create-account {
  width: 100%;
  float: none;
  margin: 2em 0;
  position: relative;
  display: inline-block;
  font-family: LacosteSansBold;
  color: #454545;
  font-size: 1.2rem;
  padding: 10px 40px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.account .form .form-item .create-account:hover {
  color: #fff
}

.account .form-new {
  display: table;
  border-top: 1px solid #ededed;
  padding-top: 5px;
  margin-top: 12px
}

.account .form .name-connect {
  color: #285f41;
  display: block;
  margin-top: -7px
}

.account .form .pseudo {
  margin-top: 20px
}

.account .form .orders-connect {
  font-family: LacosteSansBold;
  padding: 0;
  display: block;
  color: #454545;
  text-decoration: none
}

.account .form .btn-deco {
  font-family: LacosteSansLight;
  font-size: 1.2rem;
  font-weight: lighter;
  position: relative;
  padding-left: 0;
  padding: 24px 24px;
  display: block;
  text-align: left;
  color: #797979;
  text-decoration: none;
  border-top: 1px solid #ededed;
  margin-left: -9%;
  margin-right: -9%;
  width: 119%;
  margin-top: 20px
}

.account .form .btn-deco:before {
  content: '';
  height: 9px;
  width: 9px;
  background-image: url(../img/ico/submenu-close.png);
  display: inline-block;
  margin-right: 7px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .account .form .btn-deco:before {
    background-image: url(../img/ico-retina/submenu-close.png);
    -moz-background-size: 9px auto;
    -webkit-background-size: 9px auto;
    background-size: 9px auto
  }
}

.account .orders-connect-shipping {
  background: url(../img/quick-access.png) bottom right no-repeat;
  background-color: #f5f5f5;
  padding: 15px 0
}

.sub-menu .account-links {
  padding-top: 9px;
  margin-top: 20px
}

.sub-menu .borderTop {
  border-top: 1px solid #ededed
}

.login .slider .slider-text.only-title {
  margin-bottom: 0;
  width: auto
}

.login .form {
  margin: 50px auto
}

.login .column-half:first-child .form {
  border-right: 1px solid #e3e3e3;
  display: table;
  width: 100%
}

.login .column-half .form {
  padding: 0 23%
}

.login .divide {
  display: block
}

.login .divide:before {
  margin-top: 0
}

#atg_call .login a,
#atg_chat .login a,
.login #atg_call a,
.login #atg_chat a,
.login .btn-secondary,
.login .faqchat {
  float: none
}

#contactus-form span.error {
  display: block;
  position: absolute;
  top: 62px
}

#contactus-form label[for=phone] {
  width: 100%
}

#contactus-form select[name=prefixPhone] {
  width: 24%;
  display: inline-block;
  vertical-align: middle
}

@media screen and (max-width:767px) {
  #contactus-form select[name=prefixPhone] {
    width: 32%
  }
}

#contactus-form .zerophone {
  display: inline-block;
  vertical-align: middle
}

#contactus-form .form-item-phone .input-civ {
  width: 75%;
  display: inline-block;
  vertical-align: middle;
  padding: 11px
}

@media screen and (max-width:767px) {
  #contactus-form .form-item-phone .input-civ {
    width: 60%
  }
}

.refit-login .register-container .form-sign-in {
  width: 55%;
  min-width: 620px
}

@media screen and (max-width:767px) {
  .refit-login .register-container .form-sign-in .form-item-civility {
    margin-bottom: 0!important
  }
  .refit-login .register-container .form-sign-in .form-item-civility .label-inline {
    width: 100%
  }
  .refit-login .register-container .form-sign-in .form-item-civility select {
    width: 30%
  }
  .refit-login .register-container .form-sign-in label[for=phonenumber] {
    width: 100%
  }
  .refit-login .register-container .form-sign-in select[name=prefixPhone] {
    width: 33%
  }
  .refit-login .register-container .form-sign-in #phonenumber {
    width: 65%
  }
  .refit-login .register-container .form-sign-in span.error {
    position: absolute;
    top: 65px
  }
  .refit-login .register-container .form-sign-in #password2 {
    margin-bottom: 25px
  }
}

.form .your-preferences h3 {
  margin-bottom: 8px
}

.form .your-preferences .form-item {
  margin-bottom: 15px
}

.form .your-preferences .check-inline-outside label {
  font-family: LacosteSansLight
}

.register-container .form-btn .loader-ctnr {
  display: none;
  position: absolute;
  left: calc(50% - 60px)
}

.where-to {
  margin: -20px 0 0 0;
  padding: 0 0 0 5%
}

.where-to li {
  display: inline;
  font-family: LacosteSansBold
}

.where-to li:before {
  content: "/";
  margin: 0 5px
}

.where-to a {
  color: #454545;
  text-decoration: none
}

.where-to a:hover {
  text-decoration: underline
}

.where-to li:first-child:before {
  display: none
}

@media screen and (min-width:768px) {
  .dialog-change-password .form-sign-in {
    width: 100%;
    min-width: 550px
  }
  .dialog-change-password .form .form-item {
    padding: 0;
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .form-sign-in {
    width: 70%;
    min-width: 320px;
    padding: 0 22px
  }
  .login .divide {
    margin-left: 0
  }
  .login .column-half .form {
    padding: 0 30px
  }
  .login .column-half:first-child .form {
    border: 0
  }
}

.register-container {
  width: 920px;
  margin: auto;
  line-height: 1.5;
  padding: 20px 40px 0
}

@media screen and (max-width:1024px) {
  .register-container {
    width: 100%;
    padding: 40px
  }
}

@media screen and (max-width:767px) {
  .register-container {
    width: 100%;
    padding: 20px
  }
}

.register-container h1 {
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  margin: 20px 0
}

.register-container .form-items-left,
.register-container .form-items-right {
  float: left;
  width: 49%;
  vertical-align: top;
  padding-top: 40px;
  padding-left: 40px
}

@media screen and (max-width:767px) {
  .register-container .form-items-left,
  .register-container .form-items-right {
    width: 100%;
    float: none
  }
}

.register-container .form-items-all {
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 0
}

@media screen and (max-width:767px) {
  .register-container .form-items-all {
    padding-top: 20px
  }
}

.register-container .form-items-left {
  padding-right: 40px;
  border-right: 1px solid #e5e5e5
}

@media screen and (max-width:767px) {
  .register-container .form-items-left {
    border: none;
    padding: 0
  }
}

.register-container .form-items-right {
  padding-left: 40px
}

@media screen and (max-width:767px) {
  .register-container .form-items-right {
    padding: 20px;
    border-top: 1px solid #e5e5e5
  }
}

.register-container .form-sign-in {
  width: 100%;
  min-width: 0!important
}

.register-container .check-inline-outside label {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  margin-bottom: 40px;
  text-transform: none;
  color: #606060
}

.register-container .form-items {
  width: 100%
}

.register-container .form-items .form-item {
  width: 48%!important;
  float: left
}

.register-container .form-items .form-item:first-child {
  margin-right: 2%
}

.register-container .form-items .form-item:last-child {
  margin-left: 2%
}

.register-container .form {
  width: 100%!important;
  margin: 0!important
}

.register-container .form .form-tip {
  left: -220px;
  top: -80px
}

.register-container .form .form-tip:after {
  top: 125px
}

@media screen and (max-width:1024px) {
  .register-container .form .form-tip {
    bottom: auto;
    left: 320px
  }
}

@media screen and (max-width:767px) {
  .register-container .form .form-tip {
    display: none
  }
}

.register-container .form .form-item,
.register-container .form h3 {
  margin: 0;
  padding: 0;
  width: 100%
}

.register-container .form .form-item {
  margin-bottom: 20px
}

.register-container .form p {
  font-size: 1.3rem;
  color: #606060;
  text-transform: none
}

.register-container .form-btn {
  clear: both
}

#atg_call .register-container .form-btn a,
#atg_chat .register-container .form-btn a,
.register-container .form-btn #atg_call a,
.register-container .form-btn #atg_chat a,
.register-container .form-btn .btn-secondary,
.register-container .form-btn .faqchat {
  background-color: #292929;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedBold;
  padding: 16px 36px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 40px;
  border: none;
  color: #fff;
  transition: all .3s ease-out
}

#atg_call .register-container .form-btn a:hover,
#atg_chat .register-container .form-btn a:hover,
.register-container .form-btn #atg_call a:hover,
.register-container .form-btn #atg_chat a:hover,
.register-container .form-btn .btn-secondary:hover,
.register-container .form-btn .faqchat:hover {
  background-color: #105a33;
  transition: all .3s ease-out
}

.register-container .title-15 {
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  color: #292929;
  margin: 0
}

.register-container .label-inline {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #292929
}

.register-container .content-inline label {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  color: #606060;
  text-transform: none;
  margin-right: 20px
}

.register-container label {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #292929;
  margin-bottom: 5px
}

.register-container a {
  padding: 0;
  margin: 0
}

@media screen and (max-width:767px) {
  .register-container .lower,
  .register-container p {
    font-size: 1.1rem!important
  }
}

@media screen and (max-width:1024px) {
  .register-container span.error {
    left: 0;
    top: -15px;
    position: absolute
  }
}

.refit-login .login-oauth p {
  text-transform: uppercase
}

.refit-login {
  background-size: cover
}

.refit-login select[name=prefixPhone] {
  direction: ltr;
  width: 26%
}

.refit-login #phonenumber {
  width: 48%;
  float: right;
  margin-left: 5px;
  padding: 11px
}

.refit-login .forgotpass>a {
  font-size: 1.5rem;
  color: #292929;
  font-family: LacosteSansCondensedLight
}

.refit-login .form .form-item-full {
  width: auto
}

.refit-login .login .column-half .form {
  padding: 40px;
  padding-bottom: 0;
  margin: 0
}

.refit-login .login {
  background: #fff;
  width: 920px;
  max-width: calc(100% - 80px);
  margin: 80px auto;
  padding: 0
}

.refit-login .page-title {
  font-size: 2.5rem;
  padding: 40px;
  border-bottom: 1px solid #ededed;
  margin: 0;
  font-family: LacosteSansCondensedBold
}

.refit-login .form .form-item-full,
.refit-login .form h3 {
  margin: 0;
  margin-bottom: 20px;
  padding: 0
}

.refit-login .form .form-item-full.forgotpass {
  margin: 20px 0;
  text-align: right
}

.refit-login .column-half:first-of-type {
  border-right: 1px solid #ededed
}

.refit-login-buttons {
  border-bottom: 1px solid #ededed;
  clear: both;
  margin-left: 40px;
  margin-right: 40px
}

.refit-login-buttons .column-half {
  padding-bottom: 40px
}

#atg_call .refit-login a,
#atg_chat .refit-login a,
.refit-login #atg_call a,
.refit-login #atg_chat a,
.refit-login .btn-secondary,
.refit-login .faqchat {
  background-color: #292929;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedBold;
  padding: 16px 36px;
  width: auto;
  border: none;
  color: #fff;
  float: right;
  transition: all .3s ease-out;
  margin-right: 40px;
  border-radius: 3px
}

#atg_call .refit-login a:hover,
#atg_chat .refit-login a:hover,
.refit-login #atg_call a:hover,
.refit-login #atg_chat a:hover,
.refit-login .btn-secondary:hover,
.refit-login .faqchat:hover {
  background-color: #105a33;
  transition: all .3s ease-out
}

.refit-login p {
  text-transform: none
}

.refit-login h3 {
  font-family: LacosteSansCondensedBold;
  font-size: 2rem
}

.refit-login .page-title h1 {
  font-size: 2.5rem;
  font-family: LacosteSansCondensedBold;
  margin: 0
}

.social-register {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  margin: 0
}

.register-container p.social-register {
  display: none
}

.register-container p.social-register:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center center;
  margin-right: 15px;
  margin-left: 0;
  vertical-align: middle
}

.checkout-register-page .login {
  padding: 40px
}

.checkout-register-page .form-register {
  margin: 0
}

.form .form-item p.social-linking,
.social-linking {
  color: #105a33;
  font-family: LacosteSansBold;
  border: 2px solid #e3e3e3;
  padding: 15px;
  position: relative;
  margin-top: 30px
}

.social-linking:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 40px;
  width: 20px;
  height: 20px;
  border-left: 2px solid #e3e3e3;
  border-top: 2px solid #e3e3e3;
  transform: rotate(45deg);
  background: #fff
}

@media screen and (max-width:640px) {
  .refit-login .title-15.nav-ico-before:before {
    transform: rotate(180deg);
    transition: all ease .3s
  }
  .refit-login .title-15.nav-ico-before.active:before {
    transform: rotate(0)
  }
  #atg_call .refit-login a,
  #atg_chat .refit-login a,
  .refit-login #atg_call a,
  .refit-login #atg_chat a,
  .refit-login .btn-secondary,
  .refit-login .faqchat {
    float: none;
    width: 100%
  }
  .refit-login .refit-clickable {
    display: block;
    padding: 20px;
    padding-bottom: 30px
  }
  .refit-login .refit-clickable.border {
    border-bottom: 1px solid #e5e5e5
  }
  .refit-login .login .column-half .form {
    padding: 0
  }
  .refit-login .login {
    margin: 0;
    width: 100%;
    max-width: 100%
  }
  .refit-login .form h3 {
    margin: 0;
    padding: 30px 20px;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    background: #fff
  }
  .refit-login .form h3:before {
    content: "";
    width: 11px;
    height: 6px;
    position: absolute;
    right: 20px;
    top: calc(50% - 3px);
    background-position-x: -240px;
    background-position-y: -30px
  }
  .refit-login .login-oauth p {
    text-align: left;
    margin-left: 20px
  }
  .refit-login #gum-login-block {
    text-align: left;
    margin-left: 10px
  }
  .refit-login .page-title {
    padding: 20px;
    text-align: left
  }
}

@keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

@-webkit-keyframes show {
  from {
    opacity: 0
  }
  to {
    opacity: 1
  }
}

.the-essential {
  position: relative
}

.the-essential .certona .te-main {
  position: relative!important;
  float: left!important
}

.the-essential .certona .swiper-wrapper {
  background-color: #fff;
  height: 500px
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .the-essential .certona .swiper-wrapper {
    height: 460px
  }
}

@media screen and (min-width:1024px) and (max-width:1440px) {
  .the-essential .certona .swiper-wrapper {
    height: 490px
  }
}

@media screen and (min-width:1440px) and (max-width:1920px) {
  .the-essential .certona .swiper-wrapper {
    height: 600px
  }
}

.the-essential .te-main {
  width: 25%;
  padding: 0 50px;
  position: absolute;
  left: 0;
  top: 0;
  height: 335px;
  z-index: 10;
  background-color: #fff
}

.the-essential .te-main .block-content {
  padding-top: 30%
}

.the-essential .te-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.the-essential .te-mood {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0
}

.the-essential .te-mood img {
  max-width: 100%;
  height: auto
}

.the-essential .swiper-wrapper {
  background-color: #fff!important
}

.the-essential .swiper-wrapper .swiper-slide {
  position: relative;
  display: inline-block;
  width: calc((100% - 120px)/ 4);
  margin-right: 40px;
  float: none
}

.the-essential .swiper-wrapper .swiper-slide:nth-child(4n) {
  margin-right: 0
}

.the-essential-gray-bg {
  background: #f5f5f5
}

.the-essential-gray-bg .swiper-wrapper,
.the-essential-gray-bg .te-main {
  background: #f5f5f5
}

.the-essential-gray-bg .te-main {
  height: 100%
}

.the-essential-gray-bg .te-main:after {
  border-color: transparent transparent transparent #f5f5f5;
  left: auto;
  bottom: auto;
  top: 50%;
  margin: -15px 0 0 0;
  right: -30px;
  border-width: 15px;
  border-style: solid;
  content: "";
  display: block;
  height: 0;
  width: 0;
  position: absolute;
  z-index: 20
}

.the-essential-gray-bg .te-main .block-content {
  display: table;
  height: 100%;
  padding-top: 0
}

.the-essential-gray-bg .te-main .block-content-inner {
  display: table-cell;
  vertical-align: middle
}

.the-essential-gray-bg .product {
  background: #fff
}

@media screen and (min-width:768px) {
  .margin-dev {
    margin-left: 25%
  }
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .the-essential-gray-bg .product .product-colors {
    margin-bottom: 0;
    padding: 10px 0
  }
  .the-essential .te-main {
    height: 260px;
    padding: 0 30px
  }
}

@media screen and (max-width:767px) {
  .the-essential .te-mood {
    display: none
  }
  .the-essential .swiper-wrapper .swiper-slide {
    width: 50%
  }
  .the-essential .swiper-wrapper .swiper-slide:nth-child(2n) {
    margin-right: 0
  }
  .the-essential .certona .te-main {
    display: none!important
  }
  .the-essential .te-main {
    padding: 0;
    width: 100%;
    position: relative;
    background: #f5f5f5;
    margin-bottom: 20px;
    height: auto
  }
  .the-essential .te-main:after {
    border-color: #f5f5f5 transparent transparent transparent;
    right: auto;
    top: auto;
    left: 50%;
    margin: 0 0 0 -15px;
    bottom: -30px;
    border-width: 15px;
    border-style: solid;
    content: "";
    display: block;
    height: 0;
    width: 0;
    position: absolute;
    z-index: 20
  }
  .the-essential .te-main .block-content {
    padding: 30px;
    max-width: 440px;
    margin: 0 auto
  }
  .the-essential .te-main .block-description,
  .the-essential .te-main .block-description-black,
  .the-essential .te-main .block-link {
    display: none
  }
  .the-essential .te-main .block-title {
    margin-bottom: 0
  }
  .the-essential-gray-bg {
    background: #fff
  }
  .the-essential-gray-bg .swiper-wrapper {
    background: #fff
  }
}

@media screen and (max-width:639px) {
  .input-phonenumber {
    width: 54%!important
  }
}

.savebirthdaypopin {
  text-align: center;
  padding: 50px!important
}

.savebirthdaypopin #btnSaveBirthday {
  margin-top: 30px
}

.savebirthdaypopin #billpay-form {
  margin-top: 30px
}

.savebirthdaypopin #billpay-form select {
  width: 25%;
  margin-right: 2%;
  padding: 10px 0;
  text-align: center;
  cursor: auto;
  border: 1px solid #ededed;
  background: #fff
}

.column-descpayment {
  border-bottom: 1px solid #ededed
}

#order-payment-form {
  padding: 0 5%
}

.new-payment-method label.paymentmethodlist {
  width: 20%
}

.new-payment-method .form div.save-card {
  display: block;
  width: 200%
}

.cache {
  display: none!important
}

.cart-page .salutation {
  margin: 0
}

.form .paymentinvoicecondition {
  font-family: LacosteSansLight;
  margin-top: 0!important;
  margin-bottom: 0!important;
  width: 100%!important;
  display: block!important
}

.form .paymentinvoicecondition a {
  font-family: LacosteSansBold
}

.checkout article .paymentoninvoice p {
  font-family: LacosteSansLight!important
}

#errorCGVpaypal {
  color: red;
  margin: 0
}

.qasspan {
  padding-right: 5px
}

.popin-checkout {
  width: 100%;
  padding: 1%
}

.popin-checkout .part-global {
  width: 100%;
  float: left;
  margin: 2em 0
}

.popin-checkout .part-name {
  width: 70%;
  float: left
}

.popin-checkout .part-name span {
  float: left
}

.popin-checkout .part-btn {
  width: 30%;
  float: left
}

.popin-checkout .part-btn .btn-spec {
  color: #454545;
  border: 1px solid #454545;
  background: #fff;
  font-family: LacosteSansBold;
  font-size: 1.2rem;
  padding: 10px 30px;
  text-align: center;
  cursor: pointer;
  text-decoration: none
}

.popin-checkout .check-inline-outside {
  list-style-type: none
}

.choose-shipping-method .check-inline-outside {
  list-style-type: none
}

.js-chooseMondialRelay {
  display: inline!important;
  font-family: LacosteSansBold;
  color: #454545!important
}

.js-valid-mondial-relay {
  float: right;
  margin-right: 5px;
  margin-bottom: 5px
}

.old-price {
  text-decoration: line-through
}

.text-lowercase {
  text-transform: initial
}

.salutation {
  padding-top: 40px;
  padding-bottom: 40px;
  border-bottom: 1px solid #ededed;
  margin: 0 0 2em 0;
  position: relative
}

.salutation h1 {
  font-size: 3rem;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 10px;
  font-family: LacosteSansCondensedBold
}

.salutation h1 span {
  color: #105a33
}

.salutation .content-asset {
  position: absolute;
  height: 120px;
  background-color: #f8f8f8;
  display: table;
  vertical-align: middle;
  top: 0;
  right: 0;
  padding-left: 40px;
  padding-right: 40px
}

.salutation p {
  margin: .6em 0
}

.checkout-column {
  display: table-cell;
  border-right: 1px solid #ededed
}

.column-step {
  width: 22%;
  background-color: #f5f5f5
}

.column-desc {
  border-bottom: 1px solid #ededed;
  padding: 25px 80px
}

@media screen and (min-width:320px) and (max-width:1024px) {
  .column-desc {
    padding: 25px
  }
}

.checkout-column.column-desc .time-transit {
  display: none!important
}

.checkout-products {
  float: left
}

.disable-step {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  opacity: .8;
  z-index: 10;
  display: none
}

.disable-step.active {
  display: block
}

.straight-h {
  color: #454545;
  display: inline;
  margin: 0 8px
}

.checkout-btn button {
  background-color: #285f41;
  border: 0;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 0;
  text-align: center;
  padding: 10px 32px;
  font-family: LacosteSansBold
}

.checkout .gift-amount span.error {
  margin-right: 20px
}

.checkout span.error {
  margin-left: 10px
}

.checkout label+span.error {
  margin-left: 0;
  display: inline-block;
  margin-top: 5px
}

.checkout .btn-validate {
  display: none
}

.checkout .btn-validate.active {
  display: block
}

.checkout article {
  border-top: 1px solid #ededed;
  position: relative;
  display: table;
  width: 100%;
  margin-top: 10px
}

.checkout article textarea {
  width: 100%;
  height: 60px;
  resize: none;
  padding: 5px;
  text-transform: none
}

.checkout article.disabled:before {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: #fff;
  opacity: .8;
  z-index: 10;
  content: '';
  top: 0;
  display: block
}

.checkout .column-step {
  padding: 30px 4em;
  vertical-align: top
}

.checkout .column-step p {
  font-size: 2rem;
  color: #606060;
  margin: 0;
  position: relative;
  font-family: LacosteSansCondensedLight
}

.checkout .column-step p .step-title {
  color: #454545;
  font-family: LacosteSansBold
}

.checkout .column-step p strong {
  font-family: LacosteSansCondensedBold;
  color: #292929
}

.checkout .column-step a {
  color: #454545;
  display: block;
  margin-top: 15px;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  text-decoration: none;
  padding-right: 5px;
  padding-top: 20px;
  padding-bottom: 20px;
  width: 100%;
  text-align: center;
  border: 3px solid #e3e3e3;
  background-color: transparent;
  transition: all .3s linear
}

.checkout .column-step a:hover {
  background-color: #e3e3e3
}

.checkout .column-step a:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -207px -564px;
  width: 4px;
  height: 7px;
  content: '';
  display: inline-block;
  position: relative;
  top: 0;
  margin-right: 5px;
  transform: rotate(180deg)
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .checkout .column-step a:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -98.5px -411px;
    background-size: 457px 446px
  }
}

.checkout .btn-validate {
  float: right;
  margin: 20px 0 30px 0;
  font-size: 1.3rem
}

.checkout .order-details .btn-validate {
  margin-bottom: 0
}

.co-content {
  display: block;
  position: relative;
  width: 100%;
  border-top: 1px solid #ededed
}

.co-content:last-child {
  border-bottom: 0
}

.co-content:first-child {
  border-top: 0;
  border-bottom: 0
}

.co-product {
  display: block;
  position: relative;
  width: 100%;
  vertical-align: middle;
  padding-right: 170px
}

.co-product ul {
  padding: 0;
  margin: 0
}

.co-product li {
  display: block
}

.co-product .co-product-info {
  display: inline-block;
  vertical-align: middle
}

.co-product .co-product-image {
  display: inline-block
}

.co-product .co-product-image img {
  margin: 30px 30px 30px 30px;
  max-width: 100px;
  height: 100%;
  width: 100%
}

.checkout-product-plus .edit-product {
  display: block
}

.checkout-product-plus .edit-product li {
  text-transform: none
}

.checkout-product-plus .edit-product-status {
  display: none
}

.checkout-product-plus.edited .edit-product {
  display: none
}

.checkout-product-plus.edited .edit-product-status {
  display: block
}

.checkout-product-plus.edited .edit-product-status li {
  padding-left: 30px
}

.checkout-product-plus.edited .edit-product-status li:before {
  left: 5px
}

.checkout-product-plus.edited .edit-product-status li.add-gift-box {
  display: none
}

.checkout-product-plus.edited .edit-product-status li.add-gift-box.active {
  display: block
}

.checkout-product-plus.edited .edit-product-status li.personal-message {
  display: none;
  text-transform: none
}

.checkout-product-plus.edited .edit-product-status li.personal-message.active {
  display: block
}

.checkout-product-plus.edited .edit-product-status li.personal-message em {
  font-style: normal
}

.monogram-helper-block {
  padding: 2% 5%;
  text-transform: uppercase;
  color: #285f41;
  display: inline-block;
  vertical-align: bottom;
  width: 100%;
  text-align: center
}

.monogram-helper-block p {
  font-size: .9rem;
  font-family: LacosteSansBold;
  line-height: 1rem
}

@media screen and (min-width:768px) and (max-width:800px) {
  .monogram-helper-block.no-tablet-portrait {
    display: block!important
  }
}

@media screen and (min-width:0px) and (max-width:639px) {
  .monogram-helper-block {
    display: block;
    width: 100%;
    position: relative;
    top: 15px
  }
}

@media screen and (min-width:640px) and (max-width:767px) {
  .monogram-helper-block {
    display: block;
    width: 100%
  }
}

@media screen and (max-width:843px) {
  .monogram-helper-block {
    margin-top: 20px
  }
}

.co-product-info .details {
  vertical-align: top;
  width: 100%
}

.co-product-info .details .monogram-txt {
  text-transform: initial
}

.co-product-info ul {
  margin: 20px 0;
  padding: 0;
  margin-bottom: 10px
}

.co-product-info li {
  font-size: 1.2rem;
  text-transform: none;
  line-height: 1.5
}

.co-product-info li strong {
  color: #454545
}

.co-product-info li .item-size {
  display: block;
  text-transform: capitalize
}

.co-product-info li a,
.co-product-info li span.item-uppercase {
  text-transform: uppercase
}

.co-product-info li a {
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  margin-bottom: 8px;
  display: block
}

.co-product-info .co-product-color {
  display: block;
  border-radius: 14px;
  border: 1px solid #333;
  width: 13px;
  height: 13px;
  display: inline-block;
  margin-right: 5px;
  position: relative;
  top: 2px
}

.method-addresses {
  padding: 0 5%;
  display: table;
  width: 100%;
  margin: 0
}

.method-addresses li {
  display: block;
  width: 100%;
  padding: 25px 0;
  line-height: 1.5;
  position: relative;
  border-top: 1px solid #ededed
}

.method-addresses li:first-child {
  border-top: 0
}

.method-addresses li:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -349px -490px;
  width: 18px;
  height: 1px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .method-addresses li:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -214px -131.5px;
    background-size: 457px 446px
  }
}

.method-addresses li p {
  color: #797979;
  margin: 0;
  font-size: 1.2rem
}

.method-addresses li p strong {
  color: #454545
}

.method-addresses li label {
  cursor: pointer;
  margin: 0
}

.method-addresses li label:hover {
  text-decoration: underline
}

.method-addresses li input {
  cursor: auto
}

.active .method-addresses {
  margin-bottom: -23px;
  display: none
}

.active .method-addresses li {
  display: table-cell;
  width: 33.3%;
  padding: 15px
}

.active .method-addresses li:first-child {
  padding-left: 0
}

.active .method-addresses li:first-child:before {
  display: none
}

.lt-ie9 .method-addresses {
  width: 90%
}

.choose-shipping-method h4 {
  font-size: 1.2rem
}

.choose-shipping-method .shipping-method {
  display: none
}

.choose-shipping-method .shipping-method.active {
  padding: 0 5%;
  display: block;
  padding-top: 16px;
  border-bottom: 1px solid #ededed;
  padding-bottom: 30px
}

#atg_call .choose-shipping-method .shipping-method.active a,
#atg_chat .choose-shipping-method .shipping-method.active a,
.choose-shipping-method .shipping-method.active #atg_call a,
.choose-shipping-method .shipping-method.active #atg_chat a,
.choose-shipping-method .shipping-method.active .btn,
.choose-shipping-method .shipping-method.active .faqchat {
  margin-bottom: 5px
}

.choose-shipping-method .shipping-method ul {
  padding: 0;
  margin: 0
}

.choose-shipping-method .shipping-method li {
  display: block
}

.choose-shipping-method .shipping-method label {
  font-size: 1.2rem;
  margin-top: 0;
  line-height: 1.6
}

#atg_call .choose-shipping-method a,
#atg_chat .choose-shipping-method a,
.choose-shipping-method #atg_call a,
.choose-shipping-method #atg_chat a,
.choose-shipping-method .btn,
.choose-shipping-method .faqchat {
  padding-top: 20px;
  padding-right: 50px;
  padding-left: 50px;
  padding-bottom: 20px
}

.choose-shipping-method .btn-back-to-address {
  margin-bottom: 30px
}

.checkout .choose-shipping-method .btn-validate {
  position: absolute;
  bottom: -30px;
  right: 50px;
  z-index: 11
}

.choose-shipping-method .choose-billing-address {
  padding: 0 5%;
  margin-top: -17px
}

.shipping-address.active {
  background: #fff;
  margin-top: -28px
}

.choose-shipping-address {
  display: none
}

.choose-shipping-address.active {
  display: block
}

#atg_call .choose-shipping-address a,
#atg_chat .choose-shipping-address a,
.choose-shipping-address #atg_call a,
.choose-shipping-address #atg_chat a,
.choose-shipping-address .btn,
.choose-shipping-address .faqchat {
  display: none
}

#atg_call .choose-shipping-address a.active,
#atg_chat .choose-shipping-address a.active,
.choose-shipping-address #atg_call a.active,
.choose-shipping-address #atg_chat a.active,
.choose-shipping-address .active.faqchat,
.choose-shipping-address .btn.active {
  display: block
}

.choose-billing-address {
  display: none
}

.choose-billing-address.active {
  display: block
}

#atg_call .choose-billing-address a,
#atg_chat .choose-billing-address a,
.choose-billing-address #atg_call a,
.choose-billing-address #atg_chat a,
.choose-billing-address .btn,
.choose-billing-address .faqchat {
  display: none
}

#atg_call .choose-billing-address a.active,
#atg_chat .choose-billing-address a.active,
.choose-billing-address #atg_call a.active,
.choose-billing-address #atg_chat a.active,
.choose-billing-address .active.faqchat,
.choose-billing-address .btn.active {
  display: block
}

.choose-billing-address ul {
  padding: 0;
  margin: 0
}

.choose-billing-address ul li {
  list-style: none
}

.choose-billing-address label {
  font-size: 1.2rem;
  margin-top: 0;
  line-height: 1.6
}

.billing-address,
.shipping-address {
  margin-top: 15px;
  display: none
}

.billing-address input,
.shipping-address input {
  cursor: auto
}

.billing-address .ba-civility,
.billing-address .sa-civility,
.shipping-address .ba-civility,
.shipping-address .sa-civility {
  display: table;
  width: 100%
}

.billing-address .ba-civility div,
.billing-address .sa-civility div,
.shipping-address .ba-civility div,
.shipping-address .sa-civility div {
  display: table-cell;
  width: 70%
}

.billing-address .ba-civility label,
.billing-address .sa-civility label,
.shipping-address .ba-civility label,
.shipping-address .sa-civility label {
  width: auto;
  display: block;
  float: left;
  margin-right: 17px
}

.billing-address .ba-civility input[type=radio],
.billing-address .sa-civility input[type=radio],
.shipping-address .ba-civility input[type=radio],
.shipping-address .sa-civility input[type=radio] {
  position: relative;
  top: 2px;
  margin-right: 5px
}

.checkout .billing-address .ba-civility label+span.error,
.checkout .billing-address .sa-civility label+span.error,
.checkout .shipping-address .ba-civility label+span.error,
.checkout .shipping-address .sa-civility label+span.error {
  margin-top: 0
}

.billing-address ul,
.shipping-address ul {
  padding: 0;
  margin: 0;
  display: table;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0 10px
}

.billing-address li,
.shipping-address li {
  display: table-row
}

.billing-address input[type=email],
.billing-address input[type=text],
.shipping-address input[type=email],
.shipping-address input[type=text] {
  width: 70%;
  display: inline-block;
  padding: 9px 5px;
  border: 1px solid #ededed
}

.billing-address select,
.shipping-address select {
  display: inline-block;
  padding: 9px 5px;
  border: 1px solid #ededed
}

.billing-address #sa-first-name,
.shipping-address #sa-first-name {
  width: 190px
}

.billing-address #sa-last-name,
.shipping-address #sa-last-name {
  width: 190px
}

.billing-address #sa-number-and-street,
.shipping-address #sa-number-and-street {
  width: 360px
}

.billing-address #sa-complementary-information,
.shipping-address #sa-complementary-information {
  width: 360px
}

.billing-address #sa-zip-code,
.shipping-address #sa-zip-code {
  width: 100px
}

.billing-address #sa-country-default,
.billing-address #sa-town,
.shipping-address #sa-country-default,
.shipping-address #sa-town {
  width: 190px
}

.billing-address #sa-phone,
.shipping-address #sa-phone {
  width: 190px
}

.billing-address #ba-email,
.shipping-address #ba-email {
  width: 190px
}

.billing-address #ba-first-name,
.shipping-address #ba-first-name {
  width: 190px
}

.billing-address #ba-last-name,
.shipping-address #ba-last-name {
  width: 190px
}

.billing-address #ba-number-and-street,
.shipping-address #ba-number-and-street {
  width: 360px
}

.billing-address #ba-complementary-information,
.shipping-address #ba-complementary-information {
  width: 360px
}

.billing-address #ba-zip-code,
.shipping-address #ba-zip-code {
  width: 100px
}

.billing-address #ba-country-default,
.billing-address #ba-town,
.shipping-address #ba-country-default,
.shipping-address #ba-town {
  width: 190px
}

.billing-address label,
.shipping-address label {
  width: 30%;
  font-size: 1.2rem;
  display: table-cell;
  white-space: nowrap
}

.billing-address.active,
.shipping-address.active {
  display: block
}

.same-address {
  display: none;
  padding: 0 5%
}

@media screen and (max-width:767px) {
  .same-address,
  .same-address.active {
    padding: 30px 30px 0
  }
}

.same-address p {
  margin: 0
}

.same-address label {
  display: block;
  font-size: 1.2rem;
  cursor: pointer
}

.same-address label:hover {
  text-decoration: underline
}

.same-address label input[type=checkbox] {
  position: relative;
  top: 2px;
  margin-right: 5px
}

#atg_call .same-address a,
#atg_chat .same-address a,
.same-address #atg_call a,
.same-address #atg_chat a,
.same-address .btn,
.same-address .faqchat {
  float: right
}

.same-address.active {
  display: block;
  padding-bottom: 30px;
  padding-top: 14px;
  border-top: 1px solid #ededed;
  margin-top: -1px
}

.checkout-product-plus {
  display: block;
  border-left: 1px solid #ededed;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  width: 150px;
  top: 0;
  right: 0
}

.checkout-product-plus img {
  visibility: hidden;
  opacity: 0;
  width: 100%;
  margin-left: -500px;
  float: right;
  max-width: 379px
}

.checkout-product-plus ul {
  margin: 0;
  padding: 3% 6%;
  width: 100%
}

.checkout-product-plus li {
  position: relative;
  font-size: 1.3rem;
  text-transform: uppercase;
  display: block;
  color: #797979;
  padding: 5px 0 2px 50px;
  line-height: 1.6
}

.checkout-product-plus li input[type=checkbox] {
  position: absolute;
  top: 8px;
  left: 0
}

.checkout-product-plus li.add-gift-box label {
  text-transform: none
}

.checkout-product-plus li.add-gift-box label:hover {
  text-decoration: underline
}

.checkout-product-plus li.add-gift-box span {
  text-transform: none
}

.checkout-product-plus li.add-gift-box span:hover {
  text-decoration: underline
}

.checkout-product-plus li.add-gift-box:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -593px 0;
  width: 13px;
  height: 17px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .checkout-product-plus li.add-gift-box:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -421px -351px;
    background-size: 457px 446px
  }
}

.checkout-product-plus li.add-personal-message label:hover {
  text-decoration: underline
}

.checkout-product-plus li.add-personal-message:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -557px 0;
  width: 16px;
  height: 17px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .checkout-product-plus li.add-personal-message:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -46px -380px;
    background-size: 457px 446px
  }
}

.checkout-product-plus li:before {
  position: absolute;
  left: 25px;
  top: 5px;
  content: ''
}

.checkout-product-plus li:hover {
  cursor: pointer
}

.checkout-product-plus li:hover label {
  cursor: pointer
}

.checkout-product-plus .sorry {
  padding-left: 0;
  text-transform: lowercase
}

.checkout-product-plus .sorry:hover {
  text-decoration: none;
  cursor: default
}

.checkout-product-plus .sorry em {
  font-style: normal
}

.checkout-product-plus .personal-message-edit {
  padding-left: 0;
  display: none;
  height: 0;
  overflow: hidden;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.checkout-product-plus .personal-message-edit.active {
  display: block;
  height: 100px
}

.checkout-product-plus .personal-message {
  line-height: 1.6
}

.checkout-product-plus .personal-message:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -469px -453px;
  width: 14px;
  height: 14px;
  top: 9px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .checkout-product-plus .personal-message:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -178px -380px;
    background-size: 457px 446px
  }
}

.checkout-product-plus.active,
.checkout-product-plus.edited {
  visibility: inherit;
  opacity: 1
}

.payment-method .column-desc,
.shipping .column-desc {
  border-bottom: 1px solid #ededed;
  padding: 0 5%
}

.lt-ie9 .payment-method .column-desc,
.lt-ie9 .shipping .column-desc {
  float: left;
  width: 100%
}

.payment-method {
  margin-top: 10px;
  padding-right: 10px;
  display: inline-block;
  width: auto
}

@media screen and (min-width:0px) and (max-width:760px) {
  .payment-method {
    margin-top: 0;
    margin-bottom: 10px;
    display: block;
    width: 100%
  }
}

.payment-method.hide {
  display: none
}

.deleteCreditCard {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -270px -526px;
  width: 9px;
  height: 9px;
  text-indent: -9999px;
  margin-left: 30px;
  display: block
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .deleteCreditCard {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -243px -244px;
    background-size: 457px 446px
  }
}

.card-desc {
  display: table;
  width: 100%
}

.card-desc ul {
  display: none;
  width: 100%;
  opacity: 1;
  padding: 0;
  margin: 15px 0 0 0
}

.card-desc ul.active {
  display: table
}

.card-desc ul.card-choosen {
  opacity: 1;
  width: auto;
  margin: 29px 0
}

.card-desc li {
  display: table-cell;
  font-size: 1.2rem;
  vertical-align: middle
}

.card-desc li.change-payment-method {
  display: none
}

.card-desc li.change-payment-method.active {
  display: table-cell
}

.card-desc li.card-list-crypto span {
  display: inline-block;
  margin-top: 7px
}

.card-desc li.card-list-flag-img div {
  margin-left: 13px
}

.card-desc li div {
  float: left
}

.card-desc li div:first-child {
  margin-right: 45px
}

.card-desc li div span {
  white-space: nowrap
}

.card-desc li div strong {
  display: block
}

.card-desc .card-desc-val input[type=text] {
  width: 46px;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  font-family: LacosteSans;
  padding: 9px 0
}

.card-desc input[type=radio] {
  margin-right: 10px;
  top: 2px;
  position: relative
}

.card-desc label {
  float: right
}

.card-desc .card-desc-val {
  min-width: 146px;
  text-align: right
}

#atg_call .card-desc a,
#atg_chat .card-desc a,
.card-desc #atg_call a,
.card-desc #atg_chat a,
.card-desc .btn,
.card-desc .faqchat {
  margin-top: 20px;
  margin-bottom: 20px;
  display: none
}

#atg_call .card-desc a.active,
#atg_chat .card-desc a.active,
.card-desc #atg_call a.active,
.card-desc #atg_chat a.active,
.card-desc .active.faqchat,
.card-desc .btn.active {
  display: block
}

.lt-ie9 .card-desc ul {
  width: 90%
}

.btn-back-to-cards {
  float: left;
  margin-right: 15px
}

.checkout article .card-conditions {
  background-color: #285f41;
  padding: 25px;
  position: relative;
  margin-top: 28px;
  display: none
}

.checkout article .card-conditions .form {
  display: none
}

.checkout article .card-conditions .form .error {
  margin-top: 0!important;
  margin-bottom: 20px!important
}

.checkout article .card-conditions .form.active {
  display: block
}

.checkout article .card-conditions.active {
  display: block
}

.checkout article .card-conditions p {
  color: #fff;
  font-size: 1.2rem;
  margin: 0;
  font-family: LacosteSansBold
}

.checkout article .card-conditions label,
.checkout article .card-conditions span {
  font-size: 1.2rem;
  color: #fff;
  margin-top: 20px;
  display: block;
  cursor: pointer;
  float: none
}

.checkout article .card-conditions a {
  color: #fff;
  text-decoration: underline;
  display: inline;
  position: static
}

.lt-ie9 .card-conditions {
  width: 90%
}

.choosing-card .card-conditions {
  margin-bottom: 24px
}

.new-payment-method {
  display: none;
  margin-top: 28px
}

#atg_call .new-payment-method>a,
#atg_chat .new-payment-method>a,
.new-payment-method>.btn,
.new-payment-method>.faqchat {
  margin-top: 15px;
  display: none
}

#atg_call .new-payment-method>a.active,
#atg_chat .new-payment-method>a.active,
.new-payment-method>.active.faqchat,
.new-payment-method>.btn.active {
  display: block
}

.new-payment-method.active {
  display: block
}

#atg_call .new-payment-method.active a,
#atg_chat .new-payment-method.active a,
.new-payment-method.active #atg_call a,
.new-payment-method.active #atg_chat a,
.new-payment-method.active .btn,
.new-payment-method.active .faqchat {
  display: block;
  float: none;
  width: auto
}

.new-payment-method input[type=radio] {
  position: relative;
  top: 2px;
  margin-right: 5px
}

.new-payment-method label {
  font-size: 1.2rem;
  width: 30%;
  cursor: pointer;
  display: table-cell;
  float: none;
  vertical-align: middle
}

.new-payment-method .npm-form {
  width: 100%;
  display: inline-block
}

.new-payment-method .npm-form label {
  padding-right: 5%;
  display: block;
  width: 100%
}

.new-payment-method input[type=text],
.new-payment-method select {
  text-align: center;
  border: 1px solid #ededed;
  padding: 9px 5px;
  font-family: LacosteSans;
  line-height: 1;
  display: inline-block;
  margin: 0 10px 0 0;
  font-size: 1.2rem
}

.new-payment-method .form {
  border-collapse: separate;
  border-spacing: 0 10px;
  display: none
}

.new-payment-method .form.active {
  display: table;
  width: 100%
}

.new-payment-method .form .add-type-card {
  display: none!important
}

.new-payment-method .form div {
  display: table-row
}

.new-payment-method .form .add-card-number div {
  display: block;
  position: relative
}

.new-payment-method .form #npm-card-number {
  width: 284px
}

.new-payment-method .form .error[for=npm-card-number] {
  position: absolute;
  left: 350px;
  top: 7px;
  line-height: 1.2
}

.new-payment-method .form #npm-image {
  position: relative;
  top: -2px
}

.new-payment-method .form .add-holder-name input[type=text] {
  width: 345px;
  text-align: left
}

.new-payment-method .form .add-card-number input[type=text] {
  width: 200px
}

.new-payment-method .form .add-expiry-date input[type=text] {
  width: 45px
}

.new-payment-method .form .add-cryptogramme input[type=text] {
  width: 45px
}

.new-payment-method .form span {
  font-size: 1.2rem
}

.new-payment-method .form label {
  font-size: 1.2rem
}

.card-nav {
  margin-top: 20px
}

.add-payment-method {
  display: table;
  width: 100%
}

.order-details {
  border-top: 1px solid #494949;
  margin: 30px 0;
  padding-top: 30px
}

.order-details ul {
  padding: 0;
  margin: 0
}

.order-details>ul {
  display: table;
  width: 100%
}

.order-details>ul>li {
  vertical-align: top;
  display: table-cell
}

.order-details h4 {
  margin: 0;
  color: #797979;
  font-size: 1.2rem
}

.lt-ie9 .order-details {
  width: 90%
}

.secured-payment {
  width: 40%
}

.secured-payment li {
  display: block;
  float: left
}

.order-prices {
  width: 30%
}

.order-prices li {
  display: table;
  width: 100%;
  font-size: 1.2rem;
  border-collapse: separate;
  border-spacing: 20px 0
}

.order-prices span {
  display: table-cell;
  color: #797979;
  width: 50%;
  text-align: right
}

.order-prices span.express {
  display: block
}

.order-prices .order-total strong {
  font-family: LacosteSansCondensedBold
}

.order-prices strong {
  width: 50%;
  display: table-cell;
  text-align: left;
  font-family: LacosteSansLight
}

.order-total {
  width: 30%
}

.order-total div {
  float: right
}

.order-total h3 {
  font-size: 2rem;
  text-align: center;
  font-family: LacosteSansCondensedBold;
  margin: 0;
  color: #105a33
}

#atg_call .order-total a,
#atg_chat .order-total a,
.order-total #atg_call a,
.order-total #atg_chat a,
.order-total .btn,
.order-total .faqchat {
  margin-top: 5px;
  float: right
}

.divprogressbar {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(255, 255, 255, .5)
}

.divprogressbar.active {
  display: block
}

.imgprogressbar {
  position: absolute;
  top: 50%
}

.errorcb {
  display: none
}

.errorcb.errorcb.active {
  display: block
}

.new-payment-method .clucth {
  padding-bottom: 38px
}

.new-payment-method .clucth #checkClucthBalance {
  margin-top: 0
}

.new-payment-method .clucth #clutch-message {
  color: red
}

.new-payment-method .clucth .clutch-balance {
  display: inline-block
}

#atg_call .new-payment-method .clucth a,
#atg_chat .new-payment-method .clucth a,
.new-payment-method .clucth #atg_call a,
.new-payment-method .clucth #atg_chat a,
.new-payment-method .clucth .btn,
.new-payment-method .clucth .faqchat {
  display: inline-block
}

.new-payment-method .clucth .clucth-result+.clucth-message #clutch-message {
  color: #454545;
  position: absolute
}

@media screen and (max-width:1279px) {
  .choose-shipping-method .shipping-method.active .new-ship-method {
    width: 100%
  }
  .choose-shipping-method .shipping-method.active.new-ship-method {
    display: block
  }
  .choose-shipping-method .shipping-method.active.new-ship-method>h4 {
    margin: 0;
    padding: 30px;
    font-size: 1.4rem
  }
  .choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block {
    display: block
  }
  .choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType {
    width: 100%;
    display: block
  }
  .choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .column-desc {
    border: 0;
    border-top: 1px solid #ededed
  }
  .choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .deliveryChecked .row-eq-height {
    padding: 30px;
    padding-bottom: 30px
  }
  .choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .deliveryChecked .row-eq-height .delivery-colright {
    display: none
  }
  .choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height {
    padding: 30px
  }
  .choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height .delivery-colleft {
    padding: 0;
    display: block;
    min-height: 0;
    border: 0
  }
  .choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height .delivery-colleft h4 {
    padding: 0;
    margin: 0 0 10px 0
  }
  .choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height .delivery-colleft .ship-list-group,
  .choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height .delivery-colleft ul {
    margin: 0
  }
  .main-container-checkout .salutation {
    margin-bottom: 0;
    border-bottom: 0
  }
  .main-container-checkout footer {
    display: block
  }
  .checkout .co-product {
    display: block
  }
  .checkout .checkout-product-plus {
    display: none
  }
  .checkout div.co-product-image {
    width: auto
  }
  .checkout div.co-product-image img {
    margin: 0 20px 0 0
  }
  .checkout .co-product-info ul {
    margin: 0
  }
  .checkout .co-product-info ul li strong {
    text-transform: uppercase
  }
  .checkout article {
    margin: 0
  }
  .checkout .column-desc {
    border: 0;
    padding: 30px
  }
  .checkout .billing-address,
  .checkout .billing-address.active,
  .checkout .shipping-address,
  .checkout .shipping-address.active {
    padding: 30px;
    margin-bottom: 70px
  }
  .checkout .choose-shipping-method .btn-validate {
    bottom: 0
  }
  .checkout .billing-address.active,
  .checkout .choose-billing-address.active,
  .checkout .shipping-address.active {
    padding: 30px;
    padding-left: 30px
  }
  .checkout .choose-billing-address.active {
    margin-bottom: 30px
  }
}

@media screen and (min-width:768px) {
  .checkout-product-plus.gift-img-active {
    background: url(../img/bg-gif.png) repeat-x bottom #f7f7f7
  }
  .checkout-product-plus.gift-img-active .personal-message-edit {
    margin-right: 112px
  }
  .checkout-product-plus.gift-img-active img {
    opacity: 1;
    visibility: inherit
  }
  .cart-options-col .checkout-product-plus.gift-img-active .personal-message-edit {
    margin-right: 0
  }
  .checkout-product-plus {
    height: 100%;
    overflow: hidden
  }
  .popin-no-max-length {
    max-width: 100%
  }
  .add-payment-method .npm-form {
    padding-left: 50px
  }
}

@media screen and (min-width:1680px) {
  .checkout article {
    position: relative
  }
  .checkout article .btn-validate {
    right: 0
  }
}

@media screen and (min-width:1280px) {
  .checkout .choose-shipping-method .btn-validate {
    bottom: -60px
  }
  .shipping.active .column-desc {
    padding-bottom: 60px
  }
  .checkout .shipping.active .btn-validate {
    bottom: 50px
  }
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .check-inline-outside {
    width: 70%;
    display: inline-block;
    vertical-align: middle
  }
  .promo-code .check-inline-outside input[type=text] {
    margin: 20px 0 0
  }
  .promo-code .error-message {
    padding: 0
  }
  .promo-code button.btn-secondary,
  .promo-code button.faqchat {
    display: inline-block;
    float: none;
    vertical-align: middle;
    margin: 30px 0 0 -70px;
    border-left: 1px solid #ededed
  }
  .cart-options-total .cart-options-col.delivery .deliveryType .delivery-colleft,
  .cart-options-total .cart-options-col.delivery .padding-30,
  .choose-shipping-method .shipping-method.active.new-ship-method .deliveryType .delivery-colleft,
  .choose-shipping-method .shipping-method.active.new-ship-method .padding-30 {
    padding: 30px;
    margin-bottom: 0
  }
  .popin-checkout .part-global {
    margin: 2em
  }
  .co-product .co-product-image {
    width: 100px
  }
  .co-product .co-product-image img {
    margin: 15px 0 0
  }
  .checkout .column-step {
    padding: 30px 2em
  }
  .checkout span.error {
    margin-left: 0;
    clear: both;
    display: block
  }
  .new-payment-method .form .error[for=npm-card-number] {
    margin-left: 0;
    margin-top: 3px
  }
  .shipping.active .column-desc {
    padding-bottom: 56px
  }
  .column-step {
    width: 26%
  }
  .column-desc {
    width: 74%
  }
}

@media screen and (max-width:767px) {
  .choose-shipping-method .shipping-method.active {
    padding: 30px
  }
  .billing-address ul {
    display: block
  }
  .billing-address ul li {
    display: block;
    margin-bottom: 15px
  }
  .billing-address label {
    font-family: LacosteSansBold
  }
  .billing-address input,
  .billing-address label {
    display: block;
    width: 100%!important
  }
  .billing-address input[type=radio] {
    width: auto!important;
    display: inline-block
  }
  .billing-address .ba-civility {
    margin-bottom: 10px
  }
  .billing-address .ba-civility label {
    width: auto!important
  }
  .choose-shipping-method .same-address .btn-validate {
    bottom: 0
  }
  .new-payment-method .form div.save-card {
    width: 100%
  }
  .popin-checkout .title-marg {
    margin: 0 2.5em
  }
  .popin-checkout .part-name {
    width: 92%;
    margin: 0 2.5em;
    float: none
  }
  .popin-checkout .part-btn {
    margin: 0 auto;
    width: 58%;
    float: none
  }
  .popin-checkout .part-btn button {
    margin: 2em 0
  }
  .payment-method .column-desc,
  .shipping .column-desc {
    border-bottom: none;
    padding: 0 5%
  }
  .salutation h1 {
    font-size: 2rem;
    margin-top: 20px
  }
  .straight-h {
    display: none
  }
  .new-payment-method input[type=text] {
    border: 1px solid #ededed
  }
  .salutation {
    padding: 10px 30px;
    margin: 0
  }
  .checkout {
    display: block
  }
  .checkout .billing-address,
  .checkout .billing-address.active {
    padding: 30px 30px 60px;
    margin-bottom: 0
  }
  .checkout .shipping-address,
  .checkout .shipping-address.active {
    padding: 30px 30px 0;
    margin-bottom: 0
  }
  .checkout .checkout-column {
    display: block;
    width: 100%
  }
  .checkout .column-step {
    padding: 30px;
    display: table;
    table-layout: fixed
  }
  .checkout .column-step div {
    width: 100%
  }
  .checkout .column-step a {
    width: 100%;
    vertical-align: middle
  }
  .checkout .column-step .edit-payment-method,
  .checkout .column-step .edit-shipping {
    text-align: left
  }
  #atg_call .checkout a,
  #atg_chat .checkout a,
  .checkout #atg_call a,
  .checkout #atg_chat a,
  .checkout .btn,
  .checkout .faqchat {
    float: none
  }
  #atg_call .checkout .column-desc a,
  #atg_chat .checkout .column-desc a,
  .checkout .column-desc #atg_call a,
  .checkout .column-desc #atg_chat a,
  .checkout .column-desc .btn,
  .checkout .column-desc .faqchat {
    margin-left: 0;
    margin-right: 0;
    width: 100%
  }
  #atg_call .checkout .column-desc a.btn-back-to-cards,
  #atg_chat .checkout .column-desc a.btn-back-to-cards,
  .checkout .column-desc #atg_call a.btn-back-to-cards,
  .checkout .column-desc #atg_chat a.btn-back-to-cards,
  .checkout .column-desc .btn-back-to-cards.faqchat,
  .checkout .column-desc .btn.btn-back-to-cards {
    margin-bottom: 0
  }
  .checkout .shipping {
    display: block
  }
  .checkout article {
    border-top: none;
    margin-top: 0
  }
  .co-product {
    border-bottom: 1px solid #ededed;
    position: relative;
    float: left;
    width: 100%
  }
  .co-product .co-product-image {
    width: 120px
  }
  .co-product .co-product-image img {
    margin: 15px 10px
  }
  .checkout-product-plus,
  .co-product {
    width: 100%;
    display: block;
    border: 0
  }
  .checkout-product-plus {
    width: 100%;
    display: none
  }
  .checkout-product-plus img {
    display: none
  }
  .checkout-product-plus ul {
    padding: 0 20px 20px 120px;
    position: static
  }
  .checkout-product-plus li input[type=checkbox] {
    top: 10px;
    left: 2px
  }
  .checkout-product-plus.active,
  .checkout-product-plus.edited {
    display: block
  }
  .co-product-info ul {
    margin-bottom: 0
  }
  .method-addresses {
    padding: 1em
  }
  .method-addresses li {
    width: 100%;
    display: block;
    padding: 15px 0;
    border-top: 1px solid #000
  }
  .method-addresses li:before {
    opacity: 1;
    visibility: hidden
  }
  .method-addresses li:first-child:before {
    visibility: hidden
  }
  .method-addresses li:first-child {
    border: none
  }
  article.active .method-addresses {
    display: none
  }
  .choose-shipping-method h4:first-child {
    padding-top: 0;
    margin-top: 0
  }
  .shipping-address input[type=text] {
    border: 1px solid #ededed
  }
  .shipping-address select {
    border: 1px solid #ededed
  }
  .shipping-address .ba-civility label,
  .shipping-address .sa-civility label {
    position: relative;
    top: -4px;
    width: auto;
    max-width: 25%
  }
  .shipping-address label {
    width: 100%;
    font-family: LacosteSansBold;
    display: block
  }
  .shipping-address #sa-complementary-information,
  .shipping-address #sa-country-default,
  .shipping-address #sa-first-name,
  .shipping-address #sa-last-name,
  .shipping-address #sa-number-and-street,
  .shipping-address #sa-town,
  .shipping-address #sa-zip-code {
    width: 100%
  }
  .order-details {
    padding-top: 15px;
    border-top: none
  }
  .order-details>ul>li {
    display: block;
    width: 100%
  }
  .order-details .order-prices {
    width: 100%
  }
  .order-details .order-prices span {
    width: 65%;
    display: inline;
    font-size: 1.4rem;
    text-align: left
  }
  .order-details .order-prices strong {
    width: 35%;
    font-size: 1.6rem;
    text-align: right
  }
  .order-details .order-total {
    width: 100%
  }
  .order-details .order-total div {
    border-top: 1px solid #494949;
    float: none;
    margin-top: 10px;
    padding-top: 10px
  }
  .order-details .order-total h3 {
    text-align: right;
    margin: 0 1em
  }
  .order-details .secured-payment {
    display: none
  }
  .card-desc li {
    display: block;
    clear: none
  }
  .card-desc li:after {
    display: none
  }
  .card-desc li div {
    float: none;
    margin-bottom: 5px
  }
  .card-desc li div:first-child {
    margin-right: 0
  }
  .card-desc li label {
    float: none
  }
  .card-desc li .card-desc-val input[type=text] {
    padding: 5px 0
  }
  .card-desc li input[type=radio] {
    margin-top: 9px
  }
  .card-desc .card-type {
    float: left;
    margin-right: 10px;
    height: 74px
  }
  .card-desc .change-payment-method {
    vertical-align: top;
    float: left
  }
  .card-desc ul {
    padding: 0 1em
  }
  .card-desc ul.card-choosen {
    width: 100%
  }
  .card-desc ul.card-choosen li:last-child {
    position: relative;
    float: right;
    top: -30px
  }
  .card-desc .card-desc-val input[type=text] {
    border: 1px solid #ededed
  }
  .card-conditions p {
    font-size: 1.3rem
  }
  .card-conditions:after {
    right: auto;
    left: 161px
  }
  .choosing-card .card-conditions:after {
    left: 181px
  }
  .new-payment-method .form .npm-form {
    display: block
  }
  .new-payment-method div label,
  .new-payment-method label.paymentmethodlist {
    display: block;
    width: 100%;
    padding: 5px 0
  }
  .new-payment-method div input[type=text] {
    margin: 0 0 0 2%;
    padding: 9px .5%
  }
  .new-payment-method div input[type=text]:first-child {
    margin-left: 0
  }
  .new-payment-method .form>.add-holder-name input[type=text] {
    width: 100%
  }
  .new-payment-method .form .add-card-number input[type=text],
  .new-payment-method .form .add-cryptogramme input[type=text] {
    width: 17.5%
  }
  .new-payment-method .form .add-expiry-date input[type=text] {
    width: 13%
  }
  .new-payment-method img {
    float: right
  }
  .new-payment-method .clucth {
    padding-bottom: 34px
  }
  .new-payment-method .clucth .clutch-balance {
    font-family: LacosteSansLight
  }
  .new-payment-method .clucth .add-card-number input[type=text] {
    width: 100%
  }
  .new-payment-method .clucth #checkClucthBalance {
    margin-top: 15px
  }
  .new-payment-method .clucth .clucth-result label {
    display: inline-block;
    width: auto
  }
  .new-payment-method .clucth #giftAmount {
    width: 100%
  }
  .new-payment-method .clucth #validateBalance {
    margin-top: 20px
  }
  .new-payment-method .clucth #usingGiftCertificate {
    margin-top: -30px
  }
  .new-payment-method .clucth .clucth-result+.clucth-message #clutch-message {
    margin-top: -27px
  }
  .shipping.active .column-desc {
    padding-bottom: 70px
  }
  .checkout .choose-shipping-method .btn-validate {
    width: 90%
  }
  .new-payment-method .form #npm-card-number {
    width: 75%
  }
  .new-payment-method .form .error[for=npm-card-number] {
    display: flex;
    top: inherit;
    left: 0
  }
  .new-payment-method .form #npm-image {
    position: absolute;
    left: auto;
    right: 6%
  }
  body .dialog-mondialrelay {
    border: 1px solid #ededed
  }
  body .MR-Widget {
    width: 100%;
    margin: 0;
    border: 0!important
  }
  body .MR-Widget .MRW-Title {
    padding: 13px 52px 13px 5px
  }
  body .MR-Widget .MRW-Line {
    text-align: left
  }
  body .MR-Widget .MRW-Line input[type=text] {
    width: 100%!important;
    padding: 9px;
    margin-bottom: 10px;
    margin-top: 4px
  }
  body .MR-Widget .MRW-Search {
    padding: 90px 10px 25px 10px;
    background-position: center 10px
  }
  body .MR-Widget .MRW-BtGo {
    float: right;
    width: 102px;
    font-size: 1.2rem;
    padding: 10px
  }
  body .MR-Widget .MRW-BtGeoGo {
    font-size: 1.2rem;
    padding: 10px;
    width: 100%;
    margin-top: 10px
  }
  body .MR-Widget .MRW-Results {
    -webkit-overflow-scrolling: touch;
    border-bottom: 1px solid #ededed
  }
  body .MR-Widget #MRW-Map {
    width: 100%!important
  }
  body .js-valid-mondial-relay {
    margin-top: 6px
  }
}

@media screen and (min-width:768px) {
  body .dialog-mondialrelay {
    width: 690px;
    min-height: 540px
  }
}

@media screen and (max-width:767px) {
  body .dialog-mondialrelay {
    min-height: 820px!important
  }
}

select#sa-country:disabled,
select#sa-state:disabled {
  background-color: #ebebe4
}

.qas-block-gb {
  background-color: #f5f5f5;
  padding: 2%;
  position: relative
}

.qas-block-gb.error {
  border: 1px solid red
}

.qas-block-gb .error {
  display: none
}

.qas-block-gb.error .error {
  display: block
}

.qas-block-gb h4 {
  margin: 0
}

.qas-block-gb input {
  margin-right: 20px;
  width: 30%
}

.qas-block-gb select {
  width: 100%
}

.select-wrapper select {
  margin-top: 10px
}

.shipping-address .select-wrapper select {
  padding: 0
}

.select-wrapper option {
  font-size: 1.2rem;
  padding: 4px
}

@media screen and (min-width:768px) {
  #atg_call .choose-shipping-method .qas-block-gb a,
  #atg_chat .choose-shipping-method .qas-block-gb a,
  .choose-shipping-method .qas-block-gb #atg_call a,
  .choose-shipping-method .qas-block-gb #atg_chat a,
  .choose-shipping-method .qas-block-gb .btn,
  .choose-shipping-method .qas-block-gb .faqchat {
    margin: 0;
    margin-top: -7px;
    width: auto
  }
  .qas-block-gb .btn-wrapper {
    display: inline-block;
    text-align: right
  }
}

@media screen and (max-width:767px) {
  .qas-block-gb .btn-wrapper {
    width: 100%
  }
  .salutation .content-asset {
    display: none
  }
}

#sa-zip-code-qas {
  width: auto
}

@media screen and (min-width:0px) and (max-width:767px) {
  #sa-zip-code-qas {
    width: 100%;
    margin-right: 0;
    position: relative;
    left: 0;
    top: 0
  }
}

.solo-qas-result {
  text-align: left;
  background-color: #d3d3d3;
  padding: 6%;
  margin: 4% 0;
  background-color: #f5f5f5
}

.action-btn-twice {
  width: 100%;
  display: block;
  min-height: 40px;
  text-align: right
}

#atg_call a.limite-pad,
#atg_chat a.limite-pad,
.btn.limite-pad,
.limite-pad.faqchat {
  display: inline-block;
  padding: 10px
}

.shipping-address .qas-block-gb label {
  display: inline-block;
  width: 28%
}

@media screen and (min-width:0px) and (max-width:680px) {
  .shipping-address .qas-block-gb label {
    display: none
  }
}

@media screen and (min-width:641px) and (max-width:800px) {
  .card-desc ul.active {
    display: block
  }
  .card-desc li {
    margin-bottom: 20px;
    display: inline-block
  }
  .card-desc li.change-payment-method.active {
    display: inline-block
  }
  .card-desc li div:first-child {
    margin-right: 20px
  }
  .card-desc li.card-list-crypto {
    padding-left: 35px
  }
  .card-desc li.card-list-crypto label {
    width: auto
  }
}

@media screen and (max-width:1024px) {
  .item-row .item-col .details li {
    width: 100%!important
  }
}

@media screen and (max-width:640px) {
  .similar-products.the-essential {
    display: none
  }
}

.products-recommandation .te-main {
  display: block;
  float: none!important;
  width: 100%;
  height: auto;
  top: auto;
  padding-top: 0;
  text-align: center
}

.products-recommandation .the-essential .te-main .block-content {
  padding-top: 0!important
}

.products-recommandation .the-essential .te-main .block-content .block-title {
  font-family: LacosteSansCondensedBold;
  font-size: 2.3rem;
  margin-bottom: 45px
}

.products-recommandation .the-essential .te-main .block-content:after {
  content: "";
  position: absolute;
  left: calc((100% - 60px)/ 2);
  bottom: 25px;
  width: 60px;
  height: 1px;
  background-color: #292929
}

#specifiq-address-show {
  text-transform: initial;
  color: #454545!important;
  font-family: LacosteSansLight
}

#specifiq-address-show .name {
  font-family: LacosteSansBold;
  font-weight: 700
}

/* #checkout-shipping-form {
  padding-bottom: 20px
} */

#checkout-shipping-form .input-phonenumber {
  vertical-align: top;
  margin-top: 10px;
  float: right;
  width: 73%
}

.co-product-info li a {
  text-transform: none
}

.product-cart-menu li a {
  text-transform: uppercase
}

.gift-block .checkout-product-plus {
  position: relative
}

.removeproductpopin .co-product {
  display: block;
  font-size: 0;
  position: relative;
  width: 100%
}

#atg_call .order-total a,
#atg_chat .order-total a,
.order-total #atg_call a,
.order-total #atg_chat a,
.order-total .btn,
.order-total .faqchat {
  float: none;
  width: 100%;
  padding: 30px
}

.order-total h3 label {
  font-family: LacosteSansCondensedBold;
  color: #105a33;
  font-size: 2.5rem
}

.bloc-legals-validate p {
  padding-left: 40px;
  padding-right: 40px;
  text-align: center;
  text-transform: none;
  color: #606060;
  font-family: LacosteSansLight;
  font-size: 1.3rem
}

.bloc-legals-validate p a {
  color: #606060;
  text-decoration: none;
  display: inline-block;
  border-bottom: 2px solid #105a33
}

p.hundredpercentsecured {
  font-family: LacosteSansLightItalic;
  font-size: 1.1rem;
  color: #606060;
  display: block
}

.required-field-note {
  padding: 20px;
  color: #606060;
  font-family: LacosteSansLightItalic;
  text-align: left
}

.order-details {
  margin-left: 0
}

.payment-error-container {
  padding: 20px;
  padding-left: 0
}

.payment-error-container span.error {
  font-size: 1.3rem!important;
  margin-left: 0
}

@media screen and (max-width:640px) {
  .checkout {
    background: #f4f4f4;
    padding-top: 20px
  }
  .checkout .mob-marg-20 {
    margin-left: 20px;
    width: calc(100% - 40px)
  }
  .step-my-itens,
  .step-my-itens .column-step {
    background-color: #fff
  }
  .step-my-itens .column-step a.return-to-cart {
    margin-top: 0;
    border: none;
    border-bottom: 1px solid #e3e3e3;
    text-align: left;
    padding-left: 20px
  }
  .checkout .column-step {
    padding: 20px
  }
  .checkout .step-my-itens .column-step {
    padding: 0
  }
  .checkout .step-my-itens .column-step.cart-total {
    padding: 20px;
    color: #105a33;
    font-size: 2rem;
    position: relative;
    font-family: LacosteSansCondensedBold;
    border-bottom: 1px solid #e3e3e3
  }
  .checkout .step-my-itens .column-step.cart-total span {
    position: absolute;
    top: 20px;
    right: 20px
  }
  .shipping .column-step {
    background: #fff;
    margin-top: 20px;
    border-bottom: 1px solid #e3e3e3
  }
  .shipping .new-ship-method-block {
    margin-top: 20px
  }
  .choose-shipping-method .shipping-method.new-ship-method .new-ship-method-block ul.deliveryType .deliveryChecked .row-eq-height {
    padding: 20px;
    padding-bottom: 20px
  }
  .choose-shipping-method .shipping-method.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height .delivery-colleft h4 {
    font-family: LacosteSansCondensedBold;
    font-size: 1.5rem
  }
  .choose-shipping-method .shipping-method.shipping-address-title {
    padding: 0;
    padding-top: 20px;
    margin-top: 20px;
    background-color: #fff;
    padding-left: 20px;
    padding-right: 20px
  }
  .choose-shipping-method .shipping-method.shipping-address-title h4 {
    font-size: 1.5rem;
    font-family: LacosteSansCondensedBold
  }
  .checkout span.error {
    margin-left: 0
  }
  .checkout .choose-shipping-address {
    padding-top: 0;
    padding-bottom: 0
  }
  .checkout .choose-shipping-address {
    margin-top: 30px
  }
  .billing-address li,
  .shipping-address li {
    display: block
  }
  .billing-address label,
  .shipping-address label {
    font-family: LacosteSansCondensedLight!important;
    font-size: 1.5rem!important;
    color: #292929;
    display: block;
    margin-top: 15px
  }
  .billing-address input[type=email],
  .billing-address input[type=text],
  .shipping-address input[type=email],
  .shipping-address input[type=text] {
    padding-top: 22px;
    padding-bottom: 22px;
    padding-left: 15px;
    font-size: 1.3rem;
    text-transform: none;
    width: 100%!important;
    display: block;
    margin-bottom: 0
  }
  .shipping-address {
    border-bottom: 1px solid #e3e3e3
  }
  .same-address,
  .same-address.active {
    background-color: #fff;
    padding: 20px;
    border: none;
    margin-top: 20px
  }
  .choose-shipping-method h4:first-child {
    font-size: 1.5rem;
    font-family: LacosteSansCondensedBold
  }
  .checkout .billing-address.active,
  .checkout .choose-billing-address.active,
  .checkout .choose-shipping-address.active,
  .checkout .shipping-address.active {
    padding: 20px;
    padding-left: 20px
  }
  .checkout .choose-shipping-address,
  .checkout .choose-shipping-address.active {
    margin-top: 0;
    padding: 0
  }
  .checkout .choose-shipping-address.active>button,
  .checkout .choose-shipping-address>button {
    margin-top: 20px;
    margin-bottom: 20px
  }
  .checkout .choose-billing-address,
  .checkout .choose-billing-address.active {
    padding: 0
  }
  .checkout .choose-billing-address.active>button,
  .checkout .choose-billing-address>button {
    margin-top: 0;
    margin-bottom: 20px
  }
  .checkout .billing-address {
    margin-top: 0;
    background-color: #fff;
    margin-bottom: 20px
  }
  .checkout .billing-address,
  .checkout .billing-address.active {
    margin-bottom: 0
  }
  .checkout .choose-shipping-method .btn-validate {
    width: 100%;
    position: relative;
    top: initial;
    bottom: initial;
    left: initial;
    right: initial
  }
  /* #checkout-shipping-form {
    padding-bottom: 0
  } */
  .shipping:not(.active) .checkout-column.column-desc {
    background-color: #fff;
    margin-top: 20px;
    border-bottom: 1px solid #e3e3e3
  }
  .shipping:not(.active) .method-addresses {
    padding: 20px;
    text-transform: none
  }
  .shipping:not(.active) .method-addresses li {
    border: none!important;
    margin-bottom: 0
  }
  .shipping:not(.active) .method-addresses strong {
    font-size: 1.5rem;
    font-family: LacosteSansCondensedBold;
    text-transform: uppercase
  }
  .shipping:not(.active) .checkout-column.column-desc a.edit-shipping {
    width: calc(100% - 40px);
    margin-left: 20px;
    padding-top: 25px;
    padding-bottom: 25px;
    text-align: center;
    display: block;
    color: #292929;
    text-transform: uppercase;
    font-size: 1.5rem;
    margin-top: 0;
    font-family: LacosteSansCondensedBold;
    border: 3px solid #e3e3e3;
    text-decoration: none;
    margin-bottom: 40px
  }
  .payment-method .checkout-column.column-step {
    background: #fff;
    margin-top: 20px
  }
  .payment-method .column-descpayment .btn-validate {
    font-family: LacosteSansCondensedBold;
    padding-top: 35px;
    padding-bottom: 35px;
    font-size: 1.5rem;
    background-color: #105a33
  }
  .payment-method .column-descpayment {
    padding: 0;
    padding-top: 20px
  }
  #order-payment-form {
    padding: 0
  }
  .new-payment-method {
    margin-top: 0
  }
  .add-payment-method>.npm-form>.payment-method {
    padding: 20px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e3e3e3;
    background: #fff
  }
  .add-payment-method>.npm-form>.payment-method>label {
    font-family: LacosteSansCondensedBold;
    font-size: 1.5rem
  }
  #order-details {
    background: #fff;
    padding: 20px;
    padding-left: 40px;
    padding-right: 40px
  }
  li.order-summary-title h4 {
    font-size: 2rem;
    font-family: LacosteSansCondensedBold;
    margin-bottom: 15px;
    color: #292929
  }
  .order-details .order-total div {
    border-top: 1px solid #e3e3e3
  }
  .order-details {
    margin-top: 0
  }
  .order-prices li {
    border-spacing: 0;
    font-size: 1.5rem
  }
  .order-prices li strong {
    font-size: 1.5rem;
    font-family: LacosteSansCondensedBold;
    color: #292929
  }
  .order-prices li.order-total strong {
    color: #105a33;
    font-size: 2rem
  }
  .order-details .order-total {
    margin-top: 10px
  }
  .order-details .order-total div {
    padding-top: 0
  }
  .order-details .order-total div.bloc-legals-validate {
    margin-top: 40px;
    padding: 0;
    border-top: none
  }
  .order-details .order-total h3 {
    text-align: left;
    position: relative;
    margin: 0;
    margin-top: 10px;
    margin-bottom: 10px;
    display: block
  }
  .order-details .order-total h3 label {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    font-family: LacosteSansCondensedBold;
    color: #105a33
  }
  .btn-add-address.btn-add-address-billing,
  .btn-add-address.btn-add-address-shipping {
    font-family: LacosteSansCondensedBold;
    font-size: 1.5rem;
    color: #292929;
    border: 3px solid #e3e3e3;
    margin-bottom: 20px!important
  }
  .check-inline-outside label strong {
    font-family: LacosteSansCondensedBold;
    font-size: 1.5rem
  }
  .check-inline-outside a input,
  .check-inline-outside label input {
    top: 7px
  }
  .choose-billing-address ul {
    background-color: #fff;
    padding: 20px
  }
  .checkout .choose-billing-address.active {
    background-color: #fff;
    padding-bottom: 20px
  }
  .checkout .choose-billing-address.active>button {
    margin-left: 20px;
    width: calc(100% - 40px);
    margin-bottom: 0!important
  }
  .btn-back-to-address {
    border: none;
    border-bottom: 1px solid #e3e3e3;
    text-align: left;
    padding-left: 0!important;
    padding-right: 0!important;
    padding-top: 10px!important;
    padding-bottom: 10px!important;
    font-family: LacosteSansCondensedBold;
    font-size: 1.5rem
  }
  .npm-form.idz_hide label {
    display: inline
  }
  .payment-error-container {
    position: relative;
    display: block;
    left: -20px;
    width: calc(100% + 40px);
    background-color: #db1b1b;
    padding-left: 30px;
    padding-right: 30px;
    margin-top: 25px;
    margin-bottom: 30px
  }
  .payment-error-container span.error {
    color: #fff!important
  }
}

.ambassador-registration {
  overflow: hidden
}

.ambassador-registration .ambassador-where-find-it {
  text-transform: none;
  font-style: italic;
  float: right;
  font-size: 1.2rem;
  color: #797979
}

.ambassador-registration p {
  text-transform: none;
  margin: 0;
  color: #797979
}

.ambassador-registration .register-container {
  background: #fff;
  margin: 110px auto 85px;
  padding: 0
}

.ambassador-registration .register-container .form-items-left,
.ambassador-registration .register-container .form-items-right {
  padding-top: 0
}

.ambassador-registration .register-container .form-items-left .form {
  margin-top: 20px!important
}

.ambassador-registration .register-container .title-15,
.ambassador-registration .register-container h1 {
  font-size: 1.8rem;
  margin-top: 0
}

.ambassador-registration .register-container .form-btn {
  padding: 0 40px
}

.ambassador-registration .page-title {
  margin: 0;
  padding: 40px
}

.ambassador-registration .form-items-all {
  padding: 40px 40px 0
}

.ambassador-registration .check-inline-outside {
  color: #797979;
  font-size: 1.1rem;
  font-style: italic
}

.ambassador_infos {
  float: right;
  text-align: right;
  margin: 30px 40px 30px 0
}

.ambassador_infos p {
  margin: 0;
  text-transform: none;
  font-style: italic
}

.ambassador_infos p b {
  font-style: normal
}

.ambassador-banner {
  background-color: #ece636;
  padding: 35px 15px;
  background-image: url(../img/ambassador/ambassador-banner.jpg);
  height: 280px;
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position-x: 70%
}

.ambassadorText {
  text-align: center;
  margin-left: 30%
}

.ambassadorText h1,
.ambassadorText h2,
.ambassadorText h3,
.ambassadorText p {
  margin: 0;
  font-family: LacosteSansCondensedBold
}

.ambassadorText .ambassador-title {
  font-size: 1.7rem;
  margin-bottom: 20px
}

.ambassadorText span {
  font: 1.3rem/2.4rem LacosteSansLight;
  text-transform: none;
  display: block;
  margin-bottom: 15px;
  line-height: 1
}

.ambassadorText a {
  text-decoration: underline
}

.ambassadorText .ambassador-credits {
  font-size: 8.5rem;
  color: #fff;
  margin: 0;
  line-height: .7;
  margin-bottom: 30px
}

@media screen and (max-width:560px) {
  .ambassador-banner {
    background-image: url(../img/ambassador/ambassadormobile.jpg);
    background-position: 0 0;
    height: auto;
    background-size: 100% 100%;
    padding: 35px 0
  }
  .ambassador-title:after {
    content: '';
    background-image: url(../img/ambassador/ambassador-card.png);
    width: 190px;
    height: 160px;
    display: block;
    margin: 0 auto;
    padding-right: 160px;
    background-repeat: no-repeat;
    background-position-x: 140%;
    overflow: visible
  }
  .ambassadorText {
    margin: 0
  }
  .ambassador_infos {
    float: none;
    margin: 10px 0 30px 50px;
    text-align: left
  }
}

@media screen and (max-width:767px) {
  .ambassador-registration {
    padding: 40px 10px
  }
  .ambassador-registration .page-title {
    line-height: 1.5
  }
  .ambassador-registration .form-items-all {
    padding: 10px
  }
  .ambassador-registration .register-container {
    margin: 0
  }
  .ambassador-registration .register-container .form {
    padding: 0
  }
  .ambassador-registration .register-container .form .form-item-bday select {
    margin-left: -.1em
  }
  .ambassador-registration .register-container .form-items-right {
    padding-top: 10px
  }
}

@media screen and (min-width:768px) and (max-width:1024px) {
  .ambassador-registration .register-container {
    width: 95%;
    margin: 85px auto
  }
}

.learn-more-about-ambassador {
  color: #454545
}

.sku-product-name {
  font-family: LacosteSansBold;
  line-height: 1.2;
  font-size: 1.5rem;
  margin-bottom: 0
}

.sku-infos-title {
  font-family: LacosteSansBold;
  font-size: 1.2rem;
  color: #454545;
  text-decoration: none
}

.sku-info-gray {
  font-family: LacosteSansLight;
  font-size: 1.2rem;
  color: #797979;
  line-height: 1.8
}

.sku-info-gray a {
  color: #797979;
  text-decoration: none
}

.sku-info-gray a:hover {
  text-decoration: underline
}

.accordion.active .btn-plus:after {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -270px -526px;
  width: 9px;
  height: 9px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .accordion.active .btn-plus:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -243px -244px;
    background-size: 457px 446px
  }
}

.accordion.active .btn-plus-faq-help:after {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -226px -490px;
  width: 14px;
  height: 14px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .accordion.active .btn-plus-faq-help:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -341px -353px;
    background-size: 457px 446px
  }
}

.accordion-crop {
  overflow: hidden;
  max-height: 42px;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin-bottom: 0
}

.accordion-crop.active {
  max-height: 300px
}

.accordion-crop .btn-plus {
  margin-top: 15px
}

.accordion-content {
  text-transform: uppercase;
  display: none
}

.accordion-content.active,
.active .accordion-content {
  height: auto;
  max-height: 9999px;
  padding-bottom: 10px
}

.btn-plus {
  float: right;
  font-size: 1.2rem;
  margin: 0 0 0 15px;
  cursor: pointer
}

.btn-plus:after {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -299px -526px;
  width: 9px;
  height: 9px;
  content: "";
  display: inline-block;
  margin-left: 5px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .btn-plus:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -312px -309px;
    background-size: 457px 446px
  }
}

.btn-plus-faq-help {
  position: absolute;
  right: 0;
  font-size: 1.2rem;
  margin: 0 0 0 15px;
  cursor: pointer
}

.btn-plus-faq-help:after {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -435px -453px;
  width: 14px;
  height: 14px;
  content: "";
  display: inline-block;
  margin-left: 5px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .btn-plus-faq-help:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -365px -353px;
    background-size: 457px 446px
  }
}

.box-infos {
  margin: 0 30px;
  padding-top: 30px;
  border-top: 1px solid #ededed
}

.box-infos:first-child {
  border: 0
}

.box-infos:last-child {
  padding-bottom: 15px
}

.box-infos p:first-child {
  margin-top: 0
}

.box-infos .center-wrapper {
  padding: 20px 0 25px
}

@media screen and (min-width:768px) {
  .box-infos {
    margin: 0;
    padding: 10px 30px 0
  }
  .accordion-crop {
    max-height: 42px
  }
  .accordion-crop .btn-plus {
    margin-top: 13px;
    width: 38px;
    white-space: nowrap;
    height: 14px
  }
}

@media screen and (min-width:1280px) {
  .sku-product-name {
    font-size: 2rem
  }
}

@media screen and (min-width:1680px) {
  .sku-product-name {
    font-size: 3rem
  }
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .add-to-cart .selectboxit,
  .add-to-cart select {
    width: 100%
  }
  .sku-product-name {
    line-height: 1.4
  }
  .sku-info-gray {
    font-size: 1rem
  }
}

@media screen and (max-width:767px) {
  .sku-product-name {
    margin-top: 0
  }
  .sku-info-gray {
    line-height: 1.5
  }
}

[class*=" icon-font-"],
[class^=icon-font-] {
  font-family: icon-font;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-font-applied:before {
  font-family: iconfont;
  content: ""
}

.icon-font-arrow-down:before {
  font-family: iconfont;
  content: ""
}

.icon-font-arrow:before {
  font-family: iconfont;
  content: ""
}

.icon-font-available-in-store:before {
  font-family: iconfont;
  content: ""
}

.icon-font-back-arrow:before {
  font-family: iconfont;
  content: ""
}

.icon-font-cart:before {
  font-family: iconfont;
  content: ""
}

.checkout-wrapper .checkout-stepper-wrapper .checkout-step-validated .checkout-step-number:before,
.icon-font-check-stepper:before {
  font-family: iconfont;
  content: ""
}

.icon-font-chevron-left:before {
  font-family: iconfont;
  content: ""
}

.icon-font-chevron-right:before {
  font-family: iconfont;
  content: ""
}

.icon-font-close:before {
  font-family: iconfont;
  content: ""
}

.icon-font-cross:before {
  font-family: iconfont;
  content: ""
}

.icon-font-delivery:before {
  font-family: iconfont;
  content: ""
}

.icon-font-edit:before {
  font-family: iconfont;
  content: ""
}

.icon-font-fourtyeight-hour:before {
  font-family: iconfont;
  content: ""
}

.icon-font-free-return:before {
  font-family: iconfont;
  content: ""
}

.icon-font-gift:before {
  font-family: iconfont;
  content: ""
}

.icon-font-localize-me:before {
  font-family: iconfont;
  content: ""
}

.icon-font-one-hour:before {
  font-family: iconfont;
  content: ""
}

.icon-font-refused:before {
  font-family: iconfont;
  content: ""
}

.icon-font-relay-point:before {
  font-family: iconfont;
  content: ""
}

.icon-font-returns:before {
  font-family: iconfont;
  content: ""
}

.icon-font-shoprunner:before {
  font-family: iconfont;
  content: ""
}

.icon-font-store-locator:before {
  font-family: iconfont;
  content: ""
}

.icon-font-store:before {
  font-family: iconfont;
  content: ""
}

.icon-font-validate:before {
  font-family: iconfont;
  content: ""
}

.banner-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 0
}

.banner {
  position: relative;
  max-width: 920px;
  margin: 0 auto 40px;
  line-height: 1;
  z-index: 1
}

.banner-event-pretitle {
  font-size: 15px;
  font-family: LacosteSansCondensedLight;
  color: #292929;
  text-transform: uppercase;
  margin-bottom: 5px
}

.banner-event-title {
  font-size: 30px;
  font-family: LacosteSansCondensedBold;
  color: #292929;
  text-transform: none;
  margin-bottom: 10px
}

.banner-event-subtitle {
  font-size: 17px;
  font-family: LacosteSansCondensedLight;
  color: #606060;
  text-transform: none
}

.banner-event-btn {
  margin-top: 20px
}

@media screen and (max-width:767px) {
  .banner-wrapper {
    position: relative;
    overflow: hidden
  }
  .banner {
    padding: 20px;
    margin: 0 auto
  }
  .banner-event-pretitle {
    margin-bottom: 0
  }
  .banner-event-pretitle,
  .banner-event-title {
    font-size: 25px;
    line-height: 30px;
    font-family: LacosteSansCondensedBold;
    color: #292929;
    text-transform: none
  }
  .banner-event-subtitle {
    margin: 20px 0
  }
  .banner-event-btn {
    margin: 20px 0 0;
    text-align: center
  }
}

.galeria-wrapper {
  margin: 0 auto
}

.galeria-wrapper img {
  width: 100%
}

.galeria {
  margin: 0;
  padding: 0
}

.galeria .swiper-slide {
  list-style: none;
  display: block
}

.row-quick-view .galeria .swiper-container:not(.is-a-swiper) .swiper-slide {
  display: none
}

.row-quick-view .galeria .swiper-slide:first-child {
  display: block
}

.sku-product-colors {
  text-align: left;
  padding: 0
}

.sku-product-colors:after {
  content: '';
  display: block;
  clear: both
}

.sku-product-colors li {
  float: none!important;
  height: auto;
  width: auto;
  position: relative;
  background: 0 0;
  margin: 0;
  padding: 6px 3.9px
}

.sku-product-colors a {
  height: 30px;
  width: 30px;
  cursor: pointer;
  overflow: hidden
}

.sku-product-colors li.selected a {
  border: 2px solid #e3e3e3;
  position: relative
}

.sku-product-colors li.selected a:after {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/icon_color_check.png) no-repeat 1px center
}

.main-container .productbreadcrumb .breadcrumb {
  margin-left: auto;
  margin-right: auto
}

@media screen and (max-width:767px) {
  .main-container .productbreadcrumb {
    display: none
  }
}

.main-container .productPageTop {
  max-width: 920px;
  margin: 0 auto
}

.main-container .productPageTop .loader-ctnr.hide {
  display: none
}

.main-container .productPageTop .loader-ctnr.show {
  position: absolute;
  width: 100%;
  height: 100%
}

.main-container .productPageTop .breadcrumb {
  font-size: 1.1rem
}

.main-container .productPageTop .breadcrumb li:after {
  content: '-'
}

.main-container .productPageTop .breadcrumb li.breadcrumb-last:after {
  content: none
}

.main-container .productPageTop .breadcrumb a {
  color: #606060
}

.main-container .productPageTop .sku-product-name {
  color: #292929
}

.main-container .productPageTop .box-infos {
  position: relative;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px;
  margin: 0;
  background: #fff
}

@media screen and (min-width:769px) {
  .main-container .productPageTop .box-infos {
    position: flex;
    justify-content: center;
    z-index: 2
  }
  .main-container .productPageTop .box-infos.empty {
    padding-top: 0
  }
  .main-container .productPageTop .box-infos.box-infos-variations {
    z-index: 3
  }
}

@media screen and (max-width:767px) {
  .main-container .productPageTop .box-infos.box-infos-variations {
    padding: 20px 40px
  }
}

@media screen and (max-width:540px) {
  .main-container .productPageTop .box-infos.box-infos-variations {
    padding: 15px 20px
  }
}

.main-container .productPageTop .box-infos:last-child {
  padding-bottom: 20px
}

.main-container .productPageTop .box-infos.proximis-box {
  padding: 0 20px;
  overflow: hidden
}

@media screen and (min-width:769px) {
  .main-container .productPageTop .box-infos.proximis-box {
    margin-top: -1px;
    z-index: 1
  }
}

.main-container .productPageTop .box-infos.proximis-box:after {
  content: "";
  clear: both;
  display: block
}

.main-container .productPageTop .box-infos.proximis-box a {
  display: block;
  margin: 20px 0
}

@media screen and (max-width:767px) {
  .main-container .productPageTop .box-infos .box-infos-action-additional {
    margin-left: 20px
  }
}

.main-container .productPageTop .box-infos .box-infos-arrow {
  position: absolute;
  top: 50%;
  right: 20px;
  font-size: 17px;
  height: 17px;
  transform: translate(0, -50%)
}

@media screen and (max-width:767px) {
  .main-container .productPageTop .box-infos .box-infos-arrow {
    position: static;
    top: 0;
    right: 0;
    display: inline-flex;
    align-items: center;
    transform: none;
    height: 34px;
    margin-left: 20px
  }
}

.main-container .productPageTop .box-infos .box-infos-arrow .icon-svg {
  fill: #292929
}

.main-container .productPageTop .box-infos-action {
  position: relative;
  display: flex;
  justify-content: space-between;
  width: 100%;
  height: 34px;
  padding-left: 45px;
  font-family: LacosteSansCondensedBold;
  line-height: 3.4rem;
  text-align: left;
  text-decoration: none;
  color: #292929;
  background: 0 0;
  border: none;
  outline: 0
}

.main-container .productPageTop .box-infos-action .box-infos-action-ico {
  width: 35px;
  position: absolute;
  left: 0;
  top: 0
}

.main-container .productPageTop .box-infos-action:before {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 34px;
  font-size: 3.4rem;
  line-height: 3.4rem;
  color: #292929;
  text-align: center
}

.main-container .productPageTop .box-infos-action .box-infos-action-label {
  display: inline-block;
  line-height: 3.4rem;
  text-decoration: underline
}

@media screen and (max-width:767px) {
  .main-container .productPageTop .customization-box {
    text-align: center
  }
  .main-container .productPageTop .box-infos-action {
    display: inline-block;
    vertical-align: top;
    width: auto;
    text-align: center;
    padding: 0
  }
  .main-container .productPageTop .box-infos-action .box-infos-action-ico {
    position: static;
    display: inline-block;
    vertical-align: top;
    margin-right: 30px
  }
  .main-container .productPageTop .box-infos-action .box-infos-action-label {
    display: inline-block;
    vertical-align: top;
    line-height: 3.4rem
  }
}

.main-container .productPageBottom {
  max-width: 920px;
  margin: 20px auto
}

.main-container .productPageBottom.bigPictureAbove {
  border-top: 1px solid #ededed;
  margin-top: 80px
}

.main-container .productPageBottom .product .product-colors {
  height: auto
}

.main-container .product-description.sku-info-gray {
  margin: 0;
  padding: 0
}

.main-container .proximis .proximisOpener {
  border: 3px solid #e3e3e3;
  padding: 16px 15px 16px 40px
}

.main-container .product-variations {
  margin: 0
}

.main-container .product-variations>ul {
  margin: 0 -20px
}

.main-container .product-variations .attribute {
  padding: 0 20px;
  margin-top: -1px
}

.main-container .product-variations .attribute.empty {
  padding: 0
}

.main-container .product-variations .attribute:last-child {
  border-bottom: none;
  padding-bottom: 0
}

.main-container .product-variations .colorAttribute {
  padding-bottom: 20px
}

.main-container .product-variations .colorAttribute .on-sale {
  margin: 15px 0 5px;
  display: block;
  font-size: 1.2rem
}

.main-container .product-description.sku-info-gray {
  border: 0
}

.main-container .cart-save {
  margin: 20px 0 0
}

.main-container .sku .cart-save {
  margin: 0
}

.main-container .sku #add-to-wishlist-wrapper {
  padding-left: 12px
}

.main-container .sku .column-three-quarter {
  position: relative;
  width: 66%;
  padding: 0
}

.main-container .sku .column-quarter {
  float: right;
  width: 30%
}

@media screen and (max-width:767px) {
  .main-container .sku .column-quarter,
  .main-container .sku .column-three-quarter {
    width: 100%;
    float: none
  }
  .main-container .sku .column-quarter .box-infos {
    background: 0 0;
    border: 0
  }
  .main-container .sku .column-quarter .box-infos.availability-box {
    margin: 20px auto 0;
    text-align: center
  }
  .main-container .sku .column-quarter .box-infos-inner {
    position: relative;
    min-height: 57px
  }
  .main-container .sku .column-quarter.column-quarter-end .box-infos {
    background: #fff;
    border-bottom: 1px solid #e5e5e5
  }
  .main-container .sku .column-quarter.column-quarter-end .box-infos.attribute:last-child {
    border-bottom: none
  }
}

.main-container .backgroundProduct {
  background: #f8f8f8;
  padding-bottom: 80px;
  color: #606060
}

@media screen and (max-width:767px) {
  .main-container .backgroundProduct {
    background: #f3f3f3;
    padding-bottom: 0
  }
}

.main-container .backgroundProduct:after {
  content: '';
  clear: right;
  display: block
}

.main-container .backgroundProduct.thumbnailsProduct:after {
  clear: both
}

.main-container .longDescriptionContent {
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
  margin-top: 30px;
  display: table
}

.main-container .longDescriptionContent:after {
  content: '';
  display: block;
  clear: both
}

.main-container .longDescriptionTxt {
  display: table-cell;
  width: 50%;
  border-right: 1px solid #e5e5e5;
  vertical-align: middle
}

.main-container .longDescriptionImg {
  display: table-cell;
  width: 50%;
  vertical-align: middle
}

.main-container .longDescriptionImg img {
  width: 100%
}

.main-container #basic-usage-demo {
  display: none
}

.main-container .attribute .swatches .form-item-size {
  overflow: visible;
  border: 0;
  clear: both
}

@media screen and (max-width:767px) {
  .main-container .attribute .swatches .form-item-size.native {
    padding: 20px 40px 0 40px
  }
}

@media screen and (max-width:540px) {
  .main-container .attribute .swatches .form-item-size.native {
    padding: 15px 20px
  }
}

.main-container .swiper-container {
  overflow: hidden
}

.main-container .swiper-pagination {
  display: none
}

.main-container .bv-cleanslate .bv-core-container-54 .bv-summary-bar-minimalist-horizontal .bv-stars-container {
  margin-right: 0!important
}

.care-guide {
  display: table;
  width: 100%;
  padding: 0;
  border: 1px solid #ededed;
  border-width: 1px 0;
  table-layout: fixed;
  padding: 20px 0
}

.care-guide li {
  display: table-cell;
  text-align: center
}

.care-guide li:first-child {
  text-align: left
}

.care-guide li:last-child {
  text-align: right
}

.sku .btn-back {
  display: inline-block;
  margin: 10px 0 10px 30px
}

.sku .sku-product-price {
  font: 1.8rem/2rem LacosteSansCondensedBold;
  color: #292929
}

@media screen and (max-width:767px) and (min-width:541px) {
  .sku .sku-product-price {
    font-size: 2.3rem;
    line-height: 2.5rem
  }
}

.sku .sku-product-price .price-standard {
  padding-right: 8px;
  color: #999;
  text-decoration: line-through
}

.sku .btn-plus {
  width: auto
}

.sku .btn-plus:after {
  display: none
}

.sku .btn-plus.active {
  text-indent: -999px
}

.sku .btn-plus.active:after {
  display: block;
  margin-top: -13px
}

.sku .box-infos {
  border: 0
}

.sku .availability-store .sku-infos-title {
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 10px 0
}

#atg_call .sku .availability-store .sku-infos-title a#add-to-wishlist,
#atg_chat .sku .availability-store .sku-infos-title a#add-to-wishlist,
.sku .availability-store .sku-infos-title #atg_call a#add-to-wishlist,
.sku .availability-store .sku-infos-title #atg_chat a#add-to-wishlist,
.sku .availability-store .sku-infos-title a#add-to-wishlist.faqchat,
.sku .availability-store .sku-infos-title a.btn#add-to-wishlist {
  background: 0 0;
  color: inherit;
  margin: 0;
  padding: 0 0 0 20px;
  text-align: left;
  font-weight: 400
}

.sku .sku-product-name {
  margin: .67em 0 .2em;
  font: 1.8rem/2rem LacosteSansCondensedBold
}

@media screen and (max-width:767px) and (min-width:541px) {
  .sku .sku-product-name {
    font-size: 2.3rem;
    line-height: 2.5rem
  }
}

.sku .share-rate {
  margin: 10px 0 -10px
}

.sku .bv-cleanslate .bv-core-container-60 .bv-primarySummary-rating-container .bv-rating-stars-container .bv-rating-stars {
  font-size: 1.7rem!important
}

.sku .bv-cleanslate .bv-core-container-60 .bv-primarySummary-rating-container dd .bv-rating span,
.sku .bv-cleanslate .bv-core-container-60 .bv-primarySummary-rating-container dd .bv-rating-ratio-count span {
  font: 1.3rem/1.5rem LacosteSansCondensedLight!important
}

@media screen and (max-width:767px) {
  .sku #stickyBar .cart-save span button#add-to-cart {
    width: 50%;
    position: absolute;
    right: 0
  }
}

.sku .badges {
  color: #fff;
  margin-bottom: 15px
}

.sku .badges .look-flag,
.sku .badges .sales {
  position: static;
  float: left;
  font: 1.2rem/1.6rem LacosteSansCondensedLight;
  margin-right: 3px
}

@media screen and (min-width:769px) {
  .sku .badges *+* {
    float: right!important
  }
}

.sku .badges:after {
  content: '';
  clear: both;
  display: block
}

.sku .column-quarter {
  float: right;
  width: 30%
}

.sku .column-quarter.column-quarter-end {
  clear: right
}

@media screen and (min-width:769px) {
  .sku .colorAttribute .swiper-container {
    margin: -5px 0
  }
}

.swatches.size .ui-select {
  background: 0 0;
  text-align: center;
  position: relative
}

.swatches.size .ui-select div.custom-label {
  display: none;
  color: #292929;
  border: 3px solid #e5e5e5;
  font: 1.5rem/1.8rem LacosteSansCondensedBold;
  padding: 17px 0;
  text-align: center;
  color: #000;
  text-decoration: none;
  transition: .5s;
  -webkit-transition: .5s
}

@media screen and (max-width:767px) {
  .swatches.size .ui-select div.custom-label {
    padding: 22px 0
  }
}

.swatches.size .ui-select div.custom-label:after {
  content: '';
  display: inline-block;
  background-image: url(../img/arrow-bottom-small-dark.png);
  background-position: 0 0;
  transform: rotate(0);
  -moz-transform: rotate(0);
  -webkit-transform: rotate(0);
  -khtml-transform: rotate(0);
  background-size: auto
}

@media screen and (max-width:767px) {
  .swatches.size .native .ui-select div.custom-label {
    display: block
  }
}

.row-quick-view .swatches.size .ui-select div.custom-label {
  display: block
}

.sizeSelect {
  background: #292929;
  text-align: center;
  position: relative
}

@media screen and (max-width:767px) {
  .sizeSelect.native {
    display: none
  }
}

@media screen and (min-width:769px) {
  .sizeSelect.native {
    display: block
  }
}

.sizeSelect a {
  outline: 0
}

.sizeSelect a.openSize {
  font: 1.5rem/1.8rem LacosteSansCondensedBold;
  padding: 17px 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: block;
  transition: .5s;
  -webkit-transition: .5s
}

@media screen and (max-width:767px) {
  .sizeSelect a.openSize {
    padding: 22px 0
  }
}

.sizeSelect a.openSize:after {
  content: '';
  display: inline-block;
  margin: -6px 0 0 20px;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -416px -526px;
  width: 7px;
  height: 4px;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -khtml-transform: rotate(180deg);
  vertical-align: middle
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .sizeSelect a.openSize:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -140.5px -411px;
    background-size: 457px 446px
  }
}

.sizeSelect ul {
  display: inline-block;
  text-align: left;
  padding: 25px 0;
  margin: 0;
  font: 1.3rem/1.7rem LacosteSansCondensedLight;
  list-style-type: none
}

.sizeSelect ul a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 4px 25px
}

@media screen and (max-width:767px) {
  .sizeSelect ul a {
    min-height: 44px
  }
}

.sizeSelect ul a:hover {
  text-decoration: underline
}

.sizeSelect ul a[disabled] {
  color: #797979;
  cursor: default
}

@media screen and (max-width:767px) and (min-width:541px) {
  .sizeSelect ul {
    font-size: 1.8rem;
    line-height: 2.2rem
  }
  .sizeSelect ul a {
    padding-top: 8px;
    padding-bottom: 8px
  }
}

@media screen and (max-width:540px) {
  .sizeSelect ul {
    font-size: 1.5rem
  }
  .sizeSelect ul a {
    padding-top: 7px;
    padding-bottom: 6px
  }
}

.sizeSelect.opened a.openSize {
  background: #f8f8f8;
  color: #292929
}

.sizeSelect.opened a.openSize:after {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -470px -526px;
  width: 7px;
  height: 4px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .sizeSelect.opened a.openSize:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -375px -380px;
    background-size: 457px 446px
  }
}

.sizeSelect .sizesInStore {
  background: #212121;
  color: #fff;
  font: 1.5rem/1.8rem LacosteSansCondensedLight;
  padding: 17px 0;
  text-align: center;
  text-transform: uppercase;
  display: block;
  text-decoration: none
}

.sizeSelectContent {
  display: none;
  position: absolute;
  top: 50px;
  width: 100%;
  background: #292929
}

.product-variations {
  margin-bottom: 20px
}

.cart-save {
  display: table;
  width: 100%;
  margin-top: -3px;
  margin-bottom: 16px
}

.cart-save span {
  display: table-cell;
  vertical-align: top
}

.in-stock {
  display: inline-block;
  color: #589740;
  font-family: LacosteSansBold;
  text-transform: uppercase;
  white-space: nowrap
}

.ico-save {
  position: relative;
  top: 1px;
  left: -3px;
  margin-top: -1px;
  margin-bottom: -1px;
  margin-right: 1px;
  background-image: url(../img/_sprites/sprite-icosku.png);
  background-position: 0 0;
  width: 16px;
  height: 13px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .ico-save {
    background-image: url(../img/_sprites/retina-sprite-icosku.png);
    background-position: 0 0;
    background-size: 16px 13px
  }
}

.selected-color {
  position: relative;
  margin-top: 8px;
  display: block;
  color: #797979
}

.delivery-notice {
  margin: 11px 0 5px 0;
  line-height: 1.5
}

.delivery-notice em {
  font-style: normal;
  color: #285f41
}

.add-to-cart {
  padding-top: 22px
}

#atg_call .add-to-cart a,
#atg_chat .add-to-cart a,
.add-to-cart #atg_call a,
.add-to-cart #atg_chat a,
.add-to-cart .btn,
.add-to-cart .faqchat {
  margin-top: 9px;
  clear: both;
  float: left;
  margin-bottom: 10px
}

.add-to-cart select {
  -webkit-appearance: menulist-button;
  padding: 9px 11px 6px;
  width: 100%
}

.row-quick-view .product-variations ul.product-colors {
  max-height: 105px;
  overflow-y: auto
}

.product-variations ul {
  list-style-type: none
}

.product-variations select {
  -webkit-appearance: menulist-button;
  padding: 9px 11px 6px;
  width: 100%
}

.product-variations select {
  width: 100%
}

.product-variations select.sku-product-sizes {
  border-color: #c7c7c7;
  -webkit-appearance: button;
  padding: 10px 0 10px 10px;
  background: url(../img/ico/small-arrow-down.png) no-repeat 85% 49%;
  width: 112%;
  text-transform: uppercase
}

@media screen and (max-width:767px) {
  .product-variations select.sku-product-sizes#native {
    text-align: center;
    text-align-last: center;
    font-weight: 700;
    padding: 0 10px;
    height: 52px;
    line-height: 4.5rem;
    border-width: 3px;
    width: 100%;
    background: url(../img/ico/small-arrow-down.png) no-repeat 55% 49%
  }
}

@media screen and (min-width:769px) {
  .product-variations select.sku-product-sizes#native {
    display: none
  }
}

.row-quick-view .product-variations select.sku-product-sizes {
  display: block!important
}

@media screen and (max-width:767px) {
  .row-quick-view .product-variations select.sku-product-sizes#native {
    height: 36px;
    line-height: 3rem;
    padding: 0;
    padding-left: 10px
  }
}

.add-to-selection:before {
  display: inline-block;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -593px -497px;
  width: 13px;
  height: 11px;
  content: "";
  margin-right: 10px;
  width: 100%
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .add-to-selection:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -225px -380px;
    background-size: 457px 446px
  }
}

.share-rate>ul.sku-share {
  height: auto
}

.sku-share {
  padding-left: 0;
  vertical-align: middle
}

.sku-share li {
  display: inline-block;
  vertical-align: middle;
  border: 1px solid #eee;
  border-right: none;
  transition: .5s;
  float: left;
  width: 20%;
  text-align: center
}

.sku-share li:hover {
  background-color: #454545;
  cursor: pointer
}

.sku-share li:last-child {
  border-right: 1px solid #eee
}

.sku-share a {
  text-indent: -9999px;
  direction: ltr;
  display: inline-block;
  position: relative
}

.sku-share .share-facebook a {
  background: url(../img/ico/sc-facebook-b.png) no-repeat center center
}

.sku-share .share-facebook a:hover {
  background: url(../img/ico/sc-facebook.png) no-repeat center center
}

.sku-share .share-twitter a {
  background: url(../img/ico/share-twitter.png) no-repeat center center
}

.sku-share .share-twitter a:hover {
  background: url(../img/ico/share-twitter-over.png) no-repeat center center
}

.sku-share .share-plusgoogle a {
  background: url(../img/ico/share-gplus.png) no-repeat center center
}

.sku-share .share-plusgoogle a:hover {
  background: url(../img/ico/share-gplus-over.png) no-repeat center center
}

.sku-share .share-tumblr a {
  background: url(../img/ico/share-tumblr.png) no-repeat center center
}

.sku-share .share-tumblr a:hover {
  background: url(../img/ico/share-tumblr-over.png) no-repeat center center
}

.sku-share .share-vimeo a {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -66px -526px;
  width: 14px;
  height: 16px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .sku-share .share-vimeo a {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -421px -325px;
    background-size: 457px 446px
  }
}

.sku-share .share-pinterest a {
  background: url(../img/ico/share-pinterest.png) no-repeat center center
}

.sku-share .share-pinterest a:hover {
  background: url(../img/ico/share-pinterest-over.png) no-repeat center center
}

.sku-share .share-mail a {
  height: 22px;
  width: 25px;
  background-image: url(../img/ico-s39360247b5.png);
  background-position: 0 -5247px;
  background-repeat: no-repeat
}

.sku-share .share-facebook a,
.sku-share .share-pinterest a,
.sku-share .share-plusgoogle a,
.sku-share .share-tumblr a,
.sku-share .share-twitter a {
  width: 100%;
  height: 100%;
  transition: .5s
}

.sku-share .share-facebook a:hover,
.sku-share .share-pinterest a:hover,
.sku-share .share-plusgoogle a:hover,
.sku-share .share-tumblr a:hover,
.sku-share .share-twitter a:hover {
  width: 100%;
  height: 100%
}

@media screen and (min-width:320px) {
  .sku-share a {
    padding: 27px 20px 0 0
  }
}

@media screen and (min-width:768px) {
  .sku-share a {
    padding: 27px 20px 0 0
  }
}

@media (-webkit-min-device-pixel-ratio:2),
(min-resolution:192dpi) {
  .sku-share a {
    padding: 27px 20px 8px 0
  }
}

.share-rate {
  width: 100%;
  display: table;
  padding-top: 0;
  margin-top: 0;
  margin-left: 0!important
}

.share-rate>div,
.share-rate>p,
.share-rate>ul {
  display: table-cell;
  vertical-align: middle;
  height: 30px
}

.review-count {
  text-align: right;
  border-left: 1px solid #ededed
}

.review-count a {
  display: block
}

.column-reduce-quick-view {
  width: 65%;
  float: left;
  overflow: hidden
}

.dialog .row-quick-view .column-quarter {
  width: 30%
}

.column-reduce-quick-view .galeria-wrapper {
  overflow: hidden;
  border-right: 1px solid #ededed;
  max-width: 628px
}

.column-reduce-quick-view .galeria-wrapper img {
  width: 76%;
  display: block;
  margin: 0 auto
}

.column-reduce-quick-view .pager {
  width: 542px;
  margin: 0 auto;
  bottom: 0
}

.column-reduce-quick-view .pager .pager-inner {
  margin: 0 auto;
  max-width: 260px
}

.column-reduce-quick-view .model-info {
  width: 72%;
  margin: 0 auto
}

.right-quick-view {
  text-align: right
}

#colorbox #js-sku-product {
  width: 920px;
  background: #fff;
  font-family: LacosteSansCondensedLight;
  font-size: 1.5rem
}

#colorbox.hidden {
  display: block!important;
  visibility: visible!important
}

#colorbox .sku {
  background: #f4f4f4
}

#colorbox .sku .column-reduce-quick-view {
  position: relative;
  padding: 0
}

#colorbox .sku .column-reduce-quick-view .loader-ctnr {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)
}

#colorbox .sku .column-reduce-quick-view .loader-ctnr.hide {
  display: none
}

#colorbox .sku .column-reduce-quick-view .galeria-wrapper {
  max-width: initial;
  padding: 80px 110px;
  border: none
}

#colorbox .sku .column-reduce-quick-view .galeria-wrapper img {
  width: 100%
}

#colorbox .sku .column-reduce-quick-view .pager {
  display: none!important
}

#colorbox .sku .column-quarter {
  width: 35%;
  background: #fff
}

#colorbox .sku .box-infos {
  padding: 0
}

#colorbox .sku .productInfos {
  padding: 0 40px 0
}

#colorbox .sku .productInfos.product-infos-top {
  padding: 40px 40px 0
}

#colorbox .sku .product-flags {
  display: none
}

#colorbox .sku .sku-product-name,
#colorbox .sku .sku-product-price {
  margin: 0;
  font-size: 1.7rem
}

#colorbox .sku .sku-product-price {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 20px
}

#colorbox .sku .sku-product-price:after {
  content: '';
  position: absolute;
  left: -40px;
  right: -40px;
  bottom: 0;
  height: 1px;
  background-color: #ededed
}

#colorbox .sku .box-infos-add-to-cart {
  position: relative;
  margin-top: 20px;
  padding-top: 20px
}

#colorbox .sku .box-infos-add-to-cart:before {
  content: '';
  position: absolute;
  top: 0;
  left: -40px;
  right: -40px;
  height: 1px;
  background-color: #ededed
}

#colorbox .sku .box-infos-options {
  display: none
}

#colorbox .sku .on-sale {
  margin: 15px 0 5px;
  display: block;
  font-size: 1.2rem
}

@media screen and (min-width:768px) and (max-width:1279px) {
  #colorbox #js-sku-product {
    max-width: 715px
  }
}

.monogram-advice {
  background: #000;
  color: #fff;
  padding: 25px;
  box-sizing: border-box;
  height: auto;
  width: 100%;
  font-family: LacosteSansCondensedLight;
  text-align: center;
  font-size: 1.4rem
}

@media screen and (min-width:769px) {
  .galeria-wrapper {
    max-width: 518px
  }
  .galeria .swiper-slide {
    margin-top: -3px
  }
  .sku .btn-back {
    margin: 35px 0 10px
  }
  .sku .column-quarter {
    width: 25%;
    margin-left: -1px
  }
  .sku .column-three-quarter {
    padding: 0 30px
  }
  .sku .box-infos {
    padding-left: 0
  }
  .sku .box-infos:last-child {
    padding-bottom: 0
  }
  .product-variations>ul {
    margin-top: -6px;
    margin-bottom: 3px
  }
  .attribute .swatches .form-item-size {
    margin-top: -4px;
    overflow: hidden;
    width: 100%
  }
  .attribute .swatches p {
    text-align: right;
    margin: -5px 0 17px
  }
  .attribute .swatches .error {
    margin: 0 0 10px;
    display: block
  }
  .attribute .swatches .open-size-guide {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    color: #292929
  }
  .attribute .swatches .open-size-guide:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 4px;
    background-image: url(../img/_sprites/sprite-ico.png);
    background-position: -231px -564px;
    width: 4px;
    height: 7px
  }
}

@media screen and (min-width:769px) and (-webkit-min-device-pixel-ratio:1.5),
screen and (min-width:769px) and (min--moz-device-pixel-ratio:1.5),
screen and (min-width:769px) and (-o-min-device-pixel-ratio:3 / 2),
screen and (min-width:769px) and (min-device-pixel-ratio:1.5),
screen and (min-width:769px) and (min-resolution:144dpi) {
  .attribute .swatches .open-size-guide:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -30px -437px;
    background-size: 457px 446px
  }
}

@media screen and (min-width:769px) {
  .share-rate {
    overflow: hidden;
    position: relative;
    margin-top: 0;
    padding-top: 0
  }
  .share-rate:before {
    content: "";
    display: block;
    margin-top: 0;
    width: 100%;
    height: 1px;
    position: absolute;
    right: 30px;
    top: 4px
  }
}

@media screen and (min-width:1280px) {
  .galeria-wrapper {
    max-width: 656px
  }
  .productPageBottom .products .product {
    height: 370px
  }
}

@media screen and (min-width:768px) and (max-width:1279px) {
  .sku .column-three-quarter {
    width: 64%;
    padding: 0 30px;
    overflow: hidden
  }
  .sku .column-quarter {
    width: 36%
  }
}

@media screen and (max-width:767px) {
  .column-reduce-quick-view {
    width: 100%;
    clear: both;
    float: none;
    margin-bottom: 0
  }
  .column-reduce-quick-view .galeria-wrapper img {
    width: 80%
  }
  .column-reduce-quick-view .pager {
    width: 80%
  }
  .sku .column-quarter {
    position: static !important;
    width: 100% !important;
    clear: both !important;
  }
  .attribute .swatches .form-item-size {
    border-right: 1px solid #c7c7c7;
    overflow: hidden;
    width: 100%
  }
  .open-size-guide {
    display: block;
    color: #454545;
    text-align: right
  }
  .share-rate>ul.sku-share {
    padding: 0 30px
  }
}

#cboxWrapper #tryOnFB {
  display: none
}

#cboxWrapper .swiper-color {
  overflow: hidden;
  clear: both
}

@media screen and (max-width:767px) {
  .main-container .galeria-wrapper {
    min-height: 83vw
  }
}

@media screen and (max-width:767px) and (max-width:540px) {
  .main-container .galeria-wrapper {
    min-height: auto;
    margin-bottom: 20px
  }
}

@media screen and (max-width:767px) {
  .main-container .galeria {
    width: 99999px
  }
  .main-container .galeria .swiper-slide {
    width: 500px;
    width: calc(80vw - 20px);
    margin: 0 0 0 20px
  }
  .main-container .galeria .swiper-slide:last-child {
    margin-right: 20px
  }
  .main-container .galeria span img {
    margin: 0
  }
  .main-container .swiper-pagination {
    display: block;
    text-align: center;
    margin: 10px 0 15px
  }
}

@media screen and (max-width:767px) and (max-width:540px) {
  .main-container .swiper-pagination {
    display: none
  }
}

@media screen and (max-width:767px) {
  .main-container .swiper-pagination .swiper-pagination-bullet {
    background: #292929;
    border-radius: 20px;
    width: 3px;
    height: 3px;
    display: inline-block;
    margin: 0 5px
  }
  .main-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #b4b4b4
  }
  .main-container .cart-save p,
  .main-container .swatches.size p {
    margin: 0
  }
  .main-container .cart-save a,
  .main-container .swatches.size a {
    text-transform: uppercase;
    font-family: LacosteSansCondensedLight;
    float: right;
    margin-top: 10px;
    font-size: 1.5rem
  }
}

@media screen and (max-width:767px) and (min-width:768px) {
  .main-container .cart-save a,
  .main-container .swatches.size a {
    margin-right: 40px
  }
}

@media screen and (max-width:767px) {
  .main-container .swatches.size p {
    margin: 0
  }
  .main-container .swatches.size a {
    text-transform: uppercase;
    font-family: LacosteSansCondensedLight;
    float: left;
    margin-top: 15px;
    margin-left: 20px;
    font-size: 1.5rem
  }
}

@media screen and (max-width:767px) and (min-width:768px) {
  .main-container .swatches.size a {
    margin-right: 40px
  }
}

@media screen and (max-width:767px) {
  .main-container .productPageBottom {
    position: relative;
    margin: 0;
    padding: 40px 40px 80px;
    background: #f3f3f3;
    z-index: 99
  }
  .main-container .productPageBottom:after {
    clear: both;
    content: '';
    display: block;
    padding-bottom: 1px
  }
  .main-container .productPageBottom>.row {
    background: #fff;
    margin-bottom: 20px;
    border-bottom: 1px solid #ededed
  }
}

@media screen and (max-width:767px) and (max-width:540px) {
  .main-container .productPageBottom>.row {
    margin-top: 20px
  }
}

@media screen and (max-width:767px) {
  .main-container .productPageTop,
  .main-container div#js-sku-product {
    position: relative;
    z-index: 100
  }
  .main-container .sizeSelectContent {
    position: fixed;
    top: auto;
    width: 100%;
    bottom: 62px;
    height: calc(100% - 112px);
    padding: 0 20px 20px;
    box-sizing: border-content
  }
  .main-container .sizeSelectContent .sizesInStore {
    position: absolute;
    bottom: 0;
    width: calc(100% - 40px);
    border-bottom: 20px solid #292929
  }
  .main-container .sizeSelectContent .scrollSize {
    height: calc(100%);
    overflow-y: auto
  }
  .main-container .productPageTop .box-infos-variations.empty {
    padding-top: 0;
    padding-bottom: 0
  }
  .main-container .product-variations .attribute {
    padding: 0;
    margin: 0
  }
  .main-container .product-variations .attribute .colorAttribute {
    border: 0;
    padding: 0
  }
  .main-container .product-variations .attribute .colorAttribute .swiper-container {
    padding: 0 20px
  }
  .main-container .product-variations .attribute .colorAttribute .on-sale {
    border-top: 1px solid #ededed;
    margin: 20px 0 5px;
    padding: 15px 40px 0
  }
}

@media screen and (max-width:767px) and (max-width:540px) {
  .main-container .product-variations .attribute .colorAttribute .on-sale {
    padding: 15px 20px 0
  }
}

@media screen and (max-width:767px) {
  .main-container .proximis .proximisOpener {
    border: 3px solid #e3e3e3;
    padding: 18px 11px
  }
  .main-container .sku .column-quarter.column-quarter-end .reinsurance-box-infos {
    padding-bottom: 0;
    border: 0;
    overflow: hidden
  }
  .main-container .sku .column-quarter.column-quarter-end .SpecificDesc.box-infos {
    border-bottom: 0
  }
  .main-container .box-infos {
    border: 0
  }
  .sku .sku-product-name {
    margin-top: 5px;
    max-width: 60%
  }
  .sku .badges {
    margin-bottom: 5px
  }
  .sku .sku-product-price {
    float: left;
    width: calc(100% - 210px);
    margin: 3px 0 0 0
  }
  .sku .share-rate {
    float: right;
    width: 200px;
    clear: none;
    margin: 0
  }
  .sku .share-rate .bv-summary-bar {
    text-align: right!important
  }
  .sku .share-rate .bv-cleanslate .bv-core-container-60 .bv-summary-bar-minimalist-horizontal .bv-stars-container {
    margin-right: 0!important
  }
  .sku .box-infos:after {
    content: '';
    clear: both;
    display: block
  }
  .sku .swiper-color .product-colors {
    width: auto;
    margin: 6px 15px!important
  }
  .sku .sku-product-colors li {
    position: relative;
    margin: 3px 3px 5px 3px;
    width: calc((100% / 7) - 9px)!important
  }
  .sku .sku-product-colors li:before {
    content: "";
    display: block;
    padding-top: 100%
  }
  .sku .sku-product-colors li a {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%!important;
    height: 100%!important;
    background-size: cover!important
  }
  .sku .sku-product-colors li.selected a {
    border-width: 5px
  }
  .sku .sku-product-colors li.selected a:after {
    background-position: center center!important
  }
}

@media screen and (max-width:767px) and (min-width:541px) {
  .sku .sku-product-colors li.selected a:after {
    background-image: url(../img/icon_color_check_tablet.png);
    background-position: center center!important
  }
}

@media screen and (max-width:767px) {
  .productPageBottom .products .gmp-visu,
  .productPageBottom .products .product {
    width: 50%;
    margin-bottom: 20px!important
  }
  .productPageBottom .products .gmp-visu.odd,
  .productPageBottom .products .product.odd {
    clear: both
  }
  .column-quarter-end .productInfos {
    background: #fff
  }
  .column-quarter-end .productInfos:after {
    content: '';
    display: block;
    clear: both
  }
  div.SpecificDesc>div.product-description.sku-info-gray {
    display: none
  }
  div.SpecificDesc>div.product-description.sku-info-gray:after {
    background-image: url(../img/_sprites/sprite-ico.png);
    background-position: -557px -422px;
    width: 11px;
    height: 21px;
    background-color: transparent;
    position: absolute;
    right: 25px;
    top: 16px;
    left: auto;
    bottom: auto;
    height: 21px;
    width: 11px;
    margin: 0;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transition: .5s;
    content: ""
  }
}

@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),
screen and (max-width:767px) and (min--moz-device-pixel-ratio:1.5),
screen and (max-width:767px) and (-o-min-device-pixel-ratio:3 / 2),
screen and (max-width:767px) and (min-device-pixel-ratio:1.5),
screen and (max-width:767px) and (min-resolution:144dpi) {
  div.SpecificDesc>div.product-description.sku-info-gray:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -421px -176px;
    background-size: 457px 446px
  }
}

@media screen and (max-width:767px) {
  div.SpecificDesc>div.product-description.sku-info-gray.opened:after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    transform: rotate(90deg)
  }
  div.SpecificDesc>div.product-description.sku-info-gray.opened:after.js-clone {
    display: block
  }
  .tabTitle {
    font: 1.5rem/1.9rem LacosteSansCondensedBold;
    text-transform: uppercase;
    padding: 17px 20px;
    margin: 0;
    text-align: left;
    position: relative;
    cursor: pointer;
    color: #606060;
    background-color: #fff
  }
  .tabTitle:after {
    content: '';
    position: absolute;
    top: 16px;
    right: 25px;
    bottom: auto;
    left: auto;
    width: 11px;
    height: 21px;
    margin: 0;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -khtml-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-color: transparent;
    background-image: url(../img/_sprites/sprite-ico.png);
    background-position: -557px -422px;
    width: 11px;
    height: 21px;
    transition: .5s
  }
}

@media screen and (max-width:767px) and (-webkit-min-device-pixel-ratio:1.5),
screen and (max-width:767px) and (min--moz-device-pixel-ratio:1.5),
screen and (max-width:767px) and (-o-min-device-pixel-ratio:3 / 2),
screen and (max-width:767px) and (min-device-pixel-ratio:1.5),
screen and (max-width:767px) and (min-resolution:144dpi) {
  .tabTitle:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -421px -176px;
    background-size: 457px 446px
  }
}

@media screen and (max-width:767px) {
  .tabTitle.opened:after {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -khtml-transform: rotate(90deg);
    transform: rotate(90deg)
  }
  .tabContent {
    padding: 0 20px 20px
  }
}

@media screen and (max-width:767px) and (max-width:767px) {
  .tabContent {
    display: none;
    background-color: #fff
  }
}

@media screen and (max-width:767px) {
  #stickyBar {
    position: absolute;
    bottom: 0;
    z-index: 150;
    width: 100%;
    padding-bottom: 62px;
    display: none
  }
  #stickyBar .sizeSelect {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50%
  }
}

@media screen and (max-width:767px) and (max-width:540px) {
  #stickyBar .sizeSelect {
    width: 33%
  }
}

@media screen and (max-width:767px) {
  #stickyBar #add-to-cart,
  #stickyBar #notavailable,
  #stickyBar #update-cart {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 50%;
    font: 1.4rem/1.8rem LacosteSansCondensedBold;
    padding: 21px 10px
  }
}

@media screen and (max-width:767px) and (max-width:540px) {
  #stickyBar #add-to-cart,
  #stickyBar #notavailable,
  #stickyBar #update-cart {
    width: 67%
  }
}

@media screen and (max-width:767px) {
  #stickyBar #add-to-cart.uniqueSize,
  #stickyBar #notavailable.uniqueSize,
  #stickyBar #update-cart.uniqueSize {
    width: 100%
  }
  #stickyBar .error {
    display: block;
    background: #fff;
    text-align: center;
    line-height: 3rem;
    padding: 0 20px;
    border-top: 1px solid red
  }
  .main-container>#stickyBar {
    position: fixed
  }
}

@media screen and (min-width:541px) and (max-width:767px) {
  .tabContent {
    border-top: 1px solid #ededed
  }
  .main-container .product-variations>ul {
    margin: 0 -40px
  }
  .main-container .productPageTop .box-infos {
    padding: 40px
  }
  .main-container .sku .column-quarter.column-quarter-end .SpecificDesc.box-infos,
  .main-container .sku .column-quarter.column-quarter-end .standardDesc.box-infos {
    display: none
  }
  .main-container .sku .column-quarter.column-quarter-end .descArea {
    padding: 40px
  }
  .main-container .sku .column-quarter.column-quarter-end .descArea .longDescriptionTxt {
    font: 1.2rem/2.2rem LacosteSansLight;
    color: #797979;
    float: none;
    width: auto;
    border: 0
  }
  .main-container .sku .column-quarter.column-quarter-end .descArea .product-infos-content-more {
    padding: 0
  }
  .main-container .sku .column-quarter.column-quarter-end .descArea ul.careInstructions {
    margin: 20px 0 10px
  }
  .main-container .sku .column-quarter.column-quarter-end .descArea ul.careInstructions li {
    margin: 15px 4% 0
  }
  .main-container .sku .column-quarter.column-quarter-end .descArea ul.careInstructions img {
    width: 25px;
    width: 3vw
  }
  .main-container .sku .column-quarter.column-quarter-end .descArea h3 {
    margin: 0 0 10px;
    font: 1.5rem/1.9rem LacosteSansCondensedBold;
    color: #292929
  }
  .main-container .galeria .swiper-slide {
    margin: 0 0 0 40px
  }
  .main-container .galeria .swiper-slide:last-child {
    margin-right: 40px
  }
  .main-container .product-variations .attribute {
    padding: 0
  }
  .main-container .product-variations .attribute .swiper-container {
    padding: 0 40px
  }
  #longdescription {
    display: none
  }
}

@media screen and (max-width:540px) {
  .main-container .sku .column-quarter.column-quarter-end .box-infos-options {
    background: #f4f4f4
  }
  .main-container .sku .column-quarter.column-quarter-end .box-infos-options .reinsurance-box-infos {
    margin-top: 20px
  }
  .main-container .sku .column-quarter.column-quarter-end .box-infos-options .box-infos {
    border: none
  }
  .main-container .sku .column-quarter.column-quarter-end .box-infos-options .box-infos.availability-box,
  .main-container .sku .column-quarter.column-quarter-end .box-infos-options .box-infos.customization-box {
    margin: 20px auto 0;
    text-align: center;
    border-bottom: 1px solid #e5e5e5
  }
  .main-container .sku .column-quarter.column-quarter-end .box-infos-options .availability-box+.customization-box {
    margin-top: 0;
    border: none
  }
  .main-container .productPageBottom>.row:last-child {
    margin-top: 20px
  }
  .longDescriptionImg {
    display: none!important
  }
  .main-container .product-variations .colorAttribute .on-sale {
    margin-top: 15px;
    padding-top: 10px
  }
  .main-container .longDescriptionContent {
    border: 0;
    margin: 0
  }
  .main-container .longDescriptionTxt {
    float: none;
    width: auto;
    border: 0
  }
  .main-container .longDescriptionTxt .product-infos-content-more {
    padding: 20px 20px 0
  }
  .main-container .longDescriptionTxt .product-infos-content-more h3 {
    margin: 0 0 15px;
    font: 1.5rem/1.9rem LacosteSansCondensedBold
  }
  .main-container .longDescriptionTxt ul.careInstructions {
    margin: 20px 0 40px;
    text-align: center
  }
  .main-container .longDescriptionTxt ul.careInstructions li {
    margin: 0 10px
  }
  .main-container .longDescriptionTxt ul.careInstructions li:first-child {
    margin-left: 10px
  }
  .main-container .longDescriptionTxt ul.careInstructions img {
    width: 25px;
    width: 6vw
  }
  .main-container .sku .column-quarter.column-quarter-end .SpecificDesc.box-infos,
  .main-container .sku .column-quarter.column-quarter-end .standardDesc.box-infos {
    display: none
  }
  .main-container .productPageBottom {
    padding: 20px 20px 60px
  }
  .galeria-wrapper .swiper-button-next,
  .galeria-wrapper .swiper-button-prev {
    position: absolute;
    top: 50%;
    margin-top: -26px;
    width: 27px;
    height: 53px;
    background: #fff;
    border: 1px solid #e5e5e5
  }
  .galeria-wrapper .swiper-button-next:after,
  .galeria-wrapper .swiper-button-prev:after {
    position: absolute;
    content: "";
    background-image: url(../img/_sprites/sprite-ico.png);
    background-position: -289px -490px;
    width: 7px;
    height: 13px;
    left: 10px;
    top: 19px
  }
}

@media screen and (max-width:540px) and (-webkit-min-device-pixel-ratio:1.5),
screen and (max-width:540px) and (min--moz-device-pixel-ratio:1.5),
screen and (max-width:540px) and (-o-min-device-pixel-ratio:3 / 2),
screen and (max-width:540px) and (min-device-pixel-ratio:1.5),
screen and (max-width:540px) and (min-resolution:144dpi) {
  .galeria-wrapper .swiper-button-next:after,
  .galeria-wrapper .swiper-button-prev:after {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -49px -411px;
    background-size: 457px 446px
  }
}

@media screen and (max-width:540px) {
  .galeria-wrapper .swiper-button-prev {
    left: 0
  }
  .galeria-wrapper .swiper-button-prev:after {
    left: 8px
  }
  .galeria-wrapper .swiper-button-next {
    right: 0
  }
  .galeria-wrapper .swiper-button-next:after {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -khtml-transform: rotate(180deg);
    transform: rotate(180deg)
  }
  .galeria-wrapper .swiper-button-disabled {
    display: none
  }
}

.productPageTop .galeria-wrapper .galeria.swiper-wrapper {
  min-height: 55vw
}

@media screen and (min-width:0px) and (max-width:767px) {
  .productPageTop .galeria-wrapper .galeria.swiper-wrapper {
    height: 75vw
  }
}

@media screen and (min-width:769px) and (max-width:983px) {
  .productPageTop .galeria-wrapper .galeria.swiper-wrapper {
    min-height: 55vw
  }
}

@media screen and (min-width:984px) {
  .productPageTop .galeria-wrapper .galeria.swiper-wrapper {
    min-height: 610px
  }
}

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

.thumbnailsSwiper .swiper-slide {
  float: none;
  -webkit-flex-shrink: 0;
  flex-shrink: 0
}

.thumbnailsSwiper .thumbnails {
  position: relative;
  text-align: center;
  background: #fff;
  padding: 20px 20px 0;
  border-bottom: 1px solid #e5e5e5
}

@media screen and (max-width:767px) {
  .thumbnailsSwiper .thumbnails {
    display: none
  }
}

.thumbnailsSwiper .thumbnails .item {
  display: inline-block;
  width: 67px;
  margin: 0 9px 18px;
  overflow: hidden;
  cursor: pointer;
  position: relative
}

.thumbnailsSwiper .thumbnails .item img {
  width: 67px
}

.thumbnailsSwiper .thumbnails .item.current {
  border: 5px solid #e3e3e3
}

.thumbnailsSwiper .thumbnails .item.current img {
  margin: -5px
}

.tooltipster-default {
  border: 1px solid #e6e6e6;
  background: #fff;
  color: #606060
}

.tooltipster-default .tooltipster-content {
  font: 1.1rem/1.5rem LacosteSansLight;
  padding: 10px 15px;
  overflow: hidden;
  text-transform: none
}

.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible
}

.tooltipster-base .tooltipster-content {
  overflow: hidden
}

.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-left span,
.tooltipster-arrow-top-right span {
  border-left: 8px solid transparent!important;
  border-right: 8px solid transparent!important;
  border-top: 8px solid;
  bottom: -7px
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
  border-left: 9px solid transparent!important;
  border-right: 9px solid transparent!important;
  border-top: 9px solid;
  bottom: -7px
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-bottom-right span {
  border-left: 8px solid transparent!important;
  border-right: 8px solid transparent!important;
  border-bottom: 8px solid;
  top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  border-left: 9px solid transparent!important;
  border-right: 9px solid transparent!important;
  border-bottom: 9px solid;
  top: -7px
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top span {
  left: 0;
  right: 0;
  margin: 0 auto
}

.tooltipster-arrow-bottom-left span,
.tooltipster-arrow-top-left span {
  left: 6px
}

.tooltipster-arrow-bottom-left .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  left: 5px
}

.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-top-right span {
  right: 6px
}

.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border {
  right: 5px
}

.tooltipster-arrow-left .tooltipster-arrow-border,
.tooltipster-arrow-left span {
  border-top: 8px solid transparent!important;
  border-bottom: 8px solid transparent!important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent!important;
  border-bottom: 9px solid transparent!important;
  border-left: 9px solid;
  margin-top: -8px
}

.tooltipster-arrow-right .tooltipster-arrow-border,
.tooltipster-arrow-right span {
  border-top: 8px solid transparent!important;
  border-bottom: 8px solid transparent!important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px
}

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent!important;
  border-bottom: 9px solid transparent!important;
  border-right: 9px solid;
  margin-top: -8px
}

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity
}

.tooltipster-fade-show {
  opacity: 1
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden
}

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform
}

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 1);
  -webkit-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
  -moz-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
  -ms-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
  -o-transition-timing-function: cubic-bezier(.23, .635, .495, 2.4);
  transition-timing-function: cubic-bezier(.23, .635, .495, 2.4)
}

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0!important;
  opacity: 0
}

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1);
  -webkit-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -moz-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -ms-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  -o-transition-timing-function: cubic-bezier(.175, .885, .32, 1.15);
  transition-timing-function: cubic-bezier(.175, .885, .32, 1.15)
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0!important;
  opacity: 0
}

.tooltipster-content-changing {
  opacity: .5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1)
}

#videoProduct {
  margin-bottom: 40px
}

@media screen and (max-width:767px) {
  #videoProduct {
    margin-bottom: 20px
  }
}

#videoProduct .tabTitle {
  margin-bottom: 40px
}

@media screen and (max-width:767px) {
  #videoProduct .tabTitle {
    margin: 0
  }
}

#videoProduct .tabContent {
  position: relative;
  padding: 0!important;
  height: 320px;
  max-height: 320px;
  z-index: 1
}

@media screen and (max-width:920px) {
  #videoProduct .tabContent {
    height: calc(100vw * 9 / 16)
  }
}

@media screen and (max-width:767px) {
  #videoProduct .tabContent {
    height: calc((100vw - 40px) * 9 / 16)
  }
}

#videoProduct .tabContent:before {
  content: '';
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  transition: background .3s ease-out 0s;
  width: 100%;
  z-index: -1
}

#videoProduct .tabContent.showVideo {
  height: 517px;
  max-height: none;
  transition: all .3s ease-out 0s
}

@media screen and (max-width:920px) {
  #videoProduct .tabContent.showVideo {
    height: calc(100vw * 9 / 16);
    margin: 0
  }
}

@media screen and (max-width:767px) {
  #videoProduct .tabContent.showVideo {
    height: calc((100vw - 40px) * 9 / 16);
    margin: 0
  }
}

#videoProduct .tabContent.showVideo:before {
  background: #000 none repeat scroll 0 0
}

#videoProduct .tabContent>span {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: -2;
  background-repeat: no-repeat;
  background-position: center 0
}

#videoProduct .tabContent>div {
  display: table;
  height: 100%;
  width: 100%
}

#videoProduct .tabContent>div>div {
  display: table-cell;
  height: 100%;
  text-align: center;
  vertical-align: middle;
  width: 100%
}

#videoProduct .btn-play {
  cursor: pointer;
  display: inline-block;
  position: relative
}

#videoProduct .btn-play:after {
  border-bottom: 10px solid transparent;
  border-left: 17px solid #fff;
  border-top: 10px solid transparent;
  box-sizing: border-box;
  content: "";
  display: inline-block;
  left: -6px;
  position: absolute;
  top: -10px;
  transform-origin: 5px 13px 0;
  transition: all .3s ease-out 0s
}

#videoProduct .btn-play:before {
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 84px;
  box-sizing: border-box;
  content: "";
  height: 62px;
  left: -31px;
  position: absolute;
  top: -31px;
  transition: all .3s ease-out 0s;
  width: 62px
}

#videoProduct .btn-play:hover:after {
  border-left-color: #333
}

#videoProduct .btn-play:hover:before {
  background-color: #fff
}

#similar-products .products {
  margin-top: 22px
}

#cboxWrapper .attribute .swatches .form-item-size.no-guide-size {
  margin-top: 20px
}

.monogrammingArea .monograming {
  text-decoration: none
}

.monogrammingArea .monograming .monogram-text {
  width: 100%;
  padding: 16px;
  margin-top: 20px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  font-size: 15px;
  font-family: LacosteSansCondensedBold;
  color: #292929;
  text-align: center;
  transition: all 1s ease-in-out
}

.monogrammingArea .monograming .monogram-text.active {
  animation: buttonHighlight 1s ease-in-out
}

.monoLink {
  background: #292929;
  font: 1.5rem/1.8rem LacosteSansCondensedBold;
  padding: 17px 0;
  text-align: center;
  color: #fff;
  text-decoration: none;
  display: block;
  transition: .5s;
  -webkit-transition: .5s
}

.monoLink:before {
  content: "";
  display: inline-block;
  margin-right: 11px;
  vertical-align: top;
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -91px -453px;
  width: 21px;
  height: 17px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .monoLink:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -111px -353px;
    background-size: 457px 446px
  }
}

.monoLink.disabled {
  border: 3px solid #e3e3e3;
  padding: 14px 0;
  background: #fff;
  color: #292929;
  cursor: default;
  pointer-events: none
}

.monoLink.disabled:hover {
  text-decoration: none
}

.monoLink.disabled:before {
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -50px -453px;
  width: 21px;
  height: 17px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .monoLink.disabled:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -80px -353px;
    background-size: 457px 446px
  }
}

.row-quick-view .swiper-color .emptyswatch,
.row-quick-view .swiper-color .selected.swiper-slide {
  width: auto!important
}

.row-quick-view .swiper-color .swiper-slide-duplicate {
  display: none!important
}

.row-quick-view .backgroundProduct {
  max-width: 100vw;
  overflow: hidden
}

@media screen and (max-width:640px) {
  .sku .swiper-color .product-colors {
    margin: 15px 0
  }
  .main-container .swatches.size a {
    margin-right: 20px
  }
}

@media screen and (min-width:768px) {
  .row-quick-view .product-mobile-tablet-block {
    display: none
  }
}

@media screen and (max-width:767px) {
  .row-quick-view .product-mobile-tablet-block {
    display: block
  }
}

@-webkit-keyframes buttonHighlight {
  0% {
    background: #285f41;
    color: #fff
  }
  100% {
    background: #fff;
    color: #292929
  }
}

@-moz-keyframes buttonHighlight {
  0% {
    background: #285f41;
    color: #fff
  }
  100% {
    background: #fff;
    color: #292929
  }
}

@-ms-keyframes buttonHighlight {
  0% {
    background: #285f41;
    color: #fff
  }
  100% {
    background: #fff;
    color: #292929
  }
}

@keyframes buttonHighlight {
  0% {
    background: #285f41;
    color: #fff
  }
  100% {
    background: #fff;
    color: #292929
  }
}

.popinevents {
  min-height: 600px;
  background-color: #fff;
  position: relative;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-direction: row
}

.popinevents .error-msg,
.popinevents .success-msg {
  display: none
}

.popinevents .error-msg,
.popinevents .success-msg p {
  text-align: center
}

.popinevents .closeIcon {
  position: absolute;
  right: 0;
  top: 0;
  background-color: #292929;
  width: 50px;
  height: 50px;
  font-size: 5rem;
  font-weight: 100;
  display: inline-block;
  line-height: 0
}

.popinevents .closeIcon:before {
  color: #fff;
  content: "×";
  position: relative;
  left: 12px;
  top: 25px
}

.popinevents .closeIcon:hover {
  cursor: pointer;
  background-color: #fff;
  color: #000
}

.popinevents #cboxClose {
  display: none
}

.popinevents input[type=email],
.popinevents input[type=text] {
  height: 40px;
  width: 100%;
  background: #f2f2f2;
  border: none;
  margin-top: 7px;
  margin-bottom: 16px;
  padding-left: 10px
}

.popinevents .event-form {
  margin: 0!important;
  padding-bottom: 20px
}

.popinevents .form-item {
  padding: 0
}

.popinevents .half-form-item {
  width: 45%
}

.popinimg {
  min-width: 480px;
  overflow: hidden
}

.popinimg img {
  width: 100%
}

.popindesc {
  margin: 0 auto;
  padding: 0 50px;
  margin-bottom: 20px
}

.popindesc a,
.popindesc a:hover,
.popindesc a:visited {
  color: #606060
}

.popindesc h2 {
  text-transform: uppercase;
  font-size: 2.5rem;
  font-family: LacosteSansCondensedBold, arial, Sans-serif;
  line-height: 3.5rem;
  color: #292929;
  margin-bottom: 10px
}

.popindesc p {
  font-size: 1.3rem;
  font-family: LacosteSans, arial, Sans-serif;
  line-height: 2.3rem;
  color: #606060;
  margin-bottom: 15px
}

.popindesc .civility h3,
.popindesc .civility label {
  font-size: 1.3rem;
  font-family: LacosteSansBold, arial, Sans-serif;
  margin-bottom: 10px
}

.popindesc .civility .title {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 200px;
  margin: auto;
  font-family: LacosteSansCondensedLight, arial, Sans-serif;
  font-size: 1.5rem;
  margin-bottom: 16px
}

.popindesc .name {
  display: flex;
  justify-content: space-between
}

.register-btn {
  background-color: #fff;
  padding: 20px;
  text-align: center;
  margin: auto;
  display: block;
  border: 3px solid #e5e5e5;
  color: #292929;
  text-transform: uppercase;
  font-family: LacosteSansCondensedBold, arial, Sans-serif;
  font-size: 1.5rem;
  cursor: pointer;
  transition: .3s linear
}

.register-btn:hover {
  background-color: #292929;
  border: 3px solid #292929;
  color: #fff;
  transition: .3s linear
}

.popindesc .confirmSubscribe {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 160px;
  margin: auto;
  font-family: LacosteSansCondensedLight, arial, Sans-serif;
  font-size: 1.5rem;
  margin-bottom: 23px;
  position: relative
}

.popindesc .confirmSubscribe span.error {
  position: absolute;
  bottom: -5px;
  left: 0
}

@media screen and (max-width:1024px) {
  .popinimg {
    display: none
  }
  .popindesc {
    width: 640px
  }
}

@media screen and (max-width:767px) {
  .popinevents {
    min-height: 0
  }
  .popinimg {
    display: none
  }
  .popindesc {
    width: 100vw;
    padding-top: 50px
  }
  .popindesc h2 {
    font-size: 2rem;
    line-height: 3rem
  }
  .popindesc p {
    font-size: 1.1rem;
    margin-bottom: 10px
  }
  .register-btn {
    display: block;
    display: flex;
    justify-content: space-between;
    position: relative;
    margin: auto;
    font-family: LacosteSansCondensedLight, arial, Sans-serif;
    font-size: 1.5rem;
    margin-bottom: 23px;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    margin: auto;
    border: 3px solid #e5e5e5;
    color: #292929;
    text-transform: uppercase;
    font-family: LacosteSansCondensedBold, arial, Sans-serif;
    font-size: 1.5rem;
    cursor: pointer;
    transition: .3s linear
  }
  .register-btn:hover {
    background-color: #292929;
    border: 3px solid #292929;
    color: #fff;
    transition: .3s linear
  }
}

#bg_black {
  display: none;
  background: #000;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
  opacity: .8;
  z-index: 10000
}

.popup_block {
  background: #fff;
  padding: 20px;
  max-width: 80%;
  font-size: 1.2em;
  z-index: 11000;
  cursor: pointer;
  display: none
}

img.btn_close {
  float: right;
  margin: -55px -55px 0 0
}

.popin-html-content .title {
  line-height: 1;
  margin: 4px 0;
  font-size: 1.5rem;
  font-family: LacosteSansBold;
  color: #454545
}

.popin-html-content .sub-title {
  color: #797979;
  font-family: LacosteSans;
  text-transform: initial
}

.popin-html-content .action-btn {
  width: 100%;
  display: block;
  min-height: 50px
}

#atg_call .popin-html-content .action-btn a,
#atg_chat .popin-html-content .action-btn a,
.popin-html-content .action-btn #atg_call a,
.popin-html-content .action-btn #atg_chat a,
.popin-html-content .action-btn .btn,
.popin-html-content .action-btn .faqchat {
  float: right
}

.popin-html-content ul.all-adresses {
  padding: 0;
  margin: 0;
  overflow: hidden
}

.popin-html-content .all-adresses li {
  background-color: #f5f5f5;
  margin: 2% 0;
  padding: 10px;
  width: 100%;
  height: 100%;
  display: block
}

.popin-html-content .all-adresses li :hover {
  cursor: pointer
}

.popin-html-content .all-adresses li label {
  display: block;
  margin: 0;
  padding: 0
}

.popin-html-content .all-adresses li .one-popup-adress {
  display: table;
  height: 100%;
  width: 100%
}

.popin-html-content .all-adresses li .one-popup-adress .center-vert-input {
  display: table-cell;
  width: 20%;
  height: 100%;
  vertical-align: middle
}

.popin-html-content .all-adresses li .one-popup-adress .center-vert-input input {
  display: inline-block
}

.popin-html-content .all-adresses li .one-popup-adress-qas {
  display: table-cell;
  text-align: left
}

@media screen and (min-width:1280px) {
  .popin-html-content .all-adresses li .one-popup-adress-qas .block-title {
    font-size: 1.6rem
  }
}

.popin-html-content .all-adresses li p {
  display: inline-block;
  width: 78%
}

.popup-content {
  display: none
}

.popup-container {
  background-color: #fff;
  transition: top .3s ease-out;
  position: fixed;
  width: 560px;
  height: auto;
  top: calc(100vh + 50px);
  left: calc((100% - 525px)/ 2);
  z-index: 155;
  opacity: 0;
  pointer-events: none
}

.popup-container.active {
  opacity: 1;
  pointer-events: all
}

.popup-container>div {
  z-index: 1;
  position: relative;
  max-height: calc(100vh - 50px);
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

.popup-container>button {
  position: absolute;
  right: 22px;
  top: 0;
  width: 50px;
  height: 50px;
  background-color: #292929;
  z-index: 2;
  cursor: pointer;
  transition: background .3s linear;
  border: none
}

.popup-container>button span:after {
  position: absolute;
  content: "";
  right: 20px;
  top: 20px;
  width: 9px;
  height: 9px;
  background-position: -150px -90px
}

.popup-container .popin-pad-40 {
  width: 100%;
  padding: 40px
}

.popup-container h1 {
  margin: 0;
  padding: 0;
  font-size: 2.5rem;
  font-family: LacosteSansCondensedBold;
  text-transform: uppercase;
  color: #292929;
  display: block;
  position: relative;
  padding-bottom: 10px
}

.popup-container h1:after {
  content: "";
  height: 1px;
  width: 100%;
  background-color: #f4f4f4;
  bottom: 0;
  left: 0;
  position: absolute
}

.popin-change-country {
  font-family: LacosteSansCondensedBold;
  font-weight: 400;
  display: block;
  font-size: 1.17em;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 0;
  -webkit-margin-end: 0
}

.popin-change-country .items {
  position: relative;
  font-size: 0;
  margin-top: 30px
}

.popin-change-country .items a {
  text-decoration: underline;
  line-height: 5rem;
  width: calc(100% / 3);
  transition: all .3s linear;
  position: relative;
  display: inline-block;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedLight;
  text-transform: uppercase;
  color: #292929;
  padding-left: 15px
}

.popin-change-country .items a:after {
  content: "";
  position: absolute;
  width: 4px;
  height: 7px;
  left: 0;
  top: 22px;
  background-position: -30px -90px;
  transition: left .3s ease-out
}

.popin-reinsurance h2 {
  text-transform: uppercase;
  color: #292929;
  margin: 0;
  padding: 0;
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  margin-top: 30px
}

.popin-reinsurance p {
  margin: 0;
  padding: 0;
  text-transform: none;
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  line-height: 1.8em;
  color: #606060
}

@media screen and (min-width:1280px) {
  .popup-container>button span:hover {
    background-color: rgba(41, 41, 41, .8)
  }
  .popin-change-country .items a:hover {
    color: #105a33
  }
  .popin-change-country .items a:hover:after {
    left: 5px
  }
}

@media screen and (max-width:640px) {
  .popup-container {
    left: 20px;
    right: 20px;
    width: auto
  }
  .popin-change-country .items a {
    width: 100%
  }
}

.size-chart.popin-wrapper {
  padding: 5%;
  max-width: 100vw;
  max-height: 100vh;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto
}

@media screen and (max-width:640px) {
  .size-chart.popin-wrapper {
    height: 100vh
  }
}

.size-chart.popin-wrapper::-webkit-scrollbar {
  width: 1px
}

.size-chart.popin-wrapper .sizechart-sub-title,
.size-chart.popin-wrapper .tab-wrapper .tab-header {
  display: none
}

.size-chart.popin-wrapper h2 {
  font-family: LacosteSansCondensedBold, arial, Sans-serif;
  font-weight: 700;
  font-size: 2.5rem;
  padding: 0;
  margin: 0
}

@-moz-document url-prefix() {
  .size-chart.popin-wrapper h2 {
    font-weight: 100
  }
}

@media screen and (max-width:640px) {
  .size-chart.popin-wrapper h2 {
    font-family: LacosteSansCondensedBold, arial, Sans-serif;
    font-weight: 700;
    font-size: 1.8rem;
    padding: 0;
    margin: 0
  }
  @-moz-document url-prefix() {
    .size-chart.popin-wrapper h2 {
      font-weight: 100
    }
  }
}

.size-chart.popin-wrapper h2 .sizechart-sub-title {
  display: inline-block;
  color: #797979;
  font-family: LacosteSansCondensedLight, arial, Sans-serif;
  font-weight: lighter;
  padding: 0;
  margin: 0
}

@media screen and (max-width:640px) {
  .size-chart.popin-wrapper h2 .sizechart-sub-title {
    display: none
  }
}

.size-chart.popin-wrapper h3.sizechart-sub-title {
  display: none
}

@media screen and (max-width:640px) {
  .size-chart.popin-wrapper h3.sizechart-sub-title {
    display: block;
    color: #797979;
    font-family: LacosteSansCondensedLight, arial, Sans-serif;
    font-weight: lighter;
    font-size: 1.5rem;
    padding: 0;
    margin: 0
  }
}

.size-chart.popin-wrapper .tab-content .sizeChart h1.sizeChart-title {
  display: none
}

.size-chart.popin-wrapper.fit-nok .fit-size-chart {
  display: none
}

.size-chart.popin-wrapper.fit-ok .tab-wrapper .tab-header {
  width: 100%;
  display: block;
  padding-top: 20px;
  background-color: #f8f8f8;
  outline: 0
}

@media screen and (max-width:640px) {
  .size-chart.popin-wrapper.fit-ok .tab-wrapper .tab-header {
    display: flex
  }
}

.size-chart.popin-wrapper.fit-ok .tab-wrapper .tab-header a {
  display: inline-block;
  flex: 0;
  padding: 0 25px;
  margin: 0;
  text-align: center;
  text-decoration: none;
  height: 40px;
  line-height: 4rem;
  font-weight: 700;
  color: #000;
  font-family: LacosteSansCondensedLight, arial, Sans-serif;
  font-weight: lighter;
  font-size: 1.5rem
}

@media screen and (max-width:640px) {
  .size-chart.popin-wrapper.fit-ok .tab-wrapper .tab-header a {
    flex: 1;
    padding: 0;
    margin: 0 10px
  }
}

.size-chart.popin-wrapper.fit-ok .tab-wrapper .tab-header a.active,
.size-chart.popin-wrapper.fit-ok .tab-wrapper .tab-header a:hover {
  font-family: LacosteSansCondensedBold, arial, Sans-serif;
  font-weight: 700;
  border-bottom: 2px solid #105a33;
  background-color: #fff;
  color: #105a33
}

@-moz-document url-prefix() {
  .size-chart.popin-wrapper.fit-ok .tab-wrapper .tab-header a.active,
  .size-chart.popin-wrapper.fit-ok .tab-wrapper .tab-header a:hover {
    font-weight: 100
  }
}

.size-chart.popin-wrapper.fit-ok .tab-wrapper .fit-size-chart .fit-analytic-wrapper {
  outline: 0
}

.size-chart.popin-wrapper.fit-ok .tab-wrapper .tab-content.fit {
  vertical-align: middle;
  display: table-cell;
  text-align: center
}

.size-chart.popin-wrapper.fit-ok .tab-wrapper .tab-content.fit #uclw.uclw_version_mobile {
  position: relative
}

.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden
}

.picto-customer-service,
.picto-title-faq {
  padding: 0 0 0 30px
}

.form-item-half label input[type=text] {
  cursor: auto
}

.ir::before {
  content: "";
  display: block;
  width: 0;
  height: 150%
}

.form-item-civility label {
  font-family: LacosteSansLight
}

.form-item-civility .content-inline label {
  margin-right: 40px
}

.form-item-civility .title-civ {
  font-family: LacosteSansBold
}

.input-civ {
  color: #797979
}

.hidden {
  display: none!important;
  visibility: hidden
}

.visible {
  display: block!important;
  visibility: visible
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto
}

.invisible {
  visibility: hidden
}

.clearfix::after,
.clearfix::before {
  content: " ";
  display: table
}

.clearfix::after {
  clear: both
}

.clearfix {
  clear: both
}

.pull-left {
  float: left
}

.pull-right {
  float: right
}

.center-wrapper {
  text-align: center;
  overflow: hidden;
  width: 100%
}

@media screen and (max-width:767px) {
  .d-mobile-none {
    display: none!important;
    visibility: hidden
  }
}

@media screen and (min-width:768px) {
  .d-desktop-none {
    display: none!important;
    visibility: hidden
  }
}

@media screen and (max-width:767px) {
  .form-item-civility .content-inline label {
    margin-right: 25px
  }
}

.content-wrapper {
  position: relative;
  overflow: hidden
}

.content-img-wrapper {
  position: absolute;
  z-index: -1
}

.content-txt-wrapper {
  padding: 10%
}

.block-bgroud {
  padding: 10px;
  background: rgba(255, 255, 255, .5)
}

.block-bgroud p,
h1.black {
  color: #000;
  word-wrap: break-word;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -o-hyphens: auto;
  hyphens: auto
}

.btn-wrapper {
  text-align: center;
  width: 100%
}

.lacoste-loader-wrapper {
  display: none;
  position: fixed;
  top: 88px;
  right: 0;
  bottom: 0;
  left: 250px;
  background: rgba(255, 255, 255, .5);
  z-index: 10
}

.lacoste-loader-wrapper.without-menu {
  left: 0
}

.lacoste-loader-wrapper .loader-ctnr {
  display: flex;
  width: 100%;
  height: 100%
}

.lacoste-loader-wrapper.is-loading {
  display: block
}

@media screen and (max-width:1279px) {
  .lacoste-loader-wrapper {
    top: 50px;
    left: 0
  }
}

#colorbox .content.order-return-popin {
  background: #fff;
  padding: 40px;
  color: #fff;
  max-width: 100vw;
  max-height: 100vh;
  overflow: auto
}

@media screen and (min-width:768px) {
  #colorbox .content.order-return-popin {
    width: 600px
  }
}

#colorbox .content.order-return-popin h2 {
  text-transform: uppercase;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  color: #292929!important;
  font-weight: 400;
  letter-spacing: 0
}

#colorbox .content.order-return-popin .block-description-black {
  text-transform: none;
  font-family: LacosteSansLight;
  color: #797979!important
}

#colorbox .content.order-return-popin a {
  color: inherit
}

#cboxOverlay,
#cboxWrapper,
#colorbox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden
}

#colorbox.colorbox {
  max-height: 90%;
  overflow-y: auto!important
}

#cboxWrapper {
  max-width: none;
  background: #fff
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%
}

#cboxBottomLeft,
#cboxMiddleLeft {
  clear: left
}

#cboxContent {
  position: relative
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch
}

#cboxTitle {
  margin: 0
}

#cboxLoadingGraphic,
#cboxLoadingOverlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

#cboxClose,
#cboxNext,
#cboxPrevious,
#cboxSlideshow {
  cursor: pointer
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0
}

#cboxContent,
#cboxLoadedContent,
#colorbox {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box
}

#colorbox {
  outline: 0
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494
}

#cboxLoadingGraphic {
  background: url(../img/loading-white.gif) no-repeat center center
}

#colorbox .close-popin {
  display: none
}

#colorbox .form {
  margin-left: -5.3%
}

.colorbox .content {
  width: 507px;
  background: #fff
}

.colorbox .padding {
  padding: 30px
}

.dialog-change-password .content {
  width: 610px
}

.changecountrypopin {
  width: 610px
}

.changecountrypopin .countrytitle {
  font-size: 1.8em
}

.changecountrypopin .btnCountry {
  text-align: center
}

.changecountrypopin .btnGoCountry,
.changecountrypopin .btnStayCountry {
  margin-top: 20px;
  width: 100%;
  padding: 10px 90px
}

.changecountrypopin .btnStayCountry,
.changecountrypopin .btnStayCountry:hover,
.changecountrypopin .btnStayCountry:visited {
  background: 0 0;
  color: #000;
  border: none;
  padding: 0;
  text-decoration: underline;
  display: block
}

@media screen and (max-width:767px) {
  .changecountrypopin,
  .colorbox .content {
    width: 80vw
  }
  .changecountrypopin .btnGoCountry,
  .changecountrypopin .btnStayCountry,
  .colorbox .content .btnGoCountry,
  .colorbox .content .btnStayCountry {
    padding: 10px 5px
  }
  #colorbox.dialog-change-password .form {
    margin-left: 0
  }
}

.swiper-container {
  margin: 0 auto;
  position: relative;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  -webkit-transition-property: -webkit-transform, left, top;
  -webkit-transition-duration: 0s;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-transition-timing-function: ease;
  -moz-transition-property: -moz-transform, left, top;
  -moz-transition-duration: 0s;
  -moz-transform: translate3d(0, 0, 0);
  -moz-transition-timing-function: ease;
  -o-transition-property: -o-transform, left, top;
  -o-transition-duration: 0s;
  -o-transform: translate3d(0, 0, 0);
  -o-transition-timing-function: ease;
  -o-transform: translate(0, 0);
  -ms-transition-property: -ms-transform, left, top;
  -ms-transition-duration: 0s;
  -ms-transform: translate3d(0, 0, 0);
  -ms-transition-timing-function: ease;
  transition-property: transform, left, top;
  transition-duration: 0s;
  transform: translate3d(0, 0, 0);
  transition-timing-function: ease
}

.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
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x
}

.swiper-slide {
  width: 100%;
  position: relative;
  z-index: 1
}

.swiper-slide-active {
  z-index: 20
}

.selectboxit-container {
  position: relative;
  display: inline-block;
  vertical-align: top
}

.selectboxit-container * {
  font: 1.2rem LacosteSansLight, Helvetica, Arial;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  white-space: nowrap
}

.selectboxit {
  width: 100%;
  cursor: pointer;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: block;
  position: relative
}

.selectboxit-container .selectboxit-options a,
.selectboxit-container span {
  height: 36px;
  line-height: 3.6rem;
  display: block
}

.selectboxit-container .selectboxit:focus {
  outline: 0
}

.selectboxit-options .selectboxit-disabled,
.selectboxit.selectboxit-disabled {
  opacity: .65;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  cursor: default
}

.selectboxit-text {
  text-indent: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  float: left;
  max-width: 80%!important
}

.selectboxit .selectboxit-option-icon-container {
  margin-left: 5px
}

.selectboxit-container .selectboxit-options {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  text-align: left;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  max-height: 182px
}

.selectboxit-option .selectboxit-option-anchor {
  padding: 0 2px
}

.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none
}

.selectboxit-optgroup-header,
.selectboxit-option {
  text-indent: 5px;
  margin: 0;
  list-style-type: none
}

.selectboxit-optgroup-header {
  font-weight: 700
}

.selectboxit-optgroup-header:hover {
  cursor: default
}

.selectboxit-arrow-container {
  width: 30px;
  position: absolute;
  right: 0
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  margin: 0 auto;
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin-top: -2px
}

.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%
}

.selectboxit-option-icon-container {
  float: left
}

.selectboxit-container .selectboxit-option-icon {
  margin: 0;
  padding: 0;
  vertical-align: middle
}

.selectboxit-option-icon-url {
  width: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat;
  height: 100%;
  background-position: center;
  float: left
}

.selectboxit-rendering {
  display: inline-block!important;
  zoom: 1!important;
  visibility: visible!important;
  position: absolute!important;
  top: -9999px!important;
  left: -9999px!important
}

.jqueryui .ui-icon {
  background-color: inherit
}

.jqueryui .ui-icon-triangle-1-s {
  background-position: -64px -16px
}

.selectboxit-btn {
  border: 1px solid #ededed;
  background: #fff
}

.selectboxit-btn.selectboxit-enabled:active,
.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:hover {
  color: #333;
  background-color: #f5f5f5
}

.selectboxit-btn.selectboxit-enabled:focus,
.selectboxit-btn.selectboxit-enabled:hover {
  color: #333;
  text-decoration: none;
  background-position: 0 -15px
}

.selectboxit-default-arrow {
  width: 0;
  height: 0;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent
}

.selectboxit-list {
  border: 1px solid #ededed;
  background: #fff
}

.selectboxit-option {
  border-bottom: 1px solid #f5f5f5;
  text-align: center
}

.selectboxit-list .selectboxit-option-anchor {
  color: #454545;
  font-size: 1.4rem;
  height: 32px;
  line-height: 3.2rem
}

.selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor {
  background: #f5f5f5;
  color: #454545;
  border: 2px solid #fff;
  padding: 0;
  line-height: 3rem
}

.selectboxit-list>.selectboxit-focus>.selectboxit-option-anchor {
  font-family: LacosteSansBold
}

.selectboxit-list>.selectboxit-disabled>.selectboxit-option-anchor {
  color: #999
}

select.error+.selectboxit-container .selectboxit-btn {
  border-color: red
}

.full-column-margin {
  position: relative;
  width: calc(100% - 80px);
  margin-left: 40px
}

.full-column-padding {
  position: relative;
  width: 100%;
  padding: 40px
}

.sizezero {
  font-size: 0
}

.one-fixed-column {
  width: 920px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  color: #292929
}

.one-fixed-column-padding {
  width: 920px;
  position: relative;
  margin-right: auto;
  margin-left: auto;
  color: #292929;
  padding: 40px
}

.vertical-inner>div {
  display: table;
  width: 100%;
  height: 100%
}

.vertical-inner>div>div {
  display: table-cell;
  width: 100%;
  height: 100%;
  vertical-align: middle;
  text-align: center
}

h1.large,
h2.large,
h3.large,
h4.large,
h5.large {
  font-size: 3rem;
  font-family: LacosteSansCondensedBold;
  line-height: 3.2rem;
  margin: 0;
  text-transform: uppercase;
  display: block;
  text-align: center;
  width: 100%
}

h1.medium,
h2.medium,
h3.medium,
h4.medium,
h5.medium {
  font-size: 2.5rem;
  font-family: LacosteSansCondensedBold;
  line-height: 2.7rem;
  margin: 0;
  text-transform: uppercase
}

h1.medium-minus,
h2.medium-minus,
h3.medium-minus,
h4.medium-minus,
h5.medium-minus {
  font-size: 2.3rem;
  font-family: LacosteSansCondensedBold;
  line-height: 2.4rem;
  margin: 0;
  text-transform: uppercase
}

h1.small,
h2.small,
h3.small,
h4.small,
h5.small {
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  line-height: 1.8rem;
  margin: 0;
  text-transform: uppercase
}

h1.light,
h2.light,
h3.light,
h4.light,
h5.light {
  font-family: LacosteSansCondensedLight
}

h5.subtitle {
  margin-top: 10px;
  margin-bottom: 20px
}

h1.underline,
h2.underline,
h3.underline,
h4.underline,
h5.underline {
  margin: 0;
  position: relative;
  margin-bottom: 40px;
  border-bottom: none
}

h1.underline:after,
h2.underline:after,
h3.underline:after,
h4.underline:after,
h5.underline:after {
  content: "";
  position: absolute;
  width: 70px;
  left: calc((100% - 70px)/ 2);
  height: 1px;
  background-color: #292929;
  bottom: -20px
}

.topleftcaption {
  width: auto;
  background-color: #292929;
  position: absolute;
  left: 0;
  padding: 10px;
  color: #fff;
  font-family: LacosteSansCondensedLight;
  top: 40px;
  font-size: 1.5rem
}

.topleftcaption.small {
  font-size: 1.1rem;
  padding-top: 5px;
  padding-bottom: 5px
}

a.article-text-link {
  color: #292929;
  text-transform: uppercase;
  font-family: LacosteSansCondensedBold;
  text-decoration: underline;
  font-size: 1.5rem;
  display: inline-block;
  margin-top: 35px
}

a.no-underline {
  text-decoration: none
}

.cursor-pointer {
  cursor: pointer
}

.block-button {
  cursor: pointer;
  text-align: center;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  line-height: 4.9rem;
  height: 55px;
  background: #fff;
  border: 3px solid #e5e5e5;
  box-sizing: border-box;
  transition: all .3s linear;
  color: #292929;
  text-transform: uppercase;
  text-decoration: none;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  margin-top: 20px
}

.block-button.dark-button {
  background-color: #292929;
  color: #fff;
  border: 3px solid #3f3f3f
}

.block-button.green-button {
  background-color: #105a33;
  color: #fff;
  border: 3px solid #105a33
}

.half-column-margin {
  width: calc(50% - 20px);
  margin-right: 20px;
  position: relative;
  display: inline-block;
  vertical-align: top
}

.half-column-margin:nth-child(2) {
  margin-right: 0;
  margin-left: 0
}

.half-column-padding {
  width: 50%;
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 40px
}

.half-column {
  width: 50%;
  position: relative;
  display: inline-block;
  vertical-align: top
}

.third-column-margin {
  width: calc((100% - 80px)/ 3);
  margin-right: 20px;
  margin-left: 20px;
  position: relative;
  display: inline-block;
  vertical-align: top
}

.third-column-margin:nth-child(2) {
  margin-left: 20px
}

.third-column-margin:nth-child(3) {
  margin-right: 0;
  margin-left: 20px
}

.third-column {
  width: calc(100% / 3);
  position: relative;
  display: inline-block
}

.quarter-column {
  width: calc(100% / 4);
  position: relative;
  display: inline-block
}

.fifth-column {
  width: calc(100% / 5);
  position: relative;
  display: inline-block
}

.tac {
  text-align: center!important
}

.tal {
  text-align: left!important
}

.tar {
  text-align: right!important
}

.bloc-text {
  text-align: left
}

.bloc-text.pad {
  padding: 40px
}

.bloc-text.gpad {
  padding-left: 120px;
  padding-right: 120px
}

.bloc-text h1,
.bloc-text h2,
.bloc-text h3,
.bloc-text h4,
.bloc-text h5 {
  color: #292929;
  text-transform: uppercase
}

.bloc-text p {
  color: #606060;
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  line-height: 2.3rem;
  text-transform: none
}

.bloc-text p b {
  font-weight: 400;
  color: #292929
}

.bloc-text.bottomed-title h1,
.bloc-text.bottomed-title h2,
.bloc-text.bottomed-title h3,
.bloc-text.bottomed-title h4,
.bloc-text.bottomed-title h5,
.bloc-text.underlined-title h1,
.bloc-text.underlined-title h3,
.bloc-text.underlined-title h4,
.bloc-text.underlined-title h5,
.bloc-text.underlined-title.underlined-title h2 {
  margin-bottom: 40px;
  position: relative
}

.bloc-text.underlined-title h1:after,
.bloc-text.underlined-title h3:after,
.bloc-text.underlined-title h4:after,
.bloc-text.underlined-title h5:after,
.bloc-text.underlined-title.underlined-title h2:after {
  content: "";
  width: 70px;
  border-bottom: 1px solid #606060;
  position: absolute;
  left: calc((100% - 70px)/ 2);
  bottom: -20px
}

.bloc-text span.back-title {
  display: block;
  font-family: LacosteSansCondensedBold;
  font-size: 8rem;
  color: #efefef;
  margin: 0
}

.bloc-text span.front-title {
  display: block;
  margin-top: -49px
}

.iv-block {
  display: inline-block;
  vertical-align: top
}

.ic-block {
  display: inline-block;
  vertical-align: middle
}

.bloc-text.bloc-title {
  text-align: center;
  padding-left: 120px;
  padding-right: 120px
}

.bloc-text.bloc-title.pad-40 {
  text-align: center;
  padding-left: 40px;
  padding-right: 40px
}

.bloc-text.bloc-title.pad-20 {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px
}

.bloc-text.bloc-title.pad-20-40 {
  text-align: center;
  padding-left: 20px;
  padding-right: 40px
}

hr.small-hr {
  width: 65px;
  background-color: #292929;
  margin-bottom: 50px;
  margin-top: 12px;
  height: 1px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  border: 0
}

hr.small-hr.equal {
  margin-bottom: 20px;
  margin-top: 20px
}

.full-image,
.full-video {
  position: relative
}

.full-image>img,
.full-image>video {
  width: 100%;
  height: auto
}

.abs-fw-over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.abs-fh-over {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%
}

.abs-fwh-over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.no-pointer {
  pointer-events: none
}

.bg-puce,
.bg-puce-after:after {
  background-image: url(../img/lemag/puces.png);
  background-repeat: no-repeat;
  background-size: 211px
}

@keyframes flashbordererror {
  to {
    border: 1px solid red
  }
}

.flashbordererror {
  animation-name: flashbordererror;
  animation-direction: alternate;
  animation-duration: .3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

@keyframes flashbordersuccess {
  to {
    border: 1px solid green
  }
}

.flashbordersuccess {
  animation-name: flashbordersuccess;
  animation-direction: alternate;
  animation-duration: .3s;
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

.css-play-button {
  width: 80px;
  height: 80px;
  background: #fff;
  border-radius: 40px;
  position: relative;
  transition: all .3s linear;
  cursor: pointer
}

.css-play-button:after {
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 25px solid #292929;
  border-bottom: 15px solid transparent;
  position: absolute;
  content: "";
  display: block;
  top: 25px;
  left: 32px;
  transition: all .3s linear
}

.btn-play {
  display: inline-block;
  position: relative;
  cursor: pointer
}

.btn-play:after {
  content: "";
  display: inline-block;
  position: absolute;
  border-top: 13px solid transparent;
  border-left: 22px solid #fff;
  border-bottom: 13px solid transparent;
  box-sizing: border-box;
  transform-origin: 5px 13px;
  top: -13px;
  left: -10px;
  transition: all .3s ease-out
}

.btn-play:before {
  content: "";
  box-sizing: border-box;
  position: absolute;
  height: 84px;
  width: 84px;
  background-color: transparent;
  border: 2px solid #fff;
  border-radius: 84px;
  top: -42px;
  left: -42px;
  transition: all .3s ease-out
}

.btn-play>span {
  position: absolute;
  top: 55px;
  width: 200px;
  text-align: center;
  left: -100px;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  color: #fff
}

.btn-arrow {
  width: 50px;
  height: 50px;
  display: block;
  position: relative;
  cursor: pointer
}

.btn-arrow:before {
  position: absolute;
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  box-sizing: border-box;
  border-bottom: 1px solid #606060;
  background: 0 0;
  transform-origin: 50% 50%;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  top: 17px;
  transition: left .3s ease-out
}

.btn-arrow.left:before {
  border-left: 1px solid #606060;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  left: 20px
}

.btn-arrow.right:before {
  border-right: 1px solid #606060;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  left: 13px
}

@-webkit-keyframes rotate {
  from {
    -webkit-transform: rotate(0)
  }
  to {
    -webkit-transform: rotate(360deg)
  }
}

@-moz-keyframes rotate {
  from {
    -moz-transform: rotate(0)
  }
  to {
    -moz-transform: rotate(360deg)
  }
}

@keyframes rotate {
  from {
    transform: rotate(0)
  }
  to {
    transform: rotate(360deg)
  }
}

.rotate {
  animation: rotate 1s ease-out 0s infinite;
  -wekbit-animation: rotate 1s ease-out 0s infinite;
  -moz-animation: rotate 1s ease-out 0s infinite
}

@keyframes moveupanddown {
  from {
    bottom: -50px
  }
  to {
    bottom: -60px
  }
}

@-webkit-keyframes moveupanddown {
  from {
    bottom: -50px
  }
  to {
    bottom: -60px
  }
}

@-moz-keyframes moveupanddown {
  from {
    bottom: -50px
  }
  to {
    bottom: -60px
  }
}

.moveupanddown {
  animation: moveupanddown .5s ease-in-out 0s infinite alternate;
  -wekbit-animation: moveupanddown .5s ease-in-out 0s infinite alternate;
  -moz-animation: moveupanddown .5s ease-in-out 0s infinite alternate
}

.sprite-loading {
  display: inline-block;
  width: 54px;
  height: 54px;
  background-position: -157px 0;
  animation-name: rotate;
  -webkit-animation-name: rotate;
  -moz-animation-name: rotate;
  animation-duration: 1s;
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-iteration-count: infinite;
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
  -moz-animation-timing-function: ease-out;
  margin-bottom: 80px;
  margin-top: 30px
}

.paused {
  animation: none
}

.hide-f {
  display: none!important
}

.logo-frenchness {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relatve;
  width: 76px;
  height: 46px;
  background-position: -210px -180px
}

.renderer-checker {
  width: 4px
}

.only-mobile,
.only-tablet,
.only-tablet-landscape,
.only-tablet-portrait {
  display: none!important
}

@media screen and (min-width:1280px) {
  .only-desktop {
    display: block!important
  }
  .notshown {
    opacity: 0!important;
    padding-top: 250px!important
  }
  .addtransshow {
    transition: opacity .3s linear, padding-top .3s ease-out;
    padding-top: 0;
    opacity: 1
  }
  .transdelay1 {
    transition-delay: .1s
  }
  .transdelay2 {
    transition-delay: .2s
  }
  .transdelay3 {
    transition-delay: .3s
  }
  .force-initstate {
    padding-top: 0!important;
    transition: none
  }
  .btn-arrow.left:hover:before {
    left: 10px
  }
  .btn-arrow.right:hover:before {
    left: 23px
  }
  a.article-text-link:hover {
    color: #619678
  }
  .block-button:hover {
    background-color: #292929;
    color: #fff;
    border: 3px solid #292929;
    text-decoration: none
  }
  .block-button.shop-btn:hover {
    background-color: #105a33;
    color: #fff;
    border: 3px solid #105a33
  }
  .block-button.dark-button:hover {
    background-color: #fff;
    color: #292929;
    border: 3px solid #fff;
    text-decoration: none
  }
  .block-button.green-button:hover {
    background-color: #fff;
    color: #105a33;
    border: 3px solid #fff
  }
  .css-play-button:hover {
    background: #292929
  }
  .css-play-button:hover:after {
    border-left: 25px solid #fff
  }
  .btn-play:hover:after {
    border-left-color: #333
  }
  .btn-play:hover:before {
    background-color: #fff
  }
  .btn-play:hover>span {
    text-decoration: underline
  }
}

@media screen and (max-width:1279px) {
  .no-tablet,
  .no-tablet-landscape,
  .only-desktop {
    display: none!important
  }
  .only-tablet,
  .only-tablet-landscape,
  .show-tablet,
  .show-tablet-landscape {
    display: block!important
  }
  .only-tablet.hide {
    display: none!important
  }
  .renderer-checker {
    width: 3px
  }
}

@media screen and (max-width:920px) {
  .one-fixed-column {
    width: 100%
  }
}

@media screen and (max-width:800px) {
  .no-tablet-portrait {
    display: none!important
  }
  .only-tablet-landscape,
  .show-tablet-landscape {
    display: none!important
  }
  .only-tablet-portrait,
  .show-tablet-portrait {
    display: block!important
  }
  .only-tablet-portrait.hide,
  .show-tablet-portrait.hide {
    display: none!important
  }
  .renderer-checker {
    width: 2px
  }
  .one-fixed-column {
    width: 100%
  }
  .one-fixed-column.pad {
    width: 100%;
    padding-left: 40px;
    padding-right: 40px
  }
  .full-column-margin,
  .one-fixed-column.margin-mob {
    margin-left: 20px;
    width: calc(100% - 40px)
  }
  .one-fixed-column.margin-mob-large {
    margin-left: 40px;
    width: calc(100% - 80px)
  }
  .half-column-padding {
    padding: 20px
  }
  h1.large,
  h2.large,
  h3.large,
  h4.large,
  h5.large {
    font-size: 2rem;
    line-height: 2.3rem
  }
  h1.medium,
  h2.medium,
  h3.medium,
  h4.medium,
  h5.medium {
    font-size: 2rem;
    line-height: 2.3rem
  }
  hr.small-hr {
    width: 40px;
    margin-bottom: 20px
  }
}

@media screen and (max-width:640px) {
  h1.large,
  h2.large,
  h3.large,
  h4.large,
  h5.large {
    font-size: 2.5rem;
    line-height: 2.8rem
  }
  h1.medium,
  h2.medium,
  h3.medium,
  h4.medium,
  h5.medium {
    font-size: 2.5rem;
    line-height: 2.8rem
  }
  .no-mobile {
    display: none!important
  }
  .only-mobile,
  .show-mobile {
    display: block!important
  }
  .only-mobile.hide,
  .show-mobile.hide {
    display: none!important
  }
  .renderer-checker {
    width: 1px
  }
  .bloc-text.bloc-title {
    text-align: center;
    padding-left: 40px;
    padding-right: 40px
  }
  .one-fixed-column.pad,
  .one-fixed-column.pad-mob {
    padding-left: 20px;
    padding-right: 20px;
    box-sizing: border-box
  }
  .one-fixed-column.margin-mob-large {
    margin-left: 20px;
    width: calc(100% - 40px)
  }
  .one-fixed-column.fullwidthmob {
    width: 100%!important;
    margin-left: 0!important
  }
  a.article-text-link {
    margin-top: 20px
  }
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
only screen and (-moz-min-device-pixel-ratio:2),
only screen and (-o-min-device-pixel-ratio:2 / 1),
only screen and (min-device-pixel-ratio:2),
only screen and (min-resolution:192dpi),
only screen and (min-resolution:2dppx) {
  .bg-puce,
  .bg-puce-after:after {
    background-image: url(../img/lemag/puces2x.png)
  }
}

.account .form .forgot-pass-header {
  text-decoration: underline;
  text-transform: capitalize;
  font-size: 1.2rem;
  font-family: LacosteSansLight;
  color: #797979;
  background: 0 0;
  margin-top: -23px;
  padding-left: 24px
}

.account .spacer-connect {
  border-bottom: 1px solid #ededed;
  width: 100%;
  list-style: none;
  background-color: #fff;
  border-right: 1px solid #ededed;
  border-left: 1px solid #ededed
}

.account .form .title-15 {
  margin: 1em 0 5px 1.6em;
  color: #454545
}

.account .form .form-item {
  margin: 0;
  padding: 0 2em
}

.account .form label {
  margin: 16px 10px 8px 0
}

.account .form .btn,
.account .form .form-item .create-account {
  margin: 2em 0
}

.account .form .form-item a.create-account {
  width: 100%;
  float: none;
  margin: 2em 0;
  position: relative;
  display: inline-block;
  font-family: LacosteSansBold;
  color: #454545;
  font-size: 1.2rem;
  padding: 10px 40px;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -ms-transition: all .2s ease-in-out;
  -o-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out
}

.account .form .form-item .create-account:hover {
  color: #fff
}

.account .form-new {
  display: table;
  border-top: 1px solid #ededed;
  padding-top: 5px;
  margin-top: 12px
}

.account .form .name-connect {
  color: #285f41;
  display: block;
  margin-top: -7px
}

.account .form .pseudo {
  margin-top: 20px
}

.account .form .orders-connect {
  font-family: LacosteSansBold;
  padding: 0;
  display: block;
  color: #454545;
  text-decoration: none
}

.account .form .btn-deco {
  font-family: LacosteSansLight;
  font-size: 1.2rem;
  font-weight: lighter;
  position: relative;
  padding-left: 0;
  padding: 24px 24px;
  display: block;
  text-align: left;
  color: #797979;
  text-decoration: none;
  border-top: 1px solid #ededed;
  margin-left: -9%;
  margin-right: -9%;
  width: 119%;
  margin-top: 20px
}

.account .form .btn-deco:before {
  content: '';
  height: 9px;
  width: 9px;
  background-image: url(../img/ico/submenu-close.png);
  display: inline-block;
  margin-right: 7px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .account .form .btn-deco:before {
    background-image: url(../img/ico-retina/submenu-close.png);
    -moz-background-size: 9px auto;
    -webkit-background-size: 9px auto;
    background-size: 9px auto
  }
}

.account .orders-connect-shipping {
  background: url(../img/quick-access.png) bottom right no-repeat;
  background-color: #f5f5f5;
  padding: 15px 0
}

.sub-menu .account-links {
  padding-top: 9px;
  margin-top: 20px
}

.sub-menu .borderTop {
  border-top: 1px solid #ededed
}

.login .slider .slider-text.only-title {
  margin-bottom: 0;
  width: auto
}

.login .form {
  margin: 50px auto
}

.login .column-half:first-child .form {
  border-right: 1px solid #e3e3e3;
  display: table;
  width: 100%
}

.login .column-half .form {
  padding: 0 23%
}

.login .divide {
  display: block
}

.login .divide:before {
  margin-top: 0
}

.login .btn-secondary {
  float: none
}

#contactus-form span.error {
  display: block;
  position: absolute;
  top: 62px
}

#contactus-form label[for=phone] {
  width: 100%
}

#contactus-form select[name=prefixPhone] {
  width: 24%;
  display: inline-block;
  vertical-align: middle
}

@media screen and (max-width:767px) {
  #contactus-form select[name=prefixPhone] {
    width: 32%
  }
}

#contactus-form .zerophone {
  display: inline-block;
  vertical-align: middle
}

#contactus-form .form-item-phone .input-civ {
  width: 75%;
  display: inline-block;
  vertical-align: middle;
  padding: 11px
}

@media screen and (max-width:767px) {
  #contactus-form .form-item-phone .input-civ {
    width: 60%
  }
}

.refit-login .register-container .form-sign-in {
  width: 55%;
  min-width: 620px
}

@media screen and (max-width:767px) {
  .refit-login .register-container .form-sign-in .form-item-civility {
    margin-bottom: 0!important
  }
  .refit-login .register-container .form-sign-in .form-item-civility .label-inline {
    width: 100%
  }
  .refit-login .register-container .form-sign-in .form-item-civility select {
    width: 30%
  }
  .refit-login .register-container .form-sign-in label[for=phonenumber] {
    width: 100%
  }
  .refit-login .register-container .form-sign-in select[name=prefixPhone] {
    width: 33%
  }
  .refit-login .register-container .form-sign-in #phonenumber {
    width: 65%
  }
  .refit-login .register-container .form-sign-in span.error {
    position: absolute;
    top: 65px
  }
  .refit-login .register-container .form-sign-in #password2 {
    margin-bottom: 25px
  }
}

.form .your-preferences h3 {
  margin-bottom: 8px
}

.form .your-preferences .form-item {
  margin-bottom: 15px
}

.form .your-preferences .check-inline-outside label {
  font-family: LacosteSansLight
}

.register-container .form-btn .loader-ctnr {
  display: none;
  position: absolute;
  left: calc(50% - 60px)
}

.where-to {
  margin: -20px 0 0 0;
  padding: 0 0 0 5%
}

.where-to li {
  display: inline;
  font-family: LacosteSansBold
}

.where-to li:before {
  content: "/";
  margin: 0 5px
}

.where-to a {
  color: #454545;
  text-decoration: none
}

.where-to a:hover {
  text-decoration: underline
}

.where-to li:first-child:before {
  display: none
}

@media screen and (min-width:768px) {
  .dialog-change-password .form-sign-in {
    width: 100%;
    min-width: 550px
  }
  .dialog-change-password .form .form-item {
    padding: 0;
    width: 100%
  }
}

@media screen and (max-width:767px) {
  .form-sign-in {
    width: 70%;
    min-width: 320px;
    padding: 0 22px
  }
  .login .divide {
    margin-left: 0
  }
  .login .column-half .form {
    padding: 0 30px
  }
  .login .column-half:first-child .form {
    border: 0
  }
}

.register-container {
  width: 920px;
  margin: auto;
  line-height: 1.5;
  padding: 20px 40px 0
}

@media screen and (max-width:1024px) {
  .register-container {
    width: 100%;
    padding: 40px
  }
}

@media screen and (max-width:767px) {
  .register-container {
    width: 100%;
    padding: 20px
  }
}

.register-container h1 {
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  margin: 20px 0
}

.register-container .form-items-left,
.register-container .form-items-right {
  float: left;
  width: 49%;
  vertical-align: top;
  padding-top: 40px;
  padding-left: 40px
}

@media screen and (max-width:767px) {
  .register-container .form-items-left,
  .register-container .form-items-right {
    width: 100%;
    float: none
  }
}

.register-container .form-items-all {
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 0
}

@media screen and (max-width:767px) {
  .register-container .form-items-all {
    padding-top: 20px
  }
}

.register-container .form-items-left {
  padding-right: 40px;
  border-right: 1px solid #e5e5e5
}

@media screen and (max-width:767px) {
  .register-container .form-items-left {
    border: none;
    padding: 0
  }
}

.register-container .form-items-right {
  padding-left: 40px
}

@media screen and (max-width:767px) {
  .register-container .form-items-right {
    padding: 20px;
    border-top: 1px solid #e5e5e5
  }
}

.register-container .form-sign-in {
  width: 100%;
  min-width: 0!important
}

.register-container .check-inline-outside label {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  margin-bottom: 40px;
  text-transform: none;
  color: #606060
}

.register-container .form-items {
  width: 100%
}

.register-container .form-items .form-item {
  width: 48%!important;
  float: left
}

.register-container .form-items .form-item:first-child {
  margin-right: 2%
}

.register-container .form-items .form-item:last-child {
  margin-left: 2%
}

.register-container .form {
  width: 100%!important;
  margin: 0!important
}

.register-container .form .form-tip {
  left: -220px;
  top: -80px
}

.register-container .form .form-tip:after {
  top: 125px
}

@media screen and (max-width:1024px) {
  .register-container .form .form-tip {
    bottom: auto;
    left: 320px
  }
}

@media screen and (max-width:767px) {
  .register-container .form .form-tip {
    display: none
  }
}

.register-container .form .form-item,
.register-container .form h3 {
  margin: 0;
  padding: 0;
  width: 100%
}

.register-container .form .form-item {
  margin-bottom: 20px
}

.register-container .form p {
  font-size: 1.3rem;
  color: #606060;
  text-transform: none
}

.register-container .form-btn {
  clear: both
}

.register-container .form-btn .btn-secondary {
  background-color: #292929;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedBold;
  padding: 16px 36px;
  margin: auto;
  margin-top: 30px;
  margin-bottom: 40px;
  border: none;
  color: #fff;
  transition: all .3s ease-out
}

.register-container .form-btn .btn-secondary:hover {
  background-color: #105a33;
  transition: all .3s ease-out
}

.register-container .title-15 {
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  color: #292929;
  margin: 0
}

.register-container .label-inline {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #292929
}

.register-container .content-inline label {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  color: #606060;
  text-transform: none;
  margin-right: 20px
}

.register-container label {
  font-family: LacosteSansCondensedBold;
  font-size: 1.3rem;
  color: #292929;
  margin-bottom: 5px
}

.register-container a {
  padding: 0;
  margin: 0
}

@media screen and (max-width:767px) {
  .register-container .lower,
  .register-container p {
    font-size: 1.1rem!important
  }
}

@media screen and (max-width:1024px) {
  .register-container span.error {
    left: 0;
    top: -15px;
    position: absolute
  }
}

.refit-login .login-oauth p {
  text-transform: uppercase
}

.refit-login {
  background-size: cover
}

.refit-login select[name=prefixPhone] {
  direction: ltr;
  width: 26%
}

.refit-login #phonenumber {
  width: 48%;
  float: right;
  margin-left: 5px;
  padding: 11px
}

.refit-login .forgotpass>a {
  font-size: 1.5rem;
  color: #292929;
  font-family: LacosteSansCondensedLight
}

.refit-login .form .form-item-full {
  width: auto
}

.refit-login .login .column-half .form {
  padding: 40px;
  padding-bottom: 0;
  margin: 0
}

.refit-login .login {
  background: #fff;
  width: 920px;
  max-width: calc(100% - 80px);
  margin: 80px auto;
  padding: 0
}

.refit-login .page-title {
  font-size: 2.5rem;
  padding: 40px;
  border-bottom: 1px solid #ededed;
  margin: 0;
  font-family: LacosteSansCondensedBold
}

.refit-login .form .form-item-full,
.refit-login .form h3 {
  margin: 0;
  margin-bottom: 20px;
  padding: 0
}

.refit-login .form .form-item-full.forgotpass {
  margin: 20px 0;
  text-align: right
}

.refit-login .column-half:first-of-type {
  border-right: 1px solid #ededed
}

.refit-login-buttons {
  border-bottom: 1px solid #ededed;
  clear: both;
  margin-left: 40px;
  margin-right: 40px
}

.refit-login-buttons .column-half {
  padding-bottom: 40px
}

.refit-login .btn-secondary {
  background-color: #292929;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedBold;
  padding: 16px 36px;
  width: auto;
  border: none;
  color: #fff;
  float: right;
  transition: all .3s ease-out;
  margin-right: 40px;
  border-radius: 3px
}

.refit-login .btn-secondary:hover {
  background-color: #105a33;
  transition: all .3s ease-out
}

.refit-login p {
  text-transform: none
}

.refit-login h3 {
  font-family: LacosteSansCondensedBold;
  font-size: 2rem
}

.refit-login .page-title h1 {
  font-size: 2.5rem;
  font-family: LacosteSansCondensedBold;
  margin: 0
}

.social-register {
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  margin: 0
}

.register-container p.social-register {
  display: none
}

.register-container p.social-register:before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center center;
  margin-right: 15px;
  margin-left: 0;
  vertical-align: middle
}

.checkout-register-page .login {
  padding: 40px
}

.checkout-register-page .form-register {
  margin: 0
}

.form .form-item p.social-linking,
.social-linking {
  color: #105a33;
  font-family: LacosteSansBold;
  border: 2px solid #e3e3e3;
  padding: 15px;
  position: relative;
  margin-top: 30px
}

.social-linking:before {
  content: "";
  position: absolute;
  top: -12px;
  left: 40px;
  width: 20px;
  height: 20px;
  border-left: 2px solid #e3e3e3;
  border-top: 2px solid #e3e3e3;
  transform: rotate(45deg);
  background: #fff
}

@media screen and (max-width:640px) {
  .refit-login .title-15.nav-ico-before:before {
    transform: rotate(180deg);
    transition: all ease .3s
  }
  .refit-login .title-15.nav-ico-before.active:before {
    transform: rotate(0)
  }
  .refit-login .btn-secondary {
    float: none;
    width: 100%
  }
  .refit-login .refit-clickable {
    display: block;
    padding: 20px;
    padding-bottom: 30px
  }
  .refit-login .refit-clickable.border {
    border-bottom: 1px solid #e5e5e5
  }
  .refit-login .login .column-half .form {
    padding: 0
  }
  .refit-login .login {
    margin: 0;
    width: 100%;
    max-width: 100%
  }
  .refit-login .form h3 {
    margin: 0;
    padding: 30px 20px;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
    background: #fff
  }
  .refit-login .form h3:before {
    content: "";
    width: 11px;
    height: 6px;
    position: absolute;
    right: 20px;
    top: calc(50% - 3px);
    background-position-x: -240px;
    background-position-y: -30px
  }
  .refit-login .login-oauth p {
    text-align: left;
    margin-left: 20px
  }
  .refit-login #gum-login-block {
    text-align: left;
    margin-left: 10px
  }
  .refit-login .page-title {
    padding: 20px;
    text-align: left
  }
}

.product-filters {
  border: 1px solid #f4f4f4
}

.product-filter {
  display: block
}

@media (max-width:1279px) {
  .product-filter {
    border-bottom: 1px solid #ededed
  }
}

@media (min-width:1280px) {
  .product-filter {
    display: inline-block;
    margin-right: 10px;
    padding: 20px 0
  }
}

.product-filter-button,
.product-filter-button-active,
.product-filter-button-disabled {
  font-size: 1.3rem;
  border: 0;
  padding: 20px;
  background-color: #fff;
  outline: 0;
  text-align: left;
  cursor: pointer;
  width: 100%;
  padding: 20px
}

@media (min-width:1280px) {
  .product-filter-button,
  .product-filter-button-active,
  .product-filter-button-disabled {
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    padding: 5px 20px
  }
  .product-filter-button-active:hover,
  .product-filter-button-disabled:hover,
  .product-filter-button:hover {
    background-color: #292929;
    color: #fff
  }
}

.product-filter-button,
.product-filter-button-active,
.product-filter-button-disabled {
  font-family: LacosteSansCondensedLight;
  height: auto!important;
  padding-left: 15px;
  padding-right: 35px;
  padding-top: 5px;
  padding-bottom: 6px;
  background-color: #fff;
  font-size: 1.5rem;
  position: relative
}

@media (max-width:1279px) {
  .product-filter-button,
  .product-filter-button-active,
  .product-filter-button-disabled {
    padding: 20px
  }
}

@media (min-width:1280px) {
  .product-filter-button,
  .product-filter-button-active,
  .product-filter-button-disabled {
    border: 1px solid #e6e6e6;
    border-radius: 3px;
    transition: background .3s linear, color .3s linear
  }
}

.product-filter-button-active:after,
.product-filter-button-disabled:after,
.product-filter-button:after {
  content: '';
  display: block;
  position: absolute;
  float: none;
  background-position: -240px -30px;
  width: 11px;
  height: 6px;
  transform: translateY(-50%);
  top: 50%;
  right: 15px
}

@media (min-width:1280px) {
  .product-filter-button-active:after,
  .product-filter-button-active:hover:after,
  .product-filter-button-disabled:hover:after,
  .product-filter-button:hover:after {
    background-position: -210px -30px
  }
}

@media (min-width:1280px) {
  .product-filter-button-active {
    background-color: #292929;
    color: #fff
  }
}

.product-filter-button-disabled:hover {
  background-color: #fff
}

.product-filter-button-disabled.nav-ico-after:after,
.product-filter-button-disabled.nav-ico-before:before {
  opacity: .3
}

.product-filter-label {
  font-family: LacosteSansCondensedLight
}

.product-filter-references {
  width: 100%;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  z-index: 15;
  text-align: left;
  font-size: 1.3rem;
  transition: background .2s linear
}

@media (max-width:1279px) {
  .product-filter-references {
    visibility: hidden;
    max-height: 0;
    border-bottom: 0
  }
}

@media (min-width:1280px) {
  .product-filter-references {
    border-top: 0;
    visibility: hidden;
    max-height: 0;
    position: absolute;
    width: 260px;
    margin-top: 10px;
    overflow-y: scroll
  }
}

@media (max-width:1279px) {
  .product-filter-references-expanded {
    visibility: visible;
    max-height: none
  }
}

@media (min-width:1280px) {
  .product-filter-references-expanded {
    visibility: visible;
    max-height: 385px;
    transition: max-height .5s, visibility 0s
  }
}

.product-filter-reference {
  font-size: 1.3rem;
  padding: 20px;
  color: #292929;
  display: block;
  position: relative;
  cursor: pointer;
  background-color: #f6f6f6;
  font-family: LacosteSansCondensedLight;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  transition: background .2s linear
}

@media (min-width:1280px) {
  .product-filter-reference {
    background-color: #fff;
    border-top: 1px solid #e5e5e5
  }
  .product-filter-reference:hover {
    background-color: #e5e5e5
  }
}

.product-filter-reference .extra-item {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 20px;
  height: 20px;
  border-radius: 20px
}

.product-filter-reference .filter-color-00 {
  background: #000
}

.product-filter-reference .filter-color-05 {
  background: #606060
}

.product-filter-reference .filter-color-10 {
  background: #fff;
  border: 1px solid #000
}

.product-filter-reference .filter-color-20 {
  background: #582900
}

.product-filter-reference .filter-color-25 {
  background: #c8ad7f
}

.product-filter-reference .filter-color-30 {
  background: #096a09
}

.product-filter-reference .filter-color-40 {
  background: #00f
}

.product-filter-reference .filter-color-50 {
  background: #609
}

.product-filter-reference .filter-color-60 {
  background: red
}

.product-filter-reference .filter-color-65 {
  background: #fd6c9e
}

.product-filter-reference .filter-color-70 {
  background: #ff0
}

.product-filter-reference .filter-color-80 {
  background: #faa401
}

.product-filter-value {
  margin-left: 10px
}

.product-suggestions {
  text-transform: none;
  padding: 30px 20px;
  display: none
}

@media (min-width:640px) {
  .product-suggestions {
    padding: 30px 40px;
    display: block
  }
}

@media (min-width:1280px) {
  .product-suggestions {
    padding: 20px 0;
    display: block
  }
}

.product-suggestions-label {
  font-size: 2rem;
  font-family: LacosteSansCondensedLight;
  vertical-align: middle
}

.product-suggestions-items {
  vertical-align: middle;
  margin: 10px 0 0 0
}

@media (min-width:640px) {
  .product-suggestions-items {
    margin: 0 0 0 10px
  }
}

.product-suggestions-item {
  font-size: 1.5rem;
  font-family: LacosteSansCondensedLight;
  background-color: #292929;
  border: 0;
  text-transform: none;
  border-radius: 5px;
  color: #f4f4f4;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 2px 10px;
  text-decoration: none;
  outline: 0;
  animation-name: smooth-suggestion;
  animation-duration: .3s
}

@keyframes smooth-suggestion {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@media (max-width:639px) {
  .product-suggestions-items,
  .product-suggestions-label {
    display: block
  }
}

.tb-search form {
  position: relative;
  margin-right: 20px
}

.tb-search .qsubmit {
  font-size: 0;
  position: absolute;
  left: 40px;
  top: 36px;
  width: 14px;
  height: 14px;
  border: none;
  background-position: -30px -60px
}

@media screen and (max-width:1279px) {
  li.menu-search {
    position: fixed;
    top: 50px;
    left: 0!important;
    right: 0!important;
    width: 100%;
    display: none;
    float: none!important
  }
  li.menu-search.display {
    display: block
  }
  li.menu-search form {
    display: block;
    padding: 15px 40px;
    background-color: #f4f4f4;
    margin-right: 0;
    border-bottom: 1px solid #ededed
  }
  .tb-search input.q {
    margin-top: 0;
    width: 100%;
    padding-left: 50px;
    height: 60px;
    line-height: 5.8rem
  }
  .tb-search .qsubmit {
    left: 60px;
    top: 40px
  }
}

@media screen and (max-width:640px) {
  li.menu-search form {
    padding-left: 15px;
    padding-right: 15px
  }
  .tb-search .qsubmit {
    left: 35px;
    top: 50%;
    transform: translate(0, -50%)
  }
}

@media (min-width:1280px) {
  .qsubmit {
    outline: 0
  }
}

.q {
  width: 221px;
  height: 46px;
  transition: width .3s ease;
  outline: 0;
  line-height: 4.4rem;
  border: 1px solid #e2e2e2;
  cursor: text!important;
  margin-top: 20px;
  padding-left: 70px;
  padding-right: 37px;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedBold;
  color: #292929;
  background-color: #fff
}

.q:-moz-placeholder,
.q:-ms-input-placeholder,
.q::-moz-placeholder,
.q::-webkit-input-placeholder {
  text-transform: uppercase;
  color: #aaa
}

input.q {
  border-radius: 5px
}

@media (min-width:1280px) {
  .q-active {
    width: 321px!important;
    background-color: #f4f4f4!important
  }
}

.search-box-clear {
  background-color: #292929;
  visibility: hidden;
  border-radius: 20px;
  width: 20px;
  height: 20px;
  z-index: 600;
  border: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  color: #f4f4f4;
  font-size: 1.2rem;
  top: 35px;
  right: 40px
}

@media (min-width:640px) {
  .search-box-clear {
    top: 35px;
    right: 60px
  }
}

@media (min-width:1280px) {
  .search-box-clear {
    top: 33px;
    right: 20px
  }
}

.search-box-clear:hover {
  background-color: #000;
  color: #fff
}

.search-box-clear-visible {
  visibility: visible
}

.q::-ms-clear {
  display: none
}

.search-panel {
  background-color: #f4f4f4;
  font-size: 1.5rem;
  color: #292929;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 15;
  position: fixed;
  overflow-y: scroll;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  top: 127px;
  padding: 0 0 20px 0;
  margin-top: 10px
}

.search-panel .search-products .product-colors .more a {
  font-size: 1.5rem
}

@media (min-width:640px) {
  .search-panel {
    top: 141px;
    margin-top: 0
  }
}

@media (min-width:1280px) {
  .search-panel {
    padding: 0 10px 20px 10px;
    margin-top: 0;
    top: 88px;
    left: 250px;
    padding: 0 80px 0 80px
  }
}

@media (min-width:1280px) {
  .search-panel-sticked {
    top: 88px
  }
}

.search-panel-nocontent {
  font-family: LacosteSansCondensedLight;
  font-size: 2rem;
  color: #292929;
  padding: 20px
}

@media (min-width:640px) {
  .search-panel-nocontent {
    padding: 20px 20px 20px 40px
  }
}

@media (min-width:1280px) {
  .search-panel-nocontent {
    padding: 20px 0
  }
}

.search-panel-loader-container {
  position: relative
}

.search-panel-loader {
  position: absolute;
  top: 0;
  right: 0
}

.search-stickable-bar {
  background-color: #f4f4f4;
  color: #292929;
  z-index: 20
}

@media (max-width:639px) {
  .search-stickable-bar {
    margin-top: 0
  }
}

@media (max-width:1279px) {
  .search-stickable-bar {
    margin-bottom: 0
  }
}

@media (min-width:1280px) {
  .search-stickable-bar {
    margin-bottom: 0
  }
}

@media (min-width:1280px) {
  .search-stickable-bar-sticked {
    position: fixed;
    top: 88px;
    left: 330px;
    right: 80px;
    border-top: 0
  }
}

.search-stickable-bar-top {
  display: block;
  font-family: LacosteSansCondensedLight;
  font-size: 2rem;
  color: #292929;
  height: auto;
  padding: 10px 20px 20px 20px
}

@media (min-width:640px) {
  .search-stickable-bar-top {
    padding: 20px 20px 20px 40px
  }
}

@media (min-width:1280px) {
  .search-stickable-bar-top {
    padding: 20px 0
  }
}

.search-stickable-bar-left {
  display: inline-block
}

@media (max-width:1279px) {
  .search-stickable-bar-left {
    width: 50%;
    border-right: 1px solid #f4f4f4
  }
}

@media (min-width:1280px) {
  .search-stickable-bar-left {
    width: calc(100% - 130px)
  }
}

.search-stickable-bar-right {
  display: inline-block
}

@media (max-width:1279px) {
  .search-stickable-bar-right {
    width: 50%;
    border-left: 1px solid #f4f4f4
  }
}

@media (min-width:1280px) {
  .search-stickable-bar-right {
    width: 130px
  }
}

.search-stickable-bar-bottom {
  display: block
}

.search-stickable-bar-state,
.search-stickable-bar-state-hidden,
.search-stickable-bar-state-visible {
  transition: opacity .3s ease-in-out;
  font-family: LacosteSansCondensedLight;
  color: #292929
}

.search-stickable-bar-state-hidden {
  opacity: 0;
  visibility: hidden
}

.search-stickable-bar-state-visible {
  opacity: 1;
  visibility: visible
}

.search-stickable-bar-hits {
  font-family: LacosteSansCondensedBold
}

.search-modal-window {
  position: relative
}

.search-modal-window-button {
  display: block;
  width: 100%;
  height: 100%;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  color: #292929;
  padding: 30px;
  background-color: #fff;
  border: 0;
  outline: 0;
  z-index: 5
}

.search-modal-window-children {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 550;
  background-color: #fff;
  overflow-y: scroll;
  transition-timing-function: ease;
  transition: .125s;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%)
}

.search-modal-window-children-expanded {
  transition-timing-function: ease;
  transition: .25s;
  transform: translateX(0);
  -webkit-transform: translateX(0)
}

.search-modal-window-children-back {
  width: 100%;
  background-color: #f4f4f4;
  border: 0;
  border-bottom: 1px solid #ededed;
  text-align: left;
  font-family: LacosteSansCondensedBold;
  color: #292929;
  display: block;
  font-size: 1.5rem;
  position: relative;
  padding: 20px;
  outline: 0
}

.search-modal-window-children-back:after {
  background-image: url(img/_sprites/sprite-ico.png);
  background-position: -359px -414px;
  width: 13px;
  height: 9px;
  transform: rotate(90deg);
  float: left;
  margin: 5px 10px 5px 0;
  content: "";
  display: inline-block
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .search-modal-window-children-back:after {
    background-image: url(img/_sprites/retina-sprite-ico.png);
    background-position: -220px -244px;
    background-size: 457px 446px
  }
}

@media (min-width:1280px) {
  .search-modal-window-children-back {
    padding: 30px 0
  }
}

.search-selected-filters {
  padding: 20px 20px 10px 20px;
  width: 100%;
  text-align: left;
  display: none
}

@media (min-width:640px) {
  .search-selected-filters {
    padding: 20px 40px 10px 40px
  }
}

@media (min-width:1280px) {
  .search-selected-filters {
    padding: 0 0 20px 0
  }
}

@media (min-width:1280px) {
  .search-panel-sticked .search-selected-filters {
    padding: 0 0 20px 0
  }
}

.search-selected-filters-expanded {
  display: block
}

.search-selected-filters-item-close {
  background-color: #292929;
  border-radius: 20px;
  font-size: 1.2rem;
  color: #f4f4f4;
  border: 0;
  outline: 0;
  padding: 0
}

.search-selected-filters-item-close:hover {
  background-color: #000
}

.search-selected-filters-item {
  border: 0;
  color: #292929;
  margin: 5px;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedLight;
  text-transform: none;
  outline: 0;
  content: "";
  background-color: #292929;
  transition: background .1s linear;
  display: block
}

.deletefilter {
  float: none;
  display: inline-block;
  margin: 0;
  margin-right: 25px;
  padding: 0;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedLight;
  background: 0 0;
  color: #292929;
  text-align: left;
  position: relative;
  padding-right: 27px
}

.deletefilter:before {
  content: "";
  width: 17px;
  height: 17px;
  border-radius: 50%;
  background-color: #292929;
  transition: background .1s linear;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  display: block
}

.deletefilter:after {
  content: "";
  position: absolute;
  width: 5px;
  height: 5px;
  right: 11px;
  top: 50%;
  transform: translateY(-50%);
  background-position: -300px -180px;
  transition: transform .2s ease-out;
  transform-origin: top
}

@media (min-width:1280px) {
  .deletefilter:hover:before {
    background-color: #fff
  }
  .deletefilter:hover:after {
    background-position: -330px -180px;
    transform: rotate(180deg) translateY(-50%)
  }
}

.search-products {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0
}

@media (min-width:640px) {
  .search-products {
    margin-left: 20px;
    margin-right: 20px
  }
}

@media (min-width:1280px) {
  .search-products {
    margin-left: -20px;
    margin-right: -20px
  }
}

@media (min-width:1280px) {
  .search-products-sticked {
    margin-top: 55px
  }
  .search-products-sticked-with-selections {
    margin-top: 96px
  }
}

.search-products .productTile {
  text-align: left;
  width: 50%
}

.search-products .productTile .description {
  margin: 0 20px
}

@media (min-width:640px) {
  .search-products .productTile {
    width: calc(99% / 3)
  }
}

.search-products .loaded {
  height: auto
}

.topbar .topbar-wrapper .search-products ul.product-colors {
  padding-left: 0;
  left: 0;
  position: relative;
  margin-top: 5px;
  width: auto
}

.topbar .topbar-wrapper .search-products ul.product-colors .color {
  height: 14px
}

.topbar .topbar-wrapper .search-products ul.product-colors .more {
  height: 20px
}

.search-sortby {
  width: 100%;
  background-color: #f4f4f4;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  border-radius: 3px;
  z-index: 15;
  text-align: right
}

@media (max-width:1279px) {
  .search-sortby {
    visibility: visible;
    max-height: none
  }
}

@media (min-width:1280px) {
  .search-sortby {
    visibility: hidden;
    max-height: 0;
    position: absolute;
    right: 80px;
    width: 200px;
    overflow-y: scroll
  }
}

@media (min-width:1280px) {
  .search-stickable-bar-sticked .search-sortby {
    right: 0
  }
}

@media (max-width:1279px) {
  .search-sortby-expanded {
    visibility: visible;
    max-height: none
  }
}

@media (min-width:1280px) {
  .search-sortby-expanded {
    visibility: visible;
    max-height: 350px;
    margin-top: 10px;
    transition: max-height .5s, visibility 0s
  }
}

.search-sortby-button-ctn {
  border: 1px solid #f4f4f4;
  text-align: right
}

.search-sortby-button {
  display: block;
  height: 100%;
  font-family: LacosteSansCondensedLight;
  color: #292929;
  background-color: #fff;
  font-size: 1.5rem;
  padding: 20px;
  outline: 0;
  border: 0;
  z-index: 5
}

@media (min-width:1280px) {
  .search-sortby-button {
    background-color: transparent;
    padding: 0;
    display: inline-block
  }
}

.search-sortby-button {
  font-family: LacosteSansCondensedLight;
  height: auto!important;
  padding-left: 15px;
  padding-right: 35px;
  padding-top: 5px;
  padding-bottom: 6px;
  background-color: transparent;
  font-size: 1.5rem;
  position: relative;
  transition: background .3s linear, color .3s linear
}

.search-sortby-button:after {
  content: '';
  display: block;
  position: absolute;
  float: none;
  background-position: -240px -30px;
  width: 11px;
  height: 6px;
  transform: translateY(-50%);
  top: 50%;
  right: 15px
}

.search-sortby-item {
  display: block;
  position: relative;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none
}

.search-sortby-item:hover {
  background-color: #fff
}

.search-sortby-item-button {
  padding: 20px;
  background-color: transparent;
  border: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  outline: 0;
  background-color: #fff;
  border-bottom: 1px solid #e5e5e5;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedLight;
  text-align: left
}

@media (min-width:1280px) {
  .search-sortby-item-button {
    text-align: center;
    transition: background .2s linear
  }
  .search-sortby-item-button:hover {
    background-color: #e5e5e5
  }
}

.search-sortby-item-button-enabled {
  font-family: LacosteSansCondensedBold
}

.search-pagination {
  margin: 60px 0;
  padding: 30px 0;
  border-top: 1px solid #e5e5e5;
  text-align: center
}

.search-autocomplete {
  position: absolute;
  top: 76px;
  left: 0;
  width: 100%;
  z-index: 155;
  background-color: #f4f4f4;
  border-bottom: 1px solid #e5e5e5;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  height: 340px
}

@media (min-width:640px) {
  .search-autocomplete {
    display: none
  }
}

.search-autocomplete ul {
  left: 0
}

.search-autocomplete.hidden {
  display: none
}

.search-autocomplete-item {
  display: block;
  border-bottom: 1px solid #e5e5e5;
  width: 100%;
  height: auto!important
}

.search-autocomplete-item button {
  text-align: left;
  background-color: transparent;
  border: 0;
  color: #292929;
  font-size: 1.3rem;
  font-family: LacosteSansCondensedBold;
  width: 100%;
  padding: 20px;
  outline: 0
}

.redline-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100%);
  pointer-events: none
}

.redline {
  position: absolute;
  height: 100%;
  top: 0;
  width: 1px;
  background: red;
  z-index: 9999;
  opacity: .2
}

.redline:nth-of-type(1) {
  left: calc((100% - 160px)/ 23 * 0 + 80px)
}

.redline:nth-of-type(2) {
  left: calc((100% - 160px)/ 23 * 1 + 80px)
}

.redline:nth-of-type(3) {
  left: calc((100% - 160px)/ 23 * 2 + 80px)
}

.redline:nth-of-type(4) {
  left: calc((100% - 160px)/ 23 * 3 + 80px)
}

.redline:nth-of-type(5) {
  left: calc((100% - 160px)/ 23 * 4 + 80px)
}

.redline:nth-of-type(6) {
  left: calc((100% - 160px)/ 23 * 5 + 80px)
}

.redline:nth-of-type(7) {
  left: calc((100% - 160px)/ 23 * 6 + 80px)
}

.redline:nth-of-type(8) {
  left: calc((100% - 160px)/ 23 * 7 + 80px)
}

.redline:nth-of-type(9) {
  left: calc((100% - 160px)/ 23 * 8 + 80px)
}

.redline:nth-of-type(10) {
  left: calc((100% - 160px)/ 23 * 9 + 80px)
}

.redline:nth-of-type(11) {
  left: calc((100% - 160px)/ 23 * 10 + 80px)
}

.redline:nth-of-type(12) {
  left: calc((100% - 160px)/ 23 * 11 + 80px)
}

.redline:nth-of-type(13) {
  left: calc((100% - 160px)/ 23 * 12 + 80px)
}

.redline:nth-of-type(14) {
  left: calc((100% - 160px)/ 23 * 13 + 80px)
}

.redline:nth-of-type(15) {
  left: calc((100% - 160px)/ 23 * 14 + 80px)
}

.redline:nth-of-type(16) {
  left: calc((100% - 160px)/ 23 * 15 + 80px)
}

.redline:nth-of-type(17) {
  left: calc((100% - 160px)/ 23 * 16 + 80px)
}

.redline:nth-of-type(18) {
  left: calc((100% - 160px)/ 23 * 17 + 80px)
}

.redline:nth-of-type(19) {
  left: calc((100% - 160px)/ 23 * 18 + 80px)
}

.redline:nth-of-type(20) {
  left: calc((100% - 160px)/ 23 * 19 + 80px)
}

.redline:nth-of-type(21) {
  left: calc((100% - 160px)/ 23 * 20 + 80px)
}

.redline:nth-of-type(22) {
  left: calc((100% - 160px)/ 23 * 21 + 80px)
}

.redline:nth-of-type(23) {
  left: calc((100% - 160px)/ 23 * 22 + 80px)
}

.redline:nth-of-type(24) {
  left: calc((100% - 160px)/ 23 * 23 + 80px)
}

@media screen and (max-width:1279px) {
  .redline:nth-of-type(1) {
    left: calc((100% - 80px)/ 23 * 0 + 40px)
  }
  .redline:nth-of-type(2) {
    left: calc((100% - 80px)/ 23 * 1 + 40px)
  }
  .redline:nth-of-type(3) {
    left: calc((100% - 80px)/ 23 * 2 + 40px)
  }
  .redline:nth-of-type(4) {
    left: calc((100% - 80px)/ 23 * 3 + 40px)
  }
  .redline:nth-of-type(5) {
    left: calc((100% - 80px)/ 23 * 4 + 40px)
  }
  .redline:nth-of-type(6) {
    left: calc((100% - 80px)/ 23 * 5 + 40px)
  }
  .redline:nth-of-type(7) {
    left: calc((100% - 80px)/ 23 * 6 + 40px)
  }
  .redline:nth-of-type(8) {
    left: calc((100% - 80px)/ 23 * 7 + 40px)
  }
  .redline:nth-of-type(9) {
    left: calc((100% - 80px)/ 23 * 8 + 40px)
  }
  .redline:nth-of-type(10) {
    left: calc((100% - 80px)/ 23 * 9 + 40px)
  }
  .redline:nth-of-type(11) {
    left: calc((100% - 80px)/ 23 * 10 + 40px)
  }
  .redline:nth-of-type(12) {
    left: calc((100% - 80px)/ 23 * 11 + 40px)
  }
  .redline:nth-of-type(13) {
    left: calc((100% - 80px)/ 23 * 12 + 40px)
  }
  .redline:nth-of-type(14) {
    left: calc((100% - 80px)/ 23 * 13 + 40px)
  }
  .redline:nth-of-type(15) {
    left: calc((100% - 80px)/ 23 * 14 + 40px)
  }
  .redline:nth-of-type(16) {
    left: calc((100% - 80px)/ 23 * 15 + 40px)
  }
  .redline:nth-of-type(17) {
    left: calc((100% - 80px)/ 23 * 16 + 40px)
  }
  .redline:nth-of-type(18) {
    left: calc((100% - 80px)/ 23 * 17 + 40px)
  }
  .redline:nth-of-type(19) {
    left: calc((100% - 80px)/ 23 * 18 + 40px)
  }
  .redline:nth-of-type(20) {
    left: calc((100% - 80px)/ 23 * 19 + 40px)
  }
  .redline:nth-of-type(21) {
    left: calc((100% - 80px)/ 23 * 20 + 40px)
  }
  .redline:nth-of-type(22) {
    left: calc((100% - 80px)/ 23 * 21 + 40px)
  }
  .redline:nth-of-type(23) {
    left: calc((100% - 80px)/ 23 * 22 + 40px)
  }
  .redline:nth-of-type(24) {
    left: calc((100% - 80px)/ 23 * 23 + 40px)
  }
}

@media screen and (max-width:640px) {
  .redline:nth-of-type(1) {
    left: calc((100% - 20px)/ 23 * 0 + 10px)
  }
  .redline:nth-of-type(2) {
    left: calc((100% - 20px)/ 23 * 1 + 10px)
  }
  .redline:nth-of-type(3) {
    left: calc((100% - 20px)/ 23 * 2 + 10px)
  }
  .redline:nth-of-type(4) {
    left: calc((100% - 20px)/ 23 * 3 + 10px)
  }
  .redline:nth-of-type(5) {
    left: calc((100% - 20px)/ 23 * 4 + 10px)
  }
  .redline:nth-of-type(6) {
    left: calc((100% - 20px)/ 23 * 5 + 10px)
  }
  .redline:nth-of-type(7) {
    left: calc((100% - 20px)/ 23 * 6 + 10px)
  }
  .redline:nth-of-type(8) {
    left: calc((100% - 20px)/ 23 * 7 + 10px)
  }
  .redline:nth-of-type(9) {
    left: calc((100% - 20px)/ 23 * 8 + 10px)
  }
  .redline:nth-of-type(10) {
    left: calc((100% - 20px)/ 23 * 9 + 10px)
  }
  .redline:nth-of-type(11) {
    left: calc((100% - 20px)/ 23 * 10 + 10px)
  }
  .redline:nth-of-type(12) {
    left: calc((100% - 20px)/ 23 * 11 + 10px)
  }
  .redline:nth-of-type(13) {
    left: calc((100% - 20px)/ 23 * 12 + 10px)
  }
  .redline:nth-of-type(14) {
    left: calc((100% - 20px)/ 23 * 13 + 10px)
  }
  .redline:nth-of-type(15) {
    left: calc((100% - 20px)/ 23 * 14 + 10px)
  }
  .redline:nth-of-type(16) {
    left: calc((100% - 20px)/ 23 * 15 + 10px)
  }
  .redline:nth-of-type(17) {
    left: calc((100% - 20px)/ 23 * 16 + 10px)
  }
  .redline:nth-of-type(18) {
    left: calc((100% - 20px)/ 23 * 17 + 10px)
  }
  .redline:nth-of-type(19) {
    left: calc((100% - 20px)/ 23 * 18 + 10px)
  }
  .redline:nth-of-type(20) {
    left: calc((100% - 20px)/ 23 * 19 + 10px)
  }
  .redline:nth-of-type(21) {
    left: calc((100% - 20px)/ 23 * 20 + 10px)
  }
  .redline:nth-of-type(22) {
    left: calc((100% - 20px)/ 23 * 21 + 10px)
  }
  .redline:nth-of-type(23) {
    left: calc((100% - 20px)/ 23 * 22 + 10px)
  }
  .redline:nth-of-type(24) {
    left: calc((100% - 20px)/ 23 * 23 + 10px)
  }
}

.search-pagination {
  text-align: center
}

.search-pagination button {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 1.5rem;
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 5px;
  padding-bottom: 7px;
  border: 1px solid #e6e6e6;
  border-radius: 3px;
  background-color: #fff;
  transition: background .2s linear, border .2s linear, color .2s linear;
  display: inline-block;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedLight;
  position: relative;
  outline: 0
}

.search-pagination button:after {
  content: "";
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  width: 4px;
  height: 7px;
  background-position: -30px -90px
}

.search-pagination button.btn-pagination-next {
  padding-right: 25px
}

.search-pagination button.btn-pagination-prev {
  padding-left: 25px
}

.search-pagination button.btn-pagination-prev:after {
  left: 12px;
  right: initial;
  transform: translateY(-50%) rotate(180deg)
}

.search-pagination button:hover {
  background-color: #292929;
  color: #fff;
  border-color: #292929
}

.search-pagination button:hover:after {
  background-position: 0 -90px
}

[class*=" icon-"]:before,
[class^=icon-]:before {
  font-family: LacosteFontIcons;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em
}

.icon-arrow-right:before {
  content: '\e800'
}

[class*=" icon-font-"],
[class^=icon-font-] {
  font-family: icon-font;
  font-style: normal;
  font-weight: 400;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  margin-left: .2em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}

.icon-font-applied:before {
  font-family: iconfont;
  content: ""
}

.icon-font-arrow-down:before {
  font-family: iconfont;
  content: ""
}

.icon-font-arrow:before {
  font-family: iconfont;
  content: ""
}

.icon-font-available-in-store:before {
  font-family: iconfont;
  content: ""
}

.icon-font-back-arrow:before {
  font-family: iconfont;
  content: ""
}

.icon-font-cart:before {
  font-family: iconfont;
  content: ""
}

.icon-font-check-stepper:before {
  font-family: iconfont;
  content: ""
}

.icon-font-chevron-left:before {
  font-family: iconfont;
  content: ""
}

.icon-font-chevron-right:before {
  font-family: iconfont;
  content: ""
}

.icon-font-close:before {
  font-family: iconfont;
  content: ""
}

.icon-font-cross:before {
  font-family: iconfont;
  content: ""
}

.icon-font-delivery:before {
  font-family: iconfont;
  content: ""
}

.icon-font-edit:before {
  font-family: iconfont;
  content: ""
}

.icon-font-fourtyeight-hour:before {
  font-family: iconfont;
  content: ""
}

.icon-font-free-return:before {
  font-family: iconfont;
  content: ""
}

.icon-font-gift:before {
  font-family: iconfont;
  content: ""
}

.icon-font-localize-me:before {
  font-family: iconfont;
  content: ""
}

.icon-font-one-hour:before {
  font-family: iconfont;
  content: ""
}

.icon-font-refused:before {
  font-family: iconfont;
  content: ""
}

.icon-font-relay-point:before {
  font-family: iconfont;
  content: ""
}

.icon-font-returns:before {
  font-family: iconfont;
  content: ""
}

.icon-font-shoprunner:before {
  font-family: iconfont;
  content: ""
}

.icon-font-store-locator:before {
  font-family: iconfont;
  content: ""
}

.icon-font-store:before {
  font-family: iconfont;
  content: ""
}

.icon-font-validate:before {
  font-family: iconfont;
  content: ""
}

.availability-dialog-wrapper {
  width: 100%;
  max-width: 580px;
  overflow: hidden;
  padding: 40px;
  margin: 0 auto;
  background: #f4f4f4;
  line-height: 1
}

.availability-dialog-wrapper .availability-dialog-header {
  text-align: center;
  padding-bottom: 20px;
  font-size: 30px
}

.availability-dialog-wrapper .availability-dialog-header h4 {
  margin: 0;
  font-size: 2rem;
  font-family: LacosteSansCondensedLight;
  color: #292929;
  text-transform: none
}

.availability-dialog-wrapper .availability-dialog-header .icon-svg {
  margin-bottom: 20px;
  fill: #292929
}

.availability-dialog-wrapper #availability-dialog-search-form {
  display: table;
  width: 100%;
  table-layout: fixed
}

.availability-dialog-wrapper #availability-dialog-search-form>div {
  display: table-cell;
  vertical-align: middle;
  background: #fff
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-geolocateme-wrapper {
  display: none;
  width: 62px;
  text-align: center;
  border-right: 1px solid #f4f4f4
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-geolocateme-wrapper.availability-dialog-geolocateme-available {
  display: table-cell
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-geolocateme {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  text-decoration: none;
  color: #292929;
  border: none;
  background-color: transparent;
  cursor: pointer;
  line-height: 7.4rem;
  font-size: 26px
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-geolocateme .icon-svg {
  fill: #292929
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-search-input-wrapper {
  border-right: 1px solid #f4f4f4
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-search-input {
  width: 100%;
  padding: 22px 18px;
  border: none;
  outline: 0;
  font-family: LacosteSansCondensedLight;
  font-size: 1.7rem;
  line-height: 3rem;
  text-transform: none;
  cursor: text
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-search-input::-webkit-input-placeholder {
  color: #606060;
  text-transform: none
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-search-input::-moz-placeholder {
  color: #606060;
  text-transform: none
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-search-input:-ms-input-placeholder {
  color: #606060;
  text-transform: none
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-search-input:-moz-placeholder {
  color: #606060;
  text-transform: none
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-search-input::placeholder {
  color: #606060;
  text-transform: none
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-search-submit-wrapper {
  width: 62px;
  text-align: center
}

.availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-search-submit {
  display: block;
  width: 100%;
  padding: 22px 0;
  font-family: LacosteSansCondensedLight;
  font-size: 1.7rem;
  line-height: 3rem;
  color: #292929;
  background-color: transparent;
  border: none;
  text-transform: uppercase
}

.availability-dialog-wrapper .availability-dialog-place-error {
  display: none;
  color: #db0f49;
  text-transform: none;
  text-transform: none;
  margin: 10px 0 0
}

.availability-dialog-wrapper .availability-dialog-place-error.availability-dialog-place-error-visible {
  display: block
}

.availability-dialog-wrapper .availability-dialog-place-loader {
  display: none;
  margin: 0
}

.availability-dialog-wrapper .availability-dialog-place-loader .loader {
  margin: 0 auto
}

.availability-dialog-wrapper .availability-dialog-place-table {
  position: relative;
  width: 100%;
  height: 360px;
  margin: 20px 0 0;
  padding: 0;
  overflow: scroll;
  overflow-x: hidden
}

.availability-dialog-wrapper .availability-dialog-place-wrapper {
  width: 100%;
  margin-bottom: 20px;
  padding: 30px 20px;
  list-style: none;
  background: #fff
}

.availability-dialog-wrapper .availability-dialog-place-details {
  position: relative
}

.availability-dialog-wrapper .availability-dialog-place-name {
  margin: 0 0 10px;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  color: #292929
}

.availability-dialog-wrapper .availability-dialog-place-address {
  margin: 0;
  font-family: LacosteSansCondensedLight;
  font-size: 1.5rem;
  line-height: 1.9rem;
  color: #606060;
  text-transform: none
}

.availability-dialog-wrapper .availability-dialog-place-available-wrapper {
  margin: 20px 0 0;
  font-size: 0
}

.availability-dialog-wrapper .availability-dialog-place-available-wrapper.no-store-service .availability-dialog-store-availability {
  padding-left: 30px
}

.availability-dialog-wrapper .availability-dialog-place-available-wrapper.no-store-service .availability-dialog-store-availability:before {
  left: 0
}

.availability-dialog-wrapper .availability-dialog-place-available-wrapper.no-store-service .availability-dialog-store-availability:after {
  display: none
}

.availability-dialog-wrapper .availability-dialog-place-available {
  display: inline-block;
  vertical-align: top;
  margin: 0;
  font-family: LacosteSansCondensedLight;
  color: #292929
}

.availability-dialog-wrapper .availability-dialog-place-available:before {
  display: inline-block;
  vertical-align: top;
  font-size: 3.5rem;
  line-height: 3.5rem
}

.availability-dialog-wrapper .availability-dialog-place-available span {
  display: inline-block;
  vertical-align: top;
  font-size: 1.5rem;
  line-height: 3.5rem;
  margin-left: 15px
}

.availability-dialog-wrapper .availability-dialog-place-available b {
  font-family: LacosteSansCondensedBold
}

.availability-dialog-wrapper .availability-dialog-store-availability {
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0;
  font-family: LacosteSansCondensedLight;
  font-size: 1.5rem;
  line-height: 3.5rem;
  text-transform: none
}

.availability-dialog-wrapper .availability-dialog-store-availability:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  margin-top: -10px;
  color: #fff;
  line-height: 2rem;
  text-align: center
}

.availability-dialog-wrapper .availability-dialog-store-availability.available {
  padding-left: 30px;
  color: #105a33
}

.availability-dialog-wrapper .availability-dialog-store-availability.available .icon-check-stepper {
  position: relative;
  right: 25px;
  font-size: 10px;
  fill: #fff
}

.availability-dialog-wrapper .availability-dialog-store-availability.available:before {
  background: #105a33;
  font-size: .5rem
}

.availability-dialog-wrapper .availability-dialog-store-availability.not-available {
  padding-left: 30px;
  color: #9f9f9f
}

.availability-dialog-wrapper .availability-dialog-store-availability.not-available .icon-cross {
  position: relative;
  right: 25px;
  font-size: 10px;
  fill: #fff
}

.availability-dialog-wrapper .availability-dialog-store-availability.not-available:before {
  background: #9f9f9f;
  font-size: .6rem
}

.availability-dialog-wrapper .availability-dialog-place-available-1h,
.availability-dialog-wrapper .availability-dialog-place-available-48h {
  font-size: 35px;
  fill: #292929
}

.availability-dialog-wrapper .availability-dialog-place-planning {
  margin: 20px 0 0
}

.availability-dialog-wrapper .availability-dialog-place-open {
  display: block;
  margin: 0 0 10px;
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  color: #292929
}

.availability-dialog-wrapper .availability-dialog-place-opening {
  font-size: 1.3rem;
  line-height: 2rem;
  text-transform: none
}

.availability-dialog-wrapper .availability-dialog-select-wrapper {
  max-width: 280px;
  margin-top: 25px
}

@media screen and (max-width:767px) {
  .availability-dialog-wrapper {
    width: 100vw;
    height: 100vh;
    padding: 80px 20px 20px
  }
  .availability-dialog-wrapper .availability-dialog-inner {
    height: 100%;
    overflow: auto
  }
  .availability-dialog-wrapper .availability-dialog-place-table {
    height: auto
  }
  .availability-dialog-wrapper .availability-dialog-place-table .availability-dialog-select-wrapper {
    max-width: 100%
  }
  .availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-search-input {
    padding: 15px 18px
  }
  .availability-dialog-wrapper #availability-dialog-search-form .availability-dialog-search-submit {
    padding: 15px 0
  }
  .availability-dialog-wrapper .availability-dialog-place-wrapper {
    padding: 15px 30px 20px
  }
  .availability-dialog-wrapper .availability-dialog-place-available-wrapper.no-store-service .availability-dialog-store-availability {
    padding-left: 45px
  }
  .availability-dialog-wrapper .availability-dialog-place-available {
    padding-left: 0
  }
  .availability-dialog-wrapper .availability-dialog-place-available:before {
    font-size: 3rem;
    line-height: 3rem
  }
  .availability-dialog-wrapper .availability-dialog-place-available span {
    line-height: 3rem
  }
  .availability-dialog-wrapper .availability-dialog-store-availability {
    margin: 10px 0 10px;
    padding-right: 0;
    line-height: 1
  }
  .availability-dialog-wrapper .availability-dialog-store-availability:before {
    width: 25px;
    height: 25px;
    margin-top: -12px;
    line-height: 2.5rem
  }
  .availability-dialog-wrapper .availability-dialog-store-availability:after {
    display: none
  }
}

.sku .noweb-link,
.sku .store1h-link {
  width: 100%;
  margin: 0
}

.sku .noweb-link span button#noweb,
.sku .store1h-link span button#store1h,
.sku span a.storeDetail {
  background: #33c477;
  border: 1px solid #33c477;
  font: 1.5rem/1.8rem LacosteSansCondensedBold;
  padding: 16px 10px
}

.sku .store1h-link span button#store1h {
  background: #f4f4f4;
  color: #292929;
  border-color: #f4f4f4
}

.sku .store1h-link span button#store1h:before {
  content: "";
  width: 31px;
  height: 30px;
  background-position: -419px 0;
  position: relative;
  display: inline-block;
  margin-right: 8px;
  vertical-align: -10px
}

a.open-pop-in-store1h {
  color: #292929;
  display: inline-block;
  padding-left: 15px;
  position: relative;
  font: 1.3rem/1.5rem LacosteSansCondensedLight;
  text-transform: uppercase
}

.sku .noweb-link span button#noweb {
  background: #285f41;
  border: 1px solid #285f41
}

.sku .noweb-link span button#noweb:before {
  content: url(../img/icon_geog.png);
  padding-right: 10px
}

.store1h-geo-box p,
.store1h-no-geo-box p {
  margin-bottom: 0
}

a.open-pop-in-store1h:after {
  content: "";
  position: absolute;
  left: 3px;
  top: 4px;
  height: 10px;
  width: 7px;
  background-image: url(../img/icon_geoc.png);
  background-repeat: no-repeat
}

a.open-pop-in-store1h.loading:after {
  height: 10px;
  width: 10px;
  background-image: url(../img/loading-white.gif);
  background-size: 10px 10px;
  background-repeat: no-repeat
}

.store1h-geo-dispotitle {
  color: #33c477;
  font: 1.5rem/1.8rem LacosteSansCondensedBold;
  margin: 0
}

.store1h-geo-box p.store1h-geo-dispoinfo {
  font: 1.5rem/1.8rem LacosteSansCondensedLight;
  margin: 0 0 10px 0;
  text-transform: none
}

.store1h-available-check {
  margin-right: 3px;
  margin-bottom: -1px;
  vertical-align: baseline
}

.delivery-planning {
  max-width: 100%;
  max-height: 100%;
  overflow: hidden;
  width: 660px;
  padding: 2em;
  margin: 0 auto;
  background: #f4f4f4
}

.availabilityChart h2,
.delivery-planning h2 {
  color: #454545;
  font-size: 2.5rem;
  margin-bottom: 0;
  font-family: LacosteSansCondensedBold
}

.searchFormDeliveryContent {
  background: #f5f5f5
}

.delivery-planning .searchFormDelivery form {
  position: relative
}

.delivery-planning .searchFormDelivery form input {
  display: inline-block;
  height: 50px;
  line-height: 5rem;
  border: 0;
  vertical-align: top
}

.delivery-planning .searchFormDelivery form input[type=text] {
  width: 100%;
  font-size: 1.3rem;
  text-transform: none;
  color: #292929;
  font-family: LacosteSansLight;
  background-color: #fff;
  padding: 9px 50px 9px 70px;
  cursor: text
}

.delivery-planning .searchFormDelivery form .ico-search {
  font-size: 0;
  display: block;
  position: absolute;
  left: 40px;
  top: 18px;
  width: 14px;
  height: 14px;
  border: none;
  background-position: -30px -60px
}

.delivery-planning .searchFormDelivery form input[type=submit] {
  transition: all .3s linear;
  padding-left: 30px;
  padding-right: 30px;
  font-size: 1.5rem;
  text-transform: uppercase;
  color: #fff;
  font-family: LacosteSansCondensedBold;
  background-color: #33c477;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  margin-left: -4px
}

.delivery-planning .searchFormDelivery form input[type=submit] {
  background-color: #292929;
  padding-left: 20px;
  padding-right: 20px
}

.searchFormDelivery form {
  position: relative
}

.geo-search-title {
  float: left;
  width: 40%;
  padding: 20px 0
}

.geo-search {
  overflow: hidden;
  clear: both;
  padding: 0 2em
}

.geo-search-form-store {
  position: relative;
  width: 60%;
  float: left;
  text-align: right;
  padding-right: 16px
}

.cart-options-col.delivery {
  width: 50%
}

.cart-options-total .cart-options-col.delivery,
.choose-shipping-method .shipping-method.active.new-ship-method {
  padding: 30px 0 0
}

.cart-options-total .cart-options-col.delivery .padding-30,
.choose-shipping-method .shipping-method.active.new-ship-method .padding-30 {
  padding-left: 30px;
  padding-right: 30px
}

.cart-options-total .cart-options-col.delivery .deliveryType,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType {
  width: 100%;
  padding: 0
}

.cart-options-total .cart-options-col.delivery .deliveryType>li,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li {
  width: 100%;
  list-style: none;
  display: block;
  border-left: 5px solid #f5f5f5
}

.cart-options-total .cart-options-col.delivery .deliveryType>li ul,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li ul {
  margin-top: 10px
}

.cart-options-total .cart-options-col.delivery .deliveryType>li ul>li,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li ul>li {
  padding: 5px 0
}

.cart-options-total .cart-options-col.delivery .deliveryType>li ul>li label,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li ul>li label {
  cursor: pointer;
  text-transform: none;
  font-family: LacosteSansLight;
  font-size: 1.3rem;
  display: block;
  position: relative;
  padding-left: 22px;
  margin-top: 11px;
  line-height: 1.5
}

.cart-options-total .cart-options-col.delivery .deliveryType>li ul>li label strong,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li ul>li label strong {
  text-transform: uppercase
}

.cart-options-total .cart-options-col.delivery .deliveryType>li ul>li label input[type=radio],
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li ul>li label input[type=radio] {
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 3px!important
}

.cart-options-total .cart-options-col.delivery .deliveryType>li ul>li p,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li ul>li p {
  margin-left: 23px;
  color: #292929;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  margin-top: 10px;
  margin-bottom: 0
}

.cart-options-total .cart-options-col.delivery .deliveryType>li.deliveryChecked,
.cart-options-total .cart-options-col.delivery .deliveryType>li:hover,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li.deliveryChecked,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li:hover {
  background: #fff;
  border-left: 5px solid #292929
}

.cart-options-total .cart-options-col.delivery .deliveryType>li.deliveryinstore.deliveryChecked,
.cart-options-total .cart-options-col.delivery .deliveryType>li.deliveryinstore:hover,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li.deliveryinstore.deliveryChecked,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li.deliveryinstore:hover {
  border-left: 5px solid #33c477
}

.cart-options-total .cart-options-col.delivery .deliveryType>li.deliveryinstore h4,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li.deliveryinstore h4 {
  color: #33c477
}

.cart-options-total .cart-options-col.delivery .deliveryType .row-eq-height,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType .row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex
}

.cart-options-total .cart-options-col.delivery .deliveryType .delivery-colleft,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType .delivery-colleft {
  width: 60%;
  padding: 2% 5%
}

.cart-options-total .cart-options-col.delivery .deliveryType .delivery-colright,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType .delivery-colright {
  width: 40%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  text-align: center;
  border-left: 1px solid #ededed;
  display: none
}

.cart-options-total .cart-options-col.delivery .deliveryType>li.deliveryChecked .delivery-colright,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li.deliveryChecked .delivery-colright {
  display: flex;
  flex-direction: column
}

.cart-options-total .cart-options-col.delivery .deliveryType>li:not(.deliveryChecked):hover .delivery-colright,
.choose-shipping-method .shipping-method.active.new-ship-method .deliveryType>li:not(.deliveryChecked):hover .delivery-colright {
  display: none
}

.delivery-colright a {
  padding: 0;
  margin: auto;
  color: #292929;
  font: 1.5rem/1.5rem LacosteSansCondensedBold;
  text-transform: uppercase;
  text-decoration: underline
}

.deliveree-link {
  width: 100%;
  margin: 0 auto
}

a.delivery-link:before {
  content: url(../img/icon_geob.png);
  padding-right: 10px
}

a.delivery-linkcalendar:before {
  content: url(../img/icon_calendar.png);
  padding-right: 10px
}

.deliveryOk {
  color: #1c7245
}

.deliveryOk:before {
  content: url(../img/icon_available.png);
  margin-right: 3px
}

.deliveryError {
  color: #db0f49;
  text-transform: none
}

.deliveryError:before {
  content: url(../img/ico-limited.png);
  margin-right: 3px
}

.searchFormDelivery .deliveryError {
  text-align: right;
  padding: 10px 5px 0
}

.deliveryHour table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 2px
}

.deliveryHour table tr td,
.deliveryHour table tr th {
  width: 12.14%;
  text-align: left
}

.deliveryHour table tr td:first-child,
.deliveryHour table tr th:first-child {
  width: 15%;
  background: #fff;
  cursor: default
}

.deliveryHour table tr td {
  padding: 10px 0;
  cursor: pointer
}

.deliveryHour table tr:nth-child(odd) {
  background: #f3f3f3
}

.deliveryHour table tr:nth-child(even) {
  background: #ededed
}

.deliveryHour table tr th {
  background: #fff;
  word-spacing: 999px;
  padding-right: 10px
}

.deliveryHour table tr td.checkedChoice {
  border-bottom: 5px solid #035933;
  background: url(../img/icon_checkedg.png) no-repeat center center
}

.deliveryHour table tr td.noAvailable {
  cursor: default;
  background: url(../img/bg-delivery-unavailable.png) center center
}

.storeDeliveryValid {
  width: auto;
  padding: 20px 30px;
  margin: 30px 0;
  margin-bottom: 0
}

.storeDeliveryValidDiv {
  text-align: right
}

.storeDeliveryValidDiv .btn {
  text-decoration: none
}

.storeDeliveryValidDiv .deliveryError {
  visibility: hidden
}

.deliveryNoSlots {
  text-align: center;
  visibility: hidden
}

.searchFormDeliveryContent {
  margin: 2em -2em;
  padding: 0 2em
}

.delivery-planning .searchFormDelivery {
  margin: 0 auto;
  width: 100%;
  padding: 2em 20%
}

.deliveryHour p {
  margin-left: 20%
}

#dHome-checkAvaibility,
#dHome-checkZipCode {
  display: none
}

.hideDesk {
  display: none
}

.hideTabMob {
  display: block
}

.selectDelivery {
  display: none
}

.deliveryHour table td span {
  display: none
}

.attribute .swatches p {
  text-align: left;
  margin: 20px 0 20px
}

.sizeSelect,
.sizeSelect.opened {
  background: #fff
}

.sizeSelect a.openSize,
.sizeSelect.opened a.openSize {
  border: 3px solid #e5e5e5;
  color: #292929
}

.sizeSelect a.openSize:after,
.sizeSelect.opened a.openSize:after {
  background-image: url(../img/arrow-bottom-small-dark.png);
  background-position: 0 0;
  transform: rotate(0);
  -moz-transform: rotate(0);
  -webkit-transform: rotate(0);
  -khtml-transform: rotate(0);
  background-size: auto
}

.sizeSelect.opened a.openSize:after {
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -khtml-transform: rotate(180deg)
}

.sizeSelectContent {
  top: 58px;
  border: 3px solid #e5e5e5;
  border-top: 0;
  background: #fff
}

.sizeSelectContent ul li a {
  color: #292929
}

.btn[disabled],
.sku .store1h-link span button#store1h.btn[disabled] {
  background: #bbb;
  color: #fff;
  border-color: #bbb
}

.desktop_Deliveree {
  display: block
}

.mobile_Deliveree {
  display: none
}

.mobile_Deliveree .delivereeSlotSelect {
  width: 100%;
  height: 50px;
  border: 4px solid #ededed;
  font-weight: 700;
  margin-bottom: 20px
}

.deliveryHour .mobile_Deliveree table tr td {
  padding: 15px 0 15px 25%
}

.deliveryHour .mobile_Deliveree table tr td.noAvailable {
  height: 50px
}

.deliveryHour .mobile_Deliveree table tr td.checkedChoice {
  background-position-x: 20px;
  border-bottom: 0;
  border-left: 5px solid #035933
}

.deliveryHour .mobile_Deliveree table tr td.checkedChoice span {
  color: #035933;
  margin-left: -5px
}

.deliveryHour .mobile_Deliveree table tr td span {
  display: block;
  font-size: 1.4rem;
  font-family: LacosteSansCondensedLight;
  margin-left: 20%
}

.deliveryHour .mobile_Deliveree .storeDeliveryValid {
  display: block;
  margin-top: 20px
}

@media screen and (max-width:767px) {
  .dialog-delivery-overflow {
    max-height: 90vh;
    overflow: auto
  }
  .desktop_Deliveree {
    display: none
  }
  .mobile_Deliveree {
    display: block
  }
  .delivery-planning {
    width: 100%
  }
  .delivery-planning .searchFormDelivery {
    padding: 2em 0
  }
  .delivery-planning .searchFormDelivery form input[type=text] {
    width: auto;
    padding: 9px 20px 9px 20px
  }
  .delivery-planning .searchFormDelivery form .ico-search {
    display: none
  }
  .deliveryHour p {
    margin-left: 0
  }
  .deliveryHour .deliveryHour table th,
  .deliveryHour table td {
    display: none
  }
  .deliveryHour .deliveryHour table tr th:first-child,
  .deliveryHour table tr td:first-child {
    width: 100%;
    cursor: pointer;
    background-color: #ededed
  }
  .cart-options-total .cart-options-col.delivery .deliveryType {
    width: 100%
  }
  .cart-options-total .cart-options-col.delivery .deliveryType .delivery-colright {
    width: 100%;
    text-align: left;
    padding: 0 15px 15px
  }
  .cart-options-total .cart-options-col.delivery .deliveryType .delivery-colright .delivery-link {
    width: 100%
  }
  .cart-options-total .cart-options-col.delivery .deliveryType .delivery-colleft {
    width: 100%
  }
  .sizeSelect a.openSize {
    height: 62px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 18px 10px;
    border: 3px solid #bbb;
    background-color: #fff;
    position: absolute;
    left: 0;
    width: 50%;
    top: 21px
  }
  #stickyBar .sizeSelect a.openSize {
    position: relative;
    width: 100%;
    top: 0
  }
  .sizeSelectContent {
    border-top: 3px solid #e5e5e5;
    border-bottom: 0
  }
  body.popin-display {
    overflow: auto
  }
  .hideTabMob {
    display: none
  }
  .hideDesk {
    display: block
  }
  .main-container .productPageTop .box-infos {
    border-bottom: 0
  }
  .main-container .productPageTop .box-infos.store1h-geo-box {
    padding-top: 15px
  }
  .cart-options-total .cart-options-col.delivery {
    width: 100%!important;
    padding: 0
  }
  .cart-options-total .cart-options-col.delivery .deliveryType .row-eq-height {
    padding: 10px 0;
    display: block
  }
  .cart-options-total .cart-options-col.delivery .padding-30 {
    padding: 20px
  }
  .cart-options-total .cart-options-col.delivery .deliveryType>li {
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed
  }
}

@media screen and (max-width:540px) {
  .cart-options-total .cart-options-col.delivery .deliveryType .delivery-colleft,
  .cart-options-total .cart-options-col.delivery .deliveryType>li.deliveryChecked .delivery-colright {
    border-left: 0
  }
  .deliveryHour p strong,
  .searchFormDelivery p strong {
    display: block
  }
  .selectDelivery {
    display: block;
    width: 100%;
    padding: 20px;
    margin: 20px 0
  }
  .deliveryHour table td span {
    display: block;
    margin-left: 50px
  }
  .deliveryHour table tr td.checkedChoice {
    border-bottom: 0;
    border-left: 5px solid #035933;
    background: url(../img/icon_checkedg.png) no-repeat 20px center
  }
  .storeDeliveryValidDiv {
    text-align: center
  }
}

.cart-options-total .gift-block {
  margin-top: 30px
}

@media screen and (max-width:1279px) {
  .cart-options-total .gift-block {
    background: #fff;
    padding: 20px;
    height: auto;
    border-bottom: 1px solid #ededed
  }
}

@media screen and (max-width:640px) {
  .cart-options-total .gift-block {
    border-bottom: none
  }
}

.billing-address.active,
.choose-billing-address.active,
.choose-shipping-address.active,
.shipping-address.active {
  padding-left: 5%
}

.shipping-method.active>.choose-shipping-address.active {
  padding-left: 0
}

.choose-shipping-method .shipping-method.active.new-ship-method {
  background-color: #f5f5f5;
  padding: 0;
  margin: 0;
  display: table-row
}

.choose-shipping-method .shipping-method.active.new-ship-method h4 {
  padding-left: 5%
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block {
  display: table;
  width: 100%;
  height: 100%
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType {
  display: table-cell;
  width: 30%;
  height: 100%;
  list-style: none
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType>li {
  height: 100%;
  border: none
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType>li.deliveryChecked {
  border-left: none
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType>li.deliveryinstore {
  border-left: none
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .deliveryChecked .row-eq-height {
  background-color: #fff;
  border-bottom: 3px solid #000;
  padding-bottom: 0
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .deliveryChecked .row-eq-height .delivery-colright {
  display: table-row;
  width: 100%;
  min-height: 100px;
  vertical-align: bottom;
  text-align: center;
  line-height: 4rem;
  height: 40px
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .deliveryChecked .row-eq-height .delivery-colright .delivery-link {
  margin-top: 10px;
  padding: 0;
  line-height: 7rem;
  height: 70px;
  width: 100%
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .deliveryChecked .row-eq-height .delivery-colright:before {
  content: "";
  display: block;
  background-color: #ededed;
  width: 85%;
  height: 2px;
  margin: 0 auto
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .deliveryinstore.deliveryChecked .row-eq-height {
  background-color: #fff;
  border-bottom: 3px solid #33c477;
  padding-bottom: 0
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height {
  padding: 3% 5%;
  position: relative;
  border: 1px solid #ededed;
  width: 100%;
  height: 100%;
  display: table;
  padding-bottom: 2px
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height .delivery-colleft {
  display: table-row;
  width: 100%;
  min-height: 200px
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height .delivery-colleft .ship-list-group {
  margin: 2% 5%;
  margin-bottom: 25px
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height .delivery-colleft li>label {
  display: block;
  position: relative;
  padding-left: 22px;
  margin-top: 11px;
  line-height: 1.5
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height .delivery-colleft li>labelstrong {
  text-transform: uppercase;
  font-weight: 700
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height .delivery-colleft li>label input[type=radio] {
  margin-right: 5px;
  position: absolute;
  left: 0;
  top: 3px!important
}

.choose-shipping-method .shipping-method.active.new-ship-method .new-ship-method-block ul.deliveryType .row-eq-height .delivery-colright {
  display: none
}

.checkout-column.column-desc.clearfix.no-padding {
  padding: 0
}

.clicncollect-dispo {
  display: none;
  position: absolute;
  right: 2%;
  top: 40%;
  background-color: green;
  color: #fff;
  padding: 2% 5%;
  cursor: default
}

.clicncollect-dispo.active {
  display: block
}

.cart-summary .w2s-available {
  position: absolute;
  right: 20px;
  bottom: 10px;
  text-align: center;
  text-transform: none
}

@media screen and (max-width:767px) {
  .cart-summary .w2s-available {
    right: 0;
    top: 28px;
    font-size: 1.1rem;
    line-height: 1
  }
}

.cart-summary .w2s-available .picto:before {
  display: block;
  margin: 0 auto;
  content: " ";
  background-image: url(../img/_sprites/sprite-ico.png);
  background-position: -165px -304px;
  width: 35px;
  height: 35px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .cart-summary .w2s-available .picto:before {
    background-image: url(../img/_sprites/retina-sprite-ico.png);
    background-position: -305px -89px;
    background-size: 457px 446px
  }
}

@media screen and (max-width:767px) {
  .cart-summary .w2s-available .picto:before {
    transform: scale(.8);
    height: 28px
  }
}

.atc,
.atc-hidden,
.atc-visible {
  position: fixed;
  top: 88px;
  bottom: 0;
  right: 0;
  background-color: #eee;
  height: 100%;
  box-sizing: border-box
}

@media (max-width:769px) {
  .atc,
  .atc-hidden,
  .atc-visible {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
  }
}

.atc-hidden:before,
.atc-visible:before,
.atc:before {
  content: '';
  position: absolute;
  left: -20px;
  top: 0;
  bottom: 0;
  width: 20px;
  background: #292929;
  opacity: .2
}

.atc-hidden {
  width: 0;
  opacity: 0;
  transition: opacity .5s ease-in-out
}

.atc-visible {
  width: 100%;
  opacity: 1;
  transition: opacity .5s ease-in-out;
  z-index: 300
}

@media (min-width:769px) {
  .atc-visible {
    width: 425px
  }
}

.atc-eb-recos-title,
.atc-panel,
.atc-product-wrapper {
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  text-transform: uppercase;
  text-align: center
}

.atc-head {
  padding: 10px 40px 20px;
  font-family: LacosteSansCondensedBold;
  font-size: 1.6rem;
  text-transform: uppercase;
  text-align: center
}

.atc-hide-button {
  border-radius: 30px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  color: #292929;
  border: 0;
  outline: 0;
  transition: all .2s ease-in-out;
  font-size: 1rem
}

.atc-hide-button:hover {
  background-color: #454545;
  color: #fff;
  transition: all .2s ease-in-out
}

.atc-product-added {
  margin-top: 20px
}

.atc-product-wrapper {
  padding: 0 40px
}

.atc-product {
  display: table;
  table-layout: fixed;
  background-color: #fff;
  padding: 10px 0
}

.atc-product-image {
  display: table-cell;
  vertical-align: middle;
  width: 35%;
  padding: 10px
}

.atc-product-image img {
  width: 80%
}

.atc-product-details {
  display: table-cell;
  vertical-align: middle;
  width: 65%;
  text-align: left;
  font-size: 1.5rem;
  line-height: 1
}

.atc-product-name {
  font-family: LacosteSansCondensedBold
}

.atc-product-description {
  margin: 10px 0;
  font-family: LacosteSansCondensedLight;
  color: #797979;
  text-transform: none
}

.atc-product-price {
  font-family: LacosteSansCondensedBold
}

.atc-product-price .atc-price {
  display: inline-block;
  vertical-align: top
}

.atc-product-price .atc-price-standard {
  padding-right: 8px;
  color: #999;
  text-decoration: line-through
}

.atc-product-price .atc-price-current {
  color: #105a33
}

.atc-cta {
  padding: 0 40px;
  margin-bottom: 30px
}

.atc-cta-continue-shopping,
.atc-cta-paypal-checkout,
.atc-cta-show-cart {
  font-family: LacosteSansCondensedBold;
  font-size: 1.5rem;
  padding: 16px 10px;
  margin-top: 10px;
  border-radius: 3px;
  display: inline-block;
  width: 100%;
  text-align: center;
  cursor: pointer;
  text-decoration: none;
  transition: all .2s ease-in-out;
  outline: 0
}

.atc-cta-continue-shopping:hover,
.atc-cta-paypal-checkout:hover,
.atc-cta-show-cart:hover {
  text-decoration: none
}

.atc-cta-show-cart {
  background-color: #105a33;
  color: #fff
}

.atc-cta-show-cart:hover {
  background-color: #292929
}

.atc-cta-paypal-checkout {
  background-color: #fff;
  color: #292929;
  border: 1px solid #cbcbcb
}

.atc-cta-paypal-checkout span {
  background-image: url(img/_sprites/sprite-ico.png);
  background-position: -120px -234px;
  width: 65px;
  height: 18px;
  display: inline-block;
  text-indent: -9999px;
  margin-left: 10px
}

@media (-webkit-min-device-pixel-ratio:1.5),
(min--moz-device-pixel-ratio:1.5),
(-o-min-device-pixel-ratio:3 / 2),
(min-device-pixel-ratio:1.5),
(min-resolution:144dpi) {
  .atc-cta-paypal-checkout span {
    background-image: url(img/_sprites/retina-sprite-ico.png);
    background-position: -160px -204px;
    background-size: 457px 446px
  }
}

.atc-cta-continue-shopping {
  background: #fff;
  color: #292929;
  border: 1px solid #cbcbcb
}

@media screen and (min-width:1280px) {
  .atc-cta-continue-shopping:hover {
    background: #292929;
    color: #fff;
    border-color: #fff
  }
}

.atc-eb-recos {
  background: #fff;
  padding: 30px 40px
}

.atc-eb-recos-title {
  font-size: 1.6rem;
  text-align: left;
  margin-bottom: 20px
}

.atc-eb-recos-content {
  height: auto;
  width: calc(100% + 40px);
  margin-left: -20px
}

.atc-eb-recos-content .productTile {
  display: inline-block;
  vertical-align: top;
  width: calc(50% - 40px);
  margin: 0 20px;
  border: none
}

.atc-eb-recos-content .productTile .images {
  margin-top: 0;
  margin-left: 0;
  margin-right: 0
}

@media screen and (max-width:1279px) {
  .atc,
  .atc-hidden,
  .atc-visible {
    top: 50px
  }
}

.categoryProducts {
  font-size: 0;
  position: relative;
  background-color: #fff
}

.productTile {
  position: relative;
  width: 25%;
  display: inline-block;
  border: 1px solid #f4f4f4;
  vertical-align: top
}

a.productTile {
  text-decoration: none;
  text-transform: none
}

.productTile .images {
  display: block;
  position: relative;
  margin-left: 20px;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 15px
}

.productTile .images>img {
  width: 100%;
  height: auto;
  padding: 0
}

.productTile .images.loading>img {
  display: none
}

.productTile .images.loaded>img.main {
  animation: fadeIn .5s linear
}

.productTile .images>img.rover {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  transition: opacity .3s linear
}

.productTile .badges {
  position: relative;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-right: 20px
}

.productTile .badges .badge {
  height: 18px;
  line-height: 1.8rem;
  text-transform: uppercase;
  font-family: LacosteSansCondensedLight;
  padding-left: 5px;
  padding-right: 5px;
  font-size: 1.2rem;
  display: inline-block;
  margin-right: 10px
}

.productTile .description {
  display: flex;
  flex-direction: row
}

.productTile .description .description-right {
  flex: 3
}

.productTile .description .description-left {
  font-size: 1.5rem;
  color: #606060;
  font-family: LacosteSansCondensedLight;
  flex: 4
}

.productTile .description .description-left .product-title {
  display: block;
  margin: 0
}

.badges .description-custo,
.description-custo,
.product-flags .description-custo {
  background: #fff;
  display: inline-block;
  text-transform: uppercase;
  font-family: LacosteSansCondensedLight;
  font-size: 12px;
  line-height: 12px
}

.badges .description-custo>.description-custo-ico,
.description-custo>.description-custo-ico,
.product-flags .description-custo>.description-custo-ico {
  display: inline-block;
  width: 16px
}

.description-custo-label {
  color: #292929;
  vertical-align: middle
}

.badges .description-custo {
  padding: 0 5px 2px 5px
}

.productTile .description .price {
  display: block;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  color: #292929;
  top: 0;
  right: 0;
  text-align: right
}

.price .price-initial.stroke {
  text-decoration: line-through
}

.price .price-promo {
  display: block;
  position: relative
}

.productTile .description .colors.nocolors {
  display: none
}

.productTile .description .colors.more {
  display: block;
  text-align: left;
  position: relative;
  color: #292929;
  font-family: LacosteSansCondensedLight;
  font-size: 1.5rem
}

.productTile .shop-btn {
  display: block;
  margin-left: 40px;
  margin-right: 40px;
  height: 50px;
  line-height: 4.4rem;
  text-transform: uppercase;
  background-color: transparent;
  text-align: center;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  margin-bottom: 40px;
  opacity: 0;
  transition: opacity .3s linear;
  border: 3px solid #105a33;
  color: #fff;
  background-color: #105a33
}

.productTile .images .isLoading {
  display: block;
  position: relative
}

.productTile .images .isLoading>img {
  width: 100%;
  height: auto
}

.productTile .images .isLoading>.loaderContainer {
  display: table-cell;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.productTile .images .isLoading>.loaderContainer .loader-container {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center
}

.categoryRebound {
  display: inline-block;
  position: relative;
  width: 50%
}

.categoryRebound a {
  position: relative;
  display: block;
  width: calc(100% - 80px);
  height: calc(100% - 80px);
  margin: 40px;
  text-decoration: none;
  overflow: hidden
}

.categoryRebound a img {
  transition: opacity .3s linear;
  opacity: 1
}

.categoryRebound a .fulltext {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.categoryRebound a .fulltext>div>div {
  text-align: left;
  padding: 90px;
  font-family: LacosteSansCondensedBold;
  text-decoration: underline
}

.categoryRebound a .background-image {
  position: relative;
  transition: opacity .3s linear;
  opacity: 1;
  height: 100%
}

.categoryRebound a .background-image.isLoading {
  opacity: 0
}

.categoryRebound a .background-image>img {
  width: auto;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-width: none!important;
  max-height: none!important
}

.categoryRebound a.catfull {
  font-size: 5rem;
  color: #fff;
  text-decoration: underline;
  line-height: 1.1
}

.categoryRebound a.catfull .fulltext span {
  display: block;
  position: relative;
  left: 0;
  transition: left .3s ease-out;
  margin-top: 15px;
  font-size: 2rem
}

.categoryRebound a.catdesc .bloc-description {
  position: absolute;
  display: block;
  width: 100%;
  left: 0;
  bottom: 0;
  padding: 40px;
  color: #fff;
  font-size: 1.5rem;
  font-family: LacosteSansCondensedBold;
  text-transform: none
}

.categoryRebound a.catdesc .bloc-description>p {
  margin: 0;
  padding-right: 60px
}

.categoryRebound a.catdesc .bloc-description>p.price {
  margin-top: 10px
}

.categoryRebound a.catdesc .bloc-description .title {
  text-transform: uppercase;
  text-decoration: underline;
  margin-bottom: 10px
}

.categoryRebound a.catdesc .bloc-description .description {
  font-family: LacosteSansCondensedLight
}

.categoryRebound a.catdesc .bloc-description span.icon-arrow-right {
  font-size: 1.2rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 40px;
  transition: right .3s ease-out
}

.categoryRebound .catimagetext {
  width: 100%;
  position: relative
}

.categoryRebound .catimagetext>img {
  width: 100%;
  height: auto
}

.categoryRebound .catimagetext .description {
  position: absolute;
  top: 50%;
  left: 0;
  padding: 40px;
  transform: translateY(-50%);
  color: #fff
}

.categoryRebound .catimagetext .description h5 {
  font-size: 2.5rem;
  margin: 0;
  font-family: LacosteSansCondensedBold;
  margin-bottom: 10px
}

.categoryRebound .catimagetext .description p {
  font-size: 1.7rem;
  margin: 0
}

.categoryProducts.no-rebound>a:nth-of-type(1) {
  border-left: none
}

.categoryProducts.rebound-1>a:nth-of-type(1),
.categoryProducts.rebound-1>a:nth-of-type(2) {
  border-bottom: none;
  border-top: none
}

.categoryProducts.rebound-1>a:nth-of-type(3) {
  border-left: none
}

.categoryProducts.rebound-1:not(.rebound-2)>a:nth-of-type(n+2) {
  border-bottom: none
}

.categoryProducts.rebound-2>a:nth-of-type(3),
.categoryProducts.rebound-2>a:nth-of-type(4) {
  border-bottom: none
}

.categoryProducts.rebound-2>a:nth-of-type(5) {
  border-left: none
}

.categoryProducts.rebound-2>div:nth-of-type(2) {
  border-top: 1px solid #f4f4f4;
  border-left: 1px solid #f4f4f4
}

.categoryProducts.rebound-2:not(.rebound-3)>a:nth-of-type(n+4) {
  border-bottom: none
}

.categoryProducts.rebound-3>a:nth-of-type(n+9) {
  border-bottom: none;
  border-top: none
}

@media screen and (min-width:1280px) {
  a.productTile.isLoaded:hover .images>img.rover {
    opacity: 1
  }
  a.productTile.isLoaded:hover .shop-btn {
    opacity: 1
  }
  .categoryRebound a:hover img {
    opacity: .8
  }
}

@media screen and (min-width:1280px) and (max-width:1440px) {
  .categoryRebound a {
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    margin: 30px
  }
}

@media screen and (max-width:800px) {
  .productTile {
    width: calc(100% / 3)
  }
  .productTile .shop-btn {
    display: none
  }
  .categoryRebound {
    width: calc((100% / 3) * 2)
  }
  .categoryRebound a {
    width: calc(100% - 60px);
    height: calc(100% - 60px);
    margin: 30px
  }
  .categoryProducts.no-rebound>a:nth-of-type(4) {
    display: none
  }
  .categoryProducts.rebound-1>a:nth-of-type(2) {
    border-left: none;
    border-top: 1px solid #f4f4f4
  }
  .categoryProducts.rebound-1>a:nth-of-type(3) {
    border-left: 1px solid #f4f4f4
  }
  .categoryProducts.rebound-1:not(.rebound-2)>a:nth-of-type(5),
  .categoryProducts.rebound-1:not(.rebound-2)>a:nth-of-type(6) {
    display: none
  }
  .categoryProducts.rebound-2>a:nth-of-type(5) {
    border-left: 1px solid #f4f4f4;
    border-bottom: none
  }
  .categoryProducts.rebound-2>a:nth-of-type(6) {
    border-left: none
  }
  .categoryProducts.rebound-2>div:nth-of-type(2) {
    border-left: none
  }
  .categoryProducts.rebound-3>a:nth-of-type(10) {
    display: none
  }
  .productTile .description {
    flex-direction: column
  }
  .productTile .description .description-right {
    width: 100%;
    padding-top: 5px
  }
  .productTile .description .description-left {
    width: 100%
  }
  .productTile .description .description-left .product-title {
    width: 100%
  }
  .productTile .description .price {
    width: 100%;
    position: relative;
    top: initial;
    right: initial;
    text-align: left
  }
}

@media screen and (max-width:640px) {
  .productTile {
    width: 50%;
    border-left: 1px solid #f4f4f4!important;
    border-top: 1px solid #f4f4f4!important;
    border-right: none!important;
    border-bottom: none!important
  }
  .categoryRebound {
    width: 100%;
    border: none!important
  }
  .categoryRebound a {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    margin: 20px
  }
  .categoryProducts>a:nth-of-type(2n+1) {
    border-left: none!important
  }
  .categoryProducts.rebound-1:not(.rebound-2)>a:nth-of-type(5),
  .categoryProducts.rebound-1:not(.rebound-2)>a:nth-of-type(6) {
    display: inline-block
  }
  .categoryProducts.rebound-2>div:nth-of-type(2) {
    border-top: 1px solid #f4f4f4!important
  }
  .categoryProducts.rebound-2>div:nth-of-type(3) {
    border-top: 1px solid #f4f4f4!important
  }
  .categoryProducts.rebound-3>a:nth-of-type(10) {
    display: inline-block
  }
  .categoryRebound a.catdesc .bloc-description {
    position: relative
  }
  .categoryRebound a .background-image>img {
    width: 100%;
    height: auto
  }
}