@charset "UTF-8";
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font: inherit;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

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

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}
blockquote::before, blockquote::after,
q::before,
q::after {
  content: none;
}

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

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

button,
input,
textarea {
  -webkit-appearance: none;
}

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

*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* percent */
/*********** style title **************/
.product-accessories-bloc::before {
  left: 50%;
  position: absolute;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.block-tag-header .icon, .form-group-text .see-pwd, .form-group-text label {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.enabled-filters ul li:not(.clear-filters) a i, .pagination ul li > a > span,
.pagination ul li > span > span, .custom-file .action::after, .btn-social .icon {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn-tablet, .styleguide-bloc-ctn .styleguide-bloc .font-family-default {
  font-family: "Gotham";
  font-weight: normal;
}

.advmenu-root-link, .wysiwyg h4,
.h4-wysiwyg, .wysiwyg h3,
.h3-wysiwyg, .h4, .styleguide-bloc-ctn .styleguide-bloc .font-family-default-medium {
  font-family: "Gotham";
  font-weight: 500;
}

.btn, .account-ctn .h3,
.h3-order, .styleguide-bloc-ctn .styleguide-bloc .font-family-default-bold {
  font-family: "Gotham";
  font-weight: 700;
}

.wysiwyg h2,
.h2-wysiwyg, .h3, .h2, .h1, .styleguide-bloc-ctn .styleguide-bloc .font-family-secondary {
  font-family: "Acta";
  font-weight: normal;
}

.styleguide-bloc-ctn .styleguide-bloc .shadow {
  -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
}

.styleguide-bloc-ctn .styleguide-bloc .border {
  border: 1px solid #000;
}

/* stylelint-disable */
.ctn, .advslider .owl-nav, .advslider .owl-dots {
  margin-left: auto;
  margin-right: auto;
}

.ctn-fluid,
.ctn,
.advslider .owl-nav,
.advslider .owl-dots {
  padding-left: 20px;
  padding-right: 20px;
}

.flex,
.col,
.row,
.col-flex {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-left: -10px;
  margin-right: -10px;
}

.row.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-left: -10px;
  margin-right: -10px;
}

.col-flex {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.col.reverse {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
}

.wrap {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.nowrap {
  -ms-flex-wrap: nowrap;
      flex-wrap: nowrap;
}

.xxs {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs0 {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs1 {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs2 {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs3 {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs4 {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs5 {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs6 {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs7 {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs8 {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs9 {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs10 {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs11 {
  padding-left: 10px;
  padding-right: 10px;
}

.xxs12 {
  padding-left: 10px;
  padding-right: 10px;
}

@media (min-width: 360px) {
  .ctn-fluid,
.ctn,
.advslider .owl-nav,
.advslider .owl-dots {
    padding-left: 20px;
    padding-right: 20px;
  }

  .row,
.col {
    margin-left: -10px;
    margin-right: -10px;
  }

  .xxs {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs0 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs8 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs9 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs11 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs12 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 480px) {
  .ctn-fluid,
.ctn,
.advslider .owl-nav,
.advslider .owl-dots {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row,
.col {
    margin-left: -10px;
    margin-right: -10px;
  }

  .xxs {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs0 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs1 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs2 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs3 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs4 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs5 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs6 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs7 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs8 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs9 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs11 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .xxs12 {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (min-width: 768px) {
  .ctn-fluid,
.ctn,
.advslider .owl-nav,
.advslider .owl-dots {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row,
.col {
    margin-left: -15px;
    margin-right: -15px;
  }

  .xxs {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs0 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs8 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs9 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs11 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 2001px) {
  .ctn-fluid,
.ctn,
.advslider .owl-nav,
.advslider .owl-dots {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row,
.col {
    margin-left: -15px;
    margin-right: -15px;
  }

  .xxs {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs0 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs8 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs9 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs11 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 9999px) {
  .ctn-fluid,
.ctn,
.advslider .owl-nav,
.advslider .owl-dots {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row,
.col {
    margin-left: -15px;
    margin-right: -15px;
  }

  .xxs {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs0 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs8 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs9 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs11 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 9999px) {
  .ctn-fluid,
.ctn,
.advslider .owl-nav,
.advslider .owl-dots {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row,
.col {
    margin-left: -15px;
    margin-right: -15px;
  }

  .xxs {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs0 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs8 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs9 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs11 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 9999px) {
  .ctn-fluid,
.ctn,
.advslider .owl-nav,
.advslider .owl-dots {
    padding-left: 15px;
    padding-right: 15px;
  }

  .row,
.col {
    margin-left: -15px;
    margin-right: -15px;
  }

  .xxs {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs0 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs1 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs2 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs3 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs4 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs5 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs6 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs7 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs8 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs9 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs10 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs11 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .xxs12 {
    padding-left: 15px;
    padding-right: 15px;
  }
}
/* spacers */
.m-0 {
  margin: 0;
}

.mt-0,
.my-0 {
  margin-top: 0;
}

.mr-0,
.mx-0 {
  margin-right: 0;
}

.mb-0,
.my-0 {
  margin-bottom: 0;
}

.ml-0,
.mx-0 {
  margin-left: 0;
}

.m-1 {
  margin: 0.375em;
}

.mt-1,
.my-1 {
  margin-top: 0.375em;
}

.mr-1,
.mx-1 {
  margin-right: 0.375em;
}

.mb-1,
.my-1 {
  margin-bottom: 0.375em;
}

.ml-1,
.mx-1 {
  margin-left: 0.375em;
}

.m-2 {
  margin: 0.75em;
}

.mt-2,
.my-2 {
  margin-top: 0.75em;
}

.mr-2,
.mx-2 {
  margin-right: 0.75em;
}

.mb-2,
.my-2 {
  margin-bottom: 0.75em;
}

.ml-2,
.mx-2 {
  margin-left: 0.75em;
}

.m-3 {
  margin: 1.125em;
}

.mt-3,
.my-3 {
  margin-top: 1.125em;
}

.mr-3,
.mx-3 {
  margin-right: 1.125em;
}

.mb-3,
.my-3 {
  margin-bottom: 1.125em;
}

.ml-3,
.mx-3 {
  margin-left: 1.125em;
}

.m-4 {
  margin: 1.5em;
}

.mt-4,
.my-4 {
  margin-top: 1.5em;
}

.mr-4,
.mx-4 {
  margin-right: 1.5em;
}

.mb-4, .form-group,
.my-4 {
  margin-bottom: 1.5em;
}

.ml-4,
.mx-4 {
  margin-left: 1.5em;
}

.m-5 {
  margin: 2.25em;
}

.mt-5,
.my-5 {
  margin-top: 2.25em;
}

.mr-5,
.mx-5 {
  margin-right: 2.25em;
}

.mb-5,
.my-5 {
  margin-bottom: 2.25em;
}

.ml-5,
.mx-5 {
  margin-left: 2.25em;
}

.m-6 {
  margin: 3em;
}

.mt-6,
.my-6 {
  margin-top: 3em;
}

.mr-6,
.mx-6 {
  margin-right: 3em;
}

.mb-6,
.my-6 {
  margin-bottom: 3em;
}

.ml-6,
.mx-6 {
  margin-left: 3em;
}

.m-7 {
  margin: 5.25em;
}

.mt-7,
.my-7 {
  margin-top: 5.25em;
}

.mr-7,
.mx-7 {
  margin-right: 5.25em;
}

.mb-7,
.my-7 {
  margin-bottom: 5.25em;
}

.ml-7,
.mx-7 {
  margin-left: 5.25em;
}

.m-8 {
  margin: 7.5em;
}

.mt-8,
.my-8 {
  margin-top: 7.5em;
}

.mr-8,
.mx-8 {
  margin-right: 7.5em;
}

.mb-8,
.my-8 {
  margin-bottom: 7.5em;
}

.ml-8,
.mx-8 {
  margin-left: 7.5em;
}

.p-0 {
  padding: 0;
}

.pt-0,
.py-0 {
  padding-top: 0;
}

.pr-0,
.px-0 {
  padding-right: 0;
}

.pb-0,
.py-0 {
  padding-bottom: 0;
}

.pl-0,
.px-0 {
  padding-left: 0;
}

.p-1 {
  padding: 0.375em;
}

.pt-1,
.py-1 {
  padding-top: 0.375em;
}

.pr-1,
.px-1 {
  padding-right: 0.375em;
}

.pb-1,
.py-1 {
  padding-bottom: 0.375em;
}

.pl-1,
.px-1 {
  padding-left: 0.375em;
}

.p-2 {
  padding: 0.75em;
}

.pt-2,
.py-2 {
  padding-top: 0.75em;
}

.pr-2,
.px-2 {
  padding-right: 0.75em;
}

.pb-2,
.py-2 {
  padding-bottom: 0.75em;
}

.pl-2,
.px-2 {
  padding-left: 0.75em;
}

.p-3 {
  padding: 1.125em;
}

.pt-3,
.py-3 {
  padding-top: 1.125em;
}

.pr-3,
.px-3 {
  padding-right: 1.125em;
}

.pb-3,
.py-3 {
  padding-bottom: 1.125em;
}

.pl-3,
.px-3 {
  padding-left: 1.125em;
}

.p-4 {
  padding: 1.5em;
}

.pt-4,
.py-4 {
  padding-top: 1.5em;
}

.pr-4,
.px-4 {
  padding-right: 1.5em;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5em;
}

.pl-4,
.px-4 {
  padding-left: 1.5em;
}

.p-5 {
  padding: 2.25em;
}

.pt-5,
.py-5 {
  padding-top: 2.25em;
}

.pr-5,
.px-5 {
  padding-right: 2.25em;
}

.pb-5,
.py-5 {
  padding-bottom: 2.25em;
}

.pl-5,
.px-5 {
  padding-left: 2.25em;
}

.p-6 {
  padding: 3em;
}

.pt-6,
.py-6 {
  padding-top: 3em;
}

.pr-6,
.px-6 {
  padding-right: 3em;
}

.pb-6,
.py-6 {
  padding-bottom: 3em;
}

.pl-6,
.px-6 {
  padding-left: 3em;
}

.p-7 {
  padding: 5.25em;
}

.pt-7,
.py-7 {
  padding-top: 5.25em;
}

.pr-7,
.px-7 {
  padding-right: 5.25em;
}

.pb-7,
.py-7 {
  padding-bottom: 5.25em;
}

.pl-7,
.px-7 {
  padding-left: 5.25em;
}

.p-8 {
  padding: 7.5em;
}

.pt-8,
.py-8 {
  padding-top: 7.5em;
}

.pr-8,
.px-8 {
  padding-right: 7.5em;
}

.pb-8,
.py-8 {
  padding-bottom: 7.5em;
}

.pl-8,
.px-8 {
  padding-left: 7.5em;
}

.m-n1 {
  margin: -0.375em;
}

.mt-n1,
.my-n1 {
  margin-top: -0.375em;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.375em;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.375em;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.375em;
}

.m-n2 {
  margin: -0.75em;
}

.mt-n2,
.my-n2 {
  margin-top: -0.75em;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.75em;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.75em;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.75em;
}

.m-n3 {
  margin: -1.125em;
}

.mt-n3,
.my-n3 {
  margin-top: -1.125em;
}

.mr-n3,
.mx-n3 {
  margin-right: -1.125em;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1.125em;
}

.ml-n3,
.mx-n3 {
  margin-left: -1.125em;
}

.m-n4 {
  margin: -1.5em;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5em;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5em;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5em;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5em;
}

.m-n5 {
  margin: -2.25em;
}

.mt-n5,
.my-n5 {
  margin-top: -2.25em;
}

.mr-n5,
.mx-n5 {
  margin-right: -2.25em;
}

.mb-n5,
.my-n5 {
  margin-bottom: -2.25em;
}

.ml-n5,
.mx-n5 {
  margin-left: -2.25em;
}

.m-n6 {
  margin: -3em;
}

.mt-n6,
.my-n6 {
  margin-top: -3em;
}

.mr-n6,
.mx-n6 {
  margin-right: -3em;
}

.mb-n6,
.my-n6 {
  margin-bottom: -3em;
}

.ml-n6,
.mx-n6 {
  margin-left: -3em;
}

.m-n7 {
  margin: -5.25em;
}

.mt-n7,
.my-n7 {
  margin-top: -5.25em;
}

.mr-n7,
.mx-n7 {
  margin-right: -5.25em;
}

.mb-n7,
.my-n7 {
  margin-bottom: -5.25em;
}

.ml-n7,
.mx-n7 {
  margin-left: -5.25em;
}

.m-n8 {
  margin: -7.5em;
}

.mt-n8,
.my-n8 {
  margin-top: -7.5em;
}

.mr-n8,
.mx-n8 {
  margin-right: -7.5em;
}

.mb-n8,
.my-n8 {
  margin-bottom: -7.5em;
}

.ml-n8,
.mx-n8 {
  margin-left: -7.5em;
}

.m-auto {
  margin: auto;
}

.mt-auto,
.my-auto {
  margin-top: auto;
}

.mr-auto,
.mx-auto {
  margin-right: auto;
}

.mb-auto,
.my-auto {
  margin-bottom: auto;
}

.ml-auto,
.mx-auto {
  margin-left: auto;
}

.ctn, .advslider .owl-nav, .advslider .owl-dots {
  width: 100%;
}

.xxs {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  max-width: 100%;
}

.row-xxs {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.col-xxs {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.offset-xxs0 {
  margin-left: 0%;
}

.xxs1 {
  -ms-flex-preferred-size: 8.3333333333%;
      flex-basis: 8.3333333333%;
  max-width: 8.3333333333%;
}

.offset-xxs1 {
  margin-left: 8.3333333333%;
}

.xxs2 {
  -ms-flex-preferred-size: 16.6666666667%;
      flex-basis: 16.6666666667%;
  max-width: 16.6666666667%;
}

.offset-xxs2 {
  margin-left: 16.6666666667%;
}

.xxs3 {
  -ms-flex-preferred-size: 25%;
      flex-basis: 25%;
  max-width: 25%;
}

.offset-xxs3 {
  margin-left: 25%;
}

.xxs4 {
  -ms-flex-preferred-size: 33.3333333333%;
      flex-basis: 33.3333333333%;
  max-width: 33.3333333333%;
}

.offset-xxs4 {
  margin-left: 33.3333333333%;
}

.xxs5 {
  -ms-flex-preferred-size: 41.6666666667%;
      flex-basis: 41.6666666667%;
  max-width: 41.6666666667%;
}

.offset-xxs5 {
  margin-left: 41.6666666667%;
}

.xxs6 {
  -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
  max-width: 50%;
}

.offset-xxs6 {
  margin-left: 50%;
}

.xxs7 {
  -ms-flex-preferred-size: 58.3333333333%;
      flex-basis: 58.3333333333%;
  max-width: 58.3333333333%;
}

.offset-xxs7 {
  margin-left: 58.3333333333%;
}

.xxs8 {
  -ms-flex-preferred-size: 66.6666666667%;
      flex-basis: 66.6666666667%;
  max-width: 66.6666666667%;
}

.offset-xxs8 {
  margin-left: 66.6666666667%;
}

.xxs9 {
  -ms-flex-preferred-size: 75%;
      flex-basis: 75%;
  max-width: 75%;
}

.offset-xxs9 {
  margin-left: 75%;
}

.xxs10 {
  -ms-flex-preferred-size: 83.3333333333%;
      flex-basis: 83.3333333333%;
  max-width: 83.3333333333%;
}

.offset-xxs10 {
  margin-left: 83.3333333333%;
}

.xxs11 {
  -ms-flex-preferred-size: 91.6666666667%;
      flex-basis: 91.6666666667%;
  max-width: 91.6666666667%;
}

.offset-xxs11 {
  margin-left: 91.6666666667%;
}

.xxs12 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: 100%;
}

.offset-xxs12 {
  margin-left: 100%;
}

.start-xxs {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  text-align: start;
}

.center-xxs {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: center;
}

.end-xxs {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  text-align: end;
}

.around-xxs {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.around-col-xxs {
  -ms-flex-line-pack: distribute;
      align-content: space-around;
}

.between-col-xxs {
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.between-xxs {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.top-xxs {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-item-align: start;
      align-self: start;
}

.middle-xxs {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-item-align: center;
      align-self: center;
}

.bottom-xxs {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -ms-flex-item-align: end;
      align-self: end;
}

.first-xxs {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.last-xxs {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.show-xxs {
  display: block !important;
}

.show-ib-xxs {
  display: inline-block !important;
}

.xxs0,
.offset-xxs0, .xxs1,
.offset-xxs1, .xxs2,
.offset-xxs2, .xxs3,
.offset-xxs3, .xxs4,
.offset-xxs4, .xxs5,
.offset-xxs5, .xxs6,
.offset-xxs6, .xxs7,
.offset-xxs7, .xxs8,
.offset-xxs8, .xxs9,
.offset-xxs9, .xxs10,
.offset-xxs10, .xxs11,
.offset-xxs11, .xxs12,
.offset-xxs12 {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.hide-xxs,
.hidden-xxs {
  display: none !important;
}

/* spacers */
.m-xxs-0 {
  margin: 0;
}

.mt-xxs-0,
.my-xxs-0 {
  margin-top: 0;
}

.mr-xxs-0,
.mx-xxs-0 {
  margin-right: 0;
}

.mb-xxs-0,
.my-xxs-0 {
  margin-bottom: 0;
}

.ml-xxs-0,
.mx-xxs-0 {
  margin-left: 0;
}

.m-xxs-1 {
  margin: 0.375em;
}

.mt-xxs-1,
.my-xxs-1 {
  margin-top: 0.375em;
}

.mr-xxs-1,
.mx-xxs-1 {
  margin-right: 0.375em;
}

.mb-xxs-1,
.my-xxs-1 {
  margin-bottom: 0.375em;
}

.ml-xxs-1,
.mx-xxs-1 {
  margin-left: 0.375em;
}

.m-xxs-2 {
  margin: 0.75em;
}

.mt-xxs-2,
.my-xxs-2 {
  margin-top: 0.75em;
}

.mr-xxs-2,
.mx-xxs-2 {
  margin-right: 0.75em;
}

.mb-xxs-2,
.my-xxs-2 {
  margin-bottom: 0.75em;
}

.ml-xxs-2,
.mx-xxs-2 {
  margin-left: 0.75em;
}

.m-xxs-3 {
  margin: 1.125em;
}

.mt-xxs-3,
.my-xxs-3 {
  margin-top: 1.125em;
}

.mr-xxs-3,
.mx-xxs-3 {
  margin-right: 1.125em;
}

.mb-xxs-3,
.my-xxs-3 {
  margin-bottom: 1.125em;
}

.ml-xxs-3,
.mx-xxs-3 {
  margin-left: 1.125em;
}

.m-xxs-4 {
  margin: 1.5em;
}

.mt-xxs-4,
.my-xxs-4 {
  margin-top: 1.5em;
}

.mr-xxs-4,
.mx-xxs-4 {
  margin-right: 1.5em;
}

.mb-xxs-4,
.my-xxs-4 {
  margin-bottom: 1.5em;
}

.ml-xxs-4,
.mx-xxs-4 {
  margin-left: 1.5em;
}

.m-xxs-5 {
  margin: 2.25em;
}

.mt-xxs-5,
.my-xxs-5 {
  margin-top: 2.25em;
}

.mr-xxs-5,
.mx-xxs-5 {
  margin-right: 2.25em;
}

.mb-xxs-5,
.my-xxs-5 {
  margin-bottom: 2.25em;
}

.ml-xxs-5,
.mx-xxs-5 {
  margin-left: 2.25em;
}

.m-xxs-6 {
  margin: 3em;
}

.mt-xxs-6,
.my-xxs-6 {
  margin-top: 3em;
}

.mr-xxs-6,
.mx-xxs-6 {
  margin-right: 3em;
}

.mb-xxs-6,
.my-xxs-6 {
  margin-bottom: 3em;
}

.ml-xxs-6,
.mx-xxs-6 {
  margin-left: 3em;
}

.m-xxs-7 {
  margin: 5.25em;
}

.mt-xxs-7,
.my-xxs-7 {
  margin-top: 5.25em;
}

.mr-xxs-7,
.mx-xxs-7 {
  margin-right: 5.25em;
}

.mb-xxs-7,
.my-xxs-7 {
  margin-bottom: 5.25em;
}

.ml-xxs-7,
.mx-xxs-7 {
  margin-left: 5.25em;
}

.m-xxs-8 {
  margin: 7.5em;
}

.mt-xxs-8,
.my-xxs-8 {
  margin-top: 7.5em;
}

.mr-xxs-8,
.mx-xxs-8 {
  margin-right: 7.5em;
}

.mb-xxs-8,
.my-xxs-8 {
  margin-bottom: 7.5em;
}

.ml-xxs-8,
.mx-xxs-8 {
  margin-left: 7.5em;
}

.p-xxs-0 {
  padding: 0;
}

.pt-xxs-0,
.py-xxs-0 {
  padding-top: 0;
}

.pr-xxs-0,
.px-xxs-0 {
  padding-right: 0;
}

.pb-xxs-0,
.py-xxs-0 {
  padding-bottom: 0;
}

.pl-xxs-0,
.px-xxs-0 {
  padding-left: 0;
}

.p-xxs-1 {
  padding: 0.375em;
}

.pt-xxs-1,
.py-xxs-1 {
  padding-top: 0.375em;
}

.pr-xxs-1,
.px-xxs-1 {
  padding-right: 0.375em;
}

.pb-xxs-1,
.py-xxs-1 {
  padding-bottom: 0.375em;
}

.pl-xxs-1,
.px-xxs-1 {
  padding-left: 0.375em;
}

.p-xxs-2 {
  padding: 0.75em;
}

.pt-xxs-2,
.py-xxs-2 {
  padding-top: 0.75em;
}

.pr-xxs-2,
.px-xxs-2 {
  padding-right: 0.75em;
}

.pb-xxs-2,
.py-xxs-2 {
  padding-bottom: 0.75em;
}

.pl-xxs-2,
.px-xxs-2 {
  padding-left: 0.75em;
}

.p-xxs-3 {
  padding: 1.125em;
}

.pt-xxs-3,
.py-xxs-3 {
  padding-top: 1.125em;
}

.pr-xxs-3,
.px-xxs-3 {
  padding-right: 1.125em;
}

.pb-xxs-3,
.py-xxs-3 {
  padding-bottom: 1.125em;
}

.pl-xxs-3,
.px-xxs-3 {
  padding-left: 1.125em;
}

.p-xxs-4 {
  padding: 1.5em;
}

.pt-xxs-4,
.py-xxs-4 {
  padding-top: 1.5em;
}

.pr-xxs-4,
.px-xxs-4 {
  padding-right: 1.5em;
}

.pb-xxs-4,
.py-xxs-4 {
  padding-bottom: 1.5em;
}

.pl-xxs-4,
.px-xxs-4 {
  padding-left: 1.5em;
}

.p-xxs-5 {
  padding: 2.25em;
}

.pt-xxs-5,
.py-xxs-5 {
  padding-top: 2.25em;
}

.pr-xxs-5,
.px-xxs-5 {
  padding-right: 2.25em;
}

.pb-xxs-5,
.py-xxs-5 {
  padding-bottom: 2.25em;
}

.pl-xxs-5,
.px-xxs-5 {
  padding-left: 2.25em;
}

.p-xxs-6 {
  padding: 3em;
}

.pt-xxs-6,
.py-xxs-6 {
  padding-top: 3em;
}

.pr-xxs-6,
.px-xxs-6 {
  padding-right: 3em;
}

.pb-xxs-6,
.py-xxs-6 {
  padding-bottom: 3em;
}

.pl-xxs-6,
.px-xxs-6 {
  padding-left: 3em;
}

.p-xxs-7 {
  padding: 5.25em;
}

.pt-xxs-7,
.py-xxs-7 {
  padding-top: 5.25em;
}

.pr-xxs-7,
.px-xxs-7 {
  padding-right: 5.25em;
}

.pb-xxs-7,
.py-xxs-7 {
  padding-bottom: 5.25em;
}

.pl-xxs-7,
.px-xxs-7 {
  padding-left: 5.25em;
}

.p-xxs-8 {
  padding: 7.5em;
}

.pt-xxs-8,
.py-xxs-8 {
  padding-top: 7.5em;
}

.pr-xxs-8,
.px-xxs-8 {
  padding-right: 7.5em;
}

.pb-xxs-8,
.py-xxs-8 {
  padding-bottom: 7.5em;
}

.pl-xxs-8,
.px-xxs-8 {
  padding-left: 7.5em;
}

/* margin negative */
.m-xxs-n0 {
  margin: 0;
}

.mt-xxs-n0,
.my-xxs-n0 {
  margin-top: -0;
}

.mr-xxs-n0,
.mx-xxs-n0 {
  margin-right: -0;
}

.mb-xxs-n0,
.my-xxs-n0 {
  margin-bottom: -0;
}

.ml-xxs-n0,
.mx-xxs-n0 {
  margin-left: -0;
}

.m-xxs-n1 {
  margin: -0.375em;
}

.mt-xxs-n1,
.my-xxs-n1 {
  margin-top: -0.375em;
}

.mr-xxs-n1,
.mx-xxs-n1 {
  margin-right: -0.375em;
}

.mb-xxs-n1,
.my-xxs-n1 {
  margin-bottom: -0.375em;
}

.ml-xxs-n1,
.mx-xxs-n1 {
  margin-left: -0.375em;
}

.m-xxs-n2 {
  margin: -0.75em;
}

.mt-xxs-n2,
.my-xxs-n2 {
  margin-top: -0.75em;
}

.mr-xxs-n2,
.mx-xxs-n2 {
  margin-right: -0.75em;
}

.mb-xxs-n2,
.my-xxs-n2 {
  margin-bottom: -0.75em;
}

.ml-xxs-n2,
.mx-xxs-n2 {
  margin-left: -0.75em;
}

.m-xxs-n3 {
  margin: -1.125em;
}

.mt-xxs-n3,
.my-xxs-n3 {
  margin-top: -1.125em;
}

.mr-xxs-n3,
.mx-xxs-n3 {
  margin-right: -1.125em;
}

.mb-xxs-n3,
.my-xxs-n3 {
  margin-bottom: -1.125em;
}

.ml-xxs-n3,
.mx-xxs-n3 {
  margin-left: -1.125em;
}

.m-xxs-n4 {
  margin: -1.5em;
}

.mt-xxs-n4,
.my-xxs-n4 {
  margin-top: -1.5em;
}

.mr-xxs-n4,
.mx-xxs-n4 {
  margin-right: -1.5em;
}

.mb-xxs-n4,
.my-xxs-n4 {
  margin-bottom: -1.5em;
}

.ml-xxs-n4,
.mx-xxs-n4 {
  margin-left: -1.5em;
}

.m-xxs-n5 {
  margin: -2.25em;
}

.mt-xxs-n5,
.my-xxs-n5 {
  margin-top: -2.25em;
}

.mr-xxs-n5,
.mx-xxs-n5 {
  margin-right: -2.25em;
}

.mb-xxs-n5,
.my-xxs-n5 {
  margin-bottom: -2.25em;
}

.ml-xxs-n5,
.mx-xxs-n5 {
  margin-left: -2.25em;
}

.m-xxs-n6 {
  margin: -3em;
}

.mt-xxs-n6,
.my-xxs-n6 {
  margin-top: -3em;
}

.mr-xxs-n6,
.mx-xxs-n6 {
  margin-right: -3em;
}

.mb-xxs-n6,
.my-xxs-n6 {
  margin-bottom: -3em;
}

.ml-xxs-n6,
.mx-xxs-n6 {
  margin-left: -3em;
}

.m-xxs-n7 {
  margin: -5.25em;
}

.mt-xxs-n7,
.my-xxs-n7 {
  margin-top: -5.25em;
}

.mr-xxs-n7,
.mx-xxs-n7 {
  margin-right: -5.25em;
}

.mb-xxs-n7,
.my-xxs-n7 {
  margin-bottom: -5.25em;
}

.ml-xxs-n7,
.mx-xxs-n7 {
  margin-left: -5.25em;
}

.m-xxs-n8 {
  margin: -7.5em;
}

.mt-xxs-n8,
.my-xxs-n8 {
  margin-top: -7.5em;
}

.mr-xxs-n8,
.mx-xxs-n8 {
  margin-right: -7.5em;
}

.mb-xxs-n8,
.my-xxs-n8 {
  margin-bottom: -7.5em;
}

.ml-xxs-n8,
.mx-xxs-n8 {
  margin-left: -7.5em;
}

.m-xxs-auto {
  margin: auto;
}

.mt-xxs-auto,
.my-xxs-auto {
  margin-top: auto;
}

.mr-xxs-auto,
.mx-xxs-auto {
  margin-right: auto;
}

.mb-xxs-auto,
.my-xxs-auto {
  margin-bottom: auto;
}

.ml-xxs-auto,
.mx-xxs-auto {
  margin-left: auto;
}

@media (min-width: 480px) {
  .ctn, .advslider .owl-nav, .advslider .owl-dots {
    width: 100%;
  }

  .xs {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .row-xs {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .col-xs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .offset-xs0 {
    margin-left: 0%;
  }

  .xs1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .offset-xs1 {
    margin-left: 8.3333333333%;
  }

  .xs2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .offset-xs2 {
    margin-left: 16.6666666667%;
  }

  .xs3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }

  .offset-xs3 {
    margin-left: 25%;
  }

  .xs4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .offset-xs4 {
    margin-left: 33.3333333333%;
  }

  .xs5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .offset-xs5 {
    margin-left: 41.6666666667%;
  }

  .xs6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

  .offset-xs6 {
    margin-left: 50%;
  }

  .xs7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .offset-xs7 {
    margin-left: 58.3333333333%;
  }

  .xs8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .offset-xs8 {
    margin-left: 66.6666666667%;
  }

  .xs9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }

  .offset-xs9 {
    margin-left: 75%;
  }

  .xs10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .offset-xs10 {
    margin-left: 83.3333333333%;
  }

  .xs11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .offset-xs11 {
    margin-left: 91.6666666667%;
  }

  .xs12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

  .offset-xs12 {
    margin-left: 100%;
  }

  .start-xs {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: start;
  }

  .center-xs {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }

  .end-xs {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
  }

  .around-xs {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .around-col-xs {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .between-col-xs {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .between-xs {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .top-xs {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: start;
        align-self: start;
  }

  .middle-xs {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
  }

  .bottom-xs {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-item-align: end;
        align-self: end;
  }

  .first-xs {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .last-xs {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .show-xs {
    display: block !important;
  }

  .show-ib-xs {
    display: inline-block !important;
  }

  .xs0,
.offset-xs0, .xs1,
.offset-xs1, .xs2,
.offset-xs2, .xs3,
.offset-xs3, .xs4,
.offset-xs4, .xs5,
.offset-xs5, .xs6,
.offset-xs6, .xs7,
.offset-xs7, .xs8,
.offset-xs8, .xs9,
.offset-xs9, .xs10,
.offset-xs10, .xs11,
.offset-xs11, .xs12,
.offset-xs12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .hide-xs,
.hidden-xs {
    display: none !important;
  }

  /* spacers */
  .m-xs-0 {
    margin: 0;
  }

  .mt-xs-0,
.my-xs-0 {
    margin-top: 0;
  }

  .mr-xs-0,
.mx-xs-0 {
    margin-right: 0;
  }

  .mb-xs-0,
.my-xs-0 {
    margin-bottom: 0;
  }

  .ml-xs-0,
.mx-xs-0 {
    margin-left: 0;
  }

  .m-xs-1 {
    margin: 0.375em;
  }

  .mt-xs-1,
.my-xs-1 {
    margin-top: 0.375em;
  }

  .mr-xs-1,
.mx-xs-1 {
    margin-right: 0.375em;
  }

  .mb-xs-1,
.my-xs-1 {
    margin-bottom: 0.375em;
  }

  .ml-xs-1,
.mx-xs-1 {
    margin-left: 0.375em;
  }

  .m-xs-2 {
    margin: 0.75em;
  }

  .mt-xs-2,
.my-xs-2 {
    margin-top: 0.75em;
  }

  .mr-xs-2,
.mx-xs-2 {
    margin-right: 0.75em;
  }

  .mb-xs-2,
.my-xs-2 {
    margin-bottom: 0.75em;
  }

  .ml-xs-2,
.mx-xs-2 {
    margin-left: 0.75em;
  }

  .m-xs-3 {
    margin: 1.125em;
  }

  .mt-xs-3,
.my-xs-3 {
    margin-top: 1.125em;
  }

  .mr-xs-3,
.mx-xs-3 {
    margin-right: 1.125em;
  }

  .mb-xs-3,
.my-xs-3 {
    margin-bottom: 1.125em;
  }

  .ml-xs-3,
.mx-xs-3 {
    margin-left: 1.125em;
  }

  .m-xs-4 {
    margin: 1.5em;
  }

  .mt-xs-4,
.my-xs-4 {
    margin-top: 1.5em;
  }

  .mr-xs-4,
.mx-xs-4 {
    margin-right: 1.5em;
  }

  .mb-xs-4,
.my-xs-4 {
    margin-bottom: 1.5em;
  }

  .ml-xs-4,
.mx-xs-4 {
    margin-left: 1.5em;
  }

  .m-xs-5 {
    margin: 2.25em;
  }

  .mt-xs-5,
.my-xs-5 {
    margin-top: 2.25em;
  }

  .mr-xs-5,
.mx-xs-5 {
    margin-right: 2.25em;
  }

  .mb-xs-5,
.my-xs-5 {
    margin-bottom: 2.25em;
  }

  .ml-xs-5,
.mx-xs-5 {
    margin-left: 2.25em;
  }

  .m-xs-6 {
    margin: 3em;
  }

  .mt-xs-6,
.my-xs-6 {
    margin-top: 3em;
  }

  .mr-xs-6,
.mx-xs-6 {
    margin-right: 3em;
  }

  .mb-xs-6,
.my-xs-6 {
    margin-bottom: 3em;
  }

  .ml-xs-6,
.mx-xs-6 {
    margin-left: 3em;
  }

  .m-xs-7 {
    margin: 5.25em;
  }

  .mt-xs-7,
.my-xs-7 {
    margin-top: 5.25em;
  }

  .mr-xs-7,
.mx-xs-7 {
    margin-right: 5.25em;
  }

  .mb-xs-7,
.my-xs-7 {
    margin-bottom: 5.25em;
  }

  .ml-xs-7,
.mx-xs-7 {
    margin-left: 5.25em;
  }

  .m-xs-8 {
    margin: 7.5em;
  }

  .mt-xs-8,
.my-xs-8 {
    margin-top: 7.5em;
  }

  .mr-xs-8,
.mx-xs-8 {
    margin-right: 7.5em;
  }

  .mb-xs-8,
.my-xs-8 {
    margin-bottom: 7.5em;
  }

  .ml-xs-8,
.mx-xs-8 {
    margin-left: 7.5em;
  }

  .p-xs-0 {
    padding: 0;
  }

  .pt-xs-0,
.py-xs-0 {
    padding-top: 0;
  }

  .pr-xs-0,
.px-xs-0 {
    padding-right: 0;
  }

  .pb-xs-0,
.py-xs-0 {
    padding-bottom: 0;
  }

  .pl-xs-0,
.px-xs-0 {
    padding-left: 0;
  }

  .p-xs-1 {
    padding: 0.375em;
  }

  .pt-xs-1,
.py-xs-1 {
    padding-top: 0.375em;
  }

  .pr-xs-1,
.px-xs-1 {
    padding-right: 0.375em;
  }

  .pb-xs-1,
.py-xs-1 {
    padding-bottom: 0.375em;
  }

  .pl-xs-1,
.px-xs-1 {
    padding-left: 0.375em;
  }

  .p-xs-2 {
    padding: 0.75em;
  }

  .pt-xs-2,
.py-xs-2 {
    padding-top: 0.75em;
  }

  .pr-xs-2,
.px-xs-2 {
    padding-right: 0.75em;
  }

  .pb-xs-2,
.py-xs-2 {
    padding-bottom: 0.75em;
  }

  .pl-xs-2,
.px-xs-2 {
    padding-left: 0.75em;
  }

  .p-xs-3 {
    padding: 1.125em;
  }

  .pt-xs-3,
.py-xs-3 {
    padding-top: 1.125em;
  }

  .pr-xs-3,
.px-xs-3 {
    padding-right: 1.125em;
  }

  .pb-xs-3,
.py-xs-3 {
    padding-bottom: 1.125em;
  }

  .pl-xs-3,
.px-xs-3 {
    padding-left: 1.125em;
  }

  .p-xs-4 {
    padding: 1.5em;
  }

  .pt-xs-4,
.py-xs-4 {
    padding-top: 1.5em;
  }

  .pr-xs-4,
.px-xs-4 {
    padding-right: 1.5em;
  }

  .pb-xs-4,
.py-xs-4 {
    padding-bottom: 1.5em;
  }

  .pl-xs-4,
.px-xs-4 {
    padding-left: 1.5em;
  }

  .p-xs-5 {
    padding: 2.25em;
  }

  .pt-xs-5,
.py-xs-5 {
    padding-top: 2.25em;
  }

  .pr-xs-5,
.px-xs-5 {
    padding-right: 2.25em;
  }

  .pb-xs-5,
.py-xs-5 {
    padding-bottom: 2.25em;
  }

  .pl-xs-5,
.px-xs-5 {
    padding-left: 2.25em;
  }

  .p-xs-6 {
    padding: 3em;
  }

  .pt-xs-6,
.py-xs-6 {
    padding-top: 3em;
  }

  .pr-xs-6,
.px-xs-6 {
    padding-right: 3em;
  }

  .pb-xs-6,
.py-xs-6 {
    padding-bottom: 3em;
  }

  .pl-xs-6,
.px-xs-6 {
    padding-left: 3em;
  }

  .p-xs-7 {
    padding: 5.25em;
  }

  .pt-xs-7,
.py-xs-7 {
    padding-top: 5.25em;
  }

  .pr-xs-7,
.px-xs-7 {
    padding-right: 5.25em;
  }

  .pb-xs-7,
.py-xs-7 {
    padding-bottom: 5.25em;
  }

  .pl-xs-7,
.px-xs-7 {
    padding-left: 5.25em;
  }

  .p-xs-8 {
    padding: 7.5em;
  }

  .pt-xs-8,
.py-xs-8 {
    padding-top: 7.5em;
  }

  .pr-xs-8,
.px-xs-8 {
    padding-right: 7.5em;
  }

  .pb-xs-8,
.py-xs-8 {
    padding-bottom: 7.5em;
  }

  .pl-xs-8,
.px-xs-8 {
    padding-left: 7.5em;
  }

  /* margin negative */
  .m-xs-n0 {
    margin: 0;
  }

  .mt-xs-n0,
.my-xs-n0 {
    margin-top: -0;
  }

  .mr-xs-n0,
.mx-xs-n0 {
    margin-right: -0;
  }

  .mb-xs-n0,
.my-xs-n0 {
    margin-bottom: -0;
  }

  .ml-xs-n0,
.mx-xs-n0 {
    margin-left: -0;
  }

  .m-xs-n1 {
    margin: -0.375em;
  }

  .mt-xs-n1,
.my-xs-n1 {
    margin-top: -0.375em;
  }

  .mr-xs-n1,
.mx-xs-n1 {
    margin-right: -0.375em;
  }

  .mb-xs-n1,
.my-xs-n1 {
    margin-bottom: -0.375em;
  }

  .ml-xs-n1,
.mx-xs-n1 {
    margin-left: -0.375em;
  }

  .m-xs-n2 {
    margin: -0.75em;
  }

  .mt-xs-n2,
.my-xs-n2 {
    margin-top: -0.75em;
  }

  .mr-xs-n2,
.mx-xs-n2 {
    margin-right: -0.75em;
  }

  .mb-xs-n2,
.my-xs-n2 {
    margin-bottom: -0.75em;
  }

  .ml-xs-n2,
.mx-xs-n2 {
    margin-left: -0.75em;
  }

  .m-xs-n3 {
    margin: -1.125em;
  }

  .mt-xs-n3,
.my-xs-n3 {
    margin-top: -1.125em;
  }

  .mr-xs-n3,
.mx-xs-n3 {
    margin-right: -1.125em;
  }

  .mb-xs-n3,
.my-xs-n3 {
    margin-bottom: -1.125em;
  }

  .ml-xs-n3,
.mx-xs-n3 {
    margin-left: -1.125em;
  }

  .m-xs-n4 {
    margin: -1.5em;
  }

  .mt-xs-n4,
.my-xs-n4 {
    margin-top: -1.5em;
  }

  .mr-xs-n4,
.mx-xs-n4 {
    margin-right: -1.5em;
  }

  .mb-xs-n4,
.my-xs-n4 {
    margin-bottom: -1.5em;
  }

  .ml-xs-n4,
.mx-xs-n4 {
    margin-left: -1.5em;
  }

  .m-xs-n5 {
    margin: -2.25em;
  }

  .mt-xs-n5,
.my-xs-n5 {
    margin-top: -2.25em;
  }

  .mr-xs-n5,
.mx-xs-n5 {
    margin-right: -2.25em;
  }

  .mb-xs-n5,
.my-xs-n5 {
    margin-bottom: -2.25em;
  }

  .ml-xs-n5,
.mx-xs-n5 {
    margin-left: -2.25em;
  }

  .m-xs-n6 {
    margin: -3em;
  }

  .mt-xs-n6,
.my-xs-n6 {
    margin-top: -3em;
  }

  .mr-xs-n6,
.mx-xs-n6 {
    margin-right: -3em;
  }

  .mb-xs-n6,
.my-xs-n6 {
    margin-bottom: -3em;
  }

  .ml-xs-n6,
.mx-xs-n6 {
    margin-left: -3em;
  }

  .m-xs-n7 {
    margin: -5.25em;
  }

  .mt-xs-n7,
.my-xs-n7 {
    margin-top: -5.25em;
  }

  .mr-xs-n7,
.mx-xs-n7 {
    margin-right: -5.25em;
  }

  .mb-xs-n7,
.my-xs-n7 {
    margin-bottom: -5.25em;
  }

  .ml-xs-n7,
.mx-xs-n7 {
    margin-left: -5.25em;
  }

  .m-xs-n8 {
    margin: -7.5em;
  }

  .mt-xs-n8,
.my-xs-n8 {
    margin-top: -7.5em;
  }

  .mr-xs-n8,
.mx-xs-n8 {
    margin-right: -7.5em;
  }

  .mb-xs-n8,
.my-xs-n8 {
    margin-bottom: -7.5em;
  }

  .ml-xs-n8,
.mx-xs-n8 {
    margin-left: -7.5em;
  }

  .m-xs-auto {
    margin: auto;
  }

  .mt-xs-auto,
.my-xs-auto {
    margin-top: auto;
  }

  .mr-xs-auto,
.mx-xs-auto {
    margin-right: auto;
  }

  .mb-xs-auto,
.my-xs-auto {
    margin-bottom: auto;
  }

  .ml-xs-auto,
.mx-xs-auto {
    margin-left: auto;
  }
}
@media (min-width: 768px) {
  .ctn, .advslider .owl-nav, .advslider .owl-dots {
    width: 100%;
  }

  .sm {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .row-sm {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .col-sm {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .offset-sm0 {
    margin-left: 0%;
  }

  .sm1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .offset-sm1 {
    margin-left: 8.3333333333%;
  }

  .sm2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .offset-sm2 {
    margin-left: 16.6666666667%;
  }

  .sm3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }

  .offset-sm3 {
    margin-left: 25%;
  }

  .sm4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .offset-sm4 {
    margin-left: 33.3333333333%;
  }

  .sm5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .offset-sm5 {
    margin-left: 41.6666666667%;
  }

  .sm6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

  .offset-sm6 {
    margin-left: 50%;
  }

  .sm7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .offset-sm7 {
    margin-left: 58.3333333333%;
  }

  .sm8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .offset-sm8 {
    margin-left: 66.6666666667%;
  }

  .sm9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }

  .offset-sm9 {
    margin-left: 75%;
  }

  .sm10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .offset-sm10 {
    margin-left: 83.3333333333%;
  }

  .sm11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .offset-sm11 {
    margin-left: 91.6666666667%;
  }

  .sm12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

  .offset-sm12 {
    margin-left: 100%;
  }

  .start-sm {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }

  .end-sm {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
  }

  .around-sm {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .around-col-sm {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .between-col-sm {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .between-sm {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .top-sm {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: start;
        align-self: start;
  }

  .middle-sm {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
  }

  .bottom-sm {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-item-align: end;
        align-self: end;
  }

  .first-sm {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .last-sm {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .show-sm {
    display: block !important;
  }

  .show-ib-sm {
    display: inline-block !important;
  }

  .sm0,
.offset-sm0, .sm1,
.offset-sm1, .sm2,
.offset-sm2, .sm3,
.offset-sm3, .sm4,
.offset-sm4, .sm5,
.offset-sm5, .sm6,
.offset-sm6, .sm7,
.offset-sm7, .sm8,
.offset-sm8, .sm9,
.offset-sm9, .sm10,
.offset-sm10, .sm11,
.offset-sm11, .sm12,
.offset-sm12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .hide-sm,
.hidden-sm {
    display: none !important;
  }

  /* spacers */
  .m-sm-0 {
    margin: 0;
  }

  .mt-sm-0,
.my-sm-0 {
    margin-top: 0;
  }

  .mr-sm-0,
.mx-sm-0 {
    margin-right: 0;
  }

  .mb-sm-0,
.my-sm-0 {
    margin-bottom: 0;
  }

  .ml-sm-0,
.mx-sm-0 {
    margin-left: 0;
  }

  .m-sm-1 {
    margin: 0.375em;
  }

  .mt-sm-1,
.my-sm-1 {
    margin-top: 0.375em;
  }

  .mr-sm-1,
.mx-sm-1 {
    margin-right: 0.375em;
  }

  .mb-sm-1,
.my-sm-1 {
    margin-bottom: 0.375em;
  }

  .ml-sm-1,
.mx-sm-1 {
    margin-left: 0.375em;
  }

  .m-sm-2 {
    margin: 0.75em;
  }

  .mt-sm-2,
.my-sm-2 {
    margin-top: 0.75em;
  }

  .mr-sm-2,
.mx-sm-2 {
    margin-right: 0.75em;
  }

  .mb-sm-2,
.my-sm-2 {
    margin-bottom: 0.75em;
  }

  .ml-sm-2,
.mx-sm-2 {
    margin-left: 0.75em;
  }

  .m-sm-3 {
    margin: 1.125em;
  }

  .mt-sm-3,
.my-sm-3 {
    margin-top: 1.125em;
  }

  .mr-sm-3,
.mx-sm-3 {
    margin-right: 1.125em;
  }

  .mb-sm-3,
.my-sm-3 {
    margin-bottom: 1.125em;
  }

  .ml-sm-3,
.mx-sm-3 {
    margin-left: 1.125em;
  }

  .m-sm-4 {
    margin: 1.5em;
  }

  .mt-sm-4,
.my-sm-4 {
    margin-top: 1.5em;
  }

  .mr-sm-4,
.mx-sm-4 {
    margin-right: 1.5em;
  }

  .mb-sm-4,
.my-sm-4 {
    margin-bottom: 1.5em;
  }

  .ml-sm-4,
.mx-sm-4 {
    margin-left: 1.5em;
  }

  .m-sm-5 {
    margin: 2.25em;
  }

  .mt-sm-5,
.my-sm-5 {
    margin-top: 2.25em;
  }

  .mr-sm-5,
.mx-sm-5 {
    margin-right: 2.25em;
  }

  .mb-sm-5,
.my-sm-5 {
    margin-bottom: 2.25em;
  }

  .ml-sm-5,
.mx-sm-5 {
    margin-left: 2.25em;
  }

  .m-sm-6 {
    margin: 3em;
  }

  .mt-sm-6,
.my-sm-6 {
    margin-top: 3em;
  }

  .mr-sm-6,
.mx-sm-6 {
    margin-right: 3em;
  }

  .mb-sm-6,
.my-sm-6 {
    margin-bottom: 3em;
  }

  .ml-sm-6,
.mx-sm-6 {
    margin-left: 3em;
  }

  .m-sm-7 {
    margin: 5.25em;
  }

  .mt-sm-7,
.my-sm-7 {
    margin-top: 5.25em;
  }

  .mr-sm-7,
.mx-sm-7 {
    margin-right: 5.25em;
  }

  .mb-sm-7,
.my-sm-7 {
    margin-bottom: 5.25em;
  }

  .ml-sm-7,
.mx-sm-7 {
    margin-left: 5.25em;
  }

  .m-sm-8 {
    margin: 7.5em;
  }

  .mt-sm-8,
.my-sm-8 {
    margin-top: 7.5em;
  }

  .mr-sm-8,
.mx-sm-8 {
    margin-right: 7.5em;
  }

  .mb-sm-8,
.my-sm-8 {
    margin-bottom: 7.5em;
  }

  .ml-sm-8,
.mx-sm-8 {
    margin-left: 7.5em;
  }

  .p-sm-0 {
    padding: 0;
  }

  .pt-sm-0,
.py-sm-0 {
    padding-top: 0;
  }

  .pr-sm-0,
.px-sm-0 {
    padding-right: 0;
  }

  .pb-sm-0,
.py-sm-0 {
    padding-bottom: 0;
  }

  .pl-sm-0,
.px-sm-0 {
    padding-left: 0;
  }

  .p-sm-1 {
    padding: 0.375em;
  }

  .pt-sm-1,
.py-sm-1 {
    padding-top: 0.375em;
  }

  .pr-sm-1,
.px-sm-1 {
    padding-right: 0.375em;
  }

  .pb-sm-1,
.py-sm-1 {
    padding-bottom: 0.375em;
  }

  .pl-sm-1,
.px-sm-1 {
    padding-left: 0.375em;
  }

  .p-sm-2 {
    padding: 0.75em;
  }

  .pt-sm-2,
.py-sm-2 {
    padding-top: 0.75em;
  }

  .pr-sm-2,
.px-sm-2 {
    padding-right: 0.75em;
  }

  .pb-sm-2,
.py-sm-2 {
    padding-bottom: 0.75em;
  }

  .pl-sm-2,
.px-sm-2 {
    padding-left: 0.75em;
  }

  .p-sm-3 {
    padding: 1.125em;
  }

  .pt-sm-3,
.py-sm-3 {
    padding-top: 1.125em;
  }

  .pr-sm-3,
.px-sm-3 {
    padding-right: 1.125em;
  }

  .pb-sm-3,
.py-sm-3 {
    padding-bottom: 1.125em;
  }

  .pl-sm-3,
.px-sm-3 {
    padding-left: 1.125em;
  }

  .p-sm-4 {
    padding: 1.5em;
  }

  .pt-sm-4,
.py-sm-4 {
    padding-top: 1.5em;
  }

  .pr-sm-4,
.px-sm-4 {
    padding-right: 1.5em;
  }

  .pb-sm-4,
.py-sm-4 {
    padding-bottom: 1.5em;
  }

  .pl-sm-4,
.px-sm-4 {
    padding-left: 1.5em;
  }

  .p-sm-5 {
    padding: 2.25em;
  }

  .pt-sm-5,
.py-sm-5 {
    padding-top: 2.25em;
  }

  .pr-sm-5,
.px-sm-5 {
    padding-right: 2.25em;
  }

  .pb-sm-5,
.py-sm-5 {
    padding-bottom: 2.25em;
  }

  .pl-sm-5,
.px-sm-5 {
    padding-left: 2.25em;
  }

  .p-sm-6 {
    padding: 3em;
  }

  .pt-sm-6,
.py-sm-6 {
    padding-top: 3em;
  }

  .pr-sm-6,
.px-sm-6 {
    padding-right: 3em;
  }

  .pb-sm-6,
.py-sm-6 {
    padding-bottom: 3em;
  }

  .pl-sm-6,
.px-sm-6 {
    padding-left: 3em;
  }

  .p-sm-7 {
    padding: 5.25em;
  }

  .pt-sm-7,
.py-sm-7 {
    padding-top: 5.25em;
  }

  .pr-sm-7,
.px-sm-7 {
    padding-right: 5.25em;
  }

  .pb-sm-7,
.py-sm-7 {
    padding-bottom: 5.25em;
  }

  .pl-sm-7,
.px-sm-7 {
    padding-left: 5.25em;
  }

  .p-sm-8 {
    padding: 7.5em;
  }

  .pt-sm-8,
.py-sm-8 {
    padding-top: 7.5em;
  }

  .pr-sm-8,
.px-sm-8 {
    padding-right: 7.5em;
  }

  .pb-sm-8,
.py-sm-8 {
    padding-bottom: 7.5em;
  }

  .pl-sm-8,
.px-sm-8 {
    padding-left: 7.5em;
  }

  /* margin negative */
  .m-sm-n0 {
    margin: 0;
  }

  .mt-sm-n0,
.my-sm-n0 {
    margin-top: -0;
  }

  .mr-sm-n0,
.mx-sm-n0 {
    margin-right: -0;
  }

  .mb-sm-n0,
.my-sm-n0 {
    margin-bottom: -0;
  }

  .ml-sm-n0,
.mx-sm-n0 {
    margin-left: -0;
  }

  .m-sm-n1 {
    margin: -0.375em;
  }

  .mt-sm-n1,
.my-sm-n1 {
    margin-top: -0.375em;
  }

  .mr-sm-n1,
.mx-sm-n1 {
    margin-right: -0.375em;
  }

  .mb-sm-n1,
.my-sm-n1 {
    margin-bottom: -0.375em;
  }

  .ml-sm-n1,
.mx-sm-n1 {
    margin-left: -0.375em;
  }

  .m-sm-n2 {
    margin: -0.75em;
  }

  .mt-sm-n2,
.my-sm-n2 {
    margin-top: -0.75em;
  }

  .mr-sm-n2,
.mx-sm-n2 {
    margin-right: -0.75em;
  }

  .mb-sm-n2,
.my-sm-n2 {
    margin-bottom: -0.75em;
  }

  .ml-sm-n2,
.mx-sm-n2 {
    margin-left: -0.75em;
  }

  .m-sm-n3 {
    margin: -1.125em;
  }

  .mt-sm-n3,
.my-sm-n3 {
    margin-top: -1.125em;
  }

  .mr-sm-n3,
.mx-sm-n3 {
    margin-right: -1.125em;
  }

  .mb-sm-n3,
.my-sm-n3 {
    margin-bottom: -1.125em;
  }

  .ml-sm-n3,
.mx-sm-n3 {
    margin-left: -1.125em;
  }

  .m-sm-n4 {
    margin: -1.5em;
  }

  .mt-sm-n4,
.my-sm-n4 {
    margin-top: -1.5em;
  }

  .mr-sm-n4,
.mx-sm-n4 {
    margin-right: -1.5em;
  }

  .mb-sm-n4,
.my-sm-n4 {
    margin-bottom: -1.5em;
  }

  .ml-sm-n4,
.mx-sm-n4 {
    margin-left: -1.5em;
  }

  .m-sm-n5 {
    margin: -2.25em;
  }

  .mt-sm-n5,
.my-sm-n5 {
    margin-top: -2.25em;
  }

  .mr-sm-n5,
.mx-sm-n5 {
    margin-right: -2.25em;
  }

  .mb-sm-n5,
.my-sm-n5 {
    margin-bottom: -2.25em;
  }

  .ml-sm-n5,
.mx-sm-n5 {
    margin-left: -2.25em;
  }

  .m-sm-n6 {
    margin: -3em;
  }

  .mt-sm-n6,
.my-sm-n6 {
    margin-top: -3em;
  }

  .mr-sm-n6,
.mx-sm-n6 {
    margin-right: -3em;
  }

  .mb-sm-n6,
.my-sm-n6 {
    margin-bottom: -3em;
  }

  .ml-sm-n6,
.mx-sm-n6 {
    margin-left: -3em;
  }

  .m-sm-n7 {
    margin: -5.25em;
  }

  .mt-sm-n7,
.my-sm-n7 {
    margin-top: -5.25em;
  }

  .mr-sm-n7,
.mx-sm-n7 {
    margin-right: -5.25em;
  }

  .mb-sm-n7,
.my-sm-n7 {
    margin-bottom: -5.25em;
  }

  .ml-sm-n7,
.mx-sm-n7 {
    margin-left: -5.25em;
  }

  .m-sm-n8 {
    margin: -7.5em;
  }

  .mt-sm-n8,
.my-sm-n8 {
    margin-top: -7.5em;
  }

  .mr-sm-n8,
.mx-sm-n8 {
    margin-right: -7.5em;
  }

  .mb-sm-n8,
.my-sm-n8 {
    margin-bottom: -7.5em;
  }

  .ml-sm-n8,
.mx-sm-n8 {
    margin-left: -7.5em;
  }

  .m-sm-auto {
    margin: auto;
  }

  .mt-sm-auto,
.my-sm-auto {
    margin-top: auto;
  }

  .mr-sm-auto,
.mx-sm-auto {
    margin-right: auto;
  }

  .mb-sm-auto,
.my-sm-auto {
    margin-bottom: auto;
  }

  .ml-sm-auto,
.mx-sm-auto {
    margin-left: auto;
  }
}
@media (min-width: 2001px) {
  .ctn, .advslider .owl-nav, .advslider .owl-dots {
    width: 960px;
  }

  .md {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .row-md {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .col-md {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .offset-md0 {
    margin-left: 0%;
  }

  .md1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .offset-md1 {
    margin-left: 8.3333333333%;
  }

  .md2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .offset-md2 {
    margin-left: 16.6666666667%;
  }

  .md3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }

  .offset-md3 {
    margin-left: 25%;
  }

  .md4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .offset-md4 {
    margin-left: 33.3333333333%;
  }

  .md5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .offset-md5 {
    margin-left: 41.6666666667%;
  }

  .md6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

  .offset-md6 {
    margin-left: 50%;
  }

  .md7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .offset-md7 {
    margin-left: 58.3333333333%;
  }

  .md8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .offset-md8 {
    margin-left: 66.6666666667%;
  }

  .md9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }

  .offset-md9 {
    margin-left: 75%;
  }

  .md10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .offset-md10 {
    margin-left: 83.3333333333%;
  }

  .md11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .offset-md11 {
    margin-left: 91.6666666667%;
  }

  .md12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

  .offset-md12 {
    margin-left: 100%;
  }

  .start-md {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }

  .end-md {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
  }

  .around-md {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .around-col-md {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .between-col-md {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .between-md {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .top-md {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: start;
        align-self: start;
  }

  .middle-md {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
  }

  .bottom-md {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-item-align: end;
        align-self: end;
  }

  .first-md {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .last-md {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .show-md {
    display: block !important;
  }

  .show-ib-md {
    display: inline-block !important;
  }

  .md0,
.offset-md0, .md1,
.offset-md1, .md2,
.offset-md2, .md3,
.offset-md3, .md4,
.offset-md4, .md5,
.offset-md5, .md6,
.offset-md6, .md7,
.offset-md7, .md8,
.offset-md8, .md9,
.offset-md9, .md10,
.offset-md10, .md11,
.offset-md11, .md12,
.offset-md12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .hide-md,
.hidden-md {
    display: none !important;
  }

  /* spacers */
  .m-md-0 {
    margin: 0;
  }

  .mt-md-0,
.my-md-0 {
    margin-top: 0;
  }

  .mr-md-0,
.mx-md-0 {
    margin-right: 0;
  }

  .mb-md-0,
.my-md-0 {
    margin-bottom: 0;
  }

  .ml-md-0,
.mx-md-0 {
    margin-left: 0;
  }

  .m-md-1 {
    margin: 0.375em;
  }

  .mt-md-1,
.my-md-1 {
    margin-top: 0.375em;
  }

  .mr-md-1,
.mx-md-1 {
    margin-right: 0.375em;
  }

  .mb-md-1,
.my-md-1 {
    margin-bottom: 0.375em;
  }

  .ml-md-1,
.mx-md-1 {
    margin-left: 0.375em;
  }

  .m-md-2 {
    margin: 0.75em;
  }

  .mt-md-2,
.my-md-2 {
    margin-top: 0.75em;
  }

  .mr-md-2,
.mx-md-2 {
    margin-right: 0.75em;
  }

  .mb-md-2,
.my-md-2 {
    margin-bottom: 0.75em;
  }

  .ml-md-2,
.mx-md-2 {
    margin-left: 0.75em;
  }

  .m-md-3 {
    margin: 1.125em;
  }

  .mt-md-3,
.my-md-3 {
    margin-top: 1.125em;
  }

  .mr-md-3,
.mx-md-3 {
    margin-right: 1.125em;
  }

  .mb-md-3,
.my-md-3 {
    margin-bottom: 1.125em;
  }

  .ml-md-3,
.mx-md-3 {
    margin-left: 1.125em;
  }

  .m-md-4 {
    margin: 1.5em;
  }

  .mt-md-4,
.my-md-4 {
    margin-top: 1.5em;
  }

  .mr-md-4,
.mx-md-4 {
    margin-right: 1.5em;
  }

  .mb-md-4,
.my-md-4 {
    margin-bottom: 1.5em;
  }

  .ml-md-4,
.mx-md-4 {
    margin-left: 1.5em;
  }

  .m-md-5 {
    margin: 2.25em;
  }

  .mt-md-5,
.my-md-5 {
    margin-top: 2.25em;
  }

  .mr-md-5,
.mx-md-5 {
    margin-right: 2.25em;
  }

  .mb-md-5,
.my-md-5 {
    margin-bottom: 2.25em;
  }

  .ml-md-5,
.mx-md-5 {
    margin-left: 2.25em;
  }

  .m-md-6 {
    margin: 3em;
  }

  .mt-md-6,
.my-md-6 {
    margin-top: 3em;
  }

  .mr-md-6,
.mx-md-6 {
    margin-right: 3em;
  }

  .mb-md-6,
.my-md-6 {
    margin-bottom: 3em;
  }

  .ml-md-6,
.mx-md-6 {
    margin-left: 3em;
  }

  .m-md-7 {
    margin: 5.25em;
  }

  .mt-md-7,
.my-md-7 {
    margin-top: 5.25em;
  }

  .mr-md-7,
.mx-md-7 {
    margin-right: 5.25em;
  }

  .mb-md-7,
.my-md-7 {
    margin-bottom: 5.25em;
  }

  .ml-md-7,
.mx-md-7 {
    margin-left: 5.25em;
  }

  .m-md-8 {
    margin: 7.5em;
  }

  .mt-md-8,
.my-md-8 {
    margin-top: 7.5em;
  }

  .mr-md-8,
.mx-md-8 {
    margin-right: 7.5em;
  }

  .mb-md-8,
.my-md-8 {
    margin-bottom: 7.5em;
  }

  .ml-md-8,
.mx-md-8 {
    margin-left: 7.5em;
  }

  .p-md-0 {
    padding: 0;
  }

  .pt-md-0,
.py-md-0 {
    padding-top: 0;
  }

  .pr-md-0,
.px-md-0 {
    padding-right: 0;
  }

  .pb-md-0,
.py-md-0 {
    padding-bottom: 0;
  }

  .pl-md-0,
.px-md-0 {
    padding-left: 0;
  }

  .p-md-1 {
    padding: 0.375em;
  }

  .pt-md-1,
.py-md-1 {
    padding-top: 0.375em;
  }

  .pr-md-1,
.px-md-1 {
    padding-right: 0.375em;
  }

  .pb-md-1,
.py-md-1 {
    padding-bottom: 0.375em;
  }

  .pl-md-1,
.px-md-1 {
    padding-left: 0.375em;
  }

  .p-md-2 {
    padding: 0.75em;
  }

  .pt-md-2,
.py-md-2 {
    padding-top: 0.75em;
  }

  .pr-md-2,
.px-md-2 {
    padding-right: 0.75em;
  }

  .pb-md-2,
.py-md-2 {
    padding-bottom: 0.75em;
  }

  .pl-md-2,
.px-md-2 {
    padding-left: 0.75em;
  }

  .p-md-3 {
    padding: 1.125em;
  }

  .pt-md-3,
.py-md-3 {
    padding-top: 1.125em;
  }

  .pr-md-3,
.px-md-3 {
    padding-right: 1.125em;
  }

  .pb-md-3,
.py-md-3 {
    padding-bottom: 1.125em;
  }

  .pl-md-3,
.px-md-3 {
    padding-left: 1.125em;
  }

  .p-md-4 {
    padding: 1.5em;
  }

  .pt-md-4,
.py-md-4 {
    padding-top: 1.5em;
  }

  .pr-md-4,
.px-md-4 {
    padding-right: 1.5em;
  }

  .pb-md-4,
.py-md-4 {
    padding-bottom: 1.5em;
  }

  .pl-md-4,
.px-md-4 {
    padding-left: 1.5em;
  }

  .p-md-5 {
    padding: 2.25em;
  }

  .pt-md-5,
.py-md-5 {
    padding-top: 2.25em;
  }

  .pr-md-5,
.px-md-5 {
    padding-right: 2.25em;
  }

  .pb-md-5,
.py-md-5 {
    padding-bottom: 2.25em;
  }

  .pl-md-5,
.px-md-5 {
    padding-left: 2.25em;
  }

  .p-md-6 {
    padding: 3em;
  }

  .pt-md-6,
.py-md-6 {
    padding-top: 3em;
  }

  .pr-md-6,
.px-md-6 {
    padding-right: 3em;
  }

  .pb-md-6,
.py-md-6 {
    padding-bottom: 3em;
  }

  .pl-md-6,
.px-md-6 {
    padding-left: 3em;
  }

  .p-md-7 {
    padding: 5.25em;
  }

  .pt-md-7,
.py-md-7 {
    padding-top: 5.25em;
  }

  .pr-md-7,
.px-md-7 {
    padding-right: 5.25em;
  }

  .pb-md-7,
.py-md-7 {
    padding-bottom: 5.25em;
  }

  .pl-md-7,
.px-md-7 {
    padding-left: 5.25em;
  }

  .p-md-8 {
    padding: 7.5em;
  }

  .pt-md-8,
.py-md-8 {
    padding-top: 7.5em;
  }

  .pr-md-8,
.px-md-8 {
    padding-right: 7.5em;
  }

  .pb-md-8,
.py-md-8 {
    padding-bottom: 7.5em;
  }

  .pl-md-8,
.px-md-8 {
    padding-left: 7.5em;
  }

  /* margin negative */
  .m-md-n0 {
    margin: 0;
  }

  .mt-md-n0,
.my-md-n0 {
    margin-top: -0;
  }

  .mr-md-n0,
.mx-md-n0 {
    margin-right: -0;
  }

  .mb-md-n0,
.my-md-n0 {
    margin-bottom: -0;
  }

  .ml-md-n0,
.mx-md-n0 {
    margin-left: -0;
  }

  .m-md-n1 {
    margin: -0.375em;
  }

  .mt-md-n1,
.my-md-n1 {
    margin-top: -0.375em;
  }

  .mr-md-n1,
.mx-md-n1 {
    margin-right: -0.375em;
  }

  .mb-md-n1,
.my-md-n1 {
    margin-bottom: -0.375em;
  }

  .ml-md-n1,
.mx-md-n1 {
    margin-left: -0.375em;
  }

  .m-md-n2 {
    margin: -0.75em;
  }

  .mt-md-n2,
.my-md-n2 {
    margin-top: -0.75em;
  }

  .mr-md-n2,
.mx-md-n2 {
    margin-right: -0.75em;
  }

  .mb-md-n2,
.my-md-n2 {
    margin-bottom: -0.75em;
  }

  .ml-md-n2,
.mx-md-n2 {
    margin-left: -0.75em;
  }

  .m-md-n3 {
    margin: -1.125em;
  }

  .mt-md-n3,
.my-md-n3 {
    margin-top: -1.125em;
  }

  .mr-md-n3,
.mx-md-n3 {
    margin-right: -1.125em;
  }

  .mb-md-n3,
.my-md-n3 {
    margin-bottom: -1.125em;
  }

  .ml-md-n3,
.mx-md-n3 {
    margin-left: -1.125em;
  }

  .m-md-n4 {
    margin: -1.5em;
  }

  .mt-md-n4,
.my-md-n4 {
    margin-top: -1.5em;
  }

  .mr-md-n4,
.mx-md-n4 {
    margin-right: -1.5em;
  }

  .mb-md-n4,
.my-md-n4 {
    margin-bottom: -1.5em;
  }

  .ml-md-n4,
.mx-md-n4 {
    margin-left: -1.5em;
  }

  .m-md-n5 {
    margin: -2.25em;
  }

  .mt-md-n5,
.my-md-n5 {
    margin-top: -2.25em;
  }

  .mr-md-n5,
.mx-md-n5 {
    margin-right: -2.25em;
  }

  .mb-md-n5,
.my-md-n5 {
    margin-bottom: -2.25em;
  }

  .ml-md-n5,
.mx-md-n5 {
    margin-left: -2.25em;
  }

  .m-md-n6 {
    margin: -3em;
  }

  .mt-md-n6,
.my-md-n6 {
    margin-top: -3em;
  }

  .mr-md-n6,
.mx-md-n6 {
    margin-right: -3em;
  }

  .mb-md-n6,
.my-md-n6 {
    margin-bottom: -3em;
  }

  .ml-md-n6,
.mx-md-n6 {
    margin-left: -3em;
  }

  .m-md-n7 {
    margin: -5.25em;
  }

  .mt-md-n7,
.my-md-n7 {
    margin-top: -5.25em;
  }

  .mr-md-n7,
.mx-md-n7 {
    margin-right: -5.25em;
  }

  .mb-md-n7,
.my-md-n7 {
    margin-bottom: -5.25em;
  }

  .ml-md-n7,
.mx-md-n7 {
    margin-left: -5.25em;
  }

  .m-md-n8 {
    margin: -7.5em;
  }

  .mt-md-n8,
.my-md-n8 {
    margin-top: -7.5em;
  }

  .mr-md-n8,
.mx-md-n8 {
    margin-right: -7.5em;
  }

  .mb-md-n8,
.my-md-n8 {
    margin-bottom: -7.5em;
  }

  .ml-md-n8,
.mx-md-n8 {
    margin-left: -7.5em;
  }

  .m-md-auto {
    margin: auto;
  }

  .mt-md-auto,
.my-md-auto {
    margin-top: auto;
  }

  .mr-md-auto,
.mx-md-auto {
    margin-right: auto;
  }

  .mb-md-auto,
.my-md-auto {
    margin-bottom: auto;
  }

  .ml-md-auto,
.mx-md-auto {
    margin-left: auto;
  }
}
@media (min-width: 9999px) {
  .ctn, .advslider .owl-nav, .advslider .owl-dots {
    width: 1170px;
  }

  .lg {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .row-lg {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .col-lg {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .offset-lg0 {
    margin-left: 0%;
  }

  .lg1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .offset-lg1 {
    margin-left: 8.3333333333%;
  }

  .lg2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .offset-lg2 {
    margin-left: 16.6666666667%;
  }

  .lg3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }

  .offset-lg3 {
    margin-left: 25%;
  }

  .lg4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .offset-lg4 {
    margin-left: 33.3333333333%;
  }

  .lg5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .offset-lg5 {
    margin-left: 41.6666666667%;
  }

  .lg6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

  .offset-lg6 {
    margin-left: 50%;
  }

  .lg7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .offset-lg7 {
    margin-left: 58.3333333333%;
  }

  .lg8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .offset-lg8 {
    margin-left: 66.6666666667%;
  }

  .lg9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }

  .offset-lg9 {
    margin-left: 75%;
  }

  .lg10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .offset-lg10 {
    margin-left: 83.3333333333%;
  }

  .lg11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .offset-lg11 {
    margin-left: 91.6666666667%;
  }

  .lg12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

  .offset-lg12 {
    margin-left: 100%;
  }

  .start-lg {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }

  .end-lg {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
  }

  .around-lg {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .around-col-lg {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .between-col-lg {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .between-lg {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .top-lg {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: start;
        align-self: start;
  }

  .middle-lg {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
  }

  .bottom-lg {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-item-align: end;
        align-self: end;
  }

  .first-lg {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .last-lg {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .show-lg {
    display: block !important;
  }

  .show-ib-lg {
    display: inline-block !important;
  }

  .lg0,
.offset-lg0, .lg1,
.offset-lg1, .lg2,
.offset-lg2, .lg3,
.offset-lg3, .lg4,
.offset-lg4, .lg5,
.offset-lg5, .lg6,
.offset-lg6, .lg7,
.offset-lg7, .lg8,
.offset-lg8, .lg9,
.offset-lg9, .lg10,
.offset-lg10, .lg11,
.offset-lg11, .lg12,
.offset-lg12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .hide-lg,
.hidden-lg {
    display: none !important;
  }

  /* spacers */
  .m-lg-0 {
    margin: 0;
  }

  .mt-lg-0,
.my-lg-0 {
    margin-top: 0;
  }

  .mr-lg-0,
.mx-lg-0 {
    margin-right: 0;
  }

  .mb-lg-0,
.my-lg-0 {
    margin-bottom: 0;
  }

  .ml-lg-0,
.mx-lg-0 {
    margin-left: 0;
  }

  .m-lg-1 {
    margin: 0.375em;
  }

  .mt-lg-1,
.my-lg-1 {
    margin-top: 0.375em;
  }

  .mr-lg-1,
.mx-lg-1 {
    margin-right: 0.375em;
  }

  .mb-lg-1,
.my-lg-1 {
    margin-bottom: 0.375em;
  }

  .ml-lg-1,
.mx-lg-1 {
    margin-left: 0.375em;
  }

  .m-lg-2 {
    margin: 0.75em;
  }

  .mt-lg-2,
.my-lg-2 {
    margin-top: 0.75em;
  }

  .mr-lg-2,
.mx-lg-2 {
    margin-right: 0.75em;
  }

  .mb-lg-2,
.my-lg-2 {
    margin-bottom: 0.75em;
  }

  .ml-lg-2,
.mx-lg-2 {
    margin-left: 0.75em;
  }

  .m-lg-3 {
    margin: 1.125em;
  }

  .mt-lg-3,
.my-lg-3 {
    margin-top: 1.125em;
  }

  .mr-lg-3,
.mx-lg-3 {
    margin-right: 1.125em;
  }

  .mb-lg-3,
.my-lg-3 {
    margin-bottom: 1.125em;
  }

  .ml-lg-3,
.mx-lg-3 {
    margin-left: 1.125em;
  }

  .m-lg-4 {
    margin: 1.5em;
  }

  .mt-lg-4,
.my-lg-4 {
    margin-top: 1.5em;
  }

  .mr-lg-4,
.mx-lg-4 {
    margin-right: 1.5em;
  }

  .mb-lg-4,
.my-lg-4 {
    margin-bottom: 1.5em;
  }

  .ml-lg-4,
.mx-lg-4 {
    margin-left: 1.5em;
  }

  .m-lg-5 {
    margin: 2.25em;
  }

  .mt-lg-5,
.my-lg-5 {
    margin-top: 2.25em;
  }

  .mr-lg-5,
.mx-lg-5 {
    margin-right: 2.25em;
  }

  .mb-lg-5,
.my-lg-5 {
    margin-bottom: 2.25em;
  }

  .ml-lg-5,
.mx-lg-5 {
    margin-left: 2.25em;
  }

  .m-lg-6 {
    margin: 3em;
  }

  .mt-lg-6,
.my-lg-6 {
    margin-top: 3em;
  }

  .mr-lg-6,
.mx-lg-6 {
    margin-right: 3em;
  }

  .mb-lg-6,
.my-lg-6 {
    margin-bottom: 3em;
  }

  .ml-lg-6,
.mx-lg-6 {
    margin-left: 3em;
  }

  .m-lg-7 {
    margin: 5.25em;
  }

  .mt-lg-7,
.my-lg-7 {
    margin-top: 5.25em;
  }

  .mr-lg-7,
.mx-lg-7 {
    margin-right: 5.25em;
  }

  .mb-lg-7,
.my-lg-7 {
    margin-bottom: 5.25em;
  }

  .ml-lg-7,
.mx-lg-7 {
    margin-left: 5.25em;
  }

  .m-lg-8 {
    margin: 7.5em;
  }

  .mt-lg-8,
.my-lg-8 {
    margin-top: 7.5em;
  }

  .mr-lg-8,
.mx-lg-8 {
    margin-right: 7.5em;
  }

  .mb-lg-8,
.my-lg-8 {
    margin-bottom: 7.5em;
  }

  .ml-lg-8,
.mx-lg-8 {
    margin-left: 7.5em;
  }

  .p-lg-0 {
    padding: 0;
  }

  .pt-lg-0,
.py-lg-0 {
    padding-top: 0;
  }

  .pr-lg-0,
.px-lg-0 {
    padding-right: 0;
  }

  .pb-lg-0,
.py-lg-0 {
    padding-bottom: 0;
  }

  .pl-lg-0,
.px-lg-0 {
    padding-left: 0;
  }

  .p-lg-1 {
    padding: 0.375em;
  }

  .pt-lg-1,
.py-lg-1 {
    padding-top: 0.375em;
  }

  .pr-lg-1,
.px-lg-1 {
    padding-right: 0.375em;
  }

  .pb-lg-1,
.py-lg-1 {
    padding-bottom: 0.375em;
  }

  .pl-lg-1,
.px-lg-1 {
    padding-left: 0.375em;
  }

  .p-lg-2 {
    padding: 0.75em;
  }

  .pt-lg-2,
.py-lg-2 {
    padding-top: 0.75em;
  }

  .pr-lg-2,
.px-lg-2 {
    padding-right: 0.75em;
  }

  .pb-lg-2,
.py-lg-2 {
    padding-bottom: 0.75em;
  }

  .pl-lg-2,
.px-lg-2 {
    padding-left: 0.75em;
  }

  .p-lg-3 {
    padding: 1.125em;
  }

  .pt-lg-3,
.py-lg-3 {
    padding-top: 1.125em;
  }

  .pr-lg-3,
.px-lg-3 {
    padding-right: 1.125em;
  }

  .pb-lg-3,
.py-lg-3 {
    padding-bottom: 1.125em;
  }

  .pl-lg-3,
.px-lg-3 {
    padding-left: 1.125em;
  }

  .p-lg-4 {
    padding: 1.5em;
  }

  .pt-lg-4,
.py-lg-4 {
    padding-top: 1.5em;
  }

  .pr-lg-4,
.px-lg-4 {
    padding-right: 1.5em;
  }

  .pb-lg-4,
.py-lg-4 {
    padding-bottom: 1.5em;
  }

  .pl-lg-4,
.px-lg-4 {
    padding-left: 1.5em;
  }

  .p-lg-5 {
    padding: 2.25em;
  }

  .pt-lg-5,
.py-lg-5 {
    padding-top: 2.25em;
  }

  .pr-lg-5,
.px-lg-5 {
    padding-right: 2.25em;
  }

  .pb-lg-5,
.py-lg-5 {
    padding-bottom: 2.25em;
  }

  .pl-lg-5,
.px-lg-5 {
    padding-left: 2.25em;
  }

  .p-lg-6 {
    padding: 3em;
  }

  .pt-lg-6,
.py-lg-6 {
    padding-top: 3em;
  }

  .pr-lg-6,
.px-lg-6 {
    padding-right: 3em;
  }

  .pb-lg-6,
.py-lg-6 {
    padding-bottom: 3em;
  }

  .pl-lg-6,
.px-lg-6 {
    padding-left: 3em;
  }

  .p-lg-7 {
    padding: 5.25em;
  }

  .pt-lg-7,
.py-lg-7 {
    padding-top: 5.25em;
  }

  .pr-lg-7,
.px-lg-7 {
    padding-right: 5.25em;
  }

  .pb-lg-7,
.py-lg-7 {
    padding-bottom: 5.25em;
  }

  .pl-lg-7,
.px-lg-7 {
    padding-left: 5.25em;
  }

  .p-lg-8 {
    padding: 7.5em;
  }

  .pt-lg-8,
.py-lg-8 {
    padding-top: 7.5em;
  }

  .pr-lg-8,
.px-lg-8 {
    padding-right: 7.5em;
  }

  .pb-lg-8,
.py-lg-8 {
    padding-bottom: 7.5em;
  }

  .pl-lg-8,
.px-lg-8 {
    padding-left: 7.5em;
  }

  /* margin negative */
  .m-lg-n0 {
    margin: 0;
  }

  .mt-lg-n0,
.my-lg-n0 {
    margin-top: -0;
  }

  .mr-lg-n0,
.mx-lg-n0 {
    margin-right: -0;
  }

  .mb-lg-n0,
.my-lg-n0 {
    margin-bottom: -0;
  }

  .ml-lg-n0,
.mx-lg-n0 {
    margin-left: -0;
  }

  .m-lg-n1 {
    margin: -0.375em;
  }

  .mt-lg-n1,
.my-lg-n1 {
    margin-top: -0.375em;
  }

  .mr-lg-n1,
.mx-lg-n1 {
    margin-right: -0.375em;
  }

  .mb-lg-n1,
.my-lg-n1 {
    margin-bottom: -0.375em;
  }

  .ml-lg-n1,
.mx-lg-n1 {
    margin-left: -0.375em;
  }

  .m-lg-n2 {
    margin: -0.75em;
  }

  .mt-lg-n2,
.my-lg-n2 {
    margin-top: -0.75em;
  }

  .mr-lg-n2,
.mx-lg-n2 {
    margin-right: -0.75em;
  }

  .mb-lg-n2,
.my-lg-n2 {
    margin-bottom: -0.75em;
  }

  .ml-lg-n2,
.mx-lg-n2 {
    margin-left: -0.75em;
  }

  .m-lg-n3 {
    margin: -1.125em;
  }

  .mt-lg-n3,
.my-lg-n3 {
    margin-top: -1.125em;
  }

  .mr-lg-n3,
.mx-lg-n3 {
    margin-right: -1.125em;
  }

  .mb-lg-n3,
.my-lg-n3 {
    margin-bottom: -1.125em;
  }

  .ml-lg-n3,
.mx-lg-n3 {
    margin-left: -1.125em;
  }

  .m-lg-n4 {
    margin: -1.5em;
  }

  .mt-lg-n4,
.my-lg-n4 {
    margin-top: -1.5em;
  }

  .mr-lg-n4,
.mx-lg-n4 {
    margin-right: -1.5em;
  }

  .mb-lg-n4,
.my-lg-n4 {
    margin-bottom: -1.5em;
  }

  .ml-lg-n4,
.mx-lg-n4 {
    margin-left: -1.5em;
  }

  .m-lg-n5 {
    margin: -2.25em;
  }

  .mt-lg-n5,
.my-lg-n5 {
    margin-top: -2.25em;
  }

  .mr-lg-n5,
.mx-lg-n5 {
    margin-right: -2.25em;
  }

  .mb-lg-n5,
.my-lg-n5 {
    margin-bottom: -2.25em;
  }

  .ml-lg-n5,
.mx-lg-n5 {
    margin-left: -2.25em;
  }

  .m-lg-n6 {
    margin: -3em;
  }

  .mt-lg-n6,
.my-lg-n6 {
    margin-top: -3em;
  }

  .mr-lg-n6,
.mx-lg-n6 {
    margin-right: -3em;
  }

  .mb-lg-n6,
.my-lg-n6 {
    margin-bottom: -3em;
  }

  .ml-lg-n6,
.mx-lg-n6 {
    margin-left: -3em;
  }

  .m-lg-n7 {
    margin: -5.25em;
  }

  .mt-lg-n7,
.my-lg-n7 {
    margin-top: -5.25em;
  }

  .mr-lg-n7,
.mx-lg-n7 {
    margin-right: -5.25em;
  }

  .mb-lg-n7,
.my-lg-n7 {
    margin-bottom: -5.25em;
  }

  .ml-lg-n7,
.mx-lg-n7 {
    margin-left: -5.25em;
  }

  .m-lg-n8 {
    margin: -7.5em;
  }

  .mt-lg-n8,
.my-lg-n8 {
    margin-top: -7.5em;
  }

  .mr-lg-n8,
.mx-lg-n8 {
    margin-right: -7.5em;
  }

  .mb-lg-n8,
.my-lg-n8 {
    margin-bottom: -7.5em;
  }

  .ml-lg-n8,
.mx-lg-n8 {
    margin-left: -7.5em;
  }

  .m-lg-auto {
    margin: auto;
  }

  .mt-lg-auto,
.my-lg-auto {
    margin-top: auto;
  }

  .mr-lg-auto,
.mx-lg-auto {
    margin-right: auto;
  }

  .mb-lg-auto,
.my-lg-auto {
    margin-bottom: auto;
  }

  .ml-lg-auto,
.mx-lg-auto {
    margin-left: auto;
  }
}
@media (min-width: 9999px) {
  .ctn, .advslider .owl-nav, .advslider .owl-dots {
    width: 1290px;
  }

  .xl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .row-xl {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .col-xl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .offset-xl0 {
    margin-left: 0%;
  }

  .xl1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .offset-xl1 {
    margin-left: 8.3333333333%;
  }

  .xl2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .offset-xl2 {
    margin-left: 16.6666666667%;
  }

  .xl3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }

  .offset-xl3 {
    margin-left: 25%;
  }

  .xl4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .offset-xl4 {
    margin-left: 33.3333333333%;
  }

  .xl5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .offset-xl5 {
    margin-left: 41.6666666667%;
  }

  .xl6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

  .offset-xl6 {
    margin-left: 50%;
  }

  .xl7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .offset-xl7 {
    margin-left: 58.3333333333%;
  }

  .xl8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .offset-xl8 {
    margin-left: 66.6666666667%;
  }

  .xl9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }

  .offset-xl9 {
    margin-left: 75%;
  }

  .xl10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .offset-xl10 {
    margin-left: 83.3333333333%;
  }

  .xl11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .offset-xl11 {
    margin-left: 91.6666666667%;
  }

  .xl12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

  .offset-xl12 {
    margin-left: 100%;
  }

  .start-xl {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: start;
  }

  .center-xl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }

  .end-xl {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
  }

  .around-xl {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .around-col-xl {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .between-col-xl {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .between-xl {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .top-xl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: start;
        align-self: start;
  }

  .middle-xl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
  }

  .bottom-xl {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-item-align: end;
        align-self: end;
  }

  .first-xl {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .last-xl {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .show-xl {
    display: block !important;
  }

  .show-ib-xl {
    display: inline-block !important;
  }

  .xl0,
.offset-xl0, .xl1,
.offset-xl1, .xl2,
.offset-xl2, .xl3,
.offset-xl3, .xl4,
.offset-xl4, .xl5,
.offset-xl5, .xl6,
.offset-xl6, .xl7,
.offset-xl7, .xl8,
.offset-xl8, .xl9,
.offset-xl9, .xl10,
.offset-xl10, .xl11,
.offset-xl11, .xl12,
.offset-xl12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .hide-xl,
.hidden-xl {
    display: none !important;
  }

  /* spacers */
  .m-xl-0 {
    margin: 0;
  }

  .mt-xl-0,
.my-xl-0 {
    margin-top: 0;
  }

  .mr-xl-0,
.mx-xl-0 {
    margin-right: 0;
  }

  .mb-xl-0,
.my-xl-0 {
    margin-bottom: 0;
  }

  .ml-xl-0,
.mx-xl-0 {
    margin-left: 0;
  }

  .m-xl-1 {
    margin: 0.375em;
  }

  .mt-xl-1,
.my-xl-1 {
    margin-top: 0.375em;
  }

  .mr-xl-1,
.mx-xl-1 {
    margin-right: 0.375em;
  }

  .mb-xl-1,
.my-xl-1 {
    margin-bottom: 0.375em;
  }

  .ml-xl-1,
.mx-xl-1 {
    margin-left: 0.375em;
  }

  .m-xl-2 {
    margin: 0.75em;
  }

  .mt-xl-2,
.my-xl-2 {
    margin-top: 0.75em;
  }

  .mr-xl-2,
.mx-xl-2 {
    margin-right: 0.75em;
  }

  .mb-xl-2,
.my-xl-2 {
    margin-bottom: 0.75em;
  }

  .ml-xl-2,
.mx-xl-2 {
    margin-left: 0.75em;
  }

  .m-xl-3 {
    margin: 1.125em;
  }

  .mt-xl-3,
.my-xl-3 {
    margin-top: 1.125em;
  }

  .mr-xl-3,
.mx-xl-3 {
    margin-right: 1.125em;
  }

  .mb-xl-3,
.my-xl-3 {
    margin-bottom: 1.125em;
  }

  .ml-xl-3,
.mx-xl-3 {
    margin-left: 1.125em;
  }

  .m-xl-4 {
    margin: 1.5em;
  }

  .mt-xl-4,
.my-xl-4 {
    margin-top: 1.5em;
  }

  .mr-xl-4,
.mx-xl-4 {
    margin-right: 1.5em;
  }

  .mb-xl-4,
.my-xl-4 {
    margin-bottom: 1.5em;
  }

  .ml-xl-4,
.mx-xl-4 {
    margin-left: 1.5em;
  }

  .m-xl-5 {
    margin: 2.25em;
  }

  .mt-xl-5,
.my-xl-5 {
    margin-top: 2.25em;
  }

  .mr-xl-5,
.mx-xl-5 {
    margin-right: 2.25em;
  }

  .mb-xl-5,
.my-xl-5 {
    margin-bottom: 2.25em;
  }

  .ml-xl-5,
.mx-xl-5 {
    margin-left: 2.25em;
  }

  .m-xl-6 {
    margin: 3em;
  }

  .mt-xl-6,
.my-xl-6 {
    margin-top: 3em;
  }

  .mr-xl-6,
.mx-xl-6 {
    margin-right: 3em;
  }

  .mb-xl-6,
.my-xl-6 {
    margin-bottom: 3em;
  }

  .ml-xl-6,
.mx-xl-6 {
    margin-left: 3em;
  }

  .m-xl-7 {
    margin: 5.25em;
  }

  .mt-xl-7,
.my-xl-7 {
    margin-top: 5.25em;
  }

  .mr-xl-7,
.mx-xl-7 {
    margin-right: 5.25em;
  }

  .mb-xl-7,
.my-xl-7 {
    margin-bottom: 5.25em;
  }

  .ml-xl-7,
.mx-xl-7 {
    margin-left: 5.25em;
  }

  .m-xl-8 {
    margin: 7.5em;
  }

  .mt-xl-8,
.my-xl-8 {
    margin-top: 7.5em;
  }

  .mr-xl-8,
.mx-xl-8 {
    margin-right: 7.5em;
  }

  .mb-xl-8,
.my-xl-8 {
    margin-bottom: 7.5em;
  }

  .ml-xl-8,
.mx-xl-8 {
    margin-left: 7.5em;
  }

  .p-xl-0 {
    padding: 0;
  }

  .pt-xl-0,
.py-xl-0 {
    padding-top: 0;
  }

  .pr-xl-0,
.px-xl-0 {
    padding-right: 0;
  }

  .pb-xl-0,
.py-xl-0 {
    padding-bottom: 0;
  }

  .pl-xl-0,
.px-xl-0 {
    padding-left: 0;
  }

  .p-xl-1 {
    padding: 0.375em;
  }

  .pt-xl-1,
.py-xl-1 {
    padding-top: 0.375em;
  }

  .pr-xl-1,
.px-xl-1 {
    padding-right: 0.375em;
  }

  .pb-xl-1,
.py-xl-1 {
    padding-bottom: 0.375em;
  }

  .pl-xl-1,
.px-xl-1 {
    padding-left: 0.375em;
  }

  .p-xl-2 {
    padding: 0.75em;
  }

  .pt-xl-2,
.py-xl-2 {
    padding-top: 0.75em;
  }

  .pr-xl-2,
.px-xl-2 {
    padding-right: 0.75em;
  }

  .pb-xl-2,
.py-xl-2 {
    padding-bottom: 0.75em;
  }

  .pl-xl-2,
.px-xl-2 {
    padding-left: 0.75em;
  }

  .p-xl-3 {
    padding: 1.125em;
  }

  .pt-xl-3,
.py-xl-3 {
    padding-top: 1.125em;
  }

  .pr-xl-3,
.px-xl-3 {
    padding-right: 1.125em;
  }

  .pb-xl-3,
.py-xl-3 {
    padding-bottom: 1.125em;
  }

  .pl-xl-3,
.px-xl-3 {
    padding-left: 1.125em;
  }

  .p-xl-4 {
    padding: 1.5em;
  }

  .pt-xl-4,
.py-xl-4 {
    padding-top: 1.5em;
  }

  .pr-xl-4,
.px-xl-4 {
    padding-right: 1.5em;
  }

  .pb-xl-4,
.py-xl-4 {
    padding-bottom: 1.5em;
  }

  .pl-xl-4,
.px-xl-4 {
    padding-left: 1.5em;
  }

  .p-xl-5 {
    padding: 2.25em;
  }

  .pt-xl-5,
.py-xl-5 {
    padding-top: 2.25em;
  }

  .pr-xl-5,
.px-xl-5 {
    padding-right: 2.25em;
  }

  .pb-xl-5,
.py-xl-5 {
    padding-bottom: 2.25em;
  }

  .pl-xl-5,
.px-xl-5 {
    padding-left: 2.25em;
  }

  .p-xl-6 {
    padding: 3em;
  }

  .pt-xl-6,
.py-xl-6 {
    padding-top: 3em;
  }

  .pr-xl-6,
.px-xl-6 {
    padding-right: 3em;
  }

  .pb-xl-6,
.py-xl-6 {
    padding-bottom: 3em;
  }

  .pl-xl-6,
.px-xl-6 {
    padding-left: 3em;
  }

  .p-xl-7 {
    padding: 5.25em;
  }

  .pt-xl-7,
.py-xl-7 {
    padding-top: 5.25em;
  }

  .pr-xl-7,
.px-xl-7 {
    padding-right: 5.25em;
  }

  .pb-xl-7,
.py-xl-7 {
    padding-bottom: 5.25em;
  }

  .pl-xl-7,
.px-xl-7 {
    padding-left: 5.25em;
  }

  .p-xl-8 {
    padding: 7.5em;
  }

  .pt-xl-8,
.py-xl-8 {
    padding-top: 7.5em;
  }

  .pr-xl-8,
.px-xl-8 {
    padding-right: 7.5em;
  }

  .pb-xl-8,
.py-xl-8 {
    padding-bottom: 7.5em;
  }

  .pl-xl-8,
.px-xl-8 {
    padding-left: 7.5em;
  }

  /* margin negative */
  .m-xl-n0 {
    margin: 0;
  }

  .mt-xl-n0,
.my-xl-n0 {
    margin-top: -0;
  }

  .mr-xl-n0,
.mx-xl-n0 {
    margin-right: -0;
  }

  .mb-xl-n0,
.my-xl-n0 {
    margin-bottom: -0;
  }

  .ml-xl-n0,
.mx-xl-n0 {
    margin-left: -0;
  }

  .m-xl-n1 {
    margin: -0.375em;
  }

  .mt-xl-n1,
.my-xl-n1 {
    margin-top: -0.375em;
  }

  .mr-xl-n1,
.mx-xl-n1 {
    margin-right: -0.375em;
  }

  .mb-xl-n1,
.my-xl-n1 {
    margin-bottom: -0.375em;
  }

  .ml-xl-n1,
.mx-xl-n1 {
    margin-left: -0.375em;
  }

  .m-xl-n2 {
    margin: -0.75em;
  }

  .mt-xl-n2,
.my-xl-n2 {
    margin-top: -0.75em;
  }

  .mr-xl-n2,
.mx-xl-n2 {
    margin-right: -0.75em;
  }

  .mb-xl-n2,
.my-xl-n2 {
    margin-bottom: -0.75em;
  }

  .ml-xl-n2,
.mx-xl-n2 {
    margin-left: -0.75em;
  }

  .m-xl-n3 {
    margin: -1.125em;
  }

  .mt-xl-n3,
.my-xl-n3 {
    margin-top: -1.125em;
  }

  .mr-xl-n3,
.mx-xl-n3 {
    margin-right: -1.125em;
  }

  .mb-xl-n3,
.my-xl-n3 {
    margin-bottom: -1.125em;
  }

  .ml-xl-n3,
.mx-xl-n3 {
    margin-left: -1.125em;
  }

  .m-xl-n4 {
    margin: -1.5em;
  }

  .mt-xl-n4,
.my-xl-n4 {
    margin-top: -1.5em;
  }

  .mr-xl-n4,
.mx-xl-n4 {
    margin-right: -1.5em;
  }

  .mb-xl-n4,
.my-xl-n4 {
    margin-bottom: -1.5em;
  }

  .ml-xl-n4,
.mx-xl-n4 {
    margin-left: -1.5em;
  }

  .m-xl-n5 {
    margin: -2.25em;
  }

  .mt-xl-n5,
.my-xl-n5 {
    margin-top: -2.25em;
  }

  .mr-xl-n5,
.mx-xl-n5 {
    margin-right: -2.25em;
  }

  .mb-xl-n5,
.my-xl-n5 {
    margin-bottom: -2.25em;
  }

  .ml-xl-n5,
.mx-xl-n5 {
    margin-left: -2.25em;
  }

  .m-xl-n6 {
    margin: -3em;
  }

  .mt-xl-n6,
.my-xl-n6 {
    margin-top: -3em;
  }

  .mr-xl-n6,
.mx-xl-n6 {
    margin-right: -3em;
  }

  .mb-xl-n6,
.my-xl-n6 {
    margin-bottom: -3em;
  }

  .ml-xl-n6,
.mx-xl-n6 {
    margin-left: -3em;
  }

  .m-xl-n7 {
    margin: -5.25em;
  }

  .mt-xl-n7,
.my-xl-n7 {
    margin-top: -5.25em;
  }

  .mr-xl-n7,
.mx-xl-n7 {
    margin-right: -5.25em;
  }

  .mb-xl-n7,
.my-xl-n7 {
    margin-bottom: -5.25em;
  }

  .ml-xl-n7,
.mx-xl-n7 {
    margin-left: -5.25em;
  }

  .m-xl-n8 {
    margin: -7.5em;
  }

  .mt-xl-n8,
.my-xl-n8 {
    margin-top: -7.5em;
  }

  .mr-xl-n8,
.mx-xl-n8 {
    margin-right: -7.5em;
  }

  .mb-xl-n8,
.my-xl-n8 {
    margin-bottom: -7.5em;
  }

  .ml-xl-n8,
.mx-xl-n8 {
    margin-left: -7.5em;
  }

  .m-xl-auto {
    margin: auto;
  }

  .mt-xl-auto,
.my-xl-auto {
    margin-top: auto;
  }

  .mr-xl-auto,
.mx-xl-auto {
    margin-right: auto;
  }

  .mb-xl-auto,
.my-xl-auto {
    margin-bottom: auto;
  }

  .ml-xl-auto,
.mx-xl-auto {
    margin-left: auto;
  }
}
@media (min-width: 9999px) {
  .ctn, .advslider .owl-nav, .advslider .owl-dots {
    width: 1290px;
  }

  .xxl {
    -ms-flex-preferred-size: 0;
        flex-basis: 0;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    max-width: 100%;
  }

  .row-xxl {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .col-xxl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .offset-xxl0 {
    margin-left: 0%;
  }

  .xxl1 {
    -ms-flex-preferred-size: 8.3333333333%;
        flex-basis: 8.3333333333%;
    max-width: 8.3333333333%;
  }

  .offset-xxl1 {
    margin-left: 8.3333333333%;
  }

  .xxl2 {
    -ms-flex-preferred-size: 16.6666666667%;
        flex-basis: 16.6666666667%;
    max-width: 16.6666666667%;
  }

  .offset-xxl2 {
    margin-left: 16.6666666667%;
  }

  .xxl3 {
    -ms-flex-preferred-size: 25%;
        flex-basis: 25%;
    max-width: 25%;
  }

  .offset-xxl3 {
    margin-left: 25%;
  }

  .xxl4 {
    -ms-flex-preferred-size: 33.3333333333%;
        flex-basis: 33.3333333333%;
    max-width: 33.3333333333%;
  }

  .offset-xxl4 {
    margin-left: 33.3333333333%;
  }

  .xxl5 {
    -ms-flex-preferred-size: 41.6666666667%;
        flex-basis: 41.6666666667%;
    max-width: 41.6666666667%;
  }

  .offset-xxl5 {
    margin-left: 41.6666666667%;
  }

  .xxl6 {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

  .offset-xxl6 {
    margin-left: 50%;
  }

  .xxl7 {
    -ms-flex-preferred-size: 58.3333333333%;
        flex-basis: 58.3333333333%;
    max-width: 58.3333333333%;
  }

  .offset-xxl7 {
    margin-left: 58.3333333333%;
  }

  .xxl8 {
    -ms-flex-preferred-size: 66.6666666667%;
        flex-basis: 66.6666666667%;
    max-width: 66.6666666667%;
  }

  .offset-xxl8 {
    margin-left: 66.6666666667%;
  }

  .xxl9 {
    -ms-flex-preferred-size: 75%;
        flex-basis: 75%;
    max-width: 75%;
  }

  .offset-xxl9 {
    margin-left: 75%;
  }

  .xxl10 {
    -ms-flex-preferred-size: 83.3333333333%;
        flex-basis: 83.3333333333%;
    max-width: 83.3333333333%;
  }

  .offset-xxl10 {
    margin-left: 83.3333333333%;
  }

  .xxl11 {
    -ms-flex-preferred-size: 91.6666666667%;
        flex-basis: 91.6666666667%;
    max-width: 91.6666666667%;
  }

  .offset-xxl11 {
    margin-left: 91.6666666667%;
  }

  .xxl12 {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }

  .offset-xxl12 {
    margin-left: 100%;
  }

  .start-xxl {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    text-align: start;
  }

  .center-xxl {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: center;
  }

  .end-xxl {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    text-align: end;
  }

  .around-xxl {
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }

  .around-col-xxl {
    -ms-flex-line-pack: distribute;
        align-content: space-around;
  }

  .between-col-xxl {
    -ms-flex-line-pack: justify;
        align-content: space-between;
  }

  .between-xxl {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .top-xxl {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -ms-flex-item-align: start;
        align-self: start;
  }

  .middle-xxl {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-item-align: center;
        align-self: center;
  }

  .bottom-xxl {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    -ms-flex-item-align: end;
        align-self: end;
  }

  .first-xxl {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
  }

  .last-xxl {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .show-xxl {
    display: block !important;
  }

  .show-ib-xxl {
    display: inline-block !important;
  }

  .xxl0,
.offset-xxl0, .xxl1,
.offset-xxl1, .xxl2,
.offset-xxl2, .xxl3,
.offset-xxl3, .xxl4,
.offset-xxl4, .xxl5,
.offset-xxl5, .xxl6,
.offset-xxl6, .xxl7,
.offset-xxl7, .xxl8,
.offset-xxl8, .xxl9,
.offset-xxl9, .xxl10,
.offset-xxl10, .xxl11,
.offset-xxl11, .xxl12,
.offset-xxl12 {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }

  .hide-xxl,
.hidden-xxl {
    display: none !important;
  }

  /* spacers */
  .m-xxl-0 {
    margin: 0;
  }

  .mt-xxl-0,
.my-xxl-0 {
    margin-top: 0;
  }

  .mr-xxl-0,
.mx-xxl-0 {
    margin-right: 0;
  }

  .mb-xxl-0,
.my-xxl-0 {
    margin-bottom: 0;
  }

  .ml-xxl-0,
.mx-xxl-0 {
    margin-left: 0;
  }

  .m-xxl-1 {
    margin: 0.375em;
  }

  .mt-xxl-1,
.my-xxl-1 {
    margin-top: 0.375em;
  }

  .mr-xxl-1,
.mx-xxl-1 {
    margin-right: 0.375em;
  }

  .mb-xxl-1,
.my-xxl-1 {
    margin-bottom: 0.375em;
  }

  .ml-xxl-1,
.mx-xxl-1 {
    margin-left: 0.375em;
  }

  .m-xxl-2 {
    margin: 0.75em;
  }

  .mt-xxl-2,
.my-xxl-2 {
    margin-top: 0.75em;
  }

  .mr-xxl-2,
.mx-xxl-2 {
    margin-right: 0.75em;
  }

  .mb-xxl-2,
.my-xxl-2 {
    margin-bottom: 0.75em;
  }

  .ml-xxl-2,
.mx-xxl-2 {
    margin-left: 0.75em;
  }

  .m-xxl-3 {
    margin: 1.125em;
  }

  .mt-xxl-3,
.my-xxl-3 {
    margin-top: 1.125em;
  }

  .mr-xxl-3,
.mx-xxl-3 {
    margin-right: 1.125em;
  }

  .mb-xxl-3,
.my-xxl-3 {
    margin-bottom: 1.125em;
  }

  .ml-xxl-3,
.mx-xxl-3 {
    margin-left: 1.125em;
  }

  .m-xxl-4 {
    margin: 1.5em;
  }

  .mt-xxl-4,
.my-xxl-4 {
    margin-top: 1.5em;
  }

  .mr-xxl-4,
.mx-xxl-4 {
    margin-right: 1.5em;
  }

  .mb-xxl-4,
.my-xxl-4 {
    margin-bottom: 1.5em;
  }

  .ml-xxl-4,
.mx-xxl-4 {
    margin-left: 1.5em;
  }

  .m-xxl-5 {
    margin: 2.25em;
  }

  .mt-xxl-5,
.my-xxl-5 {
    margin-top: 2.25em;
  }

  .mr-xxl-5,
.mx-xxl-5 {
    margin-right: 2.25em;
  }

  .mb-xxl-5,
.my-xxl-5 {
    margin-bottom: 2.25em;
  }

  .ml-xxl-5,
.mx-xxl-5 {
    margin-left: 2.25em;
  }

  .m-xxl-6 {
    margin: 3em;
  }

  .mt-xxl-6,
.my-xxl-6 {
    margin-top: 3em;
  }

  .mr-xxl-6,
.mx-xxl-6 {
    margin-right: 3em;
  }

  .mb-xxl-6,
.my-xxl-6 {
    margin-bottom: 3em;
  }

  .ml-xxl-6,
.mx-xxl-6 {
    margin-left: 3em;
  }

  .m-xxl-7 {
    margin: 5.25em;
  }

  .mt-xxl-7,
.my-xxl-7 {
    margin-top: 5.25em;
  }

  .mr-xxl-7,
.mx-xxl-7 {
    margin-right: 5.25em;
  }

  .mb-xxl-7,
.my-xxl-7 {
    margin-bottom: 5.25em;
  }

  .ml-xxl-7,
.mx-xxl-7 {
    margin-left: 5.25em;
  }

  .m-xxl-8 {
    margin: 7.5em;
  }

  .mt-xxl-8,
.my-xxl-8 {
    margin-top: 7.5em;
  }

  .mr-xxl-8,
.mx-xxl-8 {
    margin-right: 7.5em;
  }

  .mb-xxl-8,
.my-xxl-8 {
    margin-bottom: 7.5em;
  }

  .ml-xxl-8,
.mx-xxl-8 {
    margin-left: 7.5em;
  }

  .p-xxl-0 {
    padding: 0;
  }

  .pt-xxl-0,
.py-xxl-0 {
    padding-top: 0;
  }

  .pr-xxl-0,
.px-xxl-0 {
    padding-right: 0;
  }

  .pb-xxl-0,
.py-xxl-0 {
    padding-bottom: 0;
  }

  .pl-xxl-0,
.px-xxl-0 {
    padding-left: 0;
  }

  .p-xxl-1 {
    padding: 0.375em;
  }

  .pt-xxl-1,
.py-xxl-1 {
    padding-top: 0.375em;
  }

  .pr-xxl-1,
.px-xxl-1 {
    padding-right: 0.375em;
  }

  .pb-xxl-1,
.py-xxl-1 {
    padding-bottom: 0.375em;
  }

  .pl-xxl-1,
.px-xxl-1 {
    padding-left: 0.375em;
  }

  .p-xxl-2 {
    padding: 0.75em;
  }

  .pt-xxl-2,
.py-xxl-2 {
    padding-top: 0.75em;
  }

  .pr-xxl-2,
.px-xxl-2 {
    padding-right: 0.75em;
  }

  .pb-xxl-2,
.py-xxl-2 {
    padding-bottom: 0.75em;
  }

  .pl-xxl-2,
.px-xxl-2 {
    padding-left: 0.75em;
  }

  .p-xxl-3 {
    padding: 1.125em;
  }

  .pt-xxl-3,
.py-xxl-3 {
    padding-top: 1.125em;
  }

  .pr-xxl-3,
.px-xxl-3 {
    padding-right: 1.125em;
  }

  .pb-xxl-3,
.py-xxl-3 {
    padding-bottom: 1.125em;
  }

  .pl-xxl-3,
.px-xxl-3 {
    padding-left: 1.125em;
  }

  .p-xxl-4 {
    padding: 1.5em;
  }

  .pt-xxl-4,
.py-xxl-4 {
    padding-top: 1.5em;
  }

  .pr-xxl-4,
.px-xxl-4 {
    padding-right: 1.5em;
  }

  .pb-xxl-4,
.py-xxl-4 {
    padding-bottom: 1.5em;
  }

  .pl-xxl-4,
.px-xxl-4 {
    padding-left: 1.5em;
  }

  .p-xxl-5 {
    padding: 2.25em;
  }

  .pt-xxl-5,
.py-xxl-5 {
    padding-top: 2.25em;
  }

  .pr-xxl-5,
.px-xxl-5 {
    padding-right: 2.25em;
  }

  .pb-xxl-5,
.py-xxl-5 {
    padding-bottom: 2.25em;
  }

  .pl-xxl-5,
.px-xxl-5 {
    padding-left: 2.25em;
  }

  .p-xxl-6 {
    padding: 3em;
  }

  .pt-xxl-6,
.py-xxl-6 {
    padding-top: 3em;
  }

  .pr-xxl-6,
.px-xxl-6 {
    padding-right: 3em;
  }

  .pb-xxl-6,
.py-xxl-6 {
    padding-bottom: 3em;
  }

  .pl-xxl-6,
.px-xxl-6 {
    padding-left: 3em;
  }

  .p-xxl-7 {
    padding: 5.25em;
  }

  .pt-xxl-7,
.py-xxl-7 {
    padding-top: 5.25em;
  }

  .pr-xxl-7,
.px-xxl-7 {
    padding-right: 5.25em;
  }

  .pb-xxl-7,
.py-xxl-7 {
    padding-bottom: 5.25em;
  }

  .pl-xxl-7,
.px-xxl-7 {
    padding-left: 5.25em;
  }

  .p-xxl-8 {
    padding: 7.5em;
  }

  .pt-xxl-8,
.py-xxl-8 {
    padding-top: 7.5em;
  }

  .pr-xxl-8,
.px-xxl-8 {
    padding-right: 7.5em;
  }

  .pb-xxl-8,
.py-xxl-8 {
    padding-bottom: 7.5em;
  }

  .pl-xxl-8,
.px-xxl-8 {
    padding-left: 7.5em;
  }

  /* margin negative */
  .m-xxl-n0 {
    margin: 0;
  }

  .mt-xxl-n0,
.my-xxl-n0 {
    margin-top: -0;
  }

  .mr-xxl-n0,
.mx-xxl-n0 {
    margin-right: -0;
  }

  .mb-xxl-n0,
.my-xxl-n0 {
    margin-bottom: -0;
  }

  .ml-xxl-n0,
.mx-xxl-n0 {
    margin-left: -0;
  }

  .m-xxl-n1 {
    margin: -0.375em;
  }

  .mt-xxl-n1,
.my-xxl-n1 {
    margin-top: -0.375em;
  }

  .mr-xxl-n1,
.mx-xxl-n1 {
    margin-right: -0.375em;
  }

  .mb-xxl-n1,
.my-xxl-n1 {
    margin-bottom: -0.375em;
  }

  .ml-xxl-n1,
.mx-xxl-n1 {
    margin-left: -0.375em;
  }

  .m-xxl-n2 {
    margin: -0.75em;
  }

  .mt-xxl-n2,
.my-xxl-n2 {
    margin-top: -0.75em;
  }

  .mr-xxl-n2,
.mx-xxl-n2 {
    margin-right: -0.75em;
  }

  .mb-xxl-n2,
.my-xxl-n2 {
    margin-bottom: -0.75em;
  }

  .ml-xxl-n2,
.mx-xxl-n2 {
    margin-left: -0.75em;
  }

  .m-xxl-n3 {
    margin: -1.125em;
  }

  .mt-xxl-n3,
.my-xxl-n3 {
    margin-top: -1.125em;
  }

  .mr-xxl-n3,
.mx-xxl-n3 {
    margin-right: -1.125em;
  }

  .mb-xxl-n3,
.my-xxl-n3 {
    margin-bottom: -1.125em;
  }

  .ml-xxl-n3,
.mx-xxl-n3 {
    margin-left: -1.125em;
  }

  .m-xxl-n4 {
    margin: -1.5em;
  }

  .mt-xxl-n4,
.my-xxl-n4 {
    margin-top: -1.5em;
  }

  .mr-xxl-n4,
.mx-xxl-n4 {
    margin-right: -1.5em;
  }

  .mb-xxl-n4,
.my-xxl-n4 {
    margin-bottom: -1.5em;
  }

  .ml-xxl-n4,
.mx-xxl-n4 {
    margin-left: -1.5em;
  }

  .m-xxl-n5 {
    margin: -2.25em;
  }

  .mt-xxl-n5,
.my-xxl-n5 {
    margin-top: -2.25em;
  }

  .mr-xxl-n5,
.mx-xxl-n5 {
    margin-right: -2.25em;
  }

  .mb-xxl-n5,
.my-xxl-n5 {
    margin-bottom: -2.25em;
  }

  .ml-xxl-n5,
.mx-xxl-n5 {
    margin-left: -2.25em;
  }

  .m-xxl-n6 {
    margin: -3em;
  }

  .mt-xxl-n6,
.my-xxl-n6 {
    margin-top: -3em;
  }

  .mr-xxl-n6,
.mx-xxl-n6 {
    margin-right: -3em;
  }

  .mb-xxl-n6,
.my-xxl-n6 {
    margin-bottom: -3em;
  }

  .ml-xxl-n6,
.mx-xxl-n6 {
    margin-left: -3em;
  }

  .m-xxl-n7 {
    margin: -5.25em;
  }

  .mt-xxl-n7,
.my-xxl-n7 {
    margin-top: -5.25em;
  }

  .mr-xxl-n7,
.mx-xxl-n7 {
    margin-right: -5.25em;
  }

  .mb-xxl-n7,
.my-xxl-n7 {
    margin-bottom: -5.25em;
  }

  .ml-xxl-n7,
.mx-xxl-n7 {
    margin-left: -5.25em;
  }

  .m-xxl-n8 {
    margin: -7.5em;
  }

  .mt-xxl-n8,
.my-xxl-n8 {
    margin-top: -7.5em;
  }

  .mr-xxl-n8,
.mx-xxl-n8 {
    margin-right: -7.5em;
  }

  .mb-xxl-n8,
.my-xxl-n8 {
    margin-bottom: -7.5em;
  }

  .ml-xxl-n8,
.mx-xxl-n8 {
    margin-left: -7.5em;
  }

  .m-xxl-auto {
    margin: auto;
  }

  .mt-xxl-auto,
.my-xxl-auto {
    margin-top: auto;
  }

  .mr-xxl-auto,
.mx-xxl-auto {
    margin-right: auto;
  }

  .mb-xxl-auto,
.my-xxl-auto {
    margin-bottom: auto;
  }

  .ml-xxl-auto,
.mx-xxl-auto {
    margin-left: auto;
  }
}
/* stylelint-enable */
.nogrow {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.grow {
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.shrink {
  -ms-flex-negative: 1;
      flex-shrink: 1;
}

.grow1 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.grow2 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
}

.grow3 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 3;
      -ms-flex-positive: 3;
          flex-grow: 3;
}

.grow4 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 4;
      -ms-flex-positive: 4;
          flex-grow: 4;
}

.grow5 {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
  -webkit-box-flex: 5;
      -ms-flex-positive: 5;
          flex-grow: 5;
}

@font-face {
  font-display: swap;
  font-family: "Gotham";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/gotham-book.eot");
  src: url("../fonts/gotham-book.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-book.woff2") format("woff2"), url("../fonts/gotham-book.woff") format("woff"), url("../fonts/gotham-book.ttf") format("truetype"), url("../fonts/gotham-book.svg#gotham-book") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Gotham";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/gotham-medium.eot");
  src: url("../fonts/gotham-medium.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-medium.woff2") format("woff2"), url("../fonts/gotham-medium.woff") format("woff"), url("../fonts/gotham-medium.ttf") format("truetype"), url("../fonts/gotham-medium.svg#gotham-medium") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Gotham";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/gotham-bold.eot");
  src: url("../fonts/gotham-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/gotham-bold.woff2") format("woff2"), url("../fonts/gotham-bold.woff") format("woff"), url("../fonts/gotham-bold.ttf") format("truetype"), url("../fonts/gotham-bold.svg#gotham-bold") format("svg");
}
@font-face {
  font-display: swap;
  font-family: "Acta";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/actadisplay-bold.eot");
  src: url("../fonts/actadisplay-bold.eot?#iefix") format("embedded-opentype"), url("../fonts/actadisplay-bold.woff2") format("woff2"), url("../fonts/actadisplay-bold.woff") format("woff"), url("../fonts/actadisplay-bold.ttf") format("truetype"), url("../fonts/actadisplay-bold.svg#actadisplay-bold") format("svg");
}
.icon-eyeclose::before {
  background-image: url("../img/icons-bicolor/eye-open.svg");
  content: "";
  display: block;
  font-size: 22px;
  height: 23px;
  text-align: center;
  width: 23px;
}

.icon-trash::before {
  background-image: url("../img/icons-bicolor/trash.svg");
  content: "";
  display: block;
  height: 23px;
  text-align: center;
  width: 23px;
}

.icon-edit::before {
  background-image: url("../img/icons-bicolor/edit.svg");
  content: "";
  display: block;
  height: 23px;
  text-align: center;
  width: 23px;
}

.icon-secure-payment::before {
  background-image: url("../img/icons-bicolor/secure-payment.svg");
  content: "";
  display: block;
  height: 34px;
  text-align: center;
  width: 34px;
}

/*** tablet ***/
.icon-plus2 {
  display: block;
  height: 4em;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  width: 4em;
}
.icon-plus2::before, .icon-plus2::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-color: #c2a36d;
  content: "";
  height: 0.1rem;
  margin: auto;
  width: 0.1rem;
}
.icon-plus2::before {
  width: 100%;
}
.icon-plus2::after {
  height: 100%;
}

.icon-bicolor {
  display: inline-block;
  text-align: center;
}
.icon-bicolor::before {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  display: inline-block;
  height: 34px;
  text-align: center;
  width: 34px;
}
.icon-bicolor.big::before {
  height: 54px;
  width: 54px;
}

.icon-confections::before {
  background-image: url("../img/icons-bicolor/confections.svg");
}

.icon-clients::before {
  background-image: url("../img/icons-bicolor/clients.svg");
}

.icon-projects::before {
  background-image: url("../img/icons-bicolor/projects.svg");
}

.icon-book::before {
  background-image: url("../img/icons-bicolor/book.svg");
}

.big-txt.icon::before {
  font-size: 1.5em;
  width: 30px;
  height: 30px;
}

.styleguide-body {
  background-color: #efefef;
  padding: 0 45px;
}
.styleguide-body hr {
  border-color: #ebebeb;
  margin-bottom: 30px;
}

.styleguide-header {
  border-bottom: 1px solid grey;
  margin-bottom: 1.5rem;
  padding: 25px 15px 15px;
}
.styleguide-header .styleguide-title {
  font-size: 40px;
}
.styleguide-header .styleguide-projet-name {
  font-size: 1.5rem;
  text-transform: uppercase;
}

.code {
  background: #000;
  color: #fff;
  display: inline-block;
  font-style: italic;
  padding: 3px 5px;
}

.styleguide-bloc-ctn .styleguide-bloc {
  border-radius: 3px;
  margin-bottom: 20px;
  /* classe propre au styleguide */
}
.styleguide-bloc-ctn .styleguide-bloc .styleguide-bloc-title {
  background: #c2a36d;
  color: #fff;
  display: block;
  font-size: 25px;
  padding: 7px 20px;
}
.styleguide-bloc-ctn .styleguide-bloc .styleguide-bloc-subtitle {
  display: block;
  font-size: 1.8rem;
  font-weight: 700;
  margin-bottom: 1rem;
}
.styleguide-bloc-ctn .styleguide-bloc .styleguide-bloc-content {
  background-color: #fff;
  padding: 20px;
}
@media (min-width: 2001px) {
  .styleguide-bloc-ctn .styleguide-bloc .styleguide-bloc-content {
    padding: 50px;
  }
}
.styleguide-bloc-ctn .styleguide-bloc.js-dropdown .js-dropdown-content {
  display: none;
}
.styleguide-bloc-ctn .styleguide-bloc.js-dropdown.open .js-dropdown-content {
  display: block;
}
.styleguide-bloc-ctn .styleguide-bloc .styleguide-bloc-content-infos {
  display: block;
  font-size: 1.4rem;
  font-weight: normal;
  padding: 0 0 10px;
}
.styleguide-bloc-ctn .styleguide-bloc .tile {
  display: inline-block;
  font-size: 1.3rem;
  height: 90px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
  width: calc(20% - 10px);
}
.styleguide-bloc-ctn .styleguide-bloc .tile-large {
  width: 48%;
}
.styleguide-bloc-ctn .styleguide-bloc .bg-style-guide {
  background-image: url("../img/bg-style-guide.png");
  background-size: cover;
}
.styleguide-bloc-ctn .styleguide-bloc .border-secondary {
  border: 3px solid #000;
}
.styleguide-bloc-ctn .styleguide-bloc .border-terciary {
  border: 1px solid #ccc;
}
.styleguide-bloc-ctn .styleguide-bloc.fonts ul {
  padding: 5px 15px;
}
.styleguide-bloc-ctn .styleguide-bloc.fonts ul li {
  list-style-position: inside;
  list-style-type: disc;
}
.styleguide-bloc-ctn .styleguide-bloc.fonts .font-family-bloc {
  margin-bottom: 30px;
}
.styleguide-bloc-ctn .styleguide-bloc.colors .styleguide-bloc-color-section {
  margin-bottom: 45px;
}
.styleguide-bloc-ctn .styleguide-bloc.colors .styleguide-bloc-color-section .row {
  margin-left: -5px;
  margin-right: -5px;
}
.styleguide-bloc-ctn .styleguide-bloc.colors .styleguide-bloc-color-section .color-tile {
  display: inline-block;
  font-size: 1.3rem;
  height: 90px;
  margin-left: 5px;
  margin-right: 5px;
  padding: 5px;
  width: calc(20% - 10px);
}
.styleguide-bloc-ctn .styleguide-bloc.colors .styleguide-bloc-color-section .color-tile span {
  display: block;
  line-height: 1.6;
}
.styleguide-bloc-ctn .styleguide-bloc.colors .styleguide-bloc-color-section .color-tile.color-1 {
  background: #000;
  color: #fff;
}
.styleguide-bloc-ctn .styleguide-bloc.colors .styleguide-bloc-color-section .color-tile.color-2 {
  background: #fff;
  border: 1px solid #000;
  color: #000;
}
.styleguide-bloc-ctn .styleguide-bloc.colors .styleguide-bloc-color-section .color-tile.color-3 {
  background: #f6f6f6;
}
.styleguide-bloc-ctn .styleguide-bloc.colors .styleguide-bloc-color-section .color-tile.color-4 {
  background: #707070;
}
.styleguide-bloc-ctn .styleguide-bloc.colors .styleguide-bloc-color-section .color-tile.color-6 {
  background: #cbb579;
}
.styleguide-bloc-ctn .styleguide-bloc.boutons .btn-exemple {
  margin-bottom: 30px;
}
.styleguide-bloc-ctn .styleguide-bloc.boutons .btn-exemple > .btn {
  margin-right: 20px;
}
.display-hover-target {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  display: none;
}
.display-hover-target pre {
  background-color: #f6f1e9;
  border: 0.1rem solid #ebebeb;
  margin-left: -1px;
  margin-right: -1px;
  padding: 1.5rem;
}
.display-hover-parent {
  position: relative;
}
.display-hover-parent:hover {
  border-bottom-color: transparent;
  z-index: 10;
}
.display-hover-parent:hover .display-hover-target {
  display: block;
}
.display-hover-parent:hover .display-hover-target pre {
  border: 0.1rem solid #c2a36d;
  border-top: 0;
}

/*************************************************************************************************************
*****************************************            Owl           *******************************************
**************************************************************************************************************/
.owl-carousel,
.owl-carousel .owl-item {
  position: relative;
  -webkit-tap-highlight-color: transparent;
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1;
}

.owl-carousel .owl-stage {
  -moz-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  position: relative;
  -ms-touch-action: pan-Y;
}

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

.owl-carousel .owl-stage-outer {
  overflow: hidden;
  position: relative;
  -webkit-transform: translate3d(0, 0, 0);
}

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

.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  float: left;
  min-height: 1px;
  -webkit-touch-callout: none;
}

.owl-carousel .owl-item img {
  display: block;
  width: 100%;
}

.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
  display: none;
}

.no-js .owl-carousel,
.owl-carousel.owl-loaded {
  display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  cursor: hand;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.owl-carousel.owl-loading {
  display: block;
  opacity: 0;
}

.owl-carousel.owl-hidden {
  opacity: 0;
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden;
}

.owl-carousel.owl-drag .owl-item {
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.owl-carousel.owl-rtl {
  direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
  float: right;
}

.owl-carousel .animated {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
  z-index: 0;
}

.owl-carousel .owl-animated-out {
  z-index: 1;
}

.owl-carousel .fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

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

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.owl-height {
  -webkit-transition: height 0.5s ease-in-out;
  transition: height 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-item img.owl-lazy {
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
  background: #000;
  height: 100%;
  position: relative;
}

.owl-carousel .owl-video-play-icon {
  -webkit-backface-visibility: hidden;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  height: 80px;
  left: 50%;
  margin-left: -40px;
  margin-top: -40px;
  position: absolute;
  top: 50%;
  -webkit-transition: -webkit-transform 0.1s ease;
  transition: -webkit-transform 0.1s ease;
  transition: transform 0.1s ease;
  transition: transform 0.1s ease, -webkit-transform 0.1s ease;
  width: 80px;
  z-index: 1;
}

.owl-carousel .owl-video-play-icon:hover {
  -webkit-transform: scale(1.3, 1.3);
          transform: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn {
  display: none;
}

.owl-carousel .owl-video-tn {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
}

.owl-carousel .owl-video-frame {
  height: 100%;
  position: relative;
  width: 100%;
  z-index: 1;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
  -webkit-tap-highlight-color: transparent;
  text-align: center;
}

.owl-theme .owl-nav .owl-theme .owl-nav {
  margin-top: 10px;
}

.owl-theme .owl-nav [class*=owl-] {
  background: #d6d6d6;
  border-radius: 3px;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 5px;
  padding: 4px 7px;
}

.owl-theme .owl-nav [class*=owl-]:hover {
  background: #869791;
  color: #fff;
  text-decoration: none;
}

.owl-theme .owl-nav .disabled {
  cursor: default;
  opacity: 0.5;
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px;
}

.owl-theme .owl-dots .owl-dot {
  display: inline-block;
  zoom: 1;
}

.owl-theme .owl-dots .owl-dot span {
  -webkit-backface-visibility: visible;
  background: #d6d6d6;
  border-radius: 30px;
  display: block;
  height: 10px;
  margin: 5px 7px;
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  width: 10px;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: #869791;
}

/*************************************************************************************************************
*************************************            Flexslider           ****************************************
**************************************************************************************************************/
@font-face {
  font-family: "flexslider-icon";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/flexslider-icon.eot");
  src: url("fonts/flexslider-icon.eot?#iefix") format("embedded-opentype"), url("fonts/flexslider-icon.woff") format("woff"), url("fonts/flexslider-icon.ttf") format("truetype"), url("fonts/flexslider-icon.svg#flexslider-icon") format("svg");
}
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
  outline: none;
}

.slides,
.slides > li,
.flex-control-nav,
.flex-direction-nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.flex-pauseplay span {
  text-transform: capitalize;
}

.flexslider {
  margin: 0;
  padding: 0;
}

.flexslider .slides > li {
  display: none;
}

.flexslider .slides img {
  display: block;
  width: 100%;
}

.flexslider .slides::after {
  clear: both;
  content: " ";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

html[xmlns] .flexslider .slides {
  display: block;
}

* html .flexslider .slides {
  height: 1%;
}

.no-js .flexslider .slides > li:first-child {
  display: block;
}

/* DEFAULT THEME */
.flexslider {
  position: relative;
  zoom: 1;
}

.flexslider .slides {
  zoom: 1;
}

.flexslider .slides img {
  height: auto;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.carousel li {
  margin-right: 5px;
}

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav a {
  color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
  display: block;
  height: 40px;
  margin: -20px 0 0;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  text-decoration: none;
  text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
  top: 50%;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  width: 40px;
  z-index: 10;
}

.flex-direction-nav .flex-prev {
  left: -50px;
}

.flex-direction-nav .flex-next {
  right: -50px;
  text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
  left: -10px;
  opacity: 0.7;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
  opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 0.7;
  right: -10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  cursor: default;
  filter: alpha(opacity=0);
  opacity: 0 !important;
}

.flex-pauseplay a {
  bottom: 5px;
  color: #000;
  cursor: pointer;
  display: block;
  height: 20px;
  left: 10px;
  opacity: 0.8;
  overflow: hidden;
  position: absolute;
  width: 20px;
  z-index: 10;
}

.flex-pauseplay a::before {
  content: "\f004";
  display: inline-block;
  font-family: "flexslider-icon";
  font-size: 20px;
}

.flex-pauseplay a:hover {
  opacity: 1;
}

.flex-pauseplay a.flex-play::before {
  content: "\f003";
}

.flex-control-nav {
  bottom: -40px;
  position: absolute;
  text-align: center;
  width: 100%;
}

.flex-control-nav li {
  display: inline-block;
  *display: inline;
  margin: 0 6px;
  zoom: 1;
}

.flex-control-paging li a {
  background: #666;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 20px;
  -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
          box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
  cursor: pointer;
  display: block;
  height: 11px;
  text-indent: -9999px;
  width: 11px;
}

.flex-control-paging li a:hover {
  background: #333;
  background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
  background: #000;
  background: rgba(0, 0, 0, 0.9);
  cursor: default;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  overflow: hidden;
  position: static;
}

.flex-control-thumbs li {
  float: left;
  margin: 0;
  width: 25%;
}

.flex-control-thumbs img {
  cursor: pointer;
  display: block;
  height: auto;
  opacity: 0.7;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
  width: 100%;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  cursor: default;
  opacity: 1;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    left: 10px;
    opacity: 1;
  }

  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 10px;
  }
}
/*************************************************************************************************************
*************************************            LightGallery           ***************************************
**************************************************************************************************************/
.lg-icon {
  font-family: "icomoon";
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  color: #999;
  cursor: pointer;
  display: block;
  font-size: 22px;
  font-size: 40px;
  position: absolute;
  top: 50%;
  z-index: 1080;
}

.lg-actions .lg-next.disabled,
.lg-actions .lg-prev.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.lg-actions .lg-next:hover,
.lg-actions .lg-prev:hover {
  color: #000;
}

.lg-actions .lg-next {
  right: 50px;
}

.lg-actions .lg-prev {
  left: 50px;
}

@-webkit-keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-right-end {
  0% {
    left: 0;
  }
  50% {
    left: -30px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
@keyframes lg-left-end {
  0% {
    left: 0;
  }
  50% {
    left: 30px;
  }
  100% {
    left: 0;
  }
}
.lg-outer.lg-right-end .lg-object {
  -webkit-animation: lg-right-end 0.3s;
          animation: lg-right-end 0.3s;
  position: relative;
}

.lg-outer.lg-left-end .lg-object {
  -webkit-animation: lg-left-end 0.3s;
          animation: lg-left-end 0.3s;
  position: relative;
}

.lg-toolbar {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1080;
}

.lg-toolbar .lg-icon {
  color: #999;
  cursor: pointer;
  float: right;
  font-size: 24px;
  height: 47px;
  line-height: 27px;
  outline: medium none;
  padding: 10px 0;
  text-align: center;
  text-decoration: none !important;
  width: 50px;
}

.lg-toolbar .lg-icon:hover {
  color: #000;
}

.lg-toolbar .lg-download {
  display: none;
}

.lg-sub-html {
  background-color: rgba(0, 0, 0, 0.45);
  bottom: 0;
  color: #eee;
  font-size: 16px;
  left: 0;
  padding: 10px 40px;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 1080;
}

.lg-sub-html h4 {
  font-size: 13px;
  font-weight: 700;
  margin: 0;
}

.lg-sub-html p {
  font-size: 12px;
  margin: 5px 0 0;
}

#lg-counter {
  color: #999;
  display: inline-block;
  font-size: 16px;
  padding-left: 20px;
  padding-top: 12px;
  vertical-align: middle;
}

.lg-toolbar,
.lg-prev,
.lg-next {
  opacity: 1;
  -webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-hide-items .lg-prev {
  opacity: 0;
  -webkit-transform: translate3d(-10px, 0, 0);
          transform: translate3d(-10px, 0, 0);
}

.lg-hide-items .lg-next {
  opacity: 0;
  -webkit-transform: translate3d(10px, 0, 0);
  transform: translate3d(10px, 0, 0);
}

.lg-hide-items .lg-toolbar {
  opacity: 0;
  -webkit-transform: translate3d(0, -10px, 0);
  transform: translate3d(0, -10px, 0);
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object {
  opacity: 0;
  -webkit-transform: scale3d(0.5, 0.5, 0.5);
          transform: scale3d(0.5, 0.5, 0.5);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: opacity 250ms, -webkit-transform 250ms ease 0s !important;
  transition: opacity 250ms, -webkit-transform 250ms ease 0s !important;
  transition: transform 250ms ease 0s, opacity 250ms !important;
  transition: transform 250ms ease 0s, opacity 250ms, -webkit-transform 250ms ease 0s !important;
}

body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}

.lg-outer .lg-thumb-outer {
  bottom: 0;
  max-height: 350px;
  position: absolute;
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s;
  width: 100%;
  z-index: 1080;
}

.lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg-thumb-outer.lg-dragging .lg-thumb {
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
}

.lg-outer.lg-thumb-open .lg-thumb-outer {
  -webkit-transform: translate3d(0, 0%, 0);
          transform: translate3d(0, 0%, 0);
}

.lg-outer .lg-thumb {
  height: 100%;
  margin-bottom: -5px;
  padding: 10px 0;
}

.lg-outer .lg-thumb-item {
  border: 2px solid #fff;
  border-radius: 5px;
  border-radius: 4px;
  cursor: pointer;
  float: left;
  height: 100%;
  margin-bottom: 5px;
  overflow: hidden;
}

@media (min-width: 1025px) {
  .lg-outer .lg-thumb-item {
    -webkit-transition: border-color 0.25s ease;
    transition: border-color 0.25s ease;
  }
}
.lg-outer .lg-thumb-item img {
  display: block;
  height: 100%;
  margin: 0 auto;
}

.lg-outer.lg-has-thumb .lg-item {
  padding-bottom: 120px;
}

.lg-outer.lg-can-toggle .lg-item {
  padding-bottom: 0;
}

.lg-outer.lg-pull-caption-up .lg-sub-html {
  -webkit-transition: bottom 0.25s ease;
  transition: bottom 0.25s ease;
}

.lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html {
  bottom: 100px;
}

.lg-outer .lg-toogle-thumb {
  display: none;
}

.lg-progress-bar {
  background-color: #333;
  height: 5px;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  -webkit-transition: opacity 0.08s ease 0s;
  transition: opacity 0.08s ease 0s;
  width: 100%;
  z-index: 1080;
}

.lg-progress-bar .lg-progress {
  background-color: #a90707;
  height: 5px;
  width: 0;
}

.lg-progress-bar.lg-start .lg-progress {
  width: 100%;
}

.lg-show-autoplay .lg-progress-bar {
  opacity: 1;
}

.lg-autoplay-button::after {
  content: "\e01d";
}

.lg-show-autoplay .lg-autoplay-button::after {
  content: "\e01a";
}

.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap,
.lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-transition-duration: 0s;
          transition-duration: 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.3s ease 0s;
  transition: -webkit-transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
}

.lg-outer .lg-item.lg-complete.lg-zoomable .lg-image {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-transform: scale3d(1, 1, 1);
          transform: scale3d(1, 1, 1);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  -webkit-transition: opacity 0.15s, -webkit-transform 0.3s ease 0s !important;
  transition: opacity 0.15s, -webkit-transform 0.3s ease 0s !important;
  transition: transform 0.3s ease 0s, opacity 0.15s !important;
  transition: transform 0.3s ease 0s, opacity 0.15s, -webkit-transform 0.3s ease 0s !important;
}

#lg-zoom-in::after {
  content: "\f00e";
}

#lg-zoom-out {
  opacity: 0.5;
  pointer-events: none;
}

#lg-zoom-out::after {
  content: "\f010";
}

.lg-zoomed #lg-zoom-out {
  opacity: 1;
  pointer-events: auto;
}

.lg-outer .lg-pager-outer {
  bottom: 60px;
  height: 10px;
  left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  z-index: 1080;
}

.lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont {
  overflow: visible;
}

.lg-outer .lg-pager-cont {
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
  overflow: hidden;
  position: relative;
  vertical-align: top;
}

.lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.lg-outer .lg-pager-cont.lg-pager-active .lg-pager {
  -webkit-box-shadow: 0 0 0 2px white inset;
          box-shadow: 0 0 0 2px white inset;
}

.lg-outer .lg-pager-thumb-cont {
  background-color: #fff;
  border-radius: 3px;
  bottom: 100%;
  color: #fff;
  height: 83px;
  left: 0;
  margin-bottom: 20px;
  margin-left: -60px;
  opacity: 0;
  padding: 5px;
  position: absolute;
  -webkit-transform: translate3d(0, 5px, 0);
          transform: translate3d(0, 5px, 0);
  -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s;
  transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  width: 120px;
}

.lg-outer .lg-pager-thumb-cont img {
  height: 100%;
  width: 100%;
}

.lg-outer .lg-pager {
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
          box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset;
  display: block;
  height: 12px;
  -webkit-transition: -webkit-box-shadow 0.3s ease 0s;
  transition: -webkit-box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s;
  transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s;
  width: 12px;
}

.lg-outer .lg-pager:hover,
.lg-outer .lg-pager:focus {
  -webkit-box-shadow: 0 0 0 8px white inset;
          box-shadow: 0 0 0 8px white inset;
}

.lg-outer .lg-caret {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px dashed;
  bottom: -10px;
  display: inline-block;
  height: 0;
  left: 50%;
  margin-left: -5px;
  position: absolute;
  vertical-align: middle;
  width: 0;
}

.lg-fullscreen::after {
  content: "\e20c";
}

.lg-fullscreen-on .lg-fullscreen::after {
  content: "\e20d";
}

.group {
  *zoom: 1;
}

.group::before,
.group::after {
  content: "";
  display: table;
  line-height: 0;
}

.group::after {
  clear: both;
}

.lg-outer {
  height: 100%;
  left: 0;
  opacity: 0;
  position: fixed;
  top: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
  width: 100%;
  z-index: 1050;
}

.lg-outer * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.lg-outer.lg-visible {
  opacity: 1;
}

.lg-outer.lg-css3 .lg-item.lg-prev-slide,
.lg-outer.lg-css3 .lg-item.lg-next-slide,
.lg-outer.lg-css3 .lg-item.lg-current {
  -webkit-transition-timing-function: inherit !important;
          transition-timing-function: inherit !important;
}

.lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide,
.lg-outer.lg-css3.lg-dragging .lg-item.lg-current {
  opacity: 1;
}

.lg-outer.lg-grab img.lg-object {
  cursor: -webkit-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}

.lg-outer.lg-grabbing img.lg-object {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}

.lg-outer .lg {
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  max-height: 100%;
  max-width: 100%;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.lg-outer .lg-inner {
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  white-space: nowrap;
  width: 100%;
}

.lg-outer .lg-item {
  background: url("../img/loader.gif") no-repeat scroll center center transparent;
  display: none !important;
}

.lg-outer.lg-css3 .lg-prev-slide,
.lg-outer.lg-css3 .lg-current,
.lg-outer.lg-css3 .lg-next-slide {
  display: inline-block !important;
}

.lg-outer.lg-css .lg-current {
  display: inline-block !important;
}

.lg-outer .lg-item,
.lg-outer .lg-img-wrap {
  display: inline-block;
  height: 100%;
  position: absolute;
  text-align: center;
  width: 100%;
}

.lg-outer .lg-item::before,
.lg-outer .lg-img-wrap::before {
  content: "";
  display: inline-block;
  height: 50%;
  margin-right: -1px;
  width: 1px;
}

.lg-outer .lg-img-wrap {
  bottom: 0;
  left: 0;
  padding: 0 5px;
  right: 0;
  top: 0;
}

.lg-outer .lg-item.lg-complete {
  background-image: none;
}

.lg-outer .lg-item.lg-current {
  z-index: 1060;
}

.lg-outer .lg-image {
  display: inline-block;
  height: auto !important;
  max-height: 100%;
  max-width: 100%;
  vertical-align: middle;
  width: auto !important;
}

.lg-outer.lg-show-after-load .lg-item .lg-object,
.lg-outer.lg-show-after-load .lg-item .lg-video-play {
  opacity: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
}

.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object,
.lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play {
  opacity: 1;
}

.lg-outer .lg-empty-html {
  display: none;
}

.lg-outer.lg-hide-download #lg-download {
  display: none;
}

.lg-backdrop {
  background-color: #fff;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: opacity 0.15s ease 0s;
  transition: opacity 0.15s ease 0s;
  z-index: 1040;
}

.lg-backdrop.in {
  opacity: 1;
}

.lg-css3.lg-no-trans .lg-prev-slide,
.lg-css3.lg-no-trans .lg-next-slide,
.lg-css3.lg-no-trans .lg-current {
  -webkit-transition: none 0s ease 0s !important;
  transition: none 0s ease 0s !important;
}

.lg-css3.lg-use-css3 .lg-item {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.lg-css3.lg-use-left .lg-item {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

.lg-css3.lg-fade .lg-item {
  opacity: 0;
}

.lg-css3.lg-fade .lg-item.lg-current {
  opacity: 1;
}

.lg-css3.lg-fade .lg-item.lg-prev-slide,
.lg-css3.lg-fade .lg-item.lg-next-slide,
.lg-css3.lg-fade .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s;
  transition: opacity 0.1s ease 0s;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item {
  opacity: 0;
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}

.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current {
  -webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s;
}

.lg-css3.lg-slide.lg-use-left .lg-item {
  left: 0;
  opacity: 0;
  position: absolute;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide {
  left: -100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide {
  left: 100%;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  left: 0;
  opacity: 1;
}

.lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide,
.lg-css3.lg-slide.lg-use-left .lg-item.lg-current {
  -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
  transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s;
}

/*************************************************************************************************************
*************************************            Scrollbar           *****************************************
**************************************************************************************************************/
/*************** SCROLLBAR BASE CSS ***************/
.scroll-wrapper {
  overflow: hidden !important;
  padding: 0 !important;
  position: relative;
}

.scroll-wrapper > .scroll-content {
  border: none !important;
  -webkit-box-sizing: content-box !important;
          box-sizing: content-box !important;
  height: auto;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none !important;
  overflow: scroll !important;
  position: relative !important;
  top: 0;
  width: auto !important;
}

.scroll-wrapper > .scroll-content::-webkit-scrollbar {
  height: 0;
  width: 0;
}

.scroll-element {
  display: none;
}

.scroll-element,
.scroll-element div {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
  display: block;
}

.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
  cursor: default;
}

.scroll-textarea {
  border: 1px solid #ccc;
  border-top-color: #999;
}

.scroll-textarea > .scroll-content {
  overflow: hidden !important;
}

.scroll-textarea > .scroll-content > textarea {
  border: none !important;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  height: 100% !important;
  margin: 0;
  max-height: none !important;
  max-width: none !important;
  outline: none;
  overflow: scroll !important;
  padding: 2px;
  position: relative !important;
  top: 0;
  width: 100% !important;
}

.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
  height: 0;
  width: 0;
}

/*************** SIMPLE INNER SCROLLBAR ***************/
.scroll-wrapper > .scroll-element,
.scroll-wrapper > .scroll-element div {
  border: none;
  margin: 0;
  padding: 0;
  position: absolute;
  z-index: 10;
}

.scroll-wrapper > .scroll-element div {
  display: block;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}

.scroll-wrapper > .scroll-element.scroll-x {
  bottom: 2px;
  height: 8px;
  left: 0;
  width: 100%;
}

.scroll-wrapper > .scroll-element.scroll-y {
  height: 100%;
  right: 10px;
  top: 0;
  width: 8px;
}

.scroll-wrapper > .scroll-element .scroll-element_outer {
  overflow: hidden;
}

.scroll-wrapper > .scroll-element .scroll-element_outer,
.scroll-wrapper > .scroll-element .scroll-element_track,
.scroll-wrapper > .scroll-element .scroll-bar {
  border-radius: 8px;
}

.scroll-wrapper > .scroll-element .scroll-element_track,
.scroll-wrapper > .scroll-element .scroll-bar {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  filter: alpha(opacity=40);
  opacity: 0.4;
}

.scroll-wrapper > .scroll-element .scroll-element_track {
  background-color: #e0e0e0;
}

.scroll-wrapper > .scroll-element .scroll-bar {
  background-color: #c2c2c2;
}

.scroll-wrapper > .scroll-element:hover .scroll-bar {
  background-color: #919191;
}

.scroll-wrapper > .scroll-element.scroll-draggable .scroll-bar {
  background-color: #919191;
}

/* update scrollbar offset if both scrolls are visible */
.scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track {
  left: -12px;
}

.scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track {
  top: -12px;
}

.scroll-wrapper > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size {
  left: -12px;
}

.scroll-wrapper > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size {
  top: -12px;
}

.scroll-wrapper > .scroll-element.scroll-x {
  display: none !important;
}

/*********************************************************************************************   */
/**********************************************   fancybox  ***********************************/
/*********************************************************************************************   */
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  border: 0;
  margin: 0;
  outline: none;
  padding: 0;
  vertical-align: top;
}

.fancybox-wrap {
  left: 0;
  position: absolute;
  top: 0;
  z-index: 8020;
}

.fancybox-skin {
  background: #f9f9f9;
  border-radius: 4px;
  color: #444;
  position: relative;
  text-shadow: none;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
  display: block;
  height: 100%;
  width: 100%;
}

.fancybox-image {
  max-height: 100%;
  max-width: 100%;
}

#fancybox-loading {
  background-position: 0 -108px;
  cursor: pointer;
  left: 50%;
  margin-left: -22px;
  margin-top: -22px;
  opacity: 0.8;
  position: fixed;
  top: 50%;
  z-index: 8060;
}

#fancybox-loading div {
  height: 44px;
  width: 44px;
}

.fancybox-close {
  background-color: #000;
  border-radius: 3rem;
  cursor: pointer;
  height: 36px;
  line-height: 36px;
  position: absolute;
  right: -18px;
  text-align: center;
  top: -18px;
  width: 36px;
  z-index: 8040;
}
.fancybox-close::before {
  color: #fff;
  content: "\e906";
  font-family: icomoon;
}

.fancybox-nav {
  background: transparent url("blank.gif");
  /* helps IE */
  cursor: pointer;
  height: 100%;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  text-decoration: none;
  top: 0;
  width: 40%;
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  cursor: pointer;
  height: 34px;
  margin-top: -18px;
  position: absolute;
  top: 50%;
  visibility: hidden;
  width: 36px;
  z-index: 8040;
}

.fancybox-prev span {
  background-position: 0 -36px;
  left: 10px;
}

.fancybox-next span {
  background-position: 0 -72px;
  right: 10px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  left: -99999px;
  max-height: 99999px;
  max-width: 99999px;
  overflow: visible !important;
  position: absolute;
  top: -99999px;
  visibility: hidden;
}

/* Overlay helper */
.fancybox-lock {
  overflow: hidden !important;
  width: auto;
}

.fancybox-lock body {
  overflow: hidden !important;
}

.fancybox-lock-test {
  overflow-y: hidden !important;
}

.fancybox-overlay {
  background: rgba(0, 0, 0, 0.8);
  display: none;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 8010;
}

.fancybox-overlay-fixed {
  bottom: 0;
  position: fixed;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  visibility: hidden;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  bottom: 0;
  margin-bottom: -35px;
  position: absolute;
  right: 50%;
  text-align: center;
  z-index: 8050;
}

.fancybox-title-float-wrap .child {
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  border-radius: 15px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  line-height: 24px;
  margin-right: -100%;
  padding: 2px 20px;
  text-shadow: 0 1px 2px #222;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  color: #fff;
  margin-top: 10px;
  position: relative;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  background: #000;
  background: rgba(0, 0, 0, 0.8);
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 10px;
  position: absolute;
}

/* Retina graphics! */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
  #fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
    background-size: 44px 152px;
    /* The size of the normal image, half the size of the hi-res image */
  }

  #fancybox-loading div {
    background-size: 24px 24px;
    /* The size of the normal image, half the size of the hi-res image */
  }
}
/*************************************************************************************************************
*************************************            datepicker           *****************************************
**************************************************************************************************************/
/************** configuration ***********/
/* icon calendar */
.datepicker-ctn {
  position: relative;
}
.datepicker-ctn .ui-datepicker-trigger {
  position: absolute;
  bottom: 0;
  right: 2rem;
  top: 0;
  cursor: pointer;
  height: 2rem;
  margin: auto;
  width: 2rem;
}

/* input */
/* calendar */
#ui-datepicker-div {
  background-color: #fff;
  border: 1px solid #000;
  margin-left: 39.5rem;
  z-index: 2 !important;
}

.ui-datepicker.ui-widget-content .ui-datepicker-header .ui-datepicker-title {
  margin: 0 2rem;
}
.ui-datepicker.ui-widget-content .ui-datepicker-header .ui-datepicker-title select {
  border-color: #000;
}
.ui-datepicker.ui-widget-content .ui-datepicker-header .ui-datepicker-title select:first-child {
  margin-right: 0.5rem;
  width: 42%;
}
.ui-datepicker.ui-widget-content .ui-datepicker-header a {
  font-size: 0;
  line-height: 2rem;
  width: 2rem;
}
.ui-datepicker.ui-widget-content .ui-datepicker-header .ui-icon::before {
  content: "\e926";
  display: block;
  font-family: "icomoon";
  font-size: 1.2rem;
  padding: 1rem 0;
  text-align: center;
  width: 2rem;
}
.ui-datepicker.ui-widget-content .ui-datepicker-header .ui-datepicker-prev .ui-icon::before {
  content: "\e925";
}
.ui-datepicker.ui-widget-content .ui-datepicker-header .ui-datepicker-next .ui-icon::before {
  content: "\e926";
}

@media (max-width: 767px) {
  #ui-datepicker-div {
    margin-left: 0;
  }
}
/************** base ***********/
.ui-datepicker {
  display: none;
  padding: 0.2em 0.2em 0;
  width: 17em;
}

.ui-datepicker .ui-datepicker-header {
  padding: 0.2em 0;
  position: relative;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  height: 1.8em;
  position: absolute;
  top: 2px;
  width: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  left: 50%;
  margin-left: -8px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
}

.ui-datepicker .ui-datepicker-title {
  line-height: 1.8em;
  margin: 0 2.3em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  border-collapse: collapse;
  font-size: 0.9em;
  margin: 0 0 0.4em;
  width: 100%;
}

.ui-datepicker th {
  border: 0;
  font-weight: bold;
  padding: 0.7em 0.3em;
  text-align: center;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  cursor: pointer;
  float: right;
  margin: 0.5em 0.2em 0.4em;
  overflow: visible;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  margin: 0 auto 0.4em;
  width: 95%;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  font-size: 0;
  width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  left: auto;
  right: 2px;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  left: auto;
  right: 1px;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 1px;
  border-right-width: 0;
}

.alert {
  border-radius: 0;
  margin-bottom: 1.5rem;
  max-width: 100%;
  padding: 0.5rem;
}
.alert .ctn, .alert .advslider .owl-nav, .advslider .alert .owl-nav, .alert .advslider .owl-dots, .advslider .alert .owl-dots {
  max-width: 100%;
}
.alert-fw {
  text-align: center;
  width: 100%;
}
.alert-success {
  background-color: rgba(0, 128, 0, 0.2);
  border: green;
  color: green;
}
.alert-warning {
  background-color: rgba(255, 165, 0, 0.2);
  border: orange;
  color: orange;
}
.alert-danger {
  background-color: rgba(255, 0, 0, 0.2);
  border: red;
  color: red;
}
.alert-info {
  background-color: rgba(128, 128, 128, 0.2);
  border: grey;
  color: grey;
}
.alert-file {
  background-color: #f6f1e9;
  border: #c2a36d;
  border: 0.1rem solid #c2a36d;
  color: #c2a36d;
}

.label-success {
  color: green;
}
.label-warning {
  color: orange;
}
.label-danger {
  color: red;
}

/* titles */
.h1 {
  font-size: 3rem;
  line-height: 1;
  margin-bottom: 2.5rem;
  /* light option */
}
@media (min-width: 480px) {
  .h1 {
    font-size: 3.5rem;
  }
}
@media (min-width: 768px) {
  .h1 {
    font-size: 4rem;
  }
}
@media (min-width: 2001px) {
  .h1 {
    font-size: 5rem;
  }
}
@media (min-width: 9999px) {
  .h1 {
    font-size: 5rem;
  }
}
@media (min-width: 9999px) {
  .h1 {
    font-size: 6rem;
  }
}
.h1 span {
  display: block;
}
.has-content-light .h1 {
  color: #fff;
}

.h2 {
  display: block;
  font-size: 2.8rem;
  margin-bottom: 1.4rem;
  /* light option */
}
@media (min-width: 480px) {
  .h2 {
    font-size: 3rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 768px) {
  .h2 {
    font-size: 3.5rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 2001px) {
  .h2 {
    font-size: 4rem;
  }
}
@media (min-width: 9999px) {
  .h2 {
    font-size: 4.4rem;
    margin-bottom: 3rem;
  }
}
.has-content-light .h2 {
  color: #fff;
}

.h3 {
  display: block;
  font-size: 1.8rem;
  margin-bottom: 1.4rem;
  /* light option */
}
.h3 span {
  display: block;
}
@media (min-width: 480px) {
  .h3 {
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .h3 {
    font-size: 2.2rem;
    margin-bottom: 1.9rem;
  }
}
@media (min-width: 2001px) {
  .h3 {
    font-size: 2.4rem;
    margin-bottom: 2.2rem;
  }
}
@media (min-width: 9999px) {
  .h3 {
    font-size: 2.6rem;
    margin-bottom: 2.5rem;
  }
}
.has-content-light .h3 {
  color: #fff;
}

.account-ctn .h3,
.h3-order {
  font-size: 2rem;
  text-transform: uppercase;
}

.h4 {
  display: block;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .h4 {
    margin-bottom: 1.5rem;
  }
}
.h4-medium, .block-info-title {
  display: block;
  font-size: 1.6rem;
  font-weight: normal;
  margin-bottom: 1.5rem;
}
@media (min-width: 2001px) {
  .h4-medium, .block-info-title {
    font-size: 2rem;
    margin-bottom: 2rem;
  }
}

.h3-medium {
  display: block;
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 1.5rem;
}
@media (min-width: 2001px) {
  .h3-medium {
    font-size: 2.4rem;
    margin-bottom: 2rem;
  }
}

/*** autre styles ****/
a {
  color: inherit;
  cursor: pointer;
  text-decoration: none;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
a:hover {
  text-decoration: none;
}

.link {
  text-decoration: underline;
}

.link2 {
  color: #707070;
  font-size: 1.2rem;
  text-decoration: underline;
}

.info-style, .product-row .qty-in-meter {
  font-size: 1rem;
}
@media (min-width: 768px) {
  .info-style, .product-row .qty-in-meter {
    font-size: 1.2rem;
  }
}

/* powerful */
.pwl {
  font-size: 1.4rem;
  font-weight: 500;
}
@media (min-width: 768px) {
  .pwl {
    font-size: 1.6rem;
  }
}

strong {
  font-weight: 500;
}

.barre {
  text-decoration: line-through;
}

hr {
  border: 0;
  border-top: 1px solid #000;
}

/*** styles wysiwyg ****/
.wysiwyg {
  line-height: 1.5;
}
.wysiwyg.has-big-txt {
  font-size: 1.4rem;
}
@media (min-width: 2001px) {
  .wysiwyg.has-big-txt {
    font-size: 1.8rem;
  }
}
.wysiwyg ul {
  color: #707070;
  padding: 5px 15px;
}
.wysiwyg ul li {
  list-style-position: inside;
  list-style-type: disc;
}
.wysiwyg strong {
  color: #000;
}
.wysiwyg em {
  font-style: italic;
}
.wysiwyg p {
  color: #707070;
  line-height: 1.5;
  margin-bottom: 1.5rem;
  /* light option */
}
.has-content-light .wysiwyg p {
  color: #fff;
}
.wysiwyg p a {
  color: #cbb579;
  text-decoration: underline;
}
.wysiwyg img {
  height: auto;
  max-width: 100%;
}
.wysiwyg .table-responsive {
  display: block;
  overflow-x: auto;
  width: 100%;
}
.wysiwyg blockquote,
.wysiwyg blockquote * {
  color: #000;
  font-size: 1.8rem;
}
.wysiwyg table {
  width: 100%;
}
.wysiwyg td,
.wysiwyg th {
  border: 1px solid #000;
  padding: 1rem;
}
.wysiwyg th {
  background-color: #ccc;
}

.wysiwyg h2,
.h2-wysiwyg {
  display: block;
  font-size: 2.4rem;
  line-height: 1.1;
  margin-bottom: 1.4rem;
}
@media (min-width: 480px) {
  .wysiwyg h2,
.h2-wysiwyg {
    font-size: 2.8rem;
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 768px) {
  .wysiwyg h2,
.h2-wysiwyg {
    font-size: 3rem;
    margin-bottom: 2rem;
  }
}
@media (min-width: 2001px) {
  .wysiwyg h2,
.h2-wysiwyg {
    font-size: 3.2rem;
  }
}
@media (min-width: 9999px) {
  .wysiwyg h2,
.h2-wysiwyg {
    font-size: 4rem;
    margin-bottom: 3rem;
  }
}

.wysiwyg h3,
.h3-wysiwyg {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 1.4rem;
  text-transform: uppercase;
}
@media (min-width: 480px) {
  .wysiwyg h3,
.h3-wysiwyg {
    margin-bottom: 1.5rem;
  }
}
@media (min-width: 768px) {
  .wysiwyg h3,
.h3-wysiwyg {
    font-size: 1.5rem;
    margin-bottom: 1.9rem;
  }
}
@media (min-width: 2001px) {
  .wysiwyg h3,
.h3-wysiwyg {
    font-size: 1.6rem;
    margin-bottom: 2.2rem;
  }
}
@media (min-width: 9999px) {
  .wysiwyg h3,
.h3-wysiwyg {
    font-size: 1.8rem;
    margin-bottom: 3.5rem;
  }
}

.wysiwyg h4,
.h4-wysiwyg {
  display: block;
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .wysiwyg h4,
.h4-wysiwyg {
    font-size: 1.5rem;
    line-height: 1.7rem;
  }
}
@media (min-width: 2001px) {
  .wysiwyg h4,
.h4-wysiwyg {
    font-size: 1.6rem;
    line-height: 1.8rem;
  }
}
@media (min-width: 9999px) {
  .wysiwyg h4,
.h4-wysiwyg {
    font-size: 1.8rem;
    line-height: 2rem;
  }
}

.h1-tablet {
  display: block;
  font-size: 1.4rem;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.17rem;
  text-transform: uppercase;
}

.h2-tablet, .block-header, .tbl-box .tbl-box-header {
  display: block;
  font-size: 1.4em;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.17rem;
  text-transform: uppercase;
}

.very-big-txt {
  font-size: 2.15em;
}

.big-txt {
  font-size: 1.5em;
}

.medium-txt {
  font-size: 1.15em;
}

.small-txt {
  font-size: 0.865em;
}

.section-block {
  padding: 2rem 0;
}
.section-block.has-border {
  border-top: 3px solid #000;
}
.section-block-header {
  text-align: center;
}
.section-block-header-title {
  margin-bottom: 1.5rem;
}
.section-block-header-subtitle {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .section-block {
    padding: 5rem 0;
  }
  .section-block .h2 {
    margin-bottom: 5rem;
  }
  .section-block .h2.graphic-2 {
    margin-bottom: 0;
  }
}

.block-info {
  border: 1px solid #000;
  border-radius: 0;
  margin-bottom: 1.5rem;
  padding: 2rem;
  position: relative;
}
@media (min-width: 2001px) {
  .block-info {
    margin-bottom: 3rem;
    padding: 2rem 3rem;
  }
}
.block-info-row .has-border.line {
  border-bottom: 1px solid #000;
  margin-bottom: 2rem;
  margin-left: -2rem;
  margin-right: -2rem;
  margin-top: -2rem;
}
@media (min-width: 2001px) {
  .block-info-row .has-border.line {
    margin-left: -3rem;
    margin-right: -3rem;
  }
}
.block-info-row > div {
  margin-bottom: 1rem;
}
@media (min-width: 480px) {
  .block-info-row {
    margin-bottom: -3rem;
  }
  .block-info-row > div {
    margin-bottom: 3rem;
  }
}
.block-info .btn-link {
  margin-bottom: 0;
}
.block-info-row .block-info {
  height: 100%;
  margin-bottom: 0;
}
.block-info-inner {
  margin: 0;
}
.block-info-content {
  color: #707070;
  line-height: 1.4;
}
.block-info-title {
  color: #000;
  display: block;
  font-weight: 500;
}
.block-info-title.little {
  font-size: inherit;
}
.block-info-alias {
  color: #000;
  display: block;
  font-size: 1.6rem;
  margin-bottom: 1.5rem;
}
.block-info-footer {
  margin-top: 1.5rem;
}

.block {
  margin-bottom: 15px;
}

.block-address-footer.has-icons {
  position: absolute;
  bottom: 1rem;
  left: auto;
  right: 1rem;
  top: 1rem;
  margin: 0;
}
.block-address-footer.has-icons .btn-link {
  height: 2.5rem;
}
.block-address-footer.has-icons .btn-delete {
  position: absolute;
  bottom: 0;
  left: auto;
  right: 0;
  top: auto;
}

.graphic-1, .graphic-4, .graphic-3 {
  display: block;
  margin-bottom: 0;
}
.graphic-1 span, .graphic-4 span, .graphic-3 span {
  display: block;
}
.graphic-1::after, .graphic-4::after, .graphic-3::after {
  border-top: 3px solid #000;
  content: "";
  display: inline-block;
  margin-bottom: 2rem;
  margin-top: 1.5rem;
  max-width: 80%;
  width: 130px;
  /* light option */
}
@media (min-width: 768px) {
  .graphic-1::after, .graphic-4::after, .graphic-3::after {
    margin-bottom: 3rem;
  }
}
@media (min-width: 9999px) {
  .graphic-1::after, .graphic-4::after, .graphic-3::after {
    margin-bottom: 3.5rem;
  }
}
.has-content-light .graphic-1::after, .has-content-light .graphic-4::after, .has-content-light .graphic-3::after {
  border-color: #fff;
}
.graphic-1 + .subtitle, .graphic-4 + .subtitle, .graphic-3 + .subtitle {
  margin-top: -1.5rem;
}
@media (min-width: 768px) {
  .graphic-1 + .subtitle, .graphic-4 + .subtitle, .graphic-3 + .subtitle {
    margin-top: -2.5rem;
  }
}
@media (min-width: 9999px) {
  .graphic-1 + .subtitle, .graphic-4 + .subtitle, .graphic-3 + .subtitle {
    margin-top: -3.5rem;
  }
}

.graphic-2 {
  margin-bottom: 0;
}
.graphic-2 span {
  display: block;
}
.graphic-2::after {
  border-top: 3px solid #000;
  content: "";
  display: inline-block;
  margin-bottom: 1rem;
  margin-top: 1rem;
  width: 50px;
  /* light option */
}
@media (min-width: 768px) {
  .graphic-2::after {
    margin-bottom: 2rem;
    margin-top: 1.5rem;
  }
}
@media (min-width: 9999px) {
  .graphic-2::after {
    margin-bottom: 2.5rem;
  }
}
.has-content-light .graphic-2::after {
  border-color: #fff;
}

.graphic-3::after {
  border-color: #cbb579;
}
.graphic-3.has-long-underline span {
  max-width: 55rem;
}
.graphic-3.has-long-underline::after {
  max-width: 60%;
  width: 100%;
}

.graphic-4::after {
  width: 100%;
}

/* grid & space */
@media (min-width: 9999px) {
  .ctn-fluid.padded {
    padding-left: 7%;
    padding-right: 7%;
  }
}
.block {
  margin-bottom: 3rem;
}

.fh {
  height: 100%;
}

.fw {
  width: 100%;
}

.nw {
  white-space: nowrap;
}

.padding-main {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2001px) {
  .padding-main {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media (min-width: 9999px) {
  .padding-main {
    padding-left: 5%;
    padding-right: 5%;
  }
}
.padding-main-tablet {
  padding-bottom: 2em;
  padding-left: calc(2% - 1.5rem);
  padding-right: calc(2% - 1.5rem);
  padding-top: 2em;
}
@media (min-width: 9999px) {
  .padding-main-tablet {
    margin: auto;
    max-width: 130rem;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 9999px) {
  .padding-main-tablet-heading {
    padding-left: calc(5% + 5.5rem);
    padding-right: calc(5% + 5.5rem);
  }
}

.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.img-responsive {
  display: inline-block;
  height: auto;
  max-width: 100%;
}

.img-responsive2 {
  height: auto;
  width: 100%;
}

.block-type {
  display: block;
}

.cover {
  background-size: cover;
}

.valign-middle > * {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

.valign-top > * {
  display: inline-block;
  float: none;
  vertical-align: top;
}

.medium-ctn {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 107rem;
}

.md-sm-ctn {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 85rem;
}

.small-ctn {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 65rem;
}

.xs-ctn {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  width: 45rem;
}

.unvisible {
  display: none;
}

.ib {
  display: inline-block;
}

.clearfix::after, .input-button2-ctn::after, .input-button-ctn::after {
  clear: both;
  content: "";
  display: block;
}

.fw {
  width: 100%;
}

.fh {
  height: 100%;
}

/* styles */
.underline {
  text-decoration: underline;
}

.hidden {
  display: none;
}

.hidden-forced {
  display: none !important;
}

.text-right {
  text-align: right;
}

.img-fz-fix {
  font-size: 0;
  line-height: 0;
}

.mention {
  color: #707070;
  font-size: 1.1rem;
  margin-bottom: 0.5rem;
  margin-top: 1rem;
}
@media (min-width: 2001px) {
  .mention {
    font-size: 1.2rem;
  }
}

.fat-medium {
  font-weight: 500;
}

.fat {
  font-weight: 700;
}

.title-caps {
  text-transform: uppercase;
}

.separator {
  border-top: 3px solid #000;
}

.border-default {
  border: 0.1rem solid #ebebeb;
}

/* bg color */
.bg-img {
  background-size: cover;
}

.bg-white {
  background-color: #fff;
}

.bg-black {
  background-color: #000;
  color: #fff;
}

.bg-grey-light {
  background-color: #f6f6f6;
}

.bg-secondary-light {
  background: #faf7f1;
}

.bg-gold,
.bg-secondary {
  background-color: #c2a36d;
}

.bg-beige {
  background-color: #cbbda6;
}

.bg-blue {
  background-color: #d3e1e7;
}

.bg-green {
  background-color: #c1dbce;
}

.bg-turquoise {
  background-color: #ceebe7;
}

.bg-pink {
  background-color: #ceebe7;
}

.bg-orange {
  background-color: #ceebe7;
}

/* txt color */
.text-white {
  color: #fff;
}

.text-primary {
  color: #cbb579;
}

.text-bold {
  font-weight: bold;
}

.color-secondary {
  color: #cbb579;
}

/* video iframe */
.video-ctn {
  margin-bottom: 15px;
  padding-bottom: 56.25%;
  position: relative;
}
.video-ctn iframe {
  border: none;
  height: 100%;
  left: 0;
  margin: 0 0 0 0;
  overflow: hidden;
  padding: 0 0 0 0;
  position: absolute;
  top: 0%;
  width: 100%;
}

.mention {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
@media (min-width: 2001px) {
  .mention {
    font-size: 1.4rem;
  }
}

.row.with-gutter-thin {
  margin-left: -0.7rem;
  margin-right: -0.7rem;
}
.row.with-gutter-thin > div[class*=xxs] {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}

.triangle-ctn:before {
  color: #fff;
  content: "\e90a";
  font-family: icomoon;
  font-size: 5rem;
  line-height: 5rem;
}

.fb-100 {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
}

.line-through {
  text-decoration: line-through;
}

a.disabled, input.disabled {
  pointer-events: none;
  opacity: 50%;
}

.breadcrumb {
  font-size: 1rem;
  margin-bottom: 2rem;
  margin-top: 1rem;
}
.breadcrumb a {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .breadcrumb {
    font-size: 1.2rem;
  }
}

.btn-tablet {
  background: #000;
  border: 1px solid #000;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: block;
  font-size: 1em;
  font-weight: 500;
  letter-spacing: 0.1em;
  line-height: normal;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.btn-tablet:active {
  background-color: #cbb579;
  border-color: #cbb579;
}

.btn {
  background: #000;
  border: 3px solid #000;
  border-radius: 0;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  line-height: normal;
  overflow: hidden;
  padding: 10px 20px;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  z-index: 3;
}
.btn:hover, .btn.status-hover {
  background-color: #cbb579;
  border-color: #cbb579;
  color: #fff;
  text-decoration: none;
}
.btn-2 {
  background: #fff;
  border-color: #000;
  color: #000;
}
.btn-3 {
  background: #fff;
  border: none;
  border-color: #fff;
  color: #000;
}
.btn-3:hover, .btn-3.status-hover {
  background-color: #fff;
  color: #cbb579;
}
.btn-unstyled {
  background: transparent;
  border: 0;
  border-radius: 0;
  line-height: 1;
}
.btn-fw {
  text-align: center;
  width: 100%;
}
.btn-small {
  font-size: 1.3rem;
  height: auto;
  padding: 5px 13px;
}
.btn-big {
  font-size: 1.4rem;
  padding: 1.5rem 2rem;
}
@media (min-width: 2001px) {
  .btn-big {
    font-size: 1.6rem;
    padding: 2.3rem 5rem;
  }
}
.btn-link {
  background-color: transparent;
  color: #000;
  cursor: pointer;
  font-family: inherit;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 3rem;
  padding: 0;
  text-transform: uppercase;
}
.btn-link:hover {
  text-decoration: underline;
}
.btn-link2 {
  background-color: transparent;
  color: #000;
  cursor: pointer;
  font-family: inherit;
  font-size: 1.4rem;
  margin-bottom: 3rem;
  padding: 0;
}
.btn-link2:hover {
  font-weight: 500;
}
.btn-link2 span {
  font-size: 1.4rem;
}
@media (min-width: 2001px) {
  .btn-link2 {
    font-size: 1.6rem;
  }
  .btn-link2 span {
    font-size: 1.6rem;
  }
}
.btn-disabled {
  background-color: grey;
  border-color: grey;
  color: #fff;
}
.btn-disabled:hover, .btn-disabled:focus, .btn-disabled:active {
  background-color: grey;
  border-color: grey;
  color: #fff;
  outline: 0;
}

.btn-social {
  height: 30px;
  width: 30px;
  background: #000;
  border-radius: 50px;
  display: block;
  position: relative;
}
.btn-social .icon {
  color: #fff;
}
.btn-social:hover {
  background-color: #f6f6f6;
}

/*** product qty ****/
.product-qty {
  text-align: center;
}
.product-qty-ctn {
  position: relative;
}
.product-qty-down, .product-qty-up {
  background: none;
  border: 0;
  color: #000;
  cursor: pointer;
  font-size: 2rem;
  height: 100%;
  line-height: 3.3rem;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 45px;
  z-index: 2;
}
.product-qty-down {
  border: 0.1rem solid #ebebeb;
  left: 0;
}
.product-qty-down::before {
  content: "\e900";
  font-family: icomoon;
}
.product-qty-up {
  border: 0.1rem solid #ebebeb;
  right: 0;
}
.product-qty-up::before {
  content: "\e901";
  font-family: icomoon;
}
.product-qty-btn, .product-qty-input {
  font-weight: normal;
}
.product-qty-input {
  border: 0.1rem solid #ebebeb;
  border-radius: 0;
  color: #000;
  font-size: 2rem;
  height: 4rem;
  padding: 0 35px;
  position: relative;
  text-align: center;
  width: 100%;
  z-index: 1;
}
.product-qty-input:focus {
  border: 0;
}

.form-group {
  position: relative;
}
.form-group.password-valid {
  margin-top: 20px;
}
.form-group .control-label {
  color: #707070;
  display: block;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.form-group .form-control {
  border: 1px solid #000;
  font-size: 1.4rem;
  height: 44px;
  outline: none;
  padding: 4px 15px;
  width: 100%;
}
.form-group.form-ok .form-control {
  border-color: green;
  color: green;
}
.form-group.form-error .form-control {
  border-color: red;
  color: red;
}
.form-group .label-block {
  display: block;
}
.form-group .label-big {
  display: block;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 2rem;
  margin-bottom: 0.4rem;
}
.form-group-text {
  margin-bottom: 2rem;
}
.form-group-text label {
  color: #707070;
  font-weight: normal;
  left: 3.5rem;
  max-width: 80%;
  pointer-events: none;
  position: absolute;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (min-width: 480px) {
  .form-group-text label {
    left: 4rem;
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .form-group-text label {
    font-size: 1.4rem;
  }
}
@media (min-width: 2001px) {
  .form-group-text label {
    font-size: 1.6rem;
  }
}
.form-group-text label.notEmpty {
  font-size: 1.2rem;
  top: 13px;
}
.form-group-text .form-control:-webkit-autofill + label {
  font-size: 1.2rem;
  top: 13px;
}
.form-group-text .see-pwd {
  cursor: pointer;
  position: absolute;
  right: 3rem;
}
.form-group-text .see-pwd.on::before {
  background: none;
  content: "\e910";
}
.form-group-text .form-control {
  border: 1px solid #000;
  font-size: 1.6rem;
  height: 45px;
  padding: 8px 25px 0;
  width: 100%;
}
.form-group-textarea label {
  top: 2rem;
}
.form-group-textarea .form-control {
  min-height: 75px;
  padding-top: 3rem;
}
.form-group-date {
  position: relative;
  z-index: 0;
}
.form-group-date label {
  z-index: 1000;
}
.form-group-big {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .form-group-big {
    margin-bottom: 2.5rem;
  }
}
.form-group-select label {
  font-size: 1.2rem;
  top: 1.3rem;
  z-index: 2;
}
.form-group-select .custom-select span {
  padding: 4px 15px 0;
}
.form-group .mention {
  font-size: 1.4rem;
}
.form-group.with-mention {
  margin-bottom: 2rem;
}
.form-group.with-mention .mention {
  margin-top: 0.5rem;
  position: absolute;
}
.form-group.required .label-block:after {
  content: " *";
  color: red;
}

.block-valid-change .block-std-footer > div {
  margin-bottom: 15px;
}

.custom-select {
  position: relative;
}
.custom-select > label {
  color: #707070;
  display: block;
  font-size: 1.2rem;
  margin-bottom: 7px;
  text-align: left;
  top: 13px;
  z-index: 2;
}
@media (min-width: 480px) {
  .custom-select > label {
    margin-bottom: 10px;
  }
}
@media (min-width: 768px) {
  .custom-select > label {
    font-size: 1.4rem;
  }
}
@media (min-width: 2001px) {
  .custom-select > label {
    font-size: 1.4rem;
  }
}
.custom-select > span {
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 1.6rem;
  height: 45px;
  line-height: 45px;
  overflow: hidden;
  padding: 0 50px 0 25px;
  position: relative;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .custom-select > span {
    padding: 0 4rem 0 2.5rem;
  }
}
.custom-select > span::after {
  color: #000;
  content: "\e90b";
  cursor: pointer;
  display: block;
  font-family: "icomoon";
  font-size: 24px;
  font-style: normal;
  line-height: 1;
  margin-top: -12px;
  opacity: 1;
  position: absolute;
  right: 1rem;
  top: 50%;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  width: 25px;
}
.custom-select > span.open {
  border-color: #000;
}
.custom-select > span.open::after {
  opacity: 1;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.custom-select label + select + span,
.custom-select label + span {
  padding-bottom: 0;
  padding-top: 0.8rem;
}
.custom-select > ul {
  background: #fff;
  border: 1px solid #000;
  display: none;
  list-style-type: none;
  margin: -1px 0 0 0;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  z-index: 10;
}
.custom-select > ul li {
  color: #000;
  cursor: pointer;
  font-size: 14px;
  padding: 12px 10px;
}
.custom-select > ul li input {
  height: 30px;
  width: 100%;
}
.custom-select > ul li:hover, .custom-select > ul li.selected {
  background-color: #f6f6f6;
}
.custom-select > ul.open {
  display: block;
}
.custom-select.disabled > span {
  cursor: not-allowed;
  opacity: 0.5;
}
.custom-select.disabled > label .label {
  cursor: not-allowed;
  opacity: 0.5;
}
.custom-select > select {
  display: none;
}

.input-select-header .row .label-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 30px;
}
.input-select-header label {
  margin: 0;
}
.input-select-header .custom-select {
  padding-top: 4px;
  height: 30px;
}
.input-select-header .custom-select > span {
  height: 30px;
  line-height: 28px;
}
.input-select-header .custom-select > span :after {
  display: none;
}

.custom-checkbox {
  position: relative;
}
.custom-checkbox label {
  cursor: pointer;
  display: block;
  font-weight: normal;
  margin-bottom: 0;
}
.custom-checkbox input {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  height: 18px;
  left: -1rem;
  margin: 0;
  opacity: 0;
  padding: 2rem;
  position: absolute;
  top: -1rem;
  width: 18px;
  z-index: 3;
}
.custom-checkbox::before {
  background-color: #fff;
  border: 2px solid #000;
  content: "";
  cursor: pointer;
  display: block;
  height: 18px;
  position: relative;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  width: 18px;
  z-index: 1;
}
.custom-checkbox::after {
  color: #cbb579;
  content: "\e905";
  cursor: pointer;
  display: block;
  font-family: "icomoon";
  font-size: 1.2rem;
  left: 3px;
  line-height: 1;
  opacity: 0;
  position: absolute;
  top: 3px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  width: 15px;
  z-index: 2;
}
.custom-checkbox.checked::before {
  border-color: #000;
}
.custom-checkbox.checked::after {
  opacity: 1;
}
.custom-checkbox.inline::before {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
}
.custom-checkbox.inline label {
  color: #010102;
  display: inline-block;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: -0.3rem;
  max-width: 85%;
  padding-top: 3px;
  text-transform: none;
  vertical-align: top;
  font-size: 13px;
  font-size: 1.3rem;
}
@media (min-width: 480px) {
  .custom-checkbox.inline label {
    font-size: 1.4rem;
    margin-top: -0.1rem;
    padding-top: 1px;
  }
}
.custom-checkbox .ipanel {
  text-decoration: underline;
}

.custom-radio {
  clear: both;
  min-height: 20px;
  padding: 2px 0 0 3rem;
  position: relative;
}
.custom-radio label {
  color: #3d333b;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  margin: 0.3rem;
  min-height: 20px;
  text-transform: none;
  vertical-align: middle;
}
.custom-radio label small {
  display: block;
  font-size: 12px;
}
.custom-radio input {
  cursor: pointer;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.custom-radio::before {
  background-color: #fff;
  border: 2px solid #000;
  border-radius: 50%;
  content: "";
  cursor: pointer;
  display: block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0.3rem;
  width: 20px;
}
.custom-radio::after {
  background-color: #cbb579;
  border-radius: 50%;
  content: "";
  cursor: pointer;
  display: block;
  height: 10px;
  left: 5px;
  opacity: 0;
  position: absolute;
  top: 0.8rem;
  -webkit-transform: scale(0);
          transform: scale(0);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  width: 10px;
}
.custom-radio.checked::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}
.custom-radio.inline label {
  margin-bottom: 0;
  max-width: 100%;
}
.custom-radio.inline::before {
  color: #3d333b;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  text-transform: none;
  vertical-align: middle;
}

.radio-special .custom-radio.inline {
  padding: 0;
  position: relative;
  top: 0;
}
.radio-special .custom-radio.inline::before, .radio-special .custom-radio.inline::after {
  display: none;
}
.radio-special .custom-radio.inline label {
  border: 1px solid #000;
  border-radius: 0.3rem;
  padding: 1rem 3rem;
  top: 0;
}
.radio-special .custom-radio.inline.checked label, .radio-special .custom-radio.inline:hover label {
  background-color: #f6f6f6;
  color: #fff;
}

.custom-input-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.input-button {
  display: inline-block;
  float: left;
  height: 44px;
  position: relative;
}
.input-button-ctn {
  margin-bottom: 2rem;
}
.input-button-ctn .control-label {
  color: #000;
  display: block;
  font-size: 1.4rem;
  margin: 0;
  margin-bottom: 0.5rem;
}
@media (min-width: 2001px) {
  .input-button-ctn .control-label {
    font-size: 1.6rem;
  }
}
.input-button .custom-checkbox,
.input-button .custom-radio {
  padding: 0;
}
.input-button .custom-checkbox::before, .input-button .custom-checkbox::after,
.input-button .custom-radio::before,
.input-button .custom-radio::after {
  content: none;
}
.input-button .custom-radio,
.input-button .custom-checkbox,
.input-button label {
  height: 100%;
}
.input-button .checked, .input-button:hover {
  border-color: #cbb579;
}
.input-button .checked .custom-radio,
.input-button .checked .custom-checkbox, .input-button:hover .custom-radio,
.input-button:hover .custom-checkbox {
  border-color: #cbb579;
}
.input-button .checked label, .input-button:hover label {
  background-color: #cbb579;
  border-color: #cbb579;
  color: #fff;
}
.input-button label {
  background-color: #fff;
  border: 3px solid #000;
  border-radius: 0;
  color: #707070;
  margin: 0;
  padding: 9px 15px;
  position: static;
  text-align: center;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  width: 100%;
}

.custom-file {
  height: 45px;
  position: relative;
}
.custom-file label {
  color: #707070;
  font-size: 1.2rem;
  height: 2rem;
  left: 1.5rem;
  top: 13px;
  z-index: 1;
}
.custom-file .form-control {
  color: #707070;
  cursor: pointer;
  height: 45px;
  opacity: 0;
  width: 100%;
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
}
.custom-file .filename {
  background-color: #fff;
  border: 1px solid #000;
  width: calc(100% - 80px);
}
.custom-file .filename,
.custom-file .action {
  display: inline-block;
  height: 45px;
  left: 0;
  line-height: 2rem;
  margin: 0;
  padding: 1.5rem 1.5rem 0;
  position: absolute;
  text-align: left;
  top: 0;
  font-size: 13px;
  font-size: 1.3rem;
}
.custom-file .action {
  background-color: transparent;
  border: 1px solid #000;
  border-left: 0;
  cursor: pointer;
  left: calc(100% - 80px);
  padding: 1rem;
  text-align: center;
  -webkit-transition: border 0.3s ease-in-out;
  transition: border 0.3s ease-in-out;
  width: 80px;
}
.custom-file .action::after {
  content: "\e91c";
  font-family: "icomoon";
  font-size: 20px;
}
.custom-file .action:hover {
  border-color: #000;
}

.radio-box {
  cursor: pointer;
}
.radio-box > label {
  display: block;
}
.radio-box > input {
  cursor: pointer;
  height: 49px;
  opacity: 0;
  position: absolute;
  width: 100%;
}
.radio-box .filename {
  background: #f2eceb;
  border: 0;
  color: #bba3a2;
  display: inline-block;
  font-size: 14px;
  height: 36px;
  line-height: 36px;
  margin-right: 10px;
  max-width: 60%;
  overflow: hidden;
  padding: 0 15px;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.radio-box .action {
  color: #bba3a2;
  display: inline-block;
  font-family: "fjalla";
  text-transform: uppercase;
  vertical-align: middle;
}
.radio-box .action::after {
  color: #ceb5b4;
  content: "\e925";
  display: inline-block;
  font-family: "icomoon";
  font-size: 20px;
  margin-left: 6px;
  position: relative;
  top: 3px;
}

.label-required {
  font-size: 11px;
  font-size: 1.1rem;
  position: absolute;
  right: 5px;
  top: 5px;
}
@media (min-width: 768px) {
  .label-required {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
@media (min-width: 2001px) {
  .label-required {
    position: absolute;
    bottom: 5px;
    right: 5px;
    top: auto;
  }
}

.small-label {
  font-size: 1.2rem;
}

input,
textarea {
  border-radius: 0;
}

.input-group {
  align-items: stretch;
  -webkit-box-align: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: stretch;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  width: 100%;
}
.input-group > *:first-child {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  margin-bottom: 0;
  padding-right: 0;
  position: relative;
  width: 1%;
}
.input-group-append {
  margin-left: -1px;
}
.input-group-ctn.row {
  margin-right: 0;
}

.submit .btn {
  z-index: auto;
}

.form-group {
  /* surcharge passwd */
}
.form-group label {
  font-size: 1.15em;
}
.form-group .form-control2 {
  border: 1px solid #ebebeb;
  font-size: 1em;
  height: 50px;
  outline: none;
  padding: 4px 15px;
  width: 100%;
}
.form-group .form-control2:active, .form-group .form-control2:focus {
  border-color: #000;
}
.form-group textarea.form-control2 {
  height: auto;
}
.form-group .form-group-text {
  margin-bottom: 0;
  position: relative;
}
.form-group .form-group-text .see-pwd {
  right: 1.5rem;
}

.custom-select2.custom-select > span {
  border-color: #ebebeb;
}

.input-group2 {
  position: relative;
}
.input-group2-addon {
  position: absolute;
  bottom: 0.4rem;
  left: auto;
  right: 0.4rem;
  top: 0.4rem;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #f5f8f9;
  color: #555;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: normal;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  width: 40px;
}
.input-group2-addon span {
  font-size: 1.15em;
}

.picto-radio-btn {
  border: 1px solid #efefef;
  text-align: center;
}
.picto-radio-btn .input-button {
  float: none;
  height: 100%;
  width: 100%;
}
.picto-radio-btn .custom-radio {
  border: none;
}
.picto-radio-btn .custom-radio label {
  border: none;
  padding: 0;
}
.picto-radio-btn .custom-radio .picto-radio-txt {
  display: inline-block;
  font-size: 1em;
  padding: 1em;
}
.picto-radio-btn .custom-radio.checked label {
  background-color: transparent;
  color: inherit;
}
.picto-radio-btn .custom-radio.checked label:before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  border: 0.1rem solid #000;
  content: "";
  pointer-events: none;
}

.input-button2 {
  display: inline-block;
  float: left;
  height: 50px;
  margin-bottom: 1rem;
  margin-right: 1rem;
  position: relative;
}
.input-button2-ctn {
  margin-bottom: 2rem;
}
.input-button2-ctn .control-label {
  color: #000;
  display: block;
  font-size: 1.4rem;
  margin: 0;
  margin-bottom: 0.5rem;
}
@media (min-width: 2001px) {
  .input-button2-ctn .control-label {
    font-size: 1.6rem;
  }
}
.input-button2 .custom-checkbox,
.input-button2 .custom-radio {
  padding: 0;
}
.input-button2 .custom-checkbox::before, .input-button2 .custom-checkbox::after,
.input-button2 .custom-radio::before,
.input-button2 .custom-radio::after {
  content: none;
}
.input-button2 .custom-radio,
.input-button2 .custom-checkbox,
.input-button2 label {
  height: 100%;
}
.input-button2 .checked, .input-button2:hover {
  border-color: #cbb579;
}
.input-button2 .checked .custom-radio,
.input-button2 .checked .custom-checkbox, .input-button2:hover .custom-radio,
.input-button2:hover .custom-checkbox {
  border-color: #000;
}
.input-button2 .checked label, .input-button2:hover label {
  background-color: #000;
  color: #fff;
}
.input-button2 label {
  background-color: #ebebeb;
  border-radius: 0;
  border-radius: 0.2rem;
  color: #707070;
  margin: 0;
  padding: 1.5rem 2rem;
  position: static;
  text-align: center;
  -webkit-transform: none;
          transform: none;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
  width: 100%;
}

.checkbox-style2 .custom-checkbox {
  display: inline-block;
}
.checkbox-style2 .custom-checkbox::before {
  border-width: 0.3rem;
  content: "";
  height: 2rem;
  width: 2rem;
}
.checkbox-style2 .custom-checkbox::after {
  background-color: #cbb579;
  bottom: 0;
  content: "";
  height: 0.8rem;
  left: 0;
  margin: auto;
  right: 0;
  top: 0;
  width: 0.8rem;
}

/* owl carousel */
.owl-carousel {
  /* rendre visible l'ombre des produits */
}
.owl-carousel .owl-nav {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
}
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
  font-size: 30px;
  opacity: 0;
  position: absolute;
}
.owl-carousel .owl-nav .owl-prev i,
.owl-carousel .owl-nav .owl-next i {
  opacity: 0.3;
}
.owl-carousel .owl-nav .owl-prev:hover i,
.owl-carousel .owl-nav .owl-next:hover i {
  opacity: 1;
}
.owl-carousel .owl-nav .owl-prev.disabled,
.owl-carousel .owl-nav .owl-next.disabled {
  opacity: 0;
}
.owl-carousel .owl-nav .owl-prev {
  left: -30px;
}
.owl-carousel .owl-nav .owl-next {
  right: -30px;
}
.owl-carousel .owl-dots {
  margin-top: 15px;
  text-align: center;
}
.owl-carousel .owl-dots .owl-dot {
  display: inline-block;
  padding: 15px 5px;
}
.owl-carousel .owl-dots .owl-dot span {
  -webkit-transition: background 0.3s ease 0s;
  transition: background 0.3s ease 0s;
  height: 8px;
  width: 8px;
  background: transparent;
  border: 1px solid #000;
  border-radius: 50%;
  display: block;
}
.has-content-light .owl-carousel .owl-dots .owl-dot span {
  border: 1px solid #fff;
}
.owl-carousel .owl-dots .owl-dot:hover span, .owl-carousel .owl-dots .owl-dot.active span {
  background: #000;
}
.has-content-light .owl-carousel .owl-dots .owl-dot:hover span, .has-content-light .owl-carousel .owl-dots .owl-dot.active span {
  background: #fff;
}
@media (min-width: 2001px) {
  .owl-carousel .owl-stage-outer {
    /* pb ombre */
  }
  .prod-list .owl-carousel .owl-stage-outer {
    margin-bottom: -50px;
    margin-left: -28px;
    margin-right: -29px;
    padding-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
  }
}
.owl-carousel:hover .owl-nav .owl-prev:not(.disabled) {
  left: 0;
  opacity: 1;
}
.owl-carousel:hover .owl-nav .owl-next:not(.disabled) {
  opacity: 1;
  right: 0;
}

/* light gallery */
#lg-zoom-in::after,
#lg-zoom-in::after {
  font-family: icomoon;
}

#lg-zoom-in::after {
  content: "\e919";
}

#lg-zoom-out::after {
  content: "\e912";
}

.lg-toolbar,
.lg-thumb-outer {
  background-color: #000;
}

.lg-actions .lg-next,
.lg-actions .lg-prev {
  color: #000;
}

.lg-thumb-outer {
  left: 0;
  padding-left: 2rem;
}

.lg-toolbar .lg-icon {
  color: #fff;
}

.lg-outer .lg-thumb-item {
  border-color: #000;
  width: auto !important;
}
.lg-outer .lg-thumb-item:hover, .lg-outer .lg-thumb-item.active {
  border-color: #cbb579;
}

.page-heading .inner {
  background: #f6f6f6;
  margin-bottom: 15px;
  padding: 2rem 1.5rem;
}
@media (min-width: 480px) {
  .page-heading .inner {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .page-heading .inner {
    margin-bottom: 25px;
    padding: 3.5rem 2rem;
  }
}
@media (min-width: 2001px) {
  .page-heading .inner {
    margin-bottom: 35px;
  }
}
@media (min-width: 9999px) {
  .page-heading .inner {
    margin-bottom: 45px;
    padding: 2.5rem 6rem;
  }
}
.page-heading .page-heading-desc {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 768px) {
  .page-heading .page-heading-desc {
    font-size: 1.6rem;
  }
}
@media (min-width: 9999px) {
  .page-heading .page-heading-desc {
    font-size: 1.8rem;
  }
}
.page-heading.product .inner {
  background: none;
  padding-bottom: 0;
  padding-top: 0;
}
.page-heading.account .inner {
  margin-bottom: 3rem;
  position: relative;
}
.page-heading.account .inner .h1::after {
  margin-top: 1.5rem;
}
.page-heading.account .inner .subtitle {
  margin-bottom: 2rem;
}
@media (min-width: 2001px) {
  .page-heading.account .inner {
    margin-bottom: 7rem;
  }
}
.page-heading.order-process, .page-heading.authentication {
  margin-bottom: 1.5rem;
}
.page-heading.order-process .inner, .page-heading.authentication .inner {
  background-color: transparent;
  padding-bottom: 0;
  padding-top: 0;
}
@media (min-width: 2001px) {
  .page-heading.order-process, .page-heading.authentication {
    padding-top: 0;
  }
}
.page-heading.order-process .title, .page-heading.authentication .title {
  margin: auto;
  margin-bottom: 1.5rem;
  margin-top: 2rem;
  text-align: center;
  color: #000;
  font-family: "Gotham";
  font-size: 2rem;
  font-weight: 700;
  line-height: 2rem;
  text-transform: uppercase;
}
@media (min-width: 480px) {
  .page-heading.order-process .title, .page-heading.authentication .title {
    font-size: 3rem;
    line-height: 3rem;
  }
}
@media (min-width: 9999px) {
  .page-heading.order-process .title, .page-heading.authentication .title {
    font-size: 3.5rem;
    line-height: 3.5rem;
  }
}
@media (min-width: 2001px) {
  .page-heading.order-process .title, .page-heading.authentication .title {
    margin-bottom: 4.5rem;
    margin-top: 4rem;
    max-width: none;
  }
}
.page-heading.order-process .title + .short-desc, .page-heading.authentication .title + .short-desc {
  margin-bottom: 4rem;
  margin-top: 1.5rem;
}
@media (min-width: 480px) {
  .page-heading.order-process .title + .short-desc, .page-heading.authentication .title + .short-desc {
    margin-top: -1rem;
  }
}
.page-heading.order-process .mention, .page-heading.authentication .mention {
  font-family: "Gotham";
  font-size: 1.5rem;
  font-weight: normal;
  margin-top: 0.5rem;
  text-transform: none;
}
.page-heading.order-process .short-desc, .page-heading.authentication .short-desc {
  font-family: "Gotham";
  font-size: 1.5rem;
  font-weight: normal;
  line-height: 2rem;
  margin-bottom: 2rem;
  margin-top: 0.5rem;
  text-transform: none;
}
.page-heading.has-shadow .inner {
  position: relative;
}
.page-heading.has-shadow .inner::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  display: block;
  -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
  pointer-events: none;
  top: -167px;
}
.page-heading.category .page-heading-title {
  line-height: 1;
}
.page-heading.category .page-heading-title.reducted::after {
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}
.page-heading.tablet .inner {
  background: #c2a36d;
  color: #fff;
  height: 8rem;
  padding: 0;
}
.page-heading.tablet .inner .icon {
  color: #fff;
  font-size: 3.5rem;
}

.panel-open {
  bottom: 0;
  left: 0;
  overflow: hidden;
  right: 0;
  top: 0;
}

.panel {
  background: #f6f6f6;
  bottom: 0;
  max-width: 100%;
  overflow-x: auto;
  position: fixed;
  right: -100%;
  top: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 100%;
  z-index: 1000;
}
@media (min-width: 2001px) {
  .panel {
    max-width: 100%;
    right: -630px;
    width: 620px;
  }
  .panel-fw {
    right: -100%;
    width: 100%;
  }
}
.panel-head {
  background: #000;
  color: #fff;
  padding: 1.5rem 5rem 1.5rem 2rem;
  position: relative;
}
.panel-block {
  padding: 2rem 2rem 0.1rem;
}
@media (min-width: 2001px) {
  .panel-block {
    padding: 3rem 3rem 0.1rem;
  }
}
.panel-message {
  margin: 2rem 5rem 0;
}
.panel-messages {
  margin-bottom: 1.5rem;
  width: 100%;
}
.panel-title {
  background-color: #000;
  color: #fff;
  display: block;
  font-weight: 700;
  position: relative;
  text-transform: uppercase;
  width: 100%;
  z-index: 2;
}
.panel-close {
  position: absolute;
  right: 0;
  top: 50%;
  cursor: pointer;
  font-size: 1.4rem;
  padding: 1.5rem 2.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 3;
}
.panel-close:hover {
  opacity: 0.8;
}
.panel-message {
  display: none;
  padding: 10px 30px;
}
.panel-buttons {
  padding: 0 1.5rem 1.5rem;
}
.panel-buttons .btn {
  margin-bottom: 1rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 2001px) {
  .panel-buttons {
    padding: 1rem 3rem 3rem;
  }
}
.panel-footer {
  margin-top: 15px;
}
.panel.open {
  right: 0;
}
.panel.panoramic.open, .panel.carpet.open {
  width: 100%;
}
.panel.panoramic .reglages, .panel.carpet .reglages {
  margin-bottom: 20px;
}
.panel-overlay {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-transition: 0.5s ease 0s;
  transition: 0.5s ease 0s;
  z-index: 200;
}
.panel-content {
  padding-bottom: 2rem;
}
.panel .small-ctn {
  padding: 3rem 5rem;
}
.panel-separator {
  border-top: 1px solid #000;
  margin-top: 2rem;
}

.panels.open .panel-overlay {
  opacity: 1;
  pointer-events: auto;
}

.panel-cms {
  z-index: 1100;
}
.panel-cms .group-type:first-child {
  padding-top: 0;
}

.panel-product {
  background-color: #fff;
  margin-bottom: 1.5rem;
  padding: 1.5rem;
  position: relative;
}
.panel-product-img-ctn {
  padding: 0 15px;
  position: relative;
  width: 31%;
}
.panel-product-reduction {
  position: absolute;
  left: 20px;
  top: 5px;
  background: #000;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-size: 10px;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
}
.panel-product-infos {
  font-size: 16px;
  position: relative;
  vertical-align: middle;
  width: 69%;
}
.panel-product-infos .panel-product-name {
  font-weight: 500;
  margin-bottom: 10px;
}
.panel-cart .panel-product-infos .panel-product-name {
  display: block;
  padding-right: 55px;
}
.panel-product-infos .panel-product-qty {
  font-weight: 500;
  white-space: nowrap;
}
@media (max-width: 768px) {
  .panel-product-infos .panel-product-qty {
    padding-right: 0;
  }
}
.panel-product-infos .panel-product-attributes {
  color: #000;
  font-size: 12px;
  line-height: 1.5rem;
  margin-bottom: 1rem;
}
.panel-product-infos .panel-product-prices {
  padding-right: 1.5rem;
  text-align: right;
  white-space: nowrap;
}
.panel-product-infos .panel-product-prices .panel-product-old-price {
  color: #000;
}
.panel-product:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .panel-product {
    padding: 2rem;
  }
  .panel-product-info {
    padding-left: 2rem;
  }
}

.panel-account .submit .btn {
  margin-bottom: 1rem;
}
.panel-account .tab-radio {
  font-weight: 700;
  padding: 30px 0;
}
.panel-account .birthdate label {
  display: block;
  margin-bottom: 0.5rem;
}
.panel-account .birthdate .row {
  margin: 0 -0.5rem;
}
.panel-account .birthdate .xxs {
  padding: 0 0.5rem;
}

.panel-tablet {
  background-color: #fff;
}
.panel-tablet.panel-confections-types {
  background-color: #f6f6f6;
}
.panel-tablet .panel-head {
  text-align: center;
}
.panel-tablet .panel-title {
  font-weight: 500;
}
.panel-tablet .panel-content {
  padding-left: calc(2% - 1.5rem);
  padding-right: calc(2% - 1.5rem);
  padding-top: 3em;
}

.popover .popover-title {
  font-size: 18px;
  font-size: 1.8rem;
  background: #fff;
  border: 0;
  font-weight: 700;
}
.popover .popover-content {
  font-size: 13px;
  font-size: 1.3rem;
  position: absolute;
  left: 50%;
  top: calc(-100% + 15px);
  background: #f6f6f6;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  color: #000;
  max-width: 200px;
  min-width: 100px;
  opacity: 0;
  padding: 10px;
  pointer-events: none;
  text-align: center;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  z-index: 1;
}
.popover .popover-content .inner {
  position: relative;
  z-index: 3;
}
.popover .popover-content::after {
  position: absolute;
  bottom: 1px;
  left: 1px;
  right: 1px;
  top: 1px;
  background: #fff;
  content: "";
  z-index: 2;
}
.popover .popover-content::before {
  position: absolute;
  bottom: -8px;
  left: 50%;
  background: #fff;
  border: 1px solid #dfdad9;
  content: "";
  height: 16px;
  margin: 0 0 0 -8px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 16px;
  z-index: 1;
}
.popover:hover .popover-content {
  opacity: 1;
  z-index: 3;
}

.product-ctn {
  background-color: rgba(255, 255, 255, 0.9);
  margin-bottom: 3rem;
  text-align: center;
}
@media (min-width: 480px) {
  .product-ctn {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .product-ctn {
    margin-bottom: 30px;
  }
}
.product-ctn .inner {
  position: relative;
}
@media (min-width: 2001px) {
  .product-ctn .advwishlist-list-ctn {
    display: none;
  }
}
.product-ctn .advwishlist-list-ctn .advwishlist-list-btn {
  z-index: 3;
}
.product-ctn .product-pins {
  position: absolute;
  left: 0;
  top: 0;
}
.product-ctn .product-pins li {
  font-size: 12px;
  font-size: 1.2rem;
  color: #fff;
  padding: 7px;
  text-transform: uppercase;
}
.product-ctn .color-list-container {
  height: 3.6rem;
}
.product-ctn .color-list-container-list-container {
  height: 2.4rem;
}
@media (min-width: 2001px) {
  .product-ctn .color-list-container-list-container {
    height: 3rem;
  }
}
.product-ctn .color-list-container .color_to_pick_list {
  margin-top: 0.5rem;
}
.product-ctn .color-list-container .color_to_pick_list li {
  border-radius: 3rem;
  display: inline-block;
  margin: 0 0.1rem;
  overflow: hidden;
}
.product-ctn .color-list-container .color_to_pick_list li.see-more {
  border: 1px solid #000;
}
.product-ctn .color-list-container .color_to_pick_list li.see-more a {
  font-size: 1.4rem;
  line-height: 2.4rem;
  text-align: center;
}
.product-ctn .color-list-container .color_to_pick_list a {
  display: block;
  height: 2.4rem;
  width: 2.4rem;
}
.product-ctn .color-list-container .color_to_pick_list img {
  display: block;
  height: 100%;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  width: 100%;
}
@media (min-width: 2001px) {
  .product-ctn .color-list-container .color_to_pick_list li a {
    height: 3rem;
    width: 3rem;
  }
  .product-ctn .color-list-container .color_to_pick_list li.see-more a {
    line-height: 3rem;
  }
}
.product-ctn .product-img-ctn .product-img {
  display: block;
  font-size: 0;
  line-height: 0;
}
.product-ctn .product-img-ctn img {
  height: auto;
}
.product-ctn .product-img-ctn img.first {
  position: relative;
  z-index: 2;
}
.product-ctn .product-img-ctn img.second {
  margin-top: -100%;
  z-index: 1;
}
.product-ctn .product-infos {
  font-size: 12px;
  font-size: 1.2rem;
  padding: 2rem 0 2.5rem;
}
.product-ctn .product-infos .quick-view {
  position: absolute;
  bottom: 2.5rem;
  left: auto;
  right: -0.2rem;
  top: auto;
  font-size: 2.3rem;
  padding: 0;
}
@media (min-width: 768px) {
  .product-ctn .product-infos .quick-view {
    position: absolute;
    bottom: 2.9rem;
    left: auto;
    right: 0.5rem;
    top: auto;
    bottom: 2rem;
    cursor: pointer;
    font-size: 2.5rem;
    right: 2.5rem;
    -webkit-transition: 0.5s all;
    transition: 0.5s all;
  }
  .product-ctn .product-infos .quick-view:hover {
    -webkit-transform: translateY(-0.5rem);
            transform: translateY(-0.5rem);
  }
}
@media (min-width: 2001px) {
  .product-ctn .product-infos {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media (min-width: 2001px) {
  .product-ctn .product-infos {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.product-ctn .product-name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #000;
  display: block;
  font-weight: 500;
  padding: 0 0.5rem;
}
.product-ctn .product-name-two-lines {
  color: #000;
  display: block;
  font-weight: 500;
  padding: 0 0.5rem;
  height: 32px;
}
.product-ctn .product-name-two-lines .forced-height {
  height: 40px;
  overflow: hidden;
}
.product-ctn .product-price {
  font-weight: 500;
}
.product-ctn .product-price .old-price {
  font-weight: normal;
  margin-right: 1.54rem;
}
.product-ctn .product-details {
  padding: 7px 0;
}
.product-ctn.alt .inner {
  border-color: #000;
}
.product-ctn.alt .product-infos {
  background: #f6f6f6;
}
.product-ctn.alt .product-name {
  color: #000;
}
@media (min-width: 2001px) {
  .product-ctn:hover .inner {
    -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
  }
  .product-ctn:hover .advwishlist-list-ctn {
    display: block;
  }
  .product-ctn.product-with-2imgs:hover .product-img-ctn img.first {
    opacity: 0;
  }
}

.product-row {
  border-top: none;
  padding: 1rem;
  position: relative;
  /* sample / echantillon */
}
.product-row:nth-child(even) {
  background-color: #f6f6f6;
}
@media (min-width: 2001px) {
  .product-row {
    border-radius: 0;
    margin-bottom: 0;
    padding: 2.5rem 2.8rem;
  }
}
.product-row .product-delete {
  display: inline-block;
  font-size: 1.4rem;
  margin-left: 1.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.product-row .product-delete:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .product-row .product-delete {
    position: static;
  }
}
.product-row .current-price {
  font-size: 0.865em;
  font-weight: 500;
}
.product-row .old-price {
  display: block;
}
.product-row .product-manufacturer {
  font-size: 0.8em;
}
.product-row .product-name {
  font-size: 0.865em;
}
@media (max-width: 768px) {
  .product-row .product-name {
    display: block;
    padding-right: 2.5rem;
  }
}
.product-row .product-name-ctn {
  min-height: 6.8rem;
}
@media (min-width: 9999px) {
  .product-row .product-name-ctn {
    font-size: 1.2rem;
  }
}
.product-row .info-style, .product-row .qty-in-meter {
  font-size: 0.77em;
}
.product-row .product-total {
  margin-top: 0;
}
@media (min-width: 2001px) {
  .product-row .product-total {
    margin-top: 0;
  }
}
.product-row .qty-in-meter {
  margin-top: 0.5rem;
}
.product-row .product-img {
  max-width: 65px;
}
@media (min-width: 2001px) {
  .product-row .product-img {
    max-width: 100%;
  }
}
.product-row .product-img-ctn {
  max-width: 95px;
  padding-right: 0;
  width: 8rem;
  text-align: center;
  position: absolute;
  bottom: 0;
  left: auto;
  right: auto;
  top: 2rem;
}
@media (min-width: 768px) {
  .product-row .product-img-ctn {
    position: static;
  }
}
.product-row .product-img.panoramic {
  max-height: 95px;
}
.product-row .unit-price {
  font-size: 0.77em;
}
.product-row .product-qty-ctn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: auto;
  max-width: 100%;
  width: 164px;
}
@media (min-width: 2001px) {
  .product-row .product-qty-ctn {
    margin-top: 0;
  }
}
.product-row .product-qty-btn {
  font-size: 1.8rem;
  padding-top: 3px;
}
.product-row .product-qty-input {
  font-size: 0.865em;
  font-weight: 700;
}
@media (min-width: 2001px) {
  .product-row .product-qty-input {
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .product-row .product-qty {
    padding-left: 0;
  }
}
.product-row .product-availability {
  margin-top: 1rem;
}
.product-row .product-availability .label-warning-unstyled {
  display: block;
  font-size: 1.2rem;
  line-height: 11px;
}
.product-row-sample {
  position: relative;
}
.product-row-sample:not(:first-child) {
  margin-top: 2rem;
}
.product-row-sample .label-total-sample {
  font-size: 1.1rem;
}

.table-div {
  line-height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
}
@media (min-width: 2001px) {
  .table-div {
    border: 1px solid #000;
    border-radius: 0;
    margin-bottom: 30px;
  }
}
.table-div .table-head {
  background: none;
  color: #000;
  display: block;
  font-weight: 700;
  overflow: hidden;
  padding: 5px 0;
  text-transform: uppercase;
}
@media (min-width: 2001px) {
  .table-div .table-head {
    background: #f6f6f6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 0;
  }
}
.table-div .table-head-cell {
  display: none;
}
@media (min-width: 2001px) {
  .table-div .table-head-cell {
    display: inline-block;
  }
}
.table-div .table-row {
  border: 1px #000;
  overflow: hidden;
  padding: 5px 0;
  position: relative;
  width: 100%;
}
@media (min-width: 2001px) {
  .table-div .table-row {
    border: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
}
.table-div .table-row .table-cell {
  padding: 5px 10px;
}
@media (min-width: 2001px) {
  .table-div .table-row .table-cell {
    display: inline-block;
    padding: 15px;
  }
}
.table-div .table-row ul {
  margin: 0;
}
.table-div .title-mobile {
  color: #000;
  display: block;
}
@media (min-width: 2001px) {
  .table-div .title-mobile {
    display: none;
  }
}
.table-div .label-mobile {
  color: #000;
  display: inline-block;
  font-weight: 700;
}
@media (min-width: 2001px) {
  .table-div .label-mobile {
    display: none;
  }
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  /* If you want dots under the hoverable text */
}
.tooltip .border {
  border-bottom: 3px solid black;
  margin-bottom: -3px;
}

.tooltip-li {
  top: -25px;
  left: 0px;
  margin: 0 10px 0 5px;
}

.tooltip-glisse {
  top: -5px;
  left: 2px;
  margin: 0 10px 0 5px;
}
.tooltip-glisse.tooltip .tooltiptext {
  max-width: 300px;
  width: 300px;
  padding: 5px;
  left: calc(100% - 158px);
  bottom: 145%;
}

.tooltip-li img,
.tooltip-glisse img {
  width: 15px;
}

/* Tooltip text */
.tooltip .tooltiptext {
  background: #f6f6f6;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
          box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  color: #000;
  max-width: 200px;
  min-width: 100px;
  visibility: hidden;
  text-align: center;
  padding: 5px 0;
  /* Position the tooltip text */
  position: absolute;
  z-index: 3;
  bottom: 160%;
  left: calc(100% - 57px);
  /* Fade in tooltip */
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.tooltip .tooltiptext.galon, .tooltip .tooltiptext.ganse {
  bottom: calc(100% + 11px);
  left: calc(50% - 52px);
}

.tooltip .tooltiptext .inner {
  position: relative;
  z-index: 3;
}

/* Tooltip arrow */
.tooltip .tooltiptext::after {
  position: absolute;
  bottom: 1px;
  left: 1px;
  right: 1px;
  top: 1px;
  background: #fff;
  content: "";
  z-index: 2;
}

.tooltip .tooltiptext::before {
  position: absolute;
  bottom: -8px;
  left: 50%;
  background: #fff;
  border: 1px solid #dfdad9;
  content: "";
  height: 16px;
  margin: 0 0 0 -8px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  width: 16px;
  z-index: 1;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

.pagination {
  padding-bottom: 3rem;
}
.pagination .pagination_previous,
.pagination .pagination_next {
  display: none;
}
.pagination ul {
  text-align: center;
  width: 100%;
}
.pagination ul li {
  display: inline-block;
  margin: 0 0.2rem;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.pagination ul li > a,
.pagination ul li > span {
  border: 3px solid #000;
  display: block;
  font-weight: 700;
  height: 30px;
  position: relative;
  width: 30px;
}
.pagination ul li > a > span,
.pagination ul li > span > span {
  font-size: 1.2rem;
}
.pagination ul li.active > a,
.pagination ul li.active > span, .pagination ul li:hover > a,
.pagination ul li:hover > span {
  background-color: #cbb579;
  border-color: #cbb579;
  color: #fff;
}
/* Header */
.header-main {
  background: transparent;
  -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0);
          box-shadow: 0 5px 20px rgba(0, 0, 0, 0);
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 150;
}
@media (max-width: 2001px) {
  .header-main .ctn, .header-main .advslider .owl-nav, .advslider .header-main .owl-nav, .header-main .advslider .owl-dots, .advslider .header-main .owl-dots {
    width: 100%;
  }
}
.header-main .overtop {
  background: #000;
  color: #fff;
  height: 40px;
  font-size: 13px;
  font-size: 1.3rem;
}
.header-main .overtop a {
  font-weight: bold;
}
@media (min-width: 480px) {
  .header-main .overtop {
    height: 40px;
  }
}
@media (min-width: 768px) {
  .header-main .overtop {
    height: 40px;
  }
}
.header-main .header-links {
  display: none;
  width: 50%;
}
@media (min-width: 768px) {
  .header-main .header-links {
    display: block;
    float: left;
  }
}
.header-main .header-links li {
  display: inline-block;
  padding-right: 12px;
  position: relative;
}
.header-main .header-text {
  color: #fff;
  display: block;
  text-align: center;
  width: 100%;
}
@media (min-width: 768px) {
  .header-main .header-text {
    float: right;
    text-align: right;
    width: 50%;
  }
}
.header-main .header-top {
  -webkit-transition: padding 0.3s ease 0s;
  transition: padding 0.3s ease 0s;
  background: #fff;
  height: 85px;
  padding: 1rem 1.5rem;
  position: relative;
}
body.index .header-main .header-top {
  -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
}
@media (min-width: 480px) {
  .header-main .header-top {
    height: 85px;
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .header-main .header-top {
    height: 60px;
  }
}
@media (min-width: 2001px) {
  .header-main .header-top {
    height: 83px;
    margin-top: 7rem;
    padding: 1.5rem 2.5rem 1.5rem;
  }
  .header-main .header-top::after {
    content: "";
    display: block;
    border-bottom: 3px solid #000;
    position: relative;
    top: 2rem;
  }
}
@media (min-width: 9999px) {
  .header-main .header-top {
    height: 115px;
  }
}
@media (min-width: 9999px) {
  .header-main .header-top {
    padding: 2.5rem 5.5rem 3rem;
  }
}
.header-main .header-top-left {
  -webkit-transition: padding 0.3s ease 0s;
  transition: padding 0.3s ease 0s;
}
@media (min-width: 2001px) {
  .header-main .header-top-left {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header-main .header-logo {
  text-align: center;
}
.header-main .header-logo img {
  -webkit-transition: max-width 0.3s ease 0s;
  transition: max-width 0.3s ease 0s;
  display: block;
  max-width: 120px;
  width: 100%;
}
@media (min-width: 480px) {
  .header-main .header-logo img {
    max-width: 170px;
  }
}
@media (min-width: 768px) {
  .header-main .header-logo img {
    max-width: 200px;
  }
}
@media (min-width: 2001px) {
  .header-main .header-logo img {
    max-width: 300px;
  }
}
@media (max-width: 480px) {
  .header-main .header-logo {
    padding: 0;
  }
}
.header-main .header-top-right {
  text-align: right;
}
@media (max-width: 480px) {
  .header-main .header-top-right {
    padding-right: 0;
  }
}
.header-main .header-icon {
  font-size: 1.4rem;
  margin: 0;
  margin: 0 0 0 5px;
  position: relative;
}
.header-main .header-icon.header-cart {
  padding-right: 0.5rem;
}
.header-main .header-icon.header-cart .nb-product-total {
  background-color: green;
}
.header-main .header-icon.header-cart .empty {
  display: none;
}
.header-main .header-icon:hover {
  color: #707070;
}
@media (min-width: 2001px) {
  .header-main .header-icon {
    margin: 0 0 0 30px;
  }
  .header-main .header-icon.header-cart {
    padding-right: 0;
  }
}
.header-main .header-icon:first-child {
  margin: 0;
}
.header-main .header-icon i {
  font-size: 22px;
  font-size: 2.2rem;
  display: block;
  text-align: center;
}
@media (min-width: 480px) {
  .header-main .header-icon i {
    font-size: 25px;
    font-size: 2.5rem;
  }
}
@media (min-width: 2001px) {
  .header-main .header-icon i {
    font-size: 30px;
    font-size: 3rem;
  }
}
.header-main .header-icon .header-pin {
  position: absolute;
  right: 0;
  top: 0;
  background: #333333;
  border-radius: 50%;
  color: #fff;
  font-weight: bold;
  height: 13px;
  line-height: 13px;
  text-align: center;
  width: 13px;
  font-size: 10px;
  font-size: 1rem;
}
@media (min-width: 2001px) {
  .header-main .header-icon .header-pin {
    height: 25px;
    line-height: 25px;
    right: -1.6rem;
    width: 25px;
    font-size: 11px;
    font-size: 1.1rem;
  }
}
.header-main .header-icon .header-label {
  display: none;
}
@media (min-width: 768px) {
  .header-main .header-icon .header-label {
    display: block;
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.header-main .btn-header {
  height: 34px;
  margin: 2px 0;
  vertical-align: middle;
  padding: 0 1px 1px;
  background-color: #fff;
  color: #000;
  font-size: 0.9em;
}

/* Header-stck */
.header-stack .header-top {
  height: 78px;
  margin-top: 0;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
}
.header-stack .header-logo img {
  max-width: 200px;
}
@media (max-width: 768px) {
  .header-stack .header-logo {
    text-align: center;
  }
  .header-stack .header-logo img {
    height: auto;
    max-height: 5rem;
    max-width: 100%;
    width: auto;
  }
}
.header-stack .site-content {
  padding-top: 78px;
}
@media (min-width: 2001px) {
  .header-stack .advmenu-root-item-content {
    padding-bottom: 0;
  }
}

.footer-main {
  padding-top: 20px;
}
.footer-main .h4 {
  padding: 1rem 0;
}

.footer-links-social {
  padding: 5rem 0 0;
}

.footer-social {
  padding: 2rem 0;
}

.copyright {
  padding: 0 1.5rem 8rem;
}

html {
  font-family: "Gotham";
  font-size: 62.5%;
  -ms-text-size-adjust: 100%;
      text-size-adjust: 100%;
  /*  @media (min-width: $md-width) and (max-width: $xl-width) {
    font-size: 50%;
  } */
}

body {
  font-size: 1.4rem;
  line-height: 1.2;
}

.ctn, .advslider .owl-nav, .advslider .owl-dots {
  max-width: 100%;
}

/* Site content */
.site-content {
  -webkit-transition: padding 0.3s ease 0s;
  transition: padding 0.3s ease 0s;
  padding-top: 125px;
}
@media (min-width: 480px) {
  .site-content {
    padding-top: 125px;
  }
}
@media (min-width: 768px) {
  .site-content {
    padding-top: 100px;
  }
}
@media (min-width: 2001px) {
  .site-content {
    padding-top: 235px;
  }
}
@media (min-width: 9999px) {
  .site-content {
    padding-top: 267px;
  }
}

.footer-main .footer-bottom {
  padding: 15px 0;
  text-align: center;
}

/********** tablet **************/
.seller-layout-body .header-main .header-top {
  -webkit-box-shadow: 0 0.3rem 1.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.3rem 1.5rem rgba(0, 0, 0, 0.15);
  margin-top: 0;
}
.seller-layout-body .header-wishlist {
  display: none;
}
.seller-layout-body .header-search {
  margin-left: 30px;
}
.seller-layout-body .header-search .search-input {
  padding-left: 0;
}
.seller-layout-body .page-heading,
.seller-layout-body .site-content {
  font-size: 100%;
}
@media (min-width: 2001px) and (max-width: 9999px) {
  .seller-layout-body .page-heading,
.seller-layout-body .site-content {
    font-size: 120%;
  }
}
@media (min-width: 2001px) {
  .seller-layout-body .site-content {
    padding-top: 20rem;
  }
}

#pagenotfound form {
  padding: 15px 0;
}
#pagenotfound form h3 {
  margin-bottom: 1.5rem;
}
#pagenotfound form label {
  margin-bottom: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}
#pagenotfound form .form-control {
  margin-bottom: 10px;
}
@media (min-width: 480px) {
  #pagenotfound form .form-control {
    margin: 0;
  }
}
#pagenotfound form .btn {
  padding-left: 10px;
  padding-right: 10px;
}

.authentication {
  font-size: 1.4rem;
}
.authentication .header-main {
  display: none;
}
.authentication .logo-ctn img {
  height: 10rem;
}
.authentication .site-content {
  font-size: 100%;
  padding-top: 0;
}
@media (min-width: 2001px) and (max-width: 9999px) {
  .authentication .site-content {
    font-size: 120%;
  }
}

.account-links .icon {
  display: none;
}

.account-aside .account-menu .account-title {
  display: none;
}
.account-aside .account-menu .account-title span {
  font-size: 1.4rem;
  text-transform: none;
}
@media (min-width: 768px) {
  .account-aside .account-menu .account-title {
    border-bottom: 3px solid #000;
    display: block;
    font-size: 2rem;
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    text-transform: uppercase;
  }
}
.account-aside .account-menu-title {
  padding-left: 0;
}
.account-aside .account-menu-item {
  border-radius: 0;
  font-weight: normal;
  margin-bottom: 1rem;
}
.account-aside .account-menu-item .icon {
  font-size: 2.5rem;
}
.account-aside .account-menu-item .icon::before {
  color: #000;
}
.account-aside .account-menu-item .btn {
  margin-top: 2rem;
}
.account-aside .account-menu-item a {
  white-space: nowrap;
}
.account-aside .account-menu-item:hover a, .account-aside .account-menu-item.active a {
  color: #cbb579;
  font-weight: 500;
}
.account-aside .account-menu-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0.5rem 0;
}
.account-aside .account-menu-label {
  border-bottom: 1px solid transparent;
}
.account-aside .account-menu-logout {
  border-top: 1px solid #000;
  margin-bottom: 5rem;
  margin-top: 2rem;
  padding-top: 2rem;
}

.my-account .account-row {
  padding-left: 0;
  padding-right: 0;
}
.my-account .account-order-row {
  border-left: 0;
  border-radius: 0;
  border-right: 0;
}
.my-account .history-btn-ctn {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (max-width: 480px) {
  .my-account .account-aside {
    display: block !important;
  }
  .my-account .account-content {
    display: none !important;
  }
}
@media (max-width: 768px) and (min-width: 480px) {
  .my-account .account-aside {
    display: block !important;
  }
  .my-account .account-content {
    max-width: 75%;
  }
}

.account .page-heading-content {
  position: relative;
}
.account .btn-back {
  display: block;
  font-size: 1.4rem;
  margin-bottom: 1rem;
  text-transform: uppercase;
}
.account .btn-back .icon {
  margin-right: 1rem;
}
@media (min-width: 2001px) {
  .account .btn-back {
    display: none;
  }
}
.account .page-heading-title {
  text-align: center;
}
@media (max-width: 768px) {
  .account-products-ctn {
    padding: 0 1.5rem;
  }
}
.account-tile-link {
  background-color: #f6f6f6;
  border-radius: 0;
  display: block;
  margin-bottom: 30px;
  padding: 20px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 2001px) {
  .account-tile-link {
    min-height: 200px;
  }
}
.account-tile-cta {
  position: relative;
}
.account-tile-cta .account-tile-link {
  background-color: transparent;
  border: 1px solid #000;
}
.account-tile-cta .account-tile-link:hover {
  background-color: #f6f6f6;
}
.account-tile-cta .icon {
  position: absolute;
  bottom: auto;
  left: auto;
  right: 3rem;
  top: 1.5rem;
  color: #000;
  font-size: 2.8rem;
}
.account-tile-title {
  padding: 5px 0;
}
.account-tile-content {
  color: #707070;
  font-size: 1.2rem;
}
.account-tile-content .link::after {
  opacity: 1;
}
.account-tile-content .link:hover {
  color: #fff;
}
.account-tile-content .link:hover::after {
  opacity: 0;
}
.account-section.has-border {
  border: 1px solid #000;
  margin-bottom: 5rem;
  padding-bottom: 0;
}
@media (min-width: 2001px) {
  .account-section.has-border {
    margin-top: 4rem;
  }
}
.account-section-inner {
  margin: auto;
  max-width: 90rem;
  padding: 1.5rem 1.5rem;
}
@media (min-width: 480px) {
  .account-section-inner {
    padding: 3rem;
  }
}
@media (min-width: 2001px) {
  .account-section .page-heading-inner {
    padding-bottom: 6rem;
  }
}
.account-section th {
  font-weight: 700;
}
.account-section tr {
  border-bottom: 1px solid #000;
}
.account-section td {
  padding: 1.5rem;
}
.account-separation {
  margin-top: 4.5rem;
}
@media (min-width: 2001px) {
  .account-separation {
    margin-top: 7.5rem;
  }
}
.account-row .account-order-row {
  border-top: 0;
}
.account-row, .account-order-row {
  border: 1px solid #000;
  border-radius: 0;
  margin: 0;
  padding: 1.5rem 0;
}
@media (min-width: 2001px) {
  .account-row, .account-order-row {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}
.account-row {
  margin-bottom: 1.5rem;
  padding: 2rem;
}
@media (min-width: 2001px) {
  .account-row {
    margin-bottom: 3rem;
  }
}
.account-row .account-section-title {
  margin-bottom: 2rem;
}
.account-cell {
  margin-bottom: 1.5rem;
}
@media (min-width: 2001px) {
  .account-cell {
    margin-bottom: 0;
  }
}
.account-cell-label {
  display: block;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.account-list-infos {
  color: #707070;
  font-size: 1.4rem;
}
.account-list-infos strong {
  font-weight: normal;
}
.account-order-row {
  margin-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
}
.account-order-row .account-order-label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.account-order-row .account-order-status {
  margin-bottom: 1.5rem;
}
.account-order-row .account-order-status .label-success {
  color: #cbb579;
  font-weight: 500;
}
.account-order-row .account-order-detail {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 1.5rem 0;
}
.account-order-row .account-order-detail img {
  margin-right: 1.5rem;
}
@media (min-width: 2001px) {
  .account-order-row .account-order-detail {
    margin: 0;
  }
}
.account-order-row .account-order-links {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-order-row .account-order-links .btn {
  margin-bottom: 0.5rem;
}
.account-return {
  margin-top: 30px;
  padding: 0 10px 15px;
}
@media (min-width: 2001px) {
  .account-return {
    padding-bottom: 0;
  }
}
.account-discount .account-cell-label {
  display: inline-block;
  margin-bottom: 0.5rem;
}
.account-discount .discount-row {
  padding-bottom: 1rem;
}
.account-form {
  border-bottom: 1px solid #000;
  margin-bottom: 2rem;
  padding-bottom: 1rem;
}
.account-form-row {
  border: 1px solid #000;
}
.account-form.block-valid-change {
  border: 0;
  margin-bottom: 0;
}
@media (min-width: 2001px) {
  .account-ctn {
    padding-bottom: 6rem;
  }
}

.module-loyalty-default .pagination {
  margin: 0;
  padding: 1.5rem 0;
}

.guest-tracking .page-heading + .alert {
  display: none;
}

.order-return-content {
  border: 0;
}
.order-return-content .table-head-cell {
  padding-left: 1.5rem;
}

.auto-complete-cp-error,
.auto-complete-ville-error {
  display: none;
  color: red;
  margin: -10px 20px 10px;
}

.select-city,
.select-cp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border: 1px solid grey;
  padding: 5px;
  margin: -30px 35px 15px;
  background: white;
  z-index: 2;
}
.select-city span,
.select-cp span {
  cursor: pointer;
  padding: 2px;
}
.select-city span:hover,
.select-cp span:hover {
  background-color: lightgrey;
}

.btn-download-bc {
  font-size: 1rem;
  padding: 1px;
  width: 50%;
  float: right;
  margin: -5px -10px;
}

.order-detail-ref {
  margin-bottom: 2rem;
}
.order-detail-status {
  margin-bottom: 0.5rem;
}
.order-detail-btns .btn {
  margin-bottom: 0.5rem;
}
.order-detail .price {
  display: block;
}
.order-detail .product-qty {
  display: none;
}
.order-detail .account-product-row {
  border-bottom: 0;
  margin: 0 -1.5rem;
}
@media (max-width: 768px) {
  .order-detail .account-product-row {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 5px;
    padding-right: 5px;
  }
  .order-detail .account-product-row .product-img-ctn {
    padding: 0;
  }
}
@media (min-width: 2001px) {
  .order-detail .account-product-row {
    border-bottom: 1px solid #000;
    margin: 0 0 1.5rem;
  }
}
.order-detail-prices {
  background: #f6f6f6;
  border: 1px solid #000;
  margin: 0 -1.5rem;
}
@media (min-width: 2001px) {
  .order-detail-prices {
    border-radius: 0;
    margin: 0;
  }
}
.order-detail-line {
  margin: 0;
  padding: 1.5rem 0;
}
.order-detail-line.fat-line {
  font-weight: 700;
}
@media (min-width: 2001px) {
  .order-detail-line {
    padding: 15px 25px;
  }
}
.order-detail .return-checkbox {
  min-width: 35px;
}
@media (max-width: 480px) {
  .order-detail .product-qty-ctn {
    margin-top: 1rem;
  }
}
.order-detail-return-textarea {
  min-height: 75px;
}
.order-detail-return-text {
  margin-bottom: 20px;
  max-height: 160px;
  overflow: hidden;
  padding: 0 15px;
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 480px) {
  .order-detail-return-text {
    max-height: 100%;
    overflow: visible;
  }
}
@media (min-width: 2001px) {
  .order-detail-return-text {
    padding: 0;
  }
}
.order-detail-return-text-more {
  position: absolute;
  bottom: 0;
  left: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), color-stop(40%, #fff), to(#fff));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8) 0%, #fff 40%, #fff 100%);
  border: 0;
  color: #fff;
  display: block;
  font-size: 14px;
  padding: 40px 0 20px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
  z-index: 2;
}
@media (min-width: 480px) {
  .order-detail-return-text-more {
    display: none;
  }
}
.order-detail-return-text-more .icon {
  margin-left: 10px;
}
.order-detail .block-address-row {
  margin-top: 1.5rem;
}
.order-detail-delivery .account-title {
  margin-bottom: 20px;
}
@media (max-width: 2001px) {
  .order-detail-delivery .account-title {
    border-bottom: 1px solid #000;
    margin: 0 -15px 20px;
    padding: 0 15px 10px;
  }
}
@media (max-width: 2001px) {
  .order-detail-messages {
    padding: 0;
  }
}
.order-detail-messages .account-title {
  margin-bottom: 20px;
}
.order-detail-messages .message {
  border: 1px solid #000;
  margin-bottom: 20px;
  padding: 1.5rem 2.5rem;
}
.order-detail-messages .message-name {
  font-weight: 700;
  line-height: 14px;
}
.order-detail-messages .message-date {
  line-height: 14px;
}
.order-detail-messages .message-content {
  margin-top: 10px;
}
.order-detail-contact .account-title {
  margin-bottom: 20px;
}
.order-detail-contact-textarea {
  min-height: 140px;
}

/* Global catégorie */
.heading-counter {
  display: block;
  padding: 20px 0;
  position: relative;
  text-align: center;
}
@media (min-width: 2001px) {
  .heading-counter {
    margin-bottom: 5rem;
    padding: 11px 0;
    text-align: left;
  }
}
.filters-btn {
  width: 50%;
}
@media (min-width: 480px) {
  .filters-btn {
    width: auto;
  }
}
.filters-btn .open-filters {
  padding-left: 15px;
  padding-right: 15px;
  width: 100%;
}
@media (min-width: 2001px) {
  .filters-btn .open-filters {
    width: auto;
  }
}

.product-sort {
  position: relative;
  text-align: right;
  width: 50%;
}
@media (min-width: 480px) {
  .product-sort {
    padding-right: 0;
  }
  .product-sort label {
    padding-right: 2rem;
  }
  .product-sort .custom-select {
    min-width: 30rem;
    text-align: left;
  }
}
@media (min-width: 2001px) {
  .product-sort {
    position: absolute;
    right: 0;
  }
}
@media (max-width: 768px) {
  .product-sort .custom-select {
    display: block;
    min-width: 0;
    text-align: center;
  }
  .product-sort .custom-select > span {
    border: 3px solid #000;
    font-weight: 700;
    height: auto;
    line-height: normal;
    padding: 10px 30px;
    right: 0;
    text-transform: uppercase;
  }
  .product-sort .custom-select > span::after {
    display: none;
  }
  .product-sort .custom-select ul {
    text-align: left;
  }
}

.products-list {
  margin-bottom: 20px;
}
@media (min-width: 2001px) {
  .products-list {
    border-top: 3px solid #000;
    padding-top: 5.5rem;
    position: relative;
  }
}
/* Catégorie */
.long-desc {
  font-size: 13px;
  padding-bottom: 2.5rem;
  padding-top: 2.5rem;
}
@media (min-width: 480px) {
  .long-desc {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}
@media (min-width: 768px) {
  .long-desc {
    font-size: 14px;
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}
@media (min-width: 2001px) {
  .long-desc {
    padding-bottom: 4.5rem;
    padding-top: 4.5rem;
  }
}

/* Catégorie Univers */
.category-univers .children-categories {
  margin-bottom: 30px;
}
.category-univers .children-category-ctn {
  margin-bottom: 15px;
  position: relative;
}
@media (min-width: 480px) {
  .category-univers .children-category-ctn {
    margin-bottom: 20px;
  }
}
@media (min-width: 768px) {
  .category-univers .children-category-ctn {
    margin-bottom: 25px;
  }
}
@media (min-width: 2001px) {
  .category-univers .children-category-ctn {
    margin-bottom: 30px;
  }
}
@media (min-width: 9999px) {
  .category-univers .children-category-ctn {
    width: 25%;
  }
}
.category-univers .children-category-ctn .children-category-title {
  position: absolute;
  left: 15px;
  right: 15px;
  top: 50%;
  text-align: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* Catégorie default */
@media (min-width: 2001px) and (max-width: 9999px) {
  .category-default .section-content {
    padding-left: 2%;
    padding-right: 2%;
  }
}
@media (min-width: 9999px) and (max-width: 9999px) {
  .category-default .section-content {
    padding-left: 5%;
    padding-right: 5%;
  }
}

/*************** HEADER SPECIAL CATEGORY ********************/
@media (min-width: 480px) {
  .category .page-heading .inner {
    position: relative;
  }
  .category .page-heading .inner::before {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    display: block;
    -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
    pointer-events: none;
    top: -167px;
  }
}
@media (max-width: 768px) {
  .category .site-content {
    padding-top: 10rem;
  }

  .header-mobile-category .header-top {
    -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
    height: 6rem;
    padding-bottom: 5px;
    padding-top: 5px;
  }
  .header-mobile-category .header-top > .row {
    height: 100%;
  }
  .header-mobile-category .header-top-left {
    padding-right: 0;
  }
  .header-mobile-category .header-top-left > .flex {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .header-mobile-category .header-top-right {
    margin-top: 5px;
    padding-left: 0;
  }
  .header-mobile-category .category-name-mobile {
    margin-bottom: 0;
    max-width: 12rem;
    padding-left: 1.5rem;
  }
}
.contact-form {
  padding-bottom: 30px;
  padding-top: 30px;
}
.contact-form .form-group.message .form-control {
  height: 150px;
}
.contact-form .form-group.submit {
  -webkit-box-flex: 0;
      -ms-flex: 0;
          flex: 0;
}
.contact-form .contact-bloc-right > .flex {
  height: 100%;
}

.h1-home {
  padding: 0 3rem;
  text-align: center;
}
@media (max-width: 2001px) {
  .h1-home .graphic-4 {
    font-size: 2.2rem;
    padding-bottom: 1.5rem;
    padding-top: 3rem;
    position: relative;
    z-index: -1;
  }
  .h1-home .graphic-4::after {
    border-left: 3px solid #000;
    border-top: 0;
    bottom: 100%;
    display: none;
    margin: 0;
    position: absolute;
    top: -100%;
    width: 1px;
  }
}
@media (min-width: 2001px) {
  .h1-home {
    position: relative;
    text-align: right;
    top: -5rem;
  }
}

[draggable=true] {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}

.order-cart .header-main::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  display: block;
  -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
  content: "";
  left: 5%;
  right: 5%;
  top: 110px;
}
@media (max-width: 768px) {
  .order-cart .header-main::before {
    display: none;
  }
}
@media (min-width: 2001px) {
  .order-cart .page-heading {
    margin-top: 3rem;
  }
}
@media (max-width: 9999px) {
  .order-cart .ctn, .order-cart .advslider .owl-nav, .advslider .order-cart .owl-nav, .order-cart .advslider .owl-dots, .advslider .order-cart .owl-dots {
    width: 100%;
  }
}
.order-cart-product-complementary {
  margin-bottom: 3rem;
  margin-top: 3rem;
}
.order-cart .cart-confections-block {
  list-style: none;
  margin: 0px;
}
.order-cart .cart-confections-block .product-row {
  list-style-image: none;
}
.order-cart .products-list-cart {
  list-style: none;
  margin: 0px;
}
.order-cart .products-list-cart .product-row {
  list-style-image: none;
  cursor: move;
}
.order-cart .products-list-cart .product-row:hover {
  background-color: #eee;
}

@media (max-width: 2001px) {
  .order-process-pages .site-content {
    padding-top: 9rem;
  }
}
.order-process-pages .h3-order {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .order-process-pages .h3-order {
    margin-top: 7rem;
  }
}
.order-process-pages .page-heading {
  margin-top: 3rem;
}
@media (min-width: 2001px) {
  .order-process-pages .site-content {
    padding-top: 166px;
  }
}
@media (min-width: 9999px) {
  .order-process-pages .site-content {
    padding-top: 181px;
  }
}
.order-process-pages .submit {
  margin-top: 1.5rem;
}

.cart-selection {
  border-top: 1px solid #000;
  margin-top: 8rem;
  padding-bottom: 7rem;
  padding-top: 5rem;
}

.empty-cart-ctn {
  margin: 3rem auto;
}
.empty-cart-ctn .alert {
  margin-bottom: 3rem;
}

.block-bordered {
  border: 1px solid #000;
  border-radius: 0;
  padding: 2rem;
}
.block-bordered-section {
  padding-bottom: 1.5rem;
  position: relative;
}

@media (min-width: 2001px) {
  .adresses-section .block-bordered,
.payment-section .block-bordered {
    padding-bottom: 2rem;
  }
}

.carrier-infos-btns {
  margin-top: 2rem;
}

.delivery-option:not(:first-child) .block-bordered {
  border-top: 0;
}
.delivery-option .custom-radio {
  min-height: 2.5rem;
}
@media (min-width: 2001px) {
  .delivery-option .radio-box {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}
.delivery-option-name {
  display: block;
}
.delivery-option.active .custom-radio::after {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.delivery-option-price {
  color: #000;
  font-size: 1.4rem;
  font-weight: 700;
}
.delivery-option-infos {
  display: none;
  padding-bottom: 3rem;
}
@media (min-width: 768px) {
  .delivery-option-img {
    max-width: 9rem;
  }
}
@media (min-width: 9999px) {
  .delivery-option-img {
    max-width: 120px;
  }
}
.delivery-option-img img {
  max-height: 5rem;
  max-width: 100%;
}
.delivery-option-extra {
  border: 1px solid #000;
  border-top: 0;
  padding: 1.5rem 1.5rem 2.5rem;
}
.delivery-option-extra .address-order {
  margin-bottom: 2rem;
  margin-left: 0;
  margin-top: 1.5rem;
}
.delivery-option .carrier-infos-schedules {
  margin-left: 1.7rem;
}
.delivery-option .delivery-other-address {
  display: inline-block;
  line-height: 1;
  margin-bottom: 2rem;
}
.delivery-option.active {
  border-color: #000;
}
.delivery-option.active .delivery-option-infos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.delivery-option-delay {
  display: block;
}
.delivery-option .price-ctn {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  padding-left: 0;
}
@media (min-width: 2001px) {
  .delivery-option .price-ctn {
    margin-bottom: 0;
    min-width: 110px;
  }
}

@media (min-width: 2001px) {
  .panel-soco {
    overflow: hidden;
  }
}
.panel-soco .so_box {
  padding: 0 1.5rem;
}

.panel-mr .mr_box {
  padding: 0 1.5rem;
}

@media (min-width: 2001px) {
  .panel-mr.open,
.panel-soco.open {
    max-width: 100%;
    min-width: 1040px;
    overflow: hidden;
    width: 50%;
  }
  .panel-mr.open .panel-head,
.panel-mr.open .map-ctn,
.panel-soco.open .panel-head,
.panel-soco.open .map-ctn {
    min-width: 520px;
    width: 50%;
  }
  .panel-mr.open .panel-head,
.panel-soco.open .panel-head {
    position: absolute;
    right: 0;
    top: 0;
  }
}
.panel-mr .show-map,
.panel-soco .show-map {
  background-color: #f6f6f6;
  border-bottom: 1px solid #000;
  border-top: 1px solid #000;
  color: #fff;
  font-weight: 700;
  margin-top: 70px;
  padding: 1.5rem;
}
.panel-mr .panel-content,
.panel-soco .panel-content {
  clear: both;
  position: relative;
}
.panel-mr .panel-content > .row,
.panel-soco .panel-content > .row {
  margin: 0;
}
.panel-mr .panel-pickup-content,
.panel-soco .panel-pickup-content {
  padding: 0;
}
@media (min-width: 2001px) {
  .panel-mr .panel-pickup-content,
.panel-soco .panel-pickup-content {
    height: 100vh;
    margin-top: 50px;
    overflow: auto;
    padding: 0 1.5rem;
  }
}
.panel-mr #map,
.panel-mr #mr-map,
.panel-soco #map,
.panel-soco #mr-map {
  padding-bottom: 50%;
  position: relative;
  top: 70px;
  width: 100%;
}
@media (min-width: 2001px) {
  .panel-mr #map,
.panel-mr #mr-map,
.panel-soco #map,
.panel-soco #mr-map {
    padding-bottom: 100vh;
    position: absolute;
    top: 0;
    width: 50%;
  }
}
.panel-mr .panel-carrier-results,
.panel-soco .panel-carrier-results {
  position: relative;
  top: 70px;
}
@media (min-width: 2001px) {
  .panel-mr .panel-carrier-results,
.panel-soco .panel-carrier-results {
    top: 0;
  }
}
.panel-mr .search-form,
.panel-soco .search-form {
  position: absolute;
  left: 1.5rem;
  right: 1.5rem;
  top: 0;
  border: 1px solid #000;
  border-radius: 0;
  margin: 1.5rem 0;
}
@media (min-width: 2001px) {
  .panel-mr .search-form,
.panel-soco .search-form {
    left: auto;
    position: relative;
    right: auto;
  }
}
.panel-mr .search-form input,
.panel-soco .search-form input {
  background-color: #fff;
  border: 0;
  border-radius: 2em;
  padding: 10px 40px;
  width: 100%;
}
@media (min-width: 2001px) {
  .panel-mr .search-form input,
.panel-soco .search-form input {
    padding: 15px 40px;
  }
}
.panel-mr .search-form input:focus,
.panel-soco .search-form input:focus {
  outline: 0;
}
.panel-mr .search-submit,
.panel-soco .search-submit {
  background-color: #fff;
  opacity: 1;
  width: 50px;
}
.panel-mr .choose-recipient,
.panel-soco .choose-recipient {
  margin-top: 1.5rem;
}
.panel-mr .choose-recipient .form-group,
.panel-soco .choose-recipient .form-group {
  margin-bottom: 1rem;
}

.pickup-point-name {
  font-weight: 700;
}
.pickup-point-address, .pickup-point-complement, .pickup-point-hours-link {
  margin-left: 3rem;
}
.pickup-point-hours-link {
  display: none;
  font-size: 1.4rem;
  margin-top: 0.5rem;
}
@media (min-width: 2001px) {
  .pickup-point-hours-link {
    display: block;
  }
}
.pickup-point-hours-link .icon {
  margin-right: 5px;
}
.pickup-point-complement {
  margin-bottom: 3rem;
  margin-top: 1.5rem;
}
@media (min-width: 2001px) {
  .pickup-point-complement {
    display: none;
  }
}
.pickup-point-choose {
  margin-top: 2rem;
}

.panel-pickup-no-point {
  width: 100%;
}

.pickup-point-template.line {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 2001px) {
  .pickup-point-template.line {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}

.panel-addresses {
  margin-top: 1.5rem;
  padding: 0 6rem;
}
.panel-addresses .panel-address-ctn {
  margin-bottom: 3rem;
  position: relative;
}
.panel-addresses .panel-address-ctn::after {
  border-bottom: 1px solid #000;
  content: "";
  display: block;
  margin: 0 -6rem;
  padding-top: 3rem;
}
.panel-addresses .panel-address {
  margin-left: 3rem;
}
.panel-addresses .custom-radio {
  position: absolute;
  left: 0;
  top: 0;
}
.panel-addresses .active .choose-address {
  display: block;
}
.panel-addresses .choose-address {
  display: none;
  margin-left: -3rem;
  margin-top: 2rem;
}
@media (min-width: 2001px) {
  .panel-addresses .choose-address {
    margin-left: 0;
  }
}

.panel-address-add-ctn {
  padding: 0 6rem;
  position: relative;
}
.panel-address-add-ctn .panel-address-add {
  display: none;
}
.panel-address-add-ctn .title {
  color: #fff;
}
.panel-address-add-ctn.open .open-target {
  display: none;
}
.panel-address-add-ctn.open .panel-address-add {
  display: block;
}

.payment-module-validation {
  border-top: 0;
  display: none;
  padding-bottom: 1.5rem;
}
.payment-module .label {
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.payment-module-infos {
  margin-left: 3rem;
}
.payment-module a .payment-module-validation, .payment-module.active .payment-module-validation {
  display: block;
}
.payment-module .cgv {
  margin: 1.5rem 0;
}
.payment-module .cgv input {
  left: -1rem;
  padding: 2rem;
  top: -1rem;
}
.payment-module-etransaction .alert {
  margin-bottom: 1rem;
}
.payment-module .cb-list {
  margin-top: 1.5rem;
}
.payment-module .cb-item {
  border: 1px solid #000;
  border-radius: 0;
  margin-bottom: 1rem;
  padding: 1.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.payment-module .cb-item img {
  margin-right: 1rem;
}
.payment-module .cb-item:hover {
  border-color: #000;
}
.payment-module .cb-item.active {
  background-color: rgba(0, 128, 0, 0.2);
  border-color: green;
}

.order-confirmation .page-heading {
  margin: 0 0 1.5rem;
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .order-confirmation .page-heading {
    padding-top: 5rem;
  }
}
.order-confirmation .order-reference {
  display: block;
  margin-bottom: 1rem;
}
.order-confirmation .module-return ul,
.order-confirmation .module-return li {
  list-style-type: none;
}
.order-confirmation .alert {
  margin-bottom: 1rem;
}
.order-confirmation-resume-inner {
  padding-bottom: 3rem;
}
.order-confirmation-resume-inner .block-resume {
  margin-top: 1.5rem;
}
@media (min-width: 768px) {
  .order-confirmation-resume-inner {
    padding-bottom: 5rem;
  }
}
.order-confirmation .cart {
  margin-top: 6rem;
}
@media (min-width: 2001px) {
  .order-confirmation .product-row {
    margin-left: 0;
    margin-right: 0;
  }
}
.order-confirmation .shipping-recap {
  margin-top: 3rem;
}
@media (min-width: 2001px) {
  .order-confirmation .shipping-recap {
    margin-top: 0;
  }
}
@media (max-width: 768px) {
  .order-confirmation .shipping-recap .block-info-row {
    margin-bottom: 0;
  }
}
.order-confirmation .delivery-option-delay, .order-confirmation .delivery-option-date {
  font-size: 1.4rem;
}
@media (min-width: 2001px) {
  .order-confirmation .delivery-option-delay, .order-confirmation .delivery-option-date {
    font-size: 1.6rem;
  }
}
.order-confirmation .delivery-option-date {
  margin-bottom: 1rem;
}
.order-confirmation .delivery-option-complement {
  width: 100%;
}
.order-confirmation .delivery-option-img {
  line-height: 0;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .order-confirmation .cart-summary .product-total {
    text-align: right;
  }
}
@media (min-width: 2001px) {
  .order-confirmation .cart-summary-prices-first .line {
    padding: 1rem 3rem;
  }
  .order-confirmation .cart-summary-prices-first .line div {
    margin: 0;
  }
}
.order-confirmation .cart-summary-prices-first-inner {
  border-top: 0;
  margin-top: 0;
}
@media (min-width: 2001px) {
  .order-confirmation .cart-summary-prices-first-inner {
    margin-top: 2rem;
  }
}

.no-carrier .link-content {
  margin-bottom: 3rem;
}

.btn-new-address-cart {
  float: right;
  margin-top: -20px;
}

.line {
  margin: 0;
  padding: 1.5rem;
}
.line + .line {
  border-top: 1px solid #000;
}
@media (min-width: 768px) {
  .line {
    padding: 1rem 3rem;
  }
  .line-big {
    font-size: 1.15em;
    padding: 2.5rem 3rem;
  }
  .line-first {
    padding: 1.5rem 3rem;
  }
  .line-ctn {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

/* header */
.cart-summary-prices-first .cart-navigation {
  margin-bottom: 1.5rem;
}
.cart-summary-prices-first-inner {
  margin: 0 0 2rem;
}
@media (min-width: 2001px) {
  .cart-summary-prices-first-inner {
    border-radius: 0;
    margin: 0 0 2rem;
  }
}
.cart-summary-prices-first .shipping {
  display: none;
  margin-bottom: 1rem;
  margin-bottom: 1rem;
}
.cart-summary-prices-first .total-with-taxes {
  font-size: 1.6rem;
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .cart-summary-prices-first .total-with-taxes {
    margin-bottom: 1.5rem;
  }
}
.cart-summary-prices-first .cart-navigation-mobile {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #fff;
  -webkit-box-shadow: -1rem -1.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: -1rem -1.5rem 3.5rem rgba(0, 0, 0, 0.15);
  display: block;
  margin-bottom: 0;
  padding: 1.5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  z-index: 100;
}
.cart-summary-prices-first .cart-navigation-desktop {
  display: none;
}
@media (min-width: 768px) {
  .cart-summary-prices-first .cart-navigation-mobile {
    display: none;
  }
  .cart-summary-prices-first .cart-navigation-desktop {
    display: block;
  }
}
.cart-summary-prices-first .continue {
  margin-bottom: 8rem;
}
.cart-summary .product-reassurance {
  border: 0;
  margin-bottom: 0;
  margin-top: 0;
}
.cart-summary .product-reassurance .inner {
  padding-bottom: 0;
  padding-top: 0;
}
.cart-summary .product-reassurance .img,
.cart-summary .product-reassurance .title {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  max-width: none;
  text-align: center;
}
.cart-summary .product-reassurance .title {
  padding: 0 1rem;
}

.discount-block .discount-ctn {
  max-height: 0;
  overflow: hidden;
  padding: 0;
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.discount-block .icon {
  font-size: 2rem;
}
.discount-block.open .icon-arrow-down::before {
  display: block;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.discount-block.open .discount-ctn {
  max-height: 30rem;
}
.discount-connexion {
  margin-bottom: 3rem;
}
.discount-connexion .btn {
  margin-top: 1rem;
}

.voucher-name-code {
  font-weight: bold;
}

.voucher-description {
  font-size: 1.4rem;
}

.voucher-item {
  background-color: #fff;
  border: 1px solid #000;
  margin-bottom: 1rem;
  padding: 1rem 1.5rem;
}
.voucher-item .btn {
  float: right;
}

.discount-delete {
  font-size: 14px;
}

.code-promo {
  margin-bottom: 1.5rem;
}
.code-promo-item {
  margin-bottom: 1rem;
  margin-top: 0.5rem;
}
.code-promo-item .label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  border: 1px solid #000;
  padding-top: 1rem;
}
.code-promo-item .price-ctn {
  background-color: #000;
  color: #fff;
  font-weight: 500;
  padding: 1rem 1rem 1rem 2rem;
  position: relative;
}
.code-promo-item .price-ctn::before {
  position: absolute;
  bottom: 0;
  left: -2px;
  right: auto;
  top: -2px;
  content: "\e91a";
  font-family: icomoon;
  font-size: 3.4rem;
}
.code-promo-item .discount-delete {
  margin-left: 0.5rem;
}

.discount-featured .label {
  line-height: 1.7rem;
  margin-bottom: 1rem;
}

.discount-form-ctn {
  position: relative;
}
.discount-form-ctn form {
  position: relative;
}
.discount-form-ctn .label {
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
}
.discount-form-ctn .form-control {
  padding-left: 1.5rem;
}

.order-recap-cart {
  margin: 0 -2rem 2rem;
  position: relative;
}
.order-recap-cart .line {
  border: 0;
}
@media (min-width: 2001px) {
  .order-recap-cart {
    border: 1px solid #000;
    margin: 0 0 2rem;
  }
}
@media (min-width: 2001px) {
  .order-recap-cart {
    border-radius: 0;
  }
}
.order-recap-cart .show-details {
  display: none;
  padding: 0;
  text-transform: none;
}
@media (min-width: 2001px) {
  .order-recap-cart .show-details {
    display: block;
  }
}
.order-recap-cart .show-details::after {
  color: inherit;
  content: "\e90b";
  display: inline-block;
  float: right;
  font-family: "icomoon";
  font-size: 2rem;
  margin-left: 1rem;
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
  vertical-align: middle;
}
.open .order-recap-cart .show-details::after {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.order-recap-cart .show-details.open::after {
  margin-bottom: 0.5rem;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.order-recap-cart .resume-products {
  border-bottom: 1px solid #000;
}
.order-recap-cart .resume-products-header {
  position: relative;
  text-transform: uppercase;
}
@media (min-width: 2001px) {
  .order-recap-cart .resume-products-header {
    text-transform: initial;
  }
}
.order-recap-cart .resume-products-header .icon-close {
  position: absolute;
  right: 15px;
  top: 50%;
  color: #fff;
  font-size: 1.4rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (min-width: 2001px) {
  .order-recap-cart .resume-products-header .icon-close {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
}
.order-recap-cart .resume-products .products-lines {
  display: none;
}
.order-recap-cart .resume-products.open .products-lines {
  display: block;
}
.order-recap-cart .products-lines {
  background-color: #fff;
}
@media (min-width: 2001px) {
  .order-recap-cart .cart-reassurance {
    margin-bottom: 20rem;
    margin-top: 6rem;
  }
}

.recap-product {
  color: #000;
  padding: 15px 0;
  position: relative;
  /* sample */
}
.recap-product:last-child {
  padding-bottom: 0;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .recap-product > .start-xxs {
    padding-right: 52px;
    width: 100%;
  }
  .recap-product > .start-xxs .real-price {
    font-weight: 500;
    white-space: nowrap;
  }
}
.recap-product .product-name {
  display: block;
  margin-bottom: 0.5rem;
  max-width: 80%;
}
.recap-product .product-quantity {
  padding-right: 1rem;
}
@media (min-width: 2001px) {
  .recap-product .product-infos {
    padding-left: 0;
  }
}
.recap-product .product-name {
  font-weight: 500;
}
.recap-product .product-prices {
  margin-top: 5.5rem;
}
@media (min-width: 2001px) {
  .recap-product .product-prices {
    margin-top: 0;
  }
}
.recap-product .real-price {
  font-weight: 500;
}
.recap-product .old-price {
  font-weight: initial;
}
.recap-product + .recap-product {
  border-top: 1px solid #000;
}
.recap-product .several-samples .product-quantity {
  padding-right: 5rem;
  position: relative;
  top: -1.5rem;
}
.recap-product img {
  max-width: 50px;
  max-height: 50px;
}

.order-recap-carrier {
  background: #f6f6f6;
  font-size: 1.3rem;
  margin-bottom: 0;
  padding: 15px;
}
.order-recap-carrier .carrier-name {
  display: block;
  font-weight: bold;
}

.adresses-section .block-bordered {
  position: relative;
}
.adresses-section .ajax-loader::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background-color: #fff;
  content: "";
  opacity: 0.8;
  z-index: 1;
}

@media (max-width: 2001px) {
  .cart-summary-prices {
    bottom: 100%;
    left: 0;
    overflow: auto;
    padding: 0 2rem;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    z-index: 1000;
  }
  .cart-summary-prices .order-recap-cart .line-first .close-target {
    padding-left: 2rem;
  }
  .cart-summary-prices .order-recap-cart .resume-products .products-lines {
    display: block;
  }
  .cart-summary-prices.open {
    background-color: #fff;
    bottom: 0;
    padding-bottom: 3rem;
  }
}
.cart-summary-prices .order-recap-address .has-border {
  border: 1px solid #000;
  border-bottom: 0;
}
.cart-summary-prices .order-recap-address .link {
  position: absolute;
  bottom: 1.5rem;
  right: 1.5rem;
  color: #fff;
}
.cart-summary-prices .order-recap-address .link:hover {
  color: #000;
}

.products-list-cart li {
  list-style: none;
}

/*** steps order ****/
.order-steps {
  font-size: 1.1rem;
  left: 0;
  padding-top: 1rem;
  right: 0;
  text-align: center;
  top: 0;
  z-index: 150;
}
@media (min-width: 768px) {
  .order-steps {
    padding-top: 0.5rem;
  }
}
@media (min-width: 768px) {
  .order-steps {
    position: fixed;
  }
  .order-steps ul {
    max-width: 60rem;
  }
}
@media (min-width: 2001px) {
  .order-steps {
    top: 70px;
  }
  .order-steps ul {
    margin: auto;
    max-width: 46rem;
  }
}
@media (min-width: 9999px) {
  .order-steps {
    padding-top: 2.5rem;
  }
}
.order-steps li.step-current .step-number {
  background-color: #cbb579;
  color: #fff;
}
.order-steps li.step-current .step-label {
  opacity: 1;
}
.order-steps li.step-done .step-number {
  background-color: #cbb579;
  font-size: 0;
}
.order-steps li.step-done .step-number::after {
  color: #fff;
  content: "\e905";
  font-family: "icomoon";
  font-size: 2rem;
}
.order-steps li.step-todo .step-label {
  opacity: 0.5;
}
.order-steps .step-number {
  background-color: #fff;
  border: 2px solid #cbb579;
  color: #cbb579;
  display: inline-block;
  font-size: 2.6rem;
  font-weight: 700;
  height: 4.4rem;
  line-height: 4rem;
  text-align: center;
  width: 4.4rem;
}
.order-steps .step-label {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 1rem;
  text-transform: uppercase;
}
@media (min-width: 480px) {
  .order-steps .step-label {
    margin-top: 0.5rem;
  }
}
@media (min-width: 2001px) {
  .order-steps .step-label {
    font-size: 1.6rem;
    margin-top: 1rem;
  }
}
.order-steps .second {
  position: relative;
}
.order-steps .second::before {
  position: absolute;
  bottom: auto;
  left: -200px;
  right: -200px;
  top: 2rem;
  background-color: #cbb579;
  content: "";
  display: block;
  height: 0.2rem;
  margin: auto;
}
@media (min-width: 768px) {
  .order-steps .second::before {
    position: absolute;
    bottom: auto;
    left: -60px;
    right: -60px;
    top: 2rem;
  }
}
@media (min-width: 9999px) {
  .order-steps .second::before {
    position: absolute;
    bottom: auto;
    left: -80px;
    right: -80px;
    top: 2rem;
  }
}
.order-steps .second .step-number {
  position: relative;
}
.order-steps .first,
.order-steps .last {
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .order-steps ul {
    margin: 0;
    overflow: hidden;
  }
  .order-steps .first {
    padding-left: 0;
    text-align: left;
  }
  .order-steps .last {
    padding-right: 0;
    text-align: right;
  }
}
.order-steps .order-steps-prices {
  position: absolute;
  bottom: auto;
  left: auto;
  right: 1.5rem;
  top: 1.2rem;
  font-size: 1.2rem;
  position: fixed;
  z-index: 150;
}
.order-steps .order-steps-prices .sticky-total {
  font-size: 1.8rem;
  font-weight: 500;
}
@media (min-width: 2001px) {
  .order-steps .order-steps-prices {
    padding-right: 8%;
    position: static;
  }
  .order-steps .order-steps-prices .secure-payment {
    font-size: 1.6rem;
  }
}

@media (min-width: 2001px) {
  .header-stack .order-steps {
    padding-top: 1.5rem;
    top: 0;
  }
}
.header-stack .order-steps .step-label {
  display: none;
}

/* Product */
/************************************************************************************************************   */
/***************************************          ++  PRODUCT   ++        ************************************/
/*************************************************************************************************************   */
.old-price {
  text-decoration: line-through;
}

.product-main {
  padding: 0;
}
@media (max-width: 480px) {
  .product-main .breadcrumb {
    margin-top: 0.5rem;
  }
}
.product-main .product-imgs {
  position: relative;
}
.product-main .product-imgs .product-slider .owl-stage-outer {
  margin: 0;
  padding: 0;
}
@media (max-width: 480px) {
  .product-main .product-imgs .product-slider {
    margin-left: -15px;
    margin-right: -15px;
  }
  .product-main .product-imgs .product-slider .owl-nav {
    display: none;
  }
}
.product-main .product-imgs .product-slider img {
  height: auto;
}
.product-main .product-imgs .product-thumbs .owl-dots {
  position: relative;
  z-index: 1;
}
.product-main .product-imgs .product-thumbs img {
  border: 1px solid transparent;
  display: block;
  height: auto;
  margin-bottom: 10px;
}
.product-main .product-imgs .product-thumbs .current img {
  border: 1px solid #000;
}
@media (max-width: 2001px) {
  .product-main .product-imgs .panel-wishlist-product {
    right: 1rem;
  }
}
@media (min-width: 768px) and (max-width: 2001px) {
  .product-main .product-imgs .panel-wishlist-product {
    right: 1rem;
  }
  .product-main .product-imgs .panel-wishlist-product .icon-heart {
    font-size: 2.3rem;
    line-height: 2.7rem;
  }
}
@media (max-width: 480px) {
  .product-main .product-imgs .product-slider .owl-dots {
    margin-top: 0;
  }
  .product-main .product-imgs .panel-wishlist-product {
    right: -8px;
  }
}
.product-main .product-slider {
  margin-bottom: 3rem;
}
@media (min-width: 2001px) {
  .product-main .product-slider {
    margin-bottom: 6.5rem;
  }
}
.product-main .product-infos {
  width: 100%;
}
.product-main .product-infos-header {
  margin-bottom: 1.5rem;
}
.product-main .product-infos .product-name {
  font-weight: 500;
  margin-bottom: 10px;
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 480px) {
  .product-main .product-infos .product-name {
    margin-bottom: 15px;
  }
}
@media (min-width: 2001px) {
  .product-main .product-infos .product-name {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
.product-main .product-infos .product-ref {
  font-size: 10px;
  font-size: 1rem;
  color: #707070;
  margin-bottom: 10px;
}
.product-main .product-infos .product-manufacturer {
  font-size: 14px;
  font-size: 1.4rem;
}
@media (min-width: 2001px) {
  .product-main .product-infos .product-manufacturer {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.product-main .product-infos .short-description {
  color: #707070;
  font-size: 1.2rem;
  line-height: 1.9rem;
  margin-bottom: 25px;
}
@media (min-width: 2001px) {
  .product-main .product-infos .short-description {
    font-size: 1.4rem;
    line-height: 24px;
    margin-bottom: 2rem;
  }
}
.product-main .product-infos .product-actions .product-calcul {
  font-size: 1.6rem;
  margin-top: 2.5rem;
}
.product-main .product-infos .product-actions .product-calcul .btn-link:hover {
  text-decoration: none;
}
.product-main .product-infos .product-actions .product-calcul .icon {
  font-size: 3rem;
  margin-right: 0.2rem;
  vertical-align: middle;
}
@media (min-width: 2001px) {
  .product-main .product-infos .product-actions .product-calcul .btn-link:hover span {
    text-decoration: underline;
  }
}
@media (max-width: 400px) {
  .product-main .product-infos .product-actions .product-calcul span {
    font-size: 1.2rem;
    max-width: 90%;
    text-align: left;
  }
}
@media (max-width: 325px) {
  .product-main .product-infos .product-actions .product-calcul span {
    max-width: 80%;
  }
}
.product-main .product-infos .product-actions .product-attributes {
  position: relative;
  /* surface case */
}
.product-main .product-infos .product-actions .product-attributes .prices {
  border-bottom: 3px solid #000;
  margin-bottom: 40px;
  padding-bottom: 1.5rem;
  position: relative;
}
@media (min-width: 480px) {
  .product-main .product-infos .product-actions .product-attributes .prices {
    margin-bottom: 30px;
  }
}
.product-main .product-infos .product-actions .product-attributes .prices .main-price .old-price {
  font-size: 1.8rem;
  margin-bottom: 5px;
}
.product-main .product-infos .product-actions .product-attributes .prices .main-price .current-price,
.product-main .product-infos .product-actions .product-attributes .prices .main-price .price {
  font-size: 20px;
  font-size: 2rem;
  font-weight: 500;
}
.product-main .product-infos .product-actions .product-attributes .prices .main-price .unity {
  font-size: 1.6rem;
}
.product-main .product-infos .product-actions .product-attributes .prices .main-price .price-unit {
  font-size: 1.2rem;
}
.product-main .product-infos .product-actions .product-attributes .prices .main-price .price-unit span {
  font-weight: bold;
}
.product-main .product-infos .product-actions .product-attributes .prices .price-ratio .current-price {
  font-weight: bold;
}
.product-main .product-infos .product-actions .product-attributes .attribute_list {
  margin-bottom: 20px;
}
.product-main .product-infos .product-actions .product-attributes .attribute_list label {
  color: #000;
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 12px;
  font-size: 1.2rem;
}
.product-main .product-infos .product-actions .product-attributes .attribute_list label span {
  font-weight: normal;
}
.product-main .product-infos .product-actions .product-attributes .attribute_list .colors-ctn li {
  display: inline-block;
  margin: 2px;
  position: relative;
  vertical-align: middle;
}
.product-main .product-infos .product-actions .product-attributes .attribute_list .colors-ctn li a {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: block;
  overflow: hidden;
}
@media (min-width: 768px) {
  .product-main .product-infos .product-actions .product-attributes .attribute_list .colors-ctn li a {
    height: 36px;
    width: 36px;
  }
}
.product-main .product-infos .product-actions .product-attributes .attribute_list .colors-ctn li a::before {
  color: #000;
  content: "\e905";
  display: block;
  font-family: "icomoon";
  left: 50%;
  margin: -9px 0 0 -9px;
  opacity: 0;
  position: absolute;
  top: 50%;
  z-index: 2;
  font-size: 17px;
  font-size: 1.7rem;
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
@media (min-width: 768px) {
  .product-main .product-infos .product-actions .product-attributes .attribute_list .colors-ctn li a::before {
    margin: -12px 0 0 -11px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.product-main .product-infos .product-actions .product-attributes .attribute_list .colors-ctn li a img {
  border: 1px solid transparent;
  border-radius: 50%;
  display: inline-block;
  max-width: 100%;
  -webkit-transform: scale(1.25);
          transform: scale(1.25);
}
.product-main .product-infos .product-actions .product-attributes .attribute_list .colors-ctn li a span {
  background-color: #ccc;
  border: 1px solid transparent;
  border-radius: 50%;
  display: block;
  height: 100%;
  width: 100%;
}
.product-main .product-infos .product-actions .product-attributes .attribute_list .colors-ctn li .popover-content {
  margin-top: -20px;
}
.product-main .product-infos .product-actions .product-attributes .attribute_list .colors-ctn a.selected::before {
  opacity: 1;
}
.product-main .product-infos .product-actions .product-attributes .attribute_list .colors-ctn a.selected img {
  border-color: #fff;
}
.product-main .product-infos .product-actions .product-attributes .attribute_list .colors-ctn a.selected span {
  border-color: #fff;
}
@media (min-width: 2001px) {
  .product-main .product-infos .product-actions .product-attributes .attribute_list {
    margin-bottom: 3rem;
  }
}
.product-main .product-infos .product-actions .product-attributes .delivery-delay {
  color: #707070;
  font-size: 1.2rem;
}
.product-main .product-infos .product-actions .product-attributes .label-if-surface {
  display: block;
  margin-bottom: 0.5rem;
  text-align: left;
}
.product-main .product-infos .product-actions .product-attributes .surface-display {
  margin-bottom: 0;
}
.product-main .product-infos .product-actions .product-attributes .surface-display .form-control {
  max-width: 20rem;
}
.product-main .product-infos .product-actions .product-attributes .surface-display + .delivery-delay {
  margin-top: 1.5rem;
}
.product-main .product-infos .product-actions .product-attributes .quote-btn {
  margin-bottom: 0.5rem;
}
.product-main .product-infos .product-actions .product-attributes #availability_statut {
  margin-top: 0;
  text-align: center;
}
.product-main .product-infos .product-actions .product-attributes #availability_statut .label-success {
  display: none !important;
}
.product-main .product-infos .product-actions .product-attributes #availability_statut .availability-value {
  display: block;
  margin-top: 1.5rem;
}
@media (min-width: 480px) {
  .product-main .product-infos .product-actions .product-attributes #availability_statut {
    text-align: left;
  }
}
.product-main .product-infos .product-actions .product-attributes .delivery-delay {
  color: #707070;
}
.product-main .product-infos .product-actions .product-attributes .add-to-cart-block {
  margin-top: 4rem;
}
.product-main .product-infos .product-actions .product-attributes .add-to-cart-block button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 768px) {
  .product-main .product-infos .product-actions .product-attributes .add-to-cart-block button {
    padding-left: 25px;
    padding-right: 25px;
  }
}
.product-main .product-infos .product-actions .product-attributes .add-to-cart-block button .icon {
  display: none;
  margin-right: 10px;
  margin-top: -3px;
  font-size: 18px;
  font-size: 1.8rem;
}
@media (min-width: 480px) {
  .product-main .product-infos .product-actions .product-attributes .add-to-cart-block button .icon {
    display: inline-block;
  }
}
@media (min-width: 9999px) {
  .product-main .product-infos .product-actions .product-attributes .add-to-cart-block button .icon {
    margin-right: 20px;
    font-size: 22px;
    font-size: 2.2rem;
  }
}
.product-main .product-infos .product-actions .btn-print-ctn {
  margin-top: 1rem;
}
.product-main .product-infos .product-actions .product-socials {
  padding: 15px 0;
  text-align: center;
}
@media (min-width: 2001px) {
  .product-main .product-infos .product-actions .product-socials {
    text-align: right;
  }
}
.product-main .product-infos .product-actions .product-socials li {
  display: inline-block;
  padding: 0 5px;
}
.product-main .product-infos .add-to-cart-sample {
  margin-bottom: 0.3rem;
}
.product-main-tablet .ctn, .product-main-tablet .advslider .owl-nav, .advslider .product-main-tablet .owl-nav, .product-main-tablet .advslider .owl-dots, .advslider .product-main-tablet .owl-dots {
  width: 100%;
}
.product-main-tablet .product-slider {
  margin-bottom: 1.5rem;
}
.product-main-tablet .product-description-long {
  margin-top: 2rem;
}
.product-main-tablet .product-description-long .img-mea {
  margin-bottom: 1rem;
}
@media (max-width: 480px) {
  .product-main-tablet .product-description-long {
    padding: 0 1rem;
  }
}
.product-main-tablet .delivery-delay {
  margin-top: 5px;
  text-align: center;
}

.product.content_only {
  background-color: #fff;
  padding-bottom: 9rem;
}
.product.content_only .img-full {
  margin-bottom: 2rem;
  padding: 0;
}
.product.content_only .img-full img {
  height: auto;
  max-width: 100%;
}
.product.content_only .quantity_wanted_p {
  margin-bottom: 4rem;
}
@media (max-width: 480px) {
  .product.content_only .product-qty-down,
.product.content_only .product-qty-up {
    font-size: 1.2rem;
    text-align: center;
    width: 35px;
  }
}
.product.content_only .stack-add-to-cart {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: auto;
  background-color: #f6f6f6;
  -webkit-box-shadow: -1rem -1.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: -1rem -1.5rem 3.5rem rgba(0, 0, 0, 0.15);
  position: fixed;
  z-index: 2;
}
.product.content_only .stack-add-to-cart .prices {
  border-bottom: 0 !important;
}
.product.content_only .stack-add-to-cart .prices .unity {
  display: block;
}
@media (max-width: 480px) {
  .product.content_only .stack-add-to-cart {
    padding: 1.5rem 0;
  }
  .product.content_only .stack-add-to-cart .prices {
    margin-bottom: 0.5rem !important;
  }
  .product.content_only .stack-add-to-cart-row {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .product.content_only .stack-add-to-cart .current-price {
    font-size: 1.6rem !important;
  }
  .product.content_only .stack-add-to-cart .old-price {
    font-size: 1.2rem !important;
  }
  .product.content_only .stack-add-to-cart .unity {
    font-size: 1.2rem !important;
  }
  .product.content_only .stack-add-to-cart .prices {
    padding-bottom: 0 !important;
  }
  .product.content_only .stack-add-to-cart .add-to-cart-ctn {
    padding-left: 0;
  }
  .product.content_only .stack-add-to-cart .add-to-cart .btn {
    padding-bottom: 1rem;
    padding-top: 1rem;
  }
}

.product-features .feature-line {
  max-width: 50rem;
  padding: 8px 0;
  text-align: left;
}
.product-features .feature-line .feature-name {
  display: inline-block;
  font-weight: 700;
  width: 52%;
}
.product-features .feature-line .feature-value {
  display: inline-block;
  padding-left: 5px;
  vertical-align: middle;
  width: 45%;
}
@media (min-width: 2001px) {
  .product-features .feature-line .feature-name {
    width: 40%;
  }
  .product-features .feature-line .feature-value {
    width: 58%;
  }
}

.product-attachment {
  margin-top: 1.5rem;
  max-width: 50rem;
}
.product-attachment .attachment {
  border: 3px solid #000;
}
.product-attachment .attachment-content {
  padding: 1.5rem;
}
.product-attachment .attachment .icon {
  font-size: 2rem;
}

.block-tag {
  margin-bottom: 0;
}
.block-tag-header .title-tag {
  border-top: 1px solid #000;
  color: #000;
  margin-bottom: 15px;
  padding-top: 1rem;
  position: relative;
}
@media (min-width: 768px) {
  .block-tag-header .title-tag {
    border-top: 0;
    padding-top: 0;
  }
}
@media (min-width: 2001px) {
  .block-tag-header .title-tag {
    margin-bottom: 20px;
  }
}
.block-tag-header .icon {
  margin-top: 0.5rem;
  right: 0;
  font-size: 15px;
  font-size: 1.5rem;
}
.block-tag-header .icon-arrow-up {
  background-color: #000;
  height: 0.3rem;
  width: 1.5rem;
}
@media (min-width: 480px) {
  .block-tag-header .icon {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media (min-width: 768px) {
  .block-tag-header .icon {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
@media (min-width: 768px) {
  .block-tag-header .icon {
    display: none;
  }
}
.block-tag .js-block-tag-content {
  display: none;
}
.block-tag-content {
  margin-bottom: 3rem;
}
@media (min-width: 768px) {
  .block-tag .js-block-tag-content {
    display: block;
  }
  .block-tag-content {
    margin-bottom: 7rem;
  }
}
.block-tag.product-cleaning {
  min-width: 50%;
}
.block-tag.product-cleaning .inner {
  padding: 2.5rem;
}

.product-accessories-bloc {
  margin-top: 50px;
  position: relative;
  width: 100%;
}
.product-accessories-bloc .product-accessories1 {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
.product-accessories-bloc .block-tag-header {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.product-accessories-bloc .product-accessories2 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media (max-width: 1850px) and (min-width: 1300px) {
  .product-accessories-bloc .product-accessories2.products-favorite {
    top: -20rem;
  }
}
@media (min-width: 2001px) {
  .product-accessories-bloc {
    margin-top: 30px;
  }
}
@media (max-width: 768px) {
  .product-accessories-bloc .products-favorite,
.product-accessories-bloc .product-accessories {
    padding: 0;
  }
}
@media (max-width: 480px) {
  .product-accessories-bloc .ctn-fluid {
    padding: 0;
  }
  .product-accessories-bloc .ctn, .product-accessories-bloc .advslider .owl-nav, .advslider .product-accessories-bloc .owl-nav, .product-accessories-bloc .advslider .owl-dots, .advslider .product-accessories-bloc .owl-dots {
    padding: 0;
  }
  .product-accessories-bloc .row {
    margin: 0;
  }
}
.product-accessories-bloc::before {
  background: #f6f6f6;
  content: "";
  height: 1px;
  position: absolute;
  top: -35px;
  width: 30%;
}
@media (min-width: 2001px) {
  .product-accessories-bloc::before {
    content: none;
  }
}

.product-complementary {
  padding-top: 5rem;
}
.product-description-long .inner {
  margin: auto;
}
@media (min-width: 2001px) {
  .product-description-long .inner {
    max-width: 60rem;
  }
}

.product-main .add-to-cart.panoramic {
  display: none !important;
}

.panel-qv {
  height: 100%;
}

.panel-iframe-inner {
  height: calc(100% - 50px);
  width: 100%;
}

.panel-product-calcul {
  background-color: #fff;
}
.panel-product-calcul .step-message {
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}
.panel-product-calcul .step-message .sub-message {
  font-size: 0.7em;
}
.panel-product-calcul.panoramic .h3-medium, .panel-product-calcul.carpet .h3-medium {
  text-align: center;
}
.panel-product-calcul.panoramic .calcul-data-panoramic,
.panel-product-calcul.panoramic .calcul-data-carpet, .panel-product-calcul.carpet .calcul-data-panoramic,
.panel-product-calcul.carpet .calcul-data-carpet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-align: center;
}
.panel-product-calcul.panoramic .erreur, .panel-product-calcul.carpet .erreur {
  color: red;
  font-weight: bold;
}
.panel-product-calcul.panoramic .erreur-dimensions, .panel-product-calcul.carpet .erreur-dimensions {
  margin-top: 10px;
}
.panel-product-calcul.panoramic .block, .panel-product-calcul.carpet .block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 20px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  width: 100%;
  padding: 15px;
  background-color: rgba(0, 0, 0, 0.04);
}
.panel-product-calcul.panoramic .block#leftpan div, .panel-product-calcul.carpet .block#leftpan div {
  width: 100%;
  margin-bottom: 15px;
}
.panel-product-calcul.panoramic .block#leftpan .btn, .panel-product-calcul.carpet .block#leftpan .btn {
  margin-bottom: 5px;
}
.panel-product-calcul.panoramic .block#leftpan .dim label, .panel-product-calcul.carpet .block#leftpan .dim label {
  font-size: 0.8em;
}
.panel-product-calcul.panoramic .block#leftpan .actions, .panel-product-calcul.carpet .block#leftpan .actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.panel-product-calcul.panoramic .block#rightpan, .panel-product-calcul.carpet .block#rightpan {
  width: 100%;
  max-width: 1200px;
}
.panel-product-calcul.panoramic .block.panoramic-total-price, .panel-product-calcul.panoramic .block.carpet-total-price, .panel-product-calcul.carpet .block.panoramic-total-price, .panel-product-calcul.carpet .block.carpet-total-price {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-line-pack: center;
      align-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.panel-product-calcul.panoramic .title, .panel-product-calcul.carpet .title {
  display: block;
  font-size: 1.4rem;
  margin-left: 10px;
}
.panel-product-calcul.panoramic .dim, .panel-product-calcul.carpet .dim {
  display: inline;
  font-size: 1.2em;
  margin-left: 10px;
}
.panel-product-calcul.panoramic .dim.xs1, .panel-product-calcul.panoramic .dim.xs2, .panel-product-calcul.panoramic .dim.xs3, .panel-product-calcul.panoramic .dim.xs4, .panel-product-calcul.panoramic .dim.xs5, .panel-product-calcul.panoramic .dim.xs6, .panel-product-calcul.panoramic .dim.xs7, .panel-product-calcul.panoramic .dim.xs8, .panel-product-calcul.panoramic .dim.xs9, .panel-product-calcul.panoramic .dim.xs10, .panel-product-calcul.panoramic .dim.xs11, .panel-product-calcul.panoramic .dim.xs12, .panel-product-calcul.carpet .dim.xs1, .panel-product-calcul.carpet .dim.xs2, .panel-product-calcul.carpet .dim.xs3, .panel-product-calcul.carpet .dim.xs4, .panel-product-calcul.carpet .dim.xs5, .panel-product-calcul.carpet .dim.xs6, .panel-product-calcul.carpet .dim.xs7, .panel-product-calcul.carpet .dim.xs8, .panel-product-calcul.carpet .dim.xs9, .panel-product-calcul.carpet .dim.xs10, .panel-product-calcul.carpet .dim.xs11, .panel-product-calcul.carpet .dim.xs12 {
  margin-left: 0;
}
.panel-product-calcul.panoramic .h1, .panel-product-calcul.carpet .h1 {
  font-size: 1.6rem;
  width: 100%;
  margin: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid black;
}
.panel-product-calcul.panoramic .gridlayout.gridbg, .panel-product-calcul.carpet .gridlayout.gridbg {
  display: block;
  position: absolute;
  top: 0;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.panel-product-calcul.panoramic .gridlayout, .panel-product-calcul.carpet .gridlayout {
  margin: auto;
  left: 0;
  right: -3px;
}
.panel-product-calcul.panoramic .gridlayout .customgrid > span, .panel-product-calcul.carpet .gridlayout .customgrid > span {
  border-right: 2px solid red !important;
  margin: 0;
  height: 100%;
  direction: ltr;
  display: inline-block;
}
.panel-product-calcul.panoramic .reflection, .panel-product-calcul.carpet .reflection {
  -webkit-transform: scaleX(-1);
  transform: scaleX(-1);
}
.panel-product-calcul.panoramic .btn.selected, .panel-product-calcul.carpet .btn.selected {
  background-color: black;
  color: white;
}
.panel-product-calcul.panoramic .infoWidth, .panel-product-calcul.carpet .infoWidth {
  text-align: center;
}
.panel-product-calcul.panoramic #imageCropper, .panel-product-calcul.carpet #imageCropper {
  width: 100%;
}
.panel-product-calcul.panoramic .ajax_add_pano_to_cart_button:disabled,
.panel-product-calcul.panoramic .ajax_add_carpet_to_cart_button:disabled, .panel-product-calcul.carpet .ajax_add_pano_to_cart_button:disabled,
.panel-product-calcul.carpet .ajax_add_carpet_to_cart_button:disabled {
  background-color: grey;
  border-color: grey;
  cursor: not-allowed;
}
.panel-product-calcul.carpet .dim {
  text-align: right;
}
.panel-product-calcul.carpet .dimensions .saisie {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.panel-product-calcul.carpet .dimensions label {
  font-size: 1.2rem;
}
.panel-product-calcul.carpet .dimensions #format-rond .saisie {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.panel-product-calcul.carpet .erreur-dimensions {
  width: 100%;
}
.panel-product-calcul.carpet .panel_color_list li {
  float: left;
  margin-right: 5px;
}
.panel-product-calcul.carpet .panel_color_list#ganse_color_list li {
  width: 100px;
  text-align: center;
}
.panel-product-calcul.carpet .select-surjet, .panel-product-calcul.carpet .select-ganse_type {
  min-width: 180px;
}
.panel-product-calcul.carpet .product-ref-ctn {
  background-color: white;
  padding-top: 5px;
}
.panel-product-calcul.carpet .color_pick_galon img,
.panel-product-calcul.carpet .color_pick_ganse img {
  margin: 6px 4px 4px;
}
.panel-product-calcul.carpet .color_pick_galon.selected img,
.panel-product-calcul.carpet .color_pick_ganse.selected img {
  margin: 2px 0 0;
  border: 4px solid black;
}
.panel-product-calcul.carpet #add-cart-mobile .carpet-total-price {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.panel-product-calcul.carpet .calcul-img {
  display: none;
}
.panel-product-calcul .panel-error {
  display: block;
  margin-bottom: 0;
  margin-top: 2rem;
  padding: 1rem 1.5rem;
}
.panel-product-calcul .panel-error-ctn {
  padding-left: 2rem;
  padding-right: 2rem;
  text-align: center;
}
.panel-product-calcul .calcul-product-infos {
  padding-bottom: 2rem;
}
.panel-product-calcul .calcul-img {
  margin-bottom: -5rem;
  padding: 0 4rem;
}
.panel-product-calcul .calcul-img img {
  max-width: 4.8rem;
}
.panel-product-calcul .calcul-block.panel-block {
  position: relative;
}
.panel-product-calcul .calcul-data-title {
  display: block;
  font-size: 2rem;
  margin-bottom: 1rem;
  margin-top: 2.5rem;
}
.panel-product-calcul .calcul-data .control-label {
  color: #000;
  font-size: 1.4rem;
  font-weight: bold;
}
.panel-product-calcul .calcul-data .mention {
  color: #000;
  display: block;
  font-weight: normal;
  margin-top: 0;
}
.panel-product-calcul .calcul-data .form-control {
  font-size: 1.6rem;
}
.panel-product-calcul .calcul-total {
  height: 0;
  opacity: 0;
  overflow: hidden;
  -webkit-transition: 0.5s opacity;
  transition: 0.5s opacity;
}
.panel-product-calcul .calcul-total.open {
  height: 100%;
  min-height: 500px;
  opacity: 1;
  overflow: auto;
}
.panel-product-calcul .calcul-total .number-strong {
  border: 1px solid #000;
  border-radius: 3rem;
  display: inline-block;
  height: 44px;
  line-height: 34px;
  min-width: 44px;
  padding: 0.5rem;
}
.panel-product-calcul .calcul-total-infos {
  font-weight: bold;
  margin-bottom: 5rem;
}
.panel-product-calcul .calcul-total-infos li {
  margin-bottom: 0.5rem;
}
.panel-product-calcul .calcul-total-explication {
  margin-bottom: 1.5rem;
  margin-top: 1.5rem;
}
@media (min-width: 2001px) {
  .panel-product-calcul .calcul {
    font-size: 1.6rem;
  }
  .panel-product-calcul .calcul-product-infos strong {
    display: block;
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  .panel-product-calcul .calcul .h3-medium {
    font-size: 2.4rem;
    margin-bottom: 4rem;
  }
  .panel-product-calcul .calcul-data-title {
    display: block;
    font-size: 2.4rem;
    margin-bottom: 1.2rem;
  }
  .panel-product-calcul .calcul-data .control-label {
    color: #000;
    font-size: 1.6rem;
    font-weight: bold;
  }
}
.panel-product-calcul .room {
  padding: 3rem;
  position: relative;
  text-align: center;
}
.panel-product-calcul .room img {
  max-width: 12rem;
}
.panel-product-calcul .room > div {
  height: 2rem;
  margin: auto;
  width: 2rem;
}
.panel-product-calcul .room-top {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.panel-product-calcul .room-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.panel-product-calcul .room-left {
  position: absolute;
  bottom: 0;
  left: 0;
  top: 0;
}
.panel-product-calcul .room-right {
  position: absolute;
  bottom: 0;
  right: 0;
  top: 0;
}
.panel-product-calcul .room-ctn .form-group-checkbox {
  margin-top: 1rem;
  padding-left: 5rem;
}

@media (min-width: 768px) {
  .panel-product-calcul.panoramic .panel-block, .panel-product-calcul.carpet .panel-block {
    padding: 2rem 3rem 1rem;
  }
  .panel-product-calcul.panoramic .panel-block .calcul-product-infos, .panel-product-calcul.carpet .panel-block .calcul-product-infos {
    padding-bottom: 0;
  }
  .panel-product-calcul.panoramic .h3-medium, .panel-product-calcul.carpet .h3-medium {
    margin-bottom: 0;
  }
  .panel-product-calcul.panoramic .block, .panel-product-calcul.carpet .block {
    margin-top: 5px;
  }
  .panel-product-calcul.panoramic .block#leftpan, .panel-product-calcul.carpet .block#leftpan {
    width: 20%;
    min-width: 400px;
  }
  .panel-product-calcul.panoramic .calcul-data-panoramic,
.panel-product-calcul.panoramic .calcul-data-carpet, .panel-product-calcul.carpet .calcul-data-panoramic,
.panel-product-calcul.carpet .calcul-data-carpet {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .panel-product-calcul.panoramic #imagePano, .panel-product-calcul.carpet #imagePano {
    margin: auto;
  }
  .panel-product-calcul.panoramic #add-cart-mobile, .panel-product-calcul.carpet #add-cart-mobile {
    display: none;
  }
}
@media (max-width: 767px) {
  .panel-product-calcul.panoramic .panel-block,
.panel-product-calcul.panoramic .panel-buttons, .panel-product-calcul.carpet .panel-block,
.panel-product-calcul.carpet .panel-buttons {
    padding: 0;
  }
  .panel-product-calcul.panoramic .block, .panel-product-calcul.carpet .block {
    padding: 5px;
    margin: 0 0 10px;
  }
  .panel-product-calcul.panoramic #add-cart-desktop, .panel-product-calcul.carpet #add-cart-desktop {
    display: none;
  }
}
#imagePano #imageCropper {
  max-height: 600px;
}

@media (min-width: 768px) and (min-height: 1040px) {
  #imagePano #imageCropper {
    max-height: 800px;
  }
}
.update-mode {
  display: none;
}
.update-mode .product-update {
  border: 1px solid lightgrey;
  padding: 0 2px 0;
}
.update-mode .product-update.little {
  width: 50px;
}
.update-mode .product-update.name {
  width: 100%;
  font-size: 10px;
  height: 100%;
}

.btn_comment_update {
  margin-left: 100px;
}

.price-refresh-needed {
  display: none;
}

/*************************************************************************************************************
****************************************            PRINT           ******************************************
**************************************************************************************************************/
@media print {
  .header-top-right,
.overtop,
.header-top-left,
#attributes,
#quantity_wanted_p,
.btn-2,
.type-left-img,
.product-accessories-bloc,
.footer-main,
.breadcrumb,
.block-tag-header .icon-arrow-down,
.panel-wishlist-product {
    display: none;
  }

  .product-infos,
.product-imgs {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }

  .product-complementary {
    padding-top: 1.5rem;
  }
  .product-complementary .wysiwyg p {
    margin-bottom: 5px;
  }
  .product-complementary .block-tag {
    text-align: left;
  }
  .product-complementary .block-tag.product-cleaning img {
    max-width: 30px;
  }

  .product-features, .product-cleaning {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
  .product-imgs img {
    height: 350px !important;
    width: 350px !important;
  }
}
/*************************************************************************************************************
****************************************            Cropper         ******************************************
**************************************************************************************************************/
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.cropper-container img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%;
}

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  text-align: left;
}

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  background-color: #fff;
  opacity: 0;
}

.cropper-modal {
  background-color: #000;
  opacity: 0.5;
}

.cropper-view-box {
  display: block;
  height: 100%;
  outline: 1px solid #000;
  outline-color: #000;
  overflow: hidden;
  width: 100%;
}

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: 0.5;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: 33.3333333333%;
  left: 0;
  top: 33.3333333333%;
  width: 100%;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: 33.3333333333%;
  top: 0;
  width: 33.3333333333%;
}

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: 0.75;
  position: absolute;
  top: 50%;
  width: 0;
}
.cropper-center::before, .cropper-center::after {
  background-color: #eee;
  content: " ";
  display: block;
  position: absolute;
}
.cropper-center::before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px;
}
.cropper-center::after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px;
}

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: 0.1;
  position: absolute;
  width: 100%;
}

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0;
}

.cropper-line {
  background-color: #000;
}
.cropper-line .line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px;
}
.cropper-line .line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px;
}
.cropper-line .line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px;
}
.cropper-line .line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0;
}

.cropper-point {
  background-color: #000;
  height: 5px;
  opacity: 0.75;
  width: 5px;
}
.cropper-point .point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%;
}
.cropper-point .point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px;
}
.cropper-point .point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%;
}
.cropper-point .point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px;
}
.cropper-point .point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px;
}
.cropper-point .point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px;
}
.cropper-point .point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px;
}
.cropper-point .point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px;
}
.cropper-point .point-se::before {
  background-color: #000;
  bottom: -50%;
  content: " ";
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%;
}

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px;
  }
}
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px;
  }
}
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: 0.75;
    width: 5px;
  }
}
.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed;
}

.confection .tooltiptext {
  max-width: 400px;
}
.confection .tooltiptext img {
  width: auto;
  margin: 0 5px;
}
.confection .surjet .tooltiptext, .confection .galon .tooltiptext, .confection .ganse .tooltiptext {
  left: calc(100% - 124px);
}
.confection .surjet .tooltiptext:before, .confection .galon .tooltiptext:before, .confection .ganse .tooltiptext:before {
  left: 117px;
}
@media screen and (max-width: 9999px) {
  .confection .galon .tooltiptext {
    left: calc(100% - 200px);
  }
  .confection .galon .tooltiptext::before {
    left: 193px;
  }
  .confection .ganse .tooltiptext {
    left: calc(100% - 290px);
  }
  .confection .ganse .tooltiptext::before {
    left: 283px;
  }
}
@media screen and (max-width: 2001px) {
  .confection ul > li {
    min-width: 50%;
  }
  .confection .surjet .tooltiptext, .confection .galon .tooltiptext, .confection .ganse .tooltiptext {
    left: calc(100% - 175px);
  }
  .confection .surjet .tooltiptext::before, .confection .galon .tooltiptext::before, .confection .ganse .tooltiptext::before {
    left: 167px;
  }
}

.antiderapant li.disabled {
  color: grey;
  border-color: grey;
  background-color: lightgrey;
}

#password main .content p {
  padding: 15px 0;
}
#password main form {
  padding: 15px 0;
}
#password main form label {
  margin-bottom: 10px;
  font-size: 13px;
  font-size: 1.3rem;
}
#password main .box-footer .box-footer-submit {
  margin-bottom: 30px;
}
@media (min-width: 480px) {
  #password main .box-footer .box-footer-submit {
    margin-bottom: 0;
  }
}
#password main .box-footer .box-footer-submit .btn {
  width: 100%;
}
@media (min-width: 480px) {
  #password main .box-footer .box-footer-submit .btn {
    width: auto;
  }
}

.brand-list .letter {
  margin-bottom: 1rem;
}
@media (min-width: 2001px) {
  .brand-list .letter {
    margin-bottom: 0;
    text-align: center;
  }
}
.brand-list .letter-line {
  margin-bottom: 2.5rem;
}

.sitemap .tree {
  line-height: 25px;
}
.sitemap .tree a:hover {
  text-decoration: underline;
}
.sitemap .tree > .tree-list {
  margin-bottom: 30px;
}
.sitemap .tree > .tree-list > a {
  display: inline-block;
  font-weight: 700;
}
.sitemap .tree > .tree-list > a:hover {
  text-decoration: underline;
}
.sitemap .tree .subtree {
  padding-left: 25px;
}
.sitemap .tree .subtree li {
  position: relative;
}
.sitemap .tree .subtree li a:hover {
  text-decoration: underline;
}
.sitemap .tree .subtree li::before {
  content: "-";
  font-size: 10px;
  font-size: 1rem;
  position: absolute;
  left: -15px;
}

.stores {
  margin-bottom: 45px;
}
.stores .store-result {
  color: #000;
  display: block;
  font-weight: 700;
  margin-bottom: 15px;
  padding: 25px 0;
}
.stores .store-result.show {
  opacity: 1;
}
.stores .map-stores {
  height: 500px;
}
.stores .map-ctn {
  height: auto;
  margin: 0 0 45px 0;
  overflow: hidden;
  width: 100%;
}
.stores .stores-table .store-line {
  border-bottom: 1px solid #000;
  margin-bottom: 20px;
  padding-bottom: 20px;
}
.stores .stores-table .store-line:last-child {
  border: 0;
  margin: 0;
  padding: 0;
}
.stores .stores-table .store-line .store-name {
  display: block;
  font-weight: 700;
  margin-bottom: 6px;
}
.stores .stores-table .store-line .store-address {
  display: block;
  line-height: 20px;
  margin-bottom: 20px;
}
.stores .stores-table .store-line .store-details {
  cursor: pointer;
  display: inline-block;
  padding: 8px 10px 7px 10px;
}

/* btn action mobile */
.search-block .search-submit .icon {
  font-size: 2rem;
}

.tbl-box {
  margin-bottom: 20px;
}
.tbl-box .tbl-box-header {
  background: #000;
  color: #fff;
  display: block;
  padding: 20px;
  text-align: center;
  text-transform: uppercase;
}
.tbl-box .tbl-box-header.small {
  font-size: 1.1em;
  text-align: left;
}
.tbl-box .tbl-box-ctn {
  border: 1px solid #000;
  display: block;
  padding: 20px;
}
.tbl-box.list .list-ctn {
  border: 0.1rem solid #000;
  font-size: 1em;
  padding: 2rem 0;
}
.tbl-box.list .list-ctn .list-item {
  padding: 2rem;
  text-align: left;
}
.tbl-box.list .list-ctn .list-item.odd {
  background: #cfcfcf;
}
.tbl-box.list .list-ctn .list-item.even {
  background: #efefef;
}
.tbl-box.list .list-ctn.no-border {
  border: 0 none;
}
.tbl-box.is-list-ctn .tbl-box-ctn {
  border: 0;
  padding: 0;
}
.tbl-box .error {
  background: red;
}

/* listing panel */
.panel-form {
  font-size: 0.865em;
}
.panel-form .tbl-box-header {
  padding-bottom: 23%;
  padding-top: 0;
  position: relative;
}
.panel-form .tbl-box-header > div {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
}
.panel-form .tbl-box-header span {
  margin: auto;
}
.panel-form .tbl-box.col-flex {
  margin-bottom: 0;
}
.panel-form .tbl-box-ctn {
  border-color: #ebebeb;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding: 0;
}
.panel-form .btn-tablet {
  font-size: 0.95em;
}
.panel-form .product-name {
  height: 4.2rem;
  overflow: hidden;
}

.main-block {
  display: block;
}

.block-header {
  display: block;
  padding: 1.3rem 2rem 0;
  text-align: center;
  text-transform: uppercase;
}
.block-header.small {
  font-size: 1.1em;
  text-align: left;
}

.block-ctn {
  background: #faf7f1;
  display: block;
  padding: 4.5rem 2rem 3.5rem;
}

/** in project page **/
.project-items {
  margin-bottom: 0;
}
.project-list-item-inner {
  position: relative;
}
.project-list-item-inner .ajax-btn {
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}
.project-list-item-inner .ajax-btn:before {
  -webkit-transform: rotate(0);
          transform: rotate(0);
}
.project-list-item-inner .ajax-btn .icon {
  position: absolute;
  right: 0.6rem;
  top: 0.6rem;
}
.project-list-item-inner .ajax-btn .icon:before {
  height: 1.8rem;
  width: 1.8rem;
}
.project-list-item-inner .product-name {
  height: 3.5rem;
}
.project-list-item-footer {
  height: 7rem;
}
.project-list-item .confection-default-bg {
  background-image: url("../../assets/img/confection.jpg");
  background-position: center;
  background-size: cover;
  line-height: 0;
  padding-bottom: 100%;
}

.project-main .btn-ctn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: -11.5em;
  height: 160px;
}
.project-main .btn-ctn .separator {
  margin-top: 0;
  margin-bottom: 0;
}
.project-main .btn-ctn .btn-tablet {
  margin-bottom: 0;
}

.mb-20 {
  margin-bottom: 20px;
}

.js-search-result-content .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.summary-validation .icon-pdf {
  display: block;
  font-size: 4rem;
  margin-top: 1.5rem;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
}

.header-cart.header-icon .header-icon-link .nb-product-total {
  font-size: 0;
}

.customer-search-result {
  cursor: pointer;
}

.footer-links {
  padding: 2rem 0;
}
.footer-links .advblocklink .advblocklink-title {
  padding: 10px 0;
}
.footer-links .advblocklink li {
  padding: 0.5rem 0;
}

@media (max-width: 480px) {
  .footer-links {
    padding: 0;
  }
  .footer-links .advblocklink .advblocklink-title {
    border-bottom: 3px solid #000;
    display: block;
    margin: 0;
    padding: 15px 0;
  }
  .footer-links .advblocklink .advblocklink-title::after {
    content: "\e926";
    float: right;
    font-family: icomoon;
  }
  .footer-links .advblocklink .advblocklink-title.open::after {
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
  .footer-links .advblocklink ul {
    display: none;
    padding: 15px 0;
  }
}
@media (min-width: 2001px) {
  .advblocklink a:hover {
    text-decoration: underline;
  }
}
.advconstructor {
  /* global */
  /* offset layout */
}
.advconstructor-content {
  padding: 4rem 2rem;
}
@media (max-width: 360px) {
  .advconstructor .btn {
    display: block;
  }
}
@media (min-width: 768px) {
  .advconstructor-content {
    padding: 4rem 3rem 3rem;
  }
}
.has-offset-layout .advconstructor-content {
  -webkit-box-shadow: 0 2.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 2.5rem 3.5rem rgba(0, 0, 0, 0.15);
  position: relative;
}
.has-offset-layout .advconstructor-content .btn-ctn {
  position: absolute;
  bottom: -3.25rem;
  left: 0;
  right: 0;
  top: auto;
}
.has-offset-layout .advconstructor-content .btn-ctn .btn {
  display: inline-block;
}
@media (max-width: 2001px) {
  .has-offset-layout .advconstructor-content {
    margin: auto;
    max-width: 85%;
    padding: 2rem 1.5rem;
    position: relative;
    top: -4rem;
  }
}
@media (min-width: 2001px) {
  .has-offset-layout .advconstructor-content {
    padding-bottom: 6rem;
  }
}

.type-category-mea {
  /* advconstructor category mea */
  /* proche container lg */
  /* proche container xl */
  /* proche container md */
}
@media (max-width: 2001px) {
  .type-category-mea .advconstructor-content.is-even {
    top: 4rem;
  }
}
@media (min-width: 2001px) {
  .type-category-mea {
    position: relative;
  }
  .type-category-mea .advconstructor-content {
    max-width: 41rem;
    position: absolute;
  }
  .type-category-mea .advconstructor-content.is-even {
    right: -3rem;
    top: 6rem;
  }
  .type-category-mea .advconstructor-content.is-odd {
    bottom: 8rem;
    left: -3rem;
  }
}
@media (min-width: 9999px) {
  .type-category-mea .advconstructor-content.is-even {
    right: -3%;
    top: 9%;
  }
  .type-category-mea .advconstructor-content.is-odd {
    bottom: 12%;
    left: -3%;
  }
}
@media (min-width: 9999px) {
  .type-category-mea .advconstructor-content.is-even {
    right: -7%;
  }
  .type-category-mea .advconstructor-content.is-odd {
    left: -7%;
  }
}
@media (max-width: 1230px) and (min-width: 1200px) {
  .type-category-mea .advconstructor-content.is-even {
    right: 1.5rem;
  }
  .type-category-mea .advconstructor-content.is-odd {
    left: 1.5rem;
  }
}
@media (max-width: 1375px) and (min-width: 1320px) {
  .type-category-mea .advconstructor-content.is-even {
    right: 1.5rem;
  }
  .type-category-mea .advconstructor-content.is-odd {
    left: 1.5rem;
  }
}
@media (max-width: 1050px) and (min-width: 2001px) {
  .type-category-mea .advconstructor-content.is-even {
    right: 1.5rem;
  }
  .type-category-mea .advconstructor-content.is-odd {
    left: 1.5rem;
  }
}

/* advconstructor seo */
@media (max-width: 480px) {
  .advconstructor.type-seo {
    background: none !important;
  }
}
@media (min-width: 480px) {
  .advconstructor.type-seo {
    background-position: left center;
    background-size: cover;
  }
}
@media (min-width: 2001px) {
  .type-seo .advconstructor-content {
    margin-right: 10%;
    max-width: 47.5rem;
  }
}
@media (min-width: 9999px) {
  .type-seo .advconstructor-content {
    margin-right: 20%;
    max-width: 47.5rem;
  }
}

/* left-img */
@media (max-width: 480px) {
  .type-left-img-ctn {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
.type-left-img .advconstructor-img {
  line-height: 0;
  max-height: 77rem;
  overflow: hidden;
  padding: 0;
}
.type-left-img .advconstructor-img img {
  width: 100%;
}
@media (max-width: 480px) {
  .type-left-img .advconstructor-img {
    line-height: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
@media (max-width: 9999px) and (min-width: 480px) {
  .type-left-img .advconstructor-img {
    overflow: hidden;
    position: relative;
  }
  .type-left-img .advconstructor-img img {
    height: 100%;
    left: 0;
    position: absolute;
    width: auto;
  }
}
@media (min-width: 480px) {
  .type-left-img .advconstructor-img img {
    width: 100%;
  }
  .type-left-img .advconstructor-content {
    padding: 10%;
    padding-bottom: 25%;
  }
  .type-left-img .advconstructor-content .advconstructor-title {
    max-width: 50rem;
  }
  .type-left-img .advconstructor-content .wysiwyg {
    max-width: 40rem;
  }
}

.advconstructor {
  /* bg-block */
  /* type mea */
}
@media (min-width: 480px) {
  .advconstructor-ctn.is-englobant .advconstructor {
    -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
    max-width: 50%;
  }
}
@media (min-width: 2001px) {
  .advconstructor-ctn.is-englobant .advconstructor {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    max-width: 100%;
  }
}
.advconstructor.type-bg-block {
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .advconstructor.type-bg-block {
    margin-bottom: 3rem;
  }
}
.type-mea .advconstructor-content {
  margin: 0;
  max-width: 100%;
  position: relative;
  top: 0;
}
.type-mea .advconstructor-content .graphic-1::after, .type-mea .advconstructor-content .graphic-3::after, .type-mea .advconstructor-content .graphic-4::after {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .type-mea .advconstructor-content {
    max-width: 80%;
    padding-bottom: 3rem;
    top: 2rem;
    width: 25rem;
  }
}
@media (min-width: 9999px) {
  .type-mea .advconstructor-content {
    top: 5rem;
  }
}
@media (max-width: 360px) {
  .type-mea .advconstructor-content {
    padding: 1rem;
  }
  .type-mea .advconstructor-content .h3 {
    font-size: 1.6rem;
    margin: 0;
  }
  .type-mea .advconstructor-content .btn {
    max-width: 85%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .type-mea .advconstructor-content .wysiwyg p {
    margin: 0;
  }
  .type-mea .advconstructor-content .graphic-1::after, .type-mea .advconstructor-content .graphic-3::after, .type-mea .advconstructor-content .graphic-4::after {
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }
}

a,
a:focus {
  outline: 0;
}

.advcms-nav {
  background-color: #f6f6f6;
  border-right: 1px #000;
  -ms-flex-preferred-size: 280px;
      flex-basis: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 2001px) {
  .advcms-nav {
    -ms-flex-preferred-size: 350px;
        flex-basis: 350px;
    padding: 20px 30px 0;
  }
}
@media (min-width: 9999px) {
  .advcms-nav {
    -ms-flex-preferred-size: 410px;
        flex-basis: 410px;
    padding: 40px 50px 0 45px;
  }
}
.advcms-nav .advcms-nav-category {
  margin-bottom: 30px;
}
.advcms-nav .advcms-nav-title {
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  text-decoration: none;
}
.advcms-nav .advcms-nav-title .icon {
  position: absolute;
  right: -30px;
  top: 2px;
  height: 30pxpx;
  width: 30pxpx;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
}
.advcms-nav .advcms-nav-title.open .icon::before {
  content: "\e90a";
}
.advcms-nav a.advcms-nav-title:hover {
  text-decoration: underline;
}
.advcms-nav .advcms-nav-list {
  display: none;
  list-style: none;
  margin-top: 10px;
  padding: 0;
}
.advcms-nav .advcms-nav-list li {
  padding: 10px 0;
  position: relative;
}
.advcms-nav .advcms-nav-list li a {
  color: #000;
  display: block;
  font-size: 16px;
  padding: 5px 0;
  text-decoration: none;
}
.advcms-nav .advcms-nav-list li a.open {
  font-weight: 700;
  text-decoration: underline;
}
.advcms-nav .advcms-nav-list li a:not(.open):hover {
  color: #000;
}
.advcms-nav .advcms-nav-list li a .icon {
  position: absolute;
  right: -20px;
  top: 20px;
  font-size: 12px;
  text-decoration: none;
}
.advcms-nav .advcms-nav-list li a.open .icon {
  content: "\e90a";
}
.advcms-nav .advcms-nav-list li .advcms-subnav-list {
  display: none;
  margin-left: 18px;
  margin-top: 15px;
  padding-bottom: 30px;
  padding-left: 0;
}
.advcms-nav .advcms-nav-list li .advcms-subnav-list li {
  list-style: disc;
  padding: 5px 0;
}
.advcms-nav .advcms-nav-list li .advcms-subnav-list li a {
  display: block;
  font-size: 13px;
  line-height: 16px;
}
.advcms-nav .advcms-nav-list li .advcms-subnav-list li a.current {
  font-weight: 700;
}

.matrice {
  padding: 20px 0;
}
@media (min-width: 2001px) {
  .matrice {
    padding: 25px 0;
  }
}
.matrice-title {
  margin: 0 0 20px 0;
}
.matrice-title.graphic-3 {
  margin-bottom: 0;
}
.matrice-title.graphic-3::after {
  margin-bottom: 1.5rem;
}
.matrice-title.is-small {
  font-size: 18px;
}
@media (min-width: 480px) {
  .matrice-title.is-small {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .matrice-title.is-small {
    font-size: 22px;
  }
}
@media (min-width: 2001px) {
  .matrice-title.is-small {
    font-size: 24px;
  }
}
.matrice-title.is-medium {
  font-size: 24px;
}
@media (min-width: 480px) {
  .matrice-title.is-medium {
    font-size: 26px;
  }
}
@media (min-width: 768px) {
  .matrice-title.is-medium {
    font-size: 28px;
  }
}
@media (min-width: 2001px) {
  .matrice-title.is-medium {
    font-size: 30px;
  }
}
.matrice-chapeau {
  margin-bottom: 5rem;
}
.matrice-chapeau p {
  color: #000;
  font-weight: 500;
}
.matrice-content img {
  height: auto;
  max-width: 100%;
}
.matrice-video-ctn {
  position: relative;
}
.matrice-video-ctn::before {
  content: "";
  display: block;
  padding-bottom: 50%;
}
.matrice-video-ctn-video {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%px;
  width: 100%px;
}
.matrice-action {
  margin-top: 15px;
}
.matrice-img-ctn {
  font-size: 0;
  line-height: 0;
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 480px) {
  .matrice-img-ctn {
    margin-bottom: 0;
  }
}
.matrice-img-ctn img {
  height: auto;
  max-width: 100%;
}
.matrice.img-right .side {
  text-align: center;
}
@media (min-width: 480px) {
  .matrice.img-right .side {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: right;
  }
}
.matrice.img-top .matrice-img-ctn {
  margin-bottom: 30px;
}
.matrice.img-bottom .matrice-img-ctn {
  margin-top: 15px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.matrice-text-inner {
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .matrice-text-inner {
    padding: 3rem;
  }
}
.matrice-default .is-lateral img {
  width: 30rem;
}
@media (min-width: 480px) {
  .matrice-default.img-right .is-lateral {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.matrice-brick:not(:last-child) {
  padding-bottom: 0;
}
.matrice-brick:not(:first-child) {
  padding-top: 0;
}
.matrice-brick .matrice-text-inner {
  border: 1px solid #000;
  padding: 8% 2.5rem;
  text-align: center;
}
.matrice-brick .matrice-img-ctn {
  margin-bottom: -1px;
}
.matrice-brick .matrice-img-ctn .bg-img {
  -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
  min-height: 30rem;
}
@media (min-width: 480px) {
  .matrice-brick-inner {
    border: 1px solid #000;
    border-top: 0;
  }
  .matrice-brick:first-child .matrice-brick-inner {
    border-top: 1px solid #000;
  }
  .matrice-brick.img-right .bg-img {
    border-left: 1px solid #000;
  }
  .matrice-brick.img-left .bg-img {
    border-right: 1px solid #000;
  }
  .matrice-brick .matrice-text-inner {
    border: 0;
    text-align: left;
  }
}
.matrice-colored {
  -webkit-box-shadow: 0 2.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 2.5rem 3.5rem rgba(0, 0, 0, 0.15);
  padding-top: 0;
}
.matrice-colored .btn-ctn {
  bottom: -3.25rem;
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
}
.matrice-colored .btn-ctn .btn {
  padding-left: 2rem;
  padding-right: 2rem;
  width: 80%;
}
.matrice-article.img-right {
  text-align: right;
}
.matrice-article.img-right .matrice-title {
  text-align: right;
}
.matrice-article.img-right .matrice-title span {
  display: inline-block;
}
.matrice-article.img-right .side {
  text-align: right;
}
@media (max-width: 768px) {
  .matrice-article .matrice-title {
    font-size: 2.4rem;
  }
  .matrice-article .matrice-chapeau {
    margin-bottom: 3rem;
  }
  .matrice-article .matrice-chapeau p {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .matrice-article.img-left .matrice-chapeau {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.matrice.media {
  margin-top: 0;
}
.matrice.media .matrice-media {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 0 15px;
}
.matrice.media.img-full {
  padding: 0;
}
.matrice.media.img-full .matrice-media {
  padding: 0;
  width: 100%;
}

.advcms .page-heading {
  padding-bottom: 10rem;
}
@media (min-width: 480px) {
  .advcms .page-heading {
    padding-bottom: 8.5rem;
  }
}
@media (min-width: 2001px) {
  .advcms .page-heading {
    padding-bottom: 7rem;
  }
}
.advcms .page-heading .inner {
  background-size: auto 100%;
  position: relative;
}
.advcms .page-heading .inner::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  display: block;
  -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
  pointer-events: none;
  top: -167px;
}
@media (min-width: 480px) {
  .advcms .page-heading .inner {
    background-size: cover;
  }
}
.advcms .page-heading .advcms-content {
  -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
  margin-bottom: -13.5rem;
  margin-top: 10rem;
  padding: 2rem 1.5rem;
  position: relative;
}
@media (min-width: 480px) {
  .advcms .page-heading .advcms-content {
    padding: 4rem 3rem 3rem;
  }
}
@media (min-width: 2001px) {
  .advcms .page-heading .advcms-content {
    -ms-flex-line-pack: center;
        align-content: center;
  }
  .advcms .page-heading .advcms-content .advcms-title {
    margin: auto;
    max-width: 60rem;
  }
  .advcms .page-heading .advcms-content-inner {
    -ms-flex-line-pack: center;
        align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .advcms .page-heading .advcms-content-inner > * {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
  }
}
.advcms .padded {
  margin: 0;
  max-width: 100%;
  padding: 0 15px;
}
@media (min-width: 768px) {
  .advcms .padded {
    padding: 0 30px;
  }
}
@media (min-width: 2001px) {
  .advcms .padded {
    padding: 0 10%;
  }
}
@media (min-width: 1800px) {
  .advcms .padded {
    padding: 0 20%;
  }
}
@media (min-width: 2500px) {
  .advcms .padded {
    margin: 0 auto;
    max-width: 1230px;
    padding: 0;
  }
}
.advcms.advcms-cms .padded {
  padding: 0 15px;
}
@media (min-width: 768px) {
  .advcms.advcms-cms .padded {
    padding: 0 30px;
  }
}
@media (min-width: 9999px) {
  .advcms.advcms-cms .padded {
    padding: 0 15%;
  }
}
@media (min-width: 2500px) {
  .advcms.advcms-cms .padded {
    margin: 0 auto;
    max-width: 1230px;
    padding: 0;
  }
}

.group-type {
  padding-bottom: 40px;
  padding-top: 40px;
}
.group-type .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.group-type-bricks {
  padding-bottom: 30px;
}
.group-type-articles {
  padding: 0;
}
@media (min-width: 480px) {
  .group-type-articles {
    padding-bottom: 4rem;
    padding-top: 4rem;
  }
}
.group-type-colored-blocks {
  padding-bottom: 4rem;
  padding-top: 2rem;
}
@media (max-width: 1200px) {
  .group-type-colored-blocks .ctn, .group-type-colored-blocks .advslider .owl-nav, .advslider .group-type-colored-blocks .owl-nav, .group-type-colored-blocks .advslider .owl-dots, .advslider .group-type-colored-blocks .owl-dots {
    padding: 0;
    width: 100%;
  }
  .group-type-colored-blocks .owl-stage {
    padding-bottom: 50px;
  }
}
@media (min-width: 767px) {
  .group-type-colored-blocks {
    padding-bottom: 10rem;
    padding-top: 6rem;
  }
}
.group-type-medias {
  padding: 0;
}

.advcms-list {
  padding: 45px 0;
}
.advcms-list .advcms-list-item {
  -webkit-transition: all 0.15s ease-out 0s;
  transition: all 0.15s ease-out 0s;
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0);
  margin-bottom: 15px;
  position: relative;
  top: 0;
}
@media (min-width: 2001px) {
  .advcms-list .advcms-list-item {
    margin-bottom: 30px;
  }
}
.advcms-list .advcms-list-item .advcms-list-item-img img {
  width: 100%;
}
.advcms-list .advcms-list-item .advcms-list-content {
  color: #000;
  padding: 15px;
}
@media (min-width: 2001px) {
  .advcms-list .advcms-list-item .advcms-list-content {
    padding: 30px 25px;
  }
}
.advcms-list .advcms-list-item .advcms-list-content .advcms-list-item-title {
  font-size: 15px;
  font-weight: 700;
  margin-top: 0;
}
@media (min-width: 768px) {
  .advcms-list .advcms-list-item .advcms-list-content .advcms-list-item-title {
    font-size: 17px;
  }
}
@media (min-width: 2001px) {
  .advcms-list .advcms-list-item .advcms-list-content .advcms-list-item-title {
    font-size: 18px;
  }
}
.advcms-list .advcms-list-item .advcms-list-content .advcms-list-item-title .referal {
  color: inherit;
}
.advcms-list .advcms-list-item .advcms-list-content .advcms-list-item-resume {
  font-size: 13px;
}
@media (min-width: 768px) {
  .advcms-list .advcms-list-item .advcms-list-content .advcms-list-item-resume {
    font-size: 15px;
  }
}
@media (min-width: 2001px) {
  .advcms-list .advcms-list-item .advcms-list-content .advcms-list-item-resume {
    font-size: 16px;
  }
}
.advcms-list .advcms-list-item .advcms-list-content .advcms-list-item-resume p {
  margin-bottom: 0;
}
.advcms-list .advcms-list-item:hover {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  top: -5px;
}

.matrice {
  padding: 20px 0;
}
@media (min-width: 2001px) {
  .matrice {
    padding: 25px 0;
  }
}
.matrice-title {
  margin: 0 0 20px 0;
}
.matrice-title.graphic-3 {
  margin-bottom: 0;
}
.matrice-title.graphic-3::after {
  margin-bottom: 1.5rem;
}
.matrice-title.is-small {
  font-size: 18px;
}
@media (min-width: 480px) {
  .matrice-title.is-small {
    font-size: 20px;
  }
}
@media (min-width: 768px) {
  .matrice-title.is-small {
    font-size: 22px;
  }
}
@media (min-width: 2001px) {
  .matrice-title.is-small {
    font-size: 24px;
  }
}
.matrice-title.is-medium {
  font-size: 24px;
}
@media (min-width: 480px) {
  .matrice-title.is-medium {
    font-size: 26px;
  }
}
@media (min-width: 768px) {
  .matrice-title.is-medium {
    font-size: 28px;
  }
}
@media (min-width: 2001px) {
  .matrice-title.is-medium {
    font-size: 30px;
  }
}
.matrice-chapeau {
  margin-bottom: 5rem;
}
.matrice-chapeau p {
  color: #000;
  font-weight: 500;
}
.matrice-content img {
  height: auto;
  max-width: 100%;
}
.matrice-video-ctn {
  position: relative;
}
.matrice-video-ctn::before {
  content: "";
  display: block;
  padding-bottom: 50%;
}
.matrice-video-ctn-video {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%px;
  width: 100%px;
}
.matrice-action {
  margin-top: 15px;
}
.matrice-img-ctn {
  font-size: 0;
  line-height: 0;
  margin-bottom: 30px;
  width: 100%;
}
@media (min-width: 480px) {
  .matrice-img-ctn {
    margin-bottom: 0;
  }
}
.matrice-img-ctn img {
  height: auto;
  max-width: 100%;
}
.matrice.img-right .side {
  text-align: center;
}
@media (min-width: 480px) {
  .matrice.img-right .side {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    text-align: right;
  }
}
.matrice.img-top .matrice-img-ctn {
  margin-bottom: 30px;
}
.matrice.img-bottom .matrice-img-ctn {
  margin-top: 15px;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.matrice-text-inner {
  padding: 1.5rem;
}
@media (min-width: 768px) {
  .matrice-text-inner {
    padding: 3rem;
  }
}
.matrice-default .is-lateral img {
  width: 30rem;
}
@media (min-width: 480px) {
  .matrice-default.img-right .is-lateral {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.matrice-brick:not(:last-child) {
  padding-bottom: 0;
}
.matrice-brick:not(:first-child) {
  padding-top: 0;
}
.matrice-brick .matrice-text-inner {
  border: 1px solid #000;
  padding: 8% 2.5rem;
  text-align: center;
}
.matrice-brick .matrice-img-ctn {
  margin-bottom: -1px;
}
.matrice-brick .matrice-img-ctn .bg-img {
  -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
  min-height: 30rem;
}
@media (min-width: 480px) {
  .matrice-brick-inner {
    border: 1px solid #000;
    border-top: 0;
  }
  .matrice-brick:first-child .matrice-brick-inner {
    border-top: 1px solid #000;
  }
  .matrice-brick.img-right .bg-img {
    border-left: 1px solid #000;
  }
  .matrice-brick.img-left .bg-img {
    border-right: 1px solid #000;
  }
  .matrice-brick .matrice-text-inner {
    border: 0;
    text-align: left;
  }
}
.matrice-colored {
  -webkit-box-shadow: 0 2.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 2.5rem 3.5rem rgba(0, 0, 0, 0.15);
  padding-top: 0;
}
.matrice-colored .btn-ctn {
  bottom: -3.25rem;
  left: 0;
  position: absolute;
  right: 0;
  top: auto;
}
.matrice-colored .btn-ctn .btn {
  padding-left: 2rem;
  padding-right: 2rem;
  width: 80%;
}
.matrice-article.img-right {
  text-align: right;
}
.matrice-article.img-right .matrice-title {
  text-align: right;
}
.matrice-article.img-right .matrice-title span {
  display: inline-block;
}
.matrice-article.img-right .side {
  text-align: right;
}
@media (max-width: 768px) {
  .matrice-article .matrice-title {
    font-size: 2.4rem;
  }
  .matrice-article .matrice-chapeau {
    margin-bottom: 3rem;
  }
  .matrice-article .matrice-chapeau p {
    font-size: 1.2rem;
    line-height: 1.3;
  }
}
@media (max-width: 768px) and (max-width: 480px) {
  .matrice-article.img-left .matrice-chapeau {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.matrice.media {
  margin-top: 0;
}
.matrice.media .matrice-media {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 0 15px;
}
.matrice.media.img-full {
  padding: 0;
}
.matrice.media.img-full .matrice-media {
  padding: 0;
  width: 100%;
}

@media (min-width: 768px) {
  .advmanufacturer-ctn {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
}
.advmanufacturer .section-block-content {
  border-bottom: 3px solid #000;
  border-top: 3px solid #000;
  padding: 3rem 0;
}
.advmanufacturer .owl-item {
  display: inline-block;
  float: none;
  vertical-align: middle;
}
.advmanufacturer .advmanufacturer-slide {
  text-align: center;
}
.advmanufacturer .advmanufacturer-slide img {
  display: inline-block;
  max-width: 100%;
  width: auto;
}
@media (max-width: 768px) {
  .advmanufacturer-slides .owl-stage-outer {
    width: 100%;
  }
  .advmanufacturer .owl-stage {
    padding-left: 20px !important;
    white-space: nowrap;
  }
  .advmanufacturer .advmanufacturer-slide img {
    max-height: 50px;
    max-width: 100%;
    width: auto;
  }
}
@media (max-width: 9999px) {
  .advmanufacturer .ctn, .advmanufacturer .advslider .owl-nav, .advslider .advmanufacturer .owl-nav, .advmanufacturer .advslider .owl-dots, .advslider .advmanufacturer .owl-dots {
    width: 100%;
  }
}
@media (max-width: 480px) {
  .advmanufacturer-slides {
    width: auto;
  }
  .advmanufacturer-slides .owl-stage-outer {
    width: 100%;
  }
}

a,
a:focus {
  outline: 0;
}

.advcms-nav {
  background-color: #f6f6f6;
  border-right: 1px #000;
  -ms-flex-preferred-size: 280px;
      flex-basis: 280px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
@media (min-width: 2001px) {
  .advcms-nav {
    -ms-flex-preferred-size: 350px;
        flex-basis: 350px;
    padding: 20px 30px 0;
  }
}
@media (min-width: 9999px) {
  .advcms-nav {
    -ms-flex-preferred-size: 410px;
        flex-basis: 410px;
    padding: 40px 50px 0 45px;
  }
}
.advcms-nav .advcms-nav-category {
  margin-bottom: 30px;
}
.advcms-nav .advcms-nav-title {
  color: #000;
  cursor: pointer;
  display: block;
  font-size: 20px;
  font-weight: 700;
  position: relative;
  text-decoration: none;
}
.advcms-nav .advcms-nav-title .icon {
  position: absolute;
  right: -30px;
  top: 2px;
  height: 30pxpx;
  width: 30pxpx;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
}
.advcms-nav .advcms-nav-title.open .icon::before {
  content: "\e90a";
}
.advcms-nav a.advcms-nav-title:hover {
  text-decoration: underline;
}
.advcms-nav .advcms-nav-list {
  display: none;
  list-style: none;
  margin-top: 10px;
  padding: 0;
}
.advcms-nav .advcms-nav-list li {
  padding: 10px 0;
  position: relative;
}
.advcms-nav .advcms-nav-list li a {
  color: #000;
  display: block;
  font-size: 16px;
  padding: 5px 0;
  text-decoration: none;
}
.advcms-nav .advcms-nav-list li a.open {
  font-weight: 700;
  text-decoration: underline;
}
.advcms-nav .advcms-nav-list li a:not(.open):hover {
  color: #000;
}
.advcms-nav .advcms-nav-list li a .icon {
  position: absolute;
  right: -20px;
  top: 20px;
  font-size: 12px;
  text-decoration: none;
}
.advcms-nav .advcms-nav-list li a.open .icon {
  content: "\e90a";
}
.advcms-nav .advcms-nav-list li .advcms-subnav-list {
  display: none;
  margin-left: 18px;
  margin-top: 15px;
  padding-bottom: 30px;
  padding-left: 0;
}
.advcms-nav .advcms-nav-list li .advcms-subnav-list li {
  list-style: disc;
  padding: 5px 0;
}
.advcms-nav .advcms-nav-list li .advcms-subnav-list li a {
  display: block;
  font-size: 13px;
  line-height: 16px;
}
.advcms-nav .advcms-nav-list li .advcms-subnav-list li a.current {
  font-weight: 700;
}

.advfeaturedcategories .featured-category {
  margin-bottom: 15px;
}
.advfeaturedcategories .featured-category img {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
@media (min-width: 768px) {
  .advfeaturedcategories .featured-category {
    margin-bottom: 3rem;
  }
  .advfeaturedcategories .featured-category:hover img {
    -webkit-transform: translateY(-5px);
            transform: translateY(-5px);
  }
}
@media (min-width: 9999px) {
  .advfeaturedcategories .featured-category {
    margin-bottom: 0;
  }
}
.advfeaturedcategories .category-content {
  padding: 20px 0;
  text-align: center;
}
.advfeaturedcategories .category-title {
  margin-bottom: 0;
}

.advmenu-action {
  opacity: 1;
}
.header-stack .advmenu-action {
  opacity: 1;
}
.advmenu .advmenu-action {
  float: right;
}

.header-top-menu {
  border-bottom: 3px solid #000;
  padding: 1.5rem 0;
}

.advmenu {
  background-color: #f6f6f6;
  bottom: 0;
  height: 100%;
  left: -100%;
  overflow: auto;
  padding: 0 0 3rem;
  position: fixed;
  top: 40px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 100%;
  z-index: 1000;
}
.advmenu .ctn, .advmenu .advslider .owl-nav, .advslider .advmenu .owl-nav, .advmenu .advslider .owl-dots, .advslider .advmenu .owl-dots {
  max-width: 100%;
}
@media (min-width: 2001px) {
  .advmenu {
    background-color: #fff;
    border-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    left: 0;
    overflow: visible;
    padding: 0;
    position: relative;
    text-align: center;
    top: unset;
    z-index: 1;
  }
  .advmenu .header-mobile {
    display: none;
  }
}
@media (max-width: 9999px) and (min-width: 2001px) {
  .advmenu-inner {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
    width: 100%;
  }
}
@media (max-width: 2001px) {
  .advmenu-inner {
    height: 100%;
  }
  .advmenu-inner .advmenu-content.submenu-open {
    height: 100%;
  }
  .advmenu-inner .advmenu-content.submenu-open + .footer-menu {
    display: none;
  }
  .advmenu-inner .advmenu-root-item.open .advsubmenu-inner,
.advmenu-inner .advmenu-root-item.open .advsubmenu-row {
    height: 100%;
  }
}
@media (min-width: 2001px) {
  .advmenu:hover .advmenu-link {
    color: #fff;
  }
}
.advmenu-action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}
.advmenu-action .icon {
  color: #000;
  font-size: 20px;
}
.advmenu-action-label {
  display: none;
}
.advmenu-open {
  overflow: hidden;
}
.advmenu-open .advmenu,
.advmenu-open .header-top-right {
  left: 0;
}
.advmenu-open .overtop,
.advmenu-open .header-top {
  position: relative;
  z-index: 105;
}
.advmenu .footer-links {
  background-color: #f6f6f6;
  max-width: 100%;
}
@media (min-width: 2001px) {
  .advmenu .footer-links {
    display: none;
  }
}
.advmenu .advblocklink-inner {
  margin: 0 auto;
  max-width: 100%;
  width: 370px;
}
.advmenu-universe-link {
  position: fixed;
  bottom: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
  display: none;
  height: 4rem;
  margin: 0 auto;
  max-width: 100%;
  padding-bottom: 8px;
}
@media (min-width: 2001px) {
  .advmenu-universe-link {
    display: inline-block;
    margin-top: 3rem;
    position: static;
    width: auto;
  }
}
.advmenu-content {
  position: relative;
  text-align: left;
  top: 2rem;
}
@media (min-width: 768px) {
  .advmenu-content {
    padding: 1.5rem 3rem 0;
  }
}
@media (min-width: 2001px) {
  .advmenu-content {
    background-color: #fff;
    margin: 0;
    padding: 0 1.5rem;
    position: static;
    text-align: center;
    top: 0;
  }
}
@media (min-width: 9999px) {
  .advmenu-content {
    margin: 0 -1.5rem;
  }
}
.advmenu-root-link {
  background-color: #fff;
  font-size: 1.4rem;
  padding: 1.4rem 1rem 1.4rem 2rem;
  position: relative;
  text-transform: uppercase;
  width: 100%;
  z-index: 2;
}
.advmenu-root-link::after {
  content: "\e926";
  font-family: icomoon;
}
.highlight .advmenu-root-link {
  color: #fff;
}
.highlight .advmenu-root-link::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  display: block;
  background-color: #000;
  z-index: -1;
}
@media (min-width: 2001px) {
  .advmenu-root-link {
    padding: 0.8rem 1rem;
  }
  .advmenu-root-link::after {
    display: none;
  }
  .advmenu-root-link.has-children::after {
    background-color: #000;
    bottom: -0.5rem;
    content: "";
    display: block;
    height: 1rem;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    width: 1rem;
    bottom: -1.5rem;
    opacity: 0;
    -webkit-transition: all 0;
    transition: all 0;
    -webkit-transition-delay: 0;
            transition-delay: 0;
  }
}
.advmenu-root-item {
  width: 100%;
}
@media (min-width: 2001px) {
  .advmenu-root-item {
    width: auto;
  }
}
.advmenu-root-item-content {
  margin: 0 auto;
  max-width: 100%;
  overflow: hidden;
  padding: 0 1.5rem 0.5rem;
  position: relative;
}
@media (min-width: 2001px) {
  .advmenu-root-item-content {
    padding: 0 0 1rem;
    width: auto;
  }
}
@media (min-width: 9999px) {
  .advmenu-root-item-content {
    padding: 0 0 1rem;
  }
  .advmenu-root-item-content::after {
    background-size: auto;
  }
}
.advmenu-root-item:hover {
  /* cas d'une seule supcolumn */
}
.advmenu-root-item:hover .advmenu-root-item-content::after {
  bottom: 6px;
  left: 0;
  opacity: 0.2;
}
@media (min-width: 2001px) {
  .advmenu-root-item:hover.single .advsupcolumn-menu {
    display: block;
  }
  .advmenu-root-item:hover.single .advsupcolumn-menu-inner {
    padding-top: 4rem;
  }
  .advmenu-root-item:hover.single .advsubmenu-inner::before {
    height: 3px;
  }
}
@media (min-width: 2001px) {
  .advmenu-root-item:hover .advmenu-root-link {
    position: relative;
  }
  .advmenu-root-item:hover .advmenu-root-link.has-children::after {
    opacity: 1;
    -webkit-transition-delay: 0.5s;
            transition-delay: 0.5s;
  }
}
.advmenu-root-item:hover .advsubmenu {
  opacity: 1;
  pointer-events: auto;
  -webkit-transition: opacity 0.3s 0.1s, visibility 0.1s 0.1s;
  transition: opacity 0.3s 0.1s, visibility 0.1s 0.1s;
  visibility: visible;
}
.advmenu-root-item.open {
  /* cas d'une seule supcolumn */
}
.advmenu-root-item.open .advsubmenu {
  left: 0;
  overflow: visible;
}
.advmenu-root-item.open .advsubmenu .advmenu-universe-link {
  display: inline-block;
}
.advmenu-root-item.open.single .advsupcolumn-menu {
  left: 0;
}
.advmenu-cta {
  margin-top: 3rem;
}
.advmenu-cta img {
  max-width: 100%;
}
@media (min-width: 2001px) {
  .advmenu-cta {
    margin-top: 0;
  }
}
.advmenu-cta li {
  margin-bottom: 1rem;
}
.advmenu-cta .btn {
  text-align: center;
  width: 100%;
}

.see-all-link {
  font-weight: 700;
}
@media (min-width: 2001px) {
  .see-all-link:hover {
    text-decoration: underline;
  }
}

.footer-menu {
  margin-bottom: 4rem;
  margin-top: 4rem;
}
.footer-menu .wysiwyg {
  margin-bottom: 2rem;
  margin-top: 2rem;
}
.footer-menu a {
  font-weight: bold;
}

.advmenu-root-link form {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 15px;
}

.advsubmenu {
  bottom: 0;
  left: -105%;
  overflow: hidden;
  position: absolute;
  text-align: left;
  top: 0;
  width: 100%;
  z-index: 3;
  /*  .ctn {
      @media (max-width: $md-width) {
        padding: 0;
      }
    } */
}
@media (max-width: 2001px) {
  .advsubmenu {
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
}
@media (min-width: 2001px) {
  .advsubmenu {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 2rem;
    opacity: 0;
    overflow: visible;
    pointer-events: none;
    text-align: left;
    -webkit-transition: visibility 0.3s 0.3s, opacity 0.2s 0.1s;
    transition: visibility 0.3s 0.3s, opacity 0.2s 0.1s;
    visibility: hidden;
    z-index: 1;
  }
}
@media (min-width: 2001px) {
  .advsubmenu-inner {
    background-color: #fff;
    max-height: 70vh;
  }
  .advsubmenu-inner::before {
    background-color: #000;
    bottom: 0;
    content: "";
    height: 46px;
    left: 2.5rem;
    position: absolute;
    right: 2.5rem;
    top: 2rem;
    z-index: 1;
  }
}
@media (min-width: 9999px) {
  .advsubmenu-inner::before {
    left: 5.5rem;
    right: 5.5rem;
  }
}
.advsubmenu-row {
  background-color: #f6f6f6;
  margin: 0 auto;
  max-width: 100%;
  padding: 0.5rem 0 6rem;
  position: relative;
  text-align: center;
}
@media (min-width: 2001px) {
  .advsubmenu-row {
    background-color: transparent;
    margin: 0 -15px;
    max-width: none;
    padding: 1.5rem 1.5rem 6rem;
    padding: 0 0 30px;
    width: auto;
  }
}
.advsubmenu-item:hover .advsubmenu-img-desk {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.advsubmenu-title {
  border-bottom: 1px solid transparent;
  font-size: 1.4rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media (min-width: 2001px) {
  .advsubmenu-title:hover {
    text-decoration: underline;
  }
}
.selection .advsubmenu-title {
  font-size: 1.6rem;
}
@media (max-width: 768px) {
  .advsubmenu .column-btn {
    margin-bottom: 7rem;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}
.advsubmenu-list {
  background-color: #fff;
  margin-bottom: 0.5rem;
  padding: 1.5rem;
  text-align: left;
}
.advsubmenu-list-ctn:last-child {
  margin-bottom: 5rem;
}
@media (min-width: 480px) and (max-width: 2001px) {
  .advsubmenu-list {
    height: calc(100% - 2rem);
    margin-top: 2rem;
  }
}
@media (min-width: 2001px) {
  .advsubmenu-list {
    padding: 0;
  }
}
.advsubmenu-link {
  font-size: 1.6rem;
  font-weight: 700;
  margin-bottom: 1.2rem;
  text-transform: uppercase;
}
.advsubmenu-link.selection {
  margin-bottom: 3rem;
  padding-left: 1rem;
  position: relative;
}
.advsubmenu-link.selection span {
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
}
.advsubmenu-link.selection::after {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  content: "";
  display: block;
  border-left: 3px solid #000;
  bottom: 0.2rem;
  top: 0.2rem;
}
@media (min-width: 2001px) {
  .advsubmenu-link.selection:hover span {
    -webkit-transform: translateX(0.5rem);
            transform: translateX(0.5rem);
  }
}
.advsubmenu-link.btn {
  padding: 1rem;
  text-align: left;
}
.advsubmenu-link.btn span {
  display: block;
}
@media (min-width: 2001px) {
  .advsubmenu-link.menu-img {
    text-align: center;
  }
  .advsubmenu-link.menu-img .advsubmenu-title {
    display: block;
    margin: 2rem auto 4rem;
  }
}
.advsubmenu-img-desk {
  border-radius: 0;
  -webkit-transition: 1.3s;
  transition: 1.3s;
}
.advsubmenu-img-desk-ctn {
  border-radius: 0;
  line-height: 0;
  overflow: hidden;
}
@media (min-width: 2001px) {
  .advsubmenu-child-menu {
    padding-left: 0;
    padding-right: 0;
  }
}
.advsubmenu-child-link {
  display: inline-block;
  font-size: 1.3rem;
  margin-bottom: 1.2rem;
}
.advsubmenu-child-link:hover {
  text-decoration: underline;
}
.advsubmenu .close-tab {
  background: #f6f6f6;
}
@media (min-width: 2001px) {
  .advsubmenu .close-tab {
    display: none;
  }
}
.advsubmenu .close-tab-title {
  background-color: #000;
  color: #fff;
  padding: 1.4rem 3rem 1.4rem 1rem;
  text-align: center;
}
.advsubmenu .close-tab-title::after {
  display: none;
}
.advsubmenu .close-tab-link {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  padding: 0.5rem 1rem;
}
@media (min-width: 2001px) {
  .advsubmenu .close-tab-link {
    padding: 0;
    width: 100%;
  }
}
.advsubmenu .close-tab .icon {
  float: left;
  font-size: 1.1rem;
  margin-right: 1rem;
}

@media (max-width: 2001px) {
  .advsupcolumn-item {
    background-color: #f6f6f6;
    display: block;
    padding-bottom: 0.5rem;
  }
  .advsupcolumn-link {
    background-color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    padding: 1.4rem 1rem 1.4rem 2rem;
    text-align: left;
    text-transform: uppercase;
  }
  .advsupcolumn-link::after {
    content: "\e926";
    font-family: icomoon;
  }
  .advsupcolumn-menu {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    left: -105%;
    max-width: 100%;
    top: -5.5rem;
  }
  .advsupcolumn-menu-inner {
    background-color: #f6f6f6;
    height: 80%;
  }
}
@media (max-width: 2001px) and (max-width: 2001px) {
  .advsupcolumn-menu-inner > .ctn, .advslider .advsupcolumn-menu-inner > .owl-nav, .advslider .advsupcolumn-menu-inner > .owl-dots {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media (max-width: 2001px) {
  .advsupcolumn-item.open .advsupcolumn-menu {
    left: 0;
  }
}
@media (min-width: 2001px) {
  .advsupcolumn-link {
    color: #fff;
    padding: 1.5rem;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
  }
  .advsupcolumn-link:hover::after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    content: "";
    display: block;
    border-bottom: 3px solid #000;
    border-color: #fff;
    bottom: 0.1rem;
    left: 1.5rem;
    right: 1.5rem;
    top: auto;
  }
  .advsupcolumn-menu {
    position: absolute;
    bottom: 0;
    left: 15px;
    right: 15px;
    top: 0;
    display: none;
    padding-top: 2rem;
  }
  .advsupcolumn-item:hover .advsupcolumn-menu {
    display: block;
  }
  .advsupcolumn-menu-inner {
    background-color: #fff;
    -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
            box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
    padding-bottom: 8rem;
    padding-top: 10.5rem;
    text-align: left;
  }
  .advsupcolumn-list {
    height: 0;
    margin-top: 2rem;
  }
}

.advreassurance {
  background: #f6f6f6;
  padding: 5% 0 4.5%;
  text-align: center;
}
.advreassurance li {
  color: #000;
  margin: 10px 0;
  width: 50%;
}
@media (min-width: 768px) {
  .advreassurance li {
    margin: 0;
  }
}
.advreassurance li img {
  display: block;
  margin: 0 auto 10px auto;
  max-width: 55px;
}
@media (min-width: 480px) {
  .advreassurance li img {
    max-width: 75px;
  }
}
@media (min-width: 768px) {
  .advreassurance li img {
    max-width: 100px;
  }
}
.advreassurance li .advreassurance-title {
  display: block;
  font-weight: 500;
  font-size: 18px;
  font-size: 1.8rem;
}
.advreassurance li .advreassurance-content {
  font-size: 12px;
  font-size: 1.2rem;
}
@media (min-width: 480px) {
  .advreassurance li .advreassurance-content {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media (max-width: 360px) {
  .advreassurance li:nth-child(2n+1) {
    clear: both;
  }
}
@media (min-width: 9999px) {
  .advreassurance {
    padding: 10rem 0 9rem;
  }
}
.advreassurance-product {
  border-bottom: 3px solid #000;
}
.advreassurance-product .inner {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.advreassurance-product .title {
  font-size: 1.2rem;
  max-width: 8rem;
  padding: 0;
}
@media (min-width: 2001px) {
  .advreassurance-product .inner {
    margin: auto;
    max-width: 40rem;
  }
}
@media (max-width: 325px) {
  .advreassurance-product .img {
    padding-left: 0.2rem;
    padding-right: 0.5rem;
  }
}

/* Hook DisplaySlider */
.advslider {
  margin-bottom: -height(header, lg)40px;
  min-height: 70rem;
  position: relative;
}
.advslider .owl-stage-outer {
  margin: 0;
  padding: 0;
}
.advslider .advslide {
  position: relative;
}
.advslider .advslide-content {
  position: absolute;
  bottom: 0;
  left: 1.5rem;
  right: 1.5rem;
  width: auto;
}
.advslider .advslide-content-inner {
  background: #cbb579;
  -webkit-box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
          box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.15);
  min-height: 38rem;
  padding: 3rem 4rem;
  position: relative;
  text-align: center;
  top: 6.4rem;
}
.advslider .advslide-content-inner .btn {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  right: 0;
}
@media (min-width: 768px) {
  .advslider .advslide-content-inner {
    width: 55%;
  }
  .has-content-light .advslider .advslide-content-inner {
    color: #fff;
  }
}
@media (min-width: 9999px) {
  .advslider .advslide-content-inner {
    padding: 4rem 5rem;
  }
}
@media (min-width: 9999px) {
  .advslider .advslide-content-inner {
    padding: 5rem 8rem;
  }
}
.advslider .advslide-title {
  margin-bottom: 0;
}
.advslider .advslide-subtitle {
  margin-bottom: 1.5rem;
}
.advslider .advslide-txt {
  margin-bottom: 15%;
}
@media (min-width: 2001px) {
  .advslider .advslide-img {
    height: 70rem;
    overflow: hidden;
    position: relative;
  }
  .advslider .advslide-img img {
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    width: 110%;
  }
}
.advslider .owl-dots {
  position: absolute;
  bottom: 12rem;
  left: 0;
  right: 0;
}
.advslider .owl-dots .owl-dot {
  left: -22.5%;
  position: relative;
}
.advslider .owl-nav {
  position: absolute;
  bottom: 38rem;
  left: 0;
  right: 0;
  top: auto !important;
  height: 0;
  margin: auto;
}
.advslider .owl-nav .owl-prev,
.advslider .owl-nav .owl-next {
  color: #fff;
  display: inline-block;
  left: auto;
  opacity: 1;
  position: relative;
  right: auto;
}
.advslider .owl-nav .owl-prev i,
.advslider .owl-nav .owl-next i {
  opacity: 1;
}
.advslider .owl-nav .owl-prev {
  margin-left: 1.5rem;
}
.advslider .owl-nav .owl-next {
  margin-right: 1.5rem;
  position: absolute;
  right: 45% !important;
}
.advslider .owl-item {
  padding-bottom: 12rem;
}
@media (min-width: 9999px) and (max-width: 9999px) {
  .advslider .ctn, .advslider .owl-dots, .advslider .owl-nav {
    max-width: 1000px;
  }
}
@media (min-width: 2001px) {
  .advslider {
    margin-bottom: -267px;
    top: -267px;
  }
}
@media (max-width: 2001px) {
  .advslider {
    margin-bottom: 0;
  }
  .advslider .advslide-content {
    bottom: -45px;
  }
  .advslider .advslide-content-inner {
    margin: auto;
    min-height: 0;
    top: auto;
    width: 80%;
  }
  .advslider .owl-nav {
    display: none;
  }
  .advslider .owl-item {
    padding-bottom: 11rem;
  }
  .advslider .owl-dots {
    bottom: 12rem;
  }
  .advslider .owl-dots .owl-dot {
    left: 0;
  }
}
@media (max-width: 768px) {
  .advslider {
    min-height: 0;
  }
  .advslider .owl-item {
    padding-bottom: 14rem;
  }
  .advslider .advslide-content {
    bottom: -10rem;
  }
  .advslider .owl-dots {
    bottom: 9rem;
  }
  .advslider .advslide-txt {
    margin-bottom: 55px;
  }
  .advslider .advslide-content .ctn, .advslider .advslide-content .owl-dots, .advslider .advslide-content .owl-nav {
    padding: 0;
  }
  .advslider .advslide-content-inner {
    padding: 2rem;
    top: auto;
    width: 100%;
  }
  .advslider .owl-dots {
    bottom: 8rem;
  }
  .advslider .owl-dots .owl-dot {
    left: 0;
  }
}
@media (max-width: 360px) {
  .advslider .owl-item {
    padding-bottom: 16rem;
  }
  .advslider .advslide-content {
    bottom: -12rem;
  }
}

.advwishlist-list-ctn .advwishlist-list-btn {
  position: absolute;
  right: 0;
  top: 0;
}

.advwishlist-btn {
  color: #000;
  font-size: 1.8rem;
  height: 5rem;
  padding-right: 0.5rem;
  text-align: right;
  width: 5rem;
  z-index: 3;
}
.advwishlist-btn::before {
  position: absolute;
  bottom: auto;
  left: auto;
  right: 0;
  top: 0;
  color: #fff;
  content: "\e90a";
  font-family: icomoon;
  font-size: 5rem;
  line-height: 5rem;
}
.advwishlist-btn .icon {
  color: #000;
  line-height: 3.2rem;
  position: relative;
}
.advwishlist-btn:hover .icon {
  color: #000;
}
@media (min-width: 768px) {
  .advwishlist-btn {
    font-size: 2.2rem;
    height: 7.5rem;
    padding-right: 1.5rem;
    width: 7.5rem;
  }
  .advwishlist-btn::before {
    font-size: 7.5rem;
    line-height: 7.5rem;
  }
  .advwishlist-btn .icon {
    line-height: 3.8rem;
  }
}

.wishlist-del {
  position: absolute;
  right: 10px;
  top: 10px;
  cursor: pointer;
  display: block;
  height: 5rem;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  width: 5rem;
  z-index: 3;
}
.wishlist-del i {
  display: inline-block;
}
.wishlist-del:hover {
  color: #000;
}
@media (max-width: 768px) {
  .wishlist-del {
    position: absolute;
    right: 3px;
    top: 3px;
  }
}

.wishlist-products .advwishlist-list-ctn {
  display: block;
}

.panel-wishlist-product {
  position: absolute;
  bottom: auto;
  left: auto;
  right: -1rem;
  top: 0;
  z-index: 2;
}
.panel-wishlist-product .icon-heart {
  display: block;
  font-size: 1.8rem;
  line-height: 1.6rem;
  position: relative;
  right: 12px;
  top: 4px;
}
@media (min-width: 2001px) {
  .panel-wishlist-product .icon-heart {
    font-size: 2.9rem;
    line-height: 2.7rem;
  }
}
@media (min-width: 480px) {
  .panel-wishlist-product {
    right: 1.4rem;
  }
}

.wishlist-share-title {
  display: block;
  margin-bottom: 0.5rem;
}
.wishlist-share-link .btn {
  height: 100%;
}
.wishlist .icon {
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.wishlist-delete, .wishlist-default {
  margin-top: 1rem;
}
@media (min-width: 480px) {
  .wishlist-delete, .wishlist-default {
    margin-top: 0;
  }
}
.wishlist-default:not(.is-default) .icon-check::before {
  content: "";
}
.wishlist-default .icon-check {
  position: relative;
  width: 18px;
}
.wishlist-default .icon-check::before {
  display: block;
  padding-left: 2px;
  padding-top: 2px;
}
.wishlist-default .icon-check::after {
  border: 1px solid #000;
  border-radius: 30px;
  content: "";
  height: 18px;
  left: 0;
  position: absolute;
  top: 0;
  width: 18px;
}
.wishlist-default:hover .icon {
  color: #000;
}
.wishlist-delete:hover .icon {
  color: #000;
}
@media (min-width: 2001px) {
  .wishlist-by-default {
    margin-left: 1rem;
  }
}

.panel-wishlist .alert {
  display: block;
}
.panel-wishlist .panel-block {
  padding-bottom: 2rem;
}
.panel-wishlist .panel-block + .panel-block {
  border-top: 1px solid #000;
}
.panel-wishlist .wishlist-error {
  margin-bottom: 1rem;
}
.panel-wishlist .wishlist-create {
  padding-top: 5rem;
}
.panel-wishlist .wishlist-new-ctn {
  display: none;
}
.panel-wishlist .wishlist-ctn {
  padding-bottom: 2rem;
  padding-top: 2rem;
}
.panel-wishlist .wishlist-ctn .form-group {
  margin-top: 1rem;
  padding-left: 30px;
}
@media (min-width: 768px) {
  .panel-wishlist .wishlist-ctn {
    padding-bottom: 3rem;
    padding-top: 3rem;
  }
}
.panel-wishlist .title {
  text-align: center;
}
.panel-wishlist .old-price {
  margin-left: 1rem;
}
.panel-wishlist .separator {
  margin-top: 7rem;
  padding-top: 3rem;
}
@media (min-width: 768px) {
  .panel-wishlist .separator {
    margin-top: 12rem;
    padding-top: 5rem;
  }
}

.generate-catalog {
  max-width: 49%;
}

.popup-update-item {
  display: none;
  text-align: center;
  position: relative;
  z-index: 3;
  background: white;
  margin: -200px 0 0;
  padding-bottom: 20px;
}
.popup-update-item button {
  font-size: x-large;
  width: 75px;
}
.popup-update-item.confection {
  margin-top: -238px;
}

/* displayPanel */
.panel-head .panel-pin {
  font-size: 3rem;
  margin-right: 3rem;
  position: relative;
  text-align: center;
  vertical-align: middle;
}
.panel-head .panel-pin .value {
  position: absolute;
  bottom: auto;
  left: auto;
  right: -0.8rem;
  top: 0;
  background-color: #c2a36d;
  border-radius: 30px;
  color: #000;
  font-size: 1.4rem;
  height: 2.8rem;
  padding: 0.5rem;
  width: 2.8rem;
}
.panel-head .panel-title-txt {
  vertical-align: middle;
}
.panel-head .panel-cart-prices {
  background-color: #fff;
  padding: 1.5rem;
}

.panel-cart-layout .price {
  font-size: 16px;
  font-size: 1.6rem;
  color: #000;
  font-weight: 500;
}
.panel-cart-layout .delete_voucher {
  float: right;
}
.panel-cart-layout .panel-product-remove-ctn {
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.panel-cart-layout .panel-product-remove-ctn .icon {
  font-size: 18px;
  font-size: 1.8rem;
}
.panel-cart-layout .panel-cart-prices {
  background-color: #fff;
  margin-top: 3rem;
  padding: 2rem;
}
.panel-cart-layout .panel-cart-prices .info {
  font-size: 1.2rem;
  font-weight: normal;
}
.panel-cart-layout .panel-cart-prices .label-small {
  font-size: 1.6rem;
  font-weight: normal;
}
.panel-cart-layout .panel-cart-prices .panel-cart-prices-line {
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 1.5rem;
  padding: 5px 0;
}
.panel-cart-layout .panel-cart-prices .panel-cart-prices-line.shipping {
  margin-top: 0;
}
.panel-cart-layout .panel-cart-prices .panel-cart-prices-line.last-line {
  font-size: 2rem;
}
.panel-cart-layout .panel-cart-prices .panel-cart-prices-line.last-line .price {
  font-size: 2rem;
}
.panel-cart-layout .panel-cart-prices .panel-cart-prices-line .value {
  text-align: right;
}

/* echantillons */
.sample-row {
  position: relative;
}
.sample-row + .sample-row {
  margin-top: 3rem;
}

.panel-customizations .panel-product-remove-ctn {
  top: 0;
}

.crossseling-inner {
  margin-top: 3rem;
  padding: 0 2.5rem;
}
.crossseling-inner .h3 {
  border-top: 3px solid #000;
  padding-top: 2rem;
}
.crossseling-inner .products-list {
  border: none;
  padding-top: 0;
}
.crossseling-inner .product-ctn .product-infos .quick-view {
  right: 0.5rem;
}
@media (min-width: 768px) {
  .crossseling-inner {
    padding: 0 3rem;
  }
}

.panoramic-custom-image {
  max-height: 45px;
}

/* Filtres actifs */
.enabled-filters {
  display: none;
  margin-bottom: 30px;
  min-height: 1px;
}
@media (min-width: 2001px) {
  .enabled-filters {
    background: #f6f6f6;
    margin-top: 10px;
    padding: 10px 1.5rem;
    padding-right: 10rem;
    position: relative;
  }
}
.enabled-filters .title {
  color: #616167;
  font-size: 14px;
  margin-right: 10px;
}
.enabled-filters ul li:not(.clear-filters) {
  background: #fff;
  display: inline-block;
  font-size: 1.2rem;
  margin-bottom: 1.5rem;
  margin-right: 10px;
  padding: 1.5rem;
}
.enabled-filters ul li:not(.clear-filters) a {
  display: inline-block;
  font-size: 12px;
  margin-left: 5px;
  position: relative;
  vertical-align: middle;
  height: 20px;
  width: 20px;
}
@media (min-width: 2001px) {
  .enabled-filters ul li:not(.clear-filters) {
    margin-bottom: 0;
  }
}
.enabled-filters ul li.clear-filters {
  position: absolute;
  right: 15px;
}
.enabled-filters.has-filters {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

/* Filters on aside */
@media (min-width: 2001px) {
  .filter-layout #enabled_filters {
    display: none;
  }
}

/* displayFilter */
.filters-ctn {
  /* Range slider */
}
.filters-ctn .filters-title {
  margin-bottom: 15px;
  text-align: left;
}
.filters-ctn .filter {
  margin-bottom: 5.5rem;
}
.filters-ctn .filter-inner {
  border: 1px solid #000;
}
.filters-ctn .filter .img-feature-color {
  position: absolute;
  bottom: auto;
  left: auto;
  right: 2rem;
  top: auto;
}
.filters-ctn .filter .scroll-ctn {
  max-height: 0;
  overflow: hidden;
}
.filters-ctn .filter .filter-title {
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 12px 35px 12px 25px;
  position: relative;
  text-align: left;
}
.filters-ctn .filter .filter-title i {
  position: absolute;
  right: 15px;
}
.filters-ctn .filter .filter-title i::before {
  display: block;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: all 0.3s ease 0s;
  transition: all 0.3s ease 0s;
}
.filters-ctn .filter .inner {
  display: none;
  max-height: 200px;
  overflow-x: auto;
}
@media (min-width: 2001px) {
  .filters-ctn .filter .inner {
    border-top: 1px solid #000;
  }
}
.filters-ctn .filter-inner.open .filter-title i::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.filters-ctn .filter-inner.open .inner {
  display: block;
}
.filters-ctn .filter-inner.open .scroll-ctn {
  max-height: 300px;
}
.filters-ctn .filter .filter-values {
  padding: 1.5rem 2.5rem;
  text-align: left;
}
.filters-ctn .filter .filter-values li {
  padding: 3px 0;
}
.filters-ctn .filter .filter-values .filter-label {
  color: #616167;
}
.filters-ctn .filter.filter-color li {
  border: 1px solid #000;
  border-radius: 50%;
  float: left;
  font-size: 0;
  height: 35px;
  margin: 4px;
  position: relative;
  width: 35px;
}
.filters-ctn .filter.filter-color li input {
  cursor: pointer;
  height: 100%;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.filters-ctn .filter.filter-color li:hover, .filters-ctn .filter.filter-color li.checked {
  border-color: #000;
}
.filters-ctn .filter.filter-color li:hover::before, .filters-ctn .filter.filter-color li.checked::before {
  color: #000;
  content: "\f00c";
  font-family: "icomoon";
  font-size: 17px;
  left: 8px;
  position: absolute;
  top: 8px;
}
.filters-ctn .filter.layered_price .filter-values {
  padding-bottom: 3rem;
  padding-top: 4rem;
}
.filters-ctn .filter.layered_price .scroll-ctn {
  padding: 0;
}
.filters-ctn .filter.layered_price .scroll-ctn .inner {
  padding: 0;
}
@media (min-width: 768px) {
  .filters-ctn .filter {
    min-width: 33.33%;
  }
}
@media (min-width: 9999px) {
  .filters-ctn .filter {
    max-width: 19rem;
    min-width: 25%;
  }
}
.filters-ctn .ui-slider {
  background: #000;
  height: 6px;
  position: relative;
  text-align: left;
}
.filters-ctn .ui-slider .ui-slider-range {
  font-size: 7px;
  font-size: 0.7rem;
  background: #c2a36d;
  border: 1px solid #000;
  display: block;
  height: 6px;
  position: absolute;
  top: 0;
  z-index: 1;
}
.filters-ctn .ui-slider .ui-slider-range-min {
  left: 0;
}
.filters-ctn .ui-slider .ui-slider-range-max {
  right: 0;
}
.filters-ctn .ui-slider .ui-slider-handle {
  background: #f6f6f6;
  border: 2px solid #000;
  border-radius: 3rem;
  cursor: pointer;
  height: 1rem;
  line-height: 22px;
  position: absolute;
  text-align: center;
  text-decoration: none;
  top: -0.18rem;
  width: 1rem;
  z-index: 2;
}
.filters-ctn .ui-slider .ui-slider-handle::before {
  font-size: 10px;
  font-size: 1rem;
  color: #fff;
  content: "\f054";
  font-family: "icomoon";
}
.filters-ctn .ui-slider .ui-slider-handle:nth-last-child(2) {
  margin-left: -0.3rem;
}
.filters-ctn .ui-slider .ui-slider-handle:last-child {
  margin-left: -0.3rem;
}
.filters-ctn .ui-slider .ui-slider-handle:last-child::before {
  content: "\f053";
}
.filters-ctn .filter-range-ctn,
.filters-ctn #layered_price_range {
  font-size: 13px;
  font-size: 1.3rem;
  display: block;
  margin-top: -3rem;
  padding-bottom: 1.5rem;
  text-align: center;
  white-space: nowrap;
}

/********************* filter panel ********************/
body.mobile .btn-see-product .heading-counter {
  display: inline;
  padding: 0;
}
body.mobile .btn-see-product .heading-counter span {
  display: none;
}
body.mobile .filters-ctn .filter {
  background-color: #fff;
  margin-bottom: 0.5rem;
  max-width: none;
}
body.mobile .filters-ctn .filter .inner {
  border: 0;
}
body.mobile .filters-ctn .filter .filter-title {
  font-size: 1.4rem;
  text-transform: uppercase;
}
body.mobile .filters-ctn .filter.open .filter-title i::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
body.mobile .filters-ctn .filter.open .inner {
  display: block;
}
body.mobile .filters-ctn .filter.open .scroll-ctn {
  max-height: 300px;
}

/* DisplayTop */
.panel-head .color-secondary {
  text-transform: none;
}

.panel-account-menu .account-links a {
  background-color: #fff;
  margin-bottom: 1rem;
  padding: 1rem 3rem;
}
.panel-account-menu .logout {
  background-color: #fff;
  border: 0;
  margin: 2rem 0;
  padding: 1rem 3rem;
}
.panel-account-menu .logout-ctn {
  border-top: 1px solid #000;
  margin-top: 2rem;
}

.account-links {
  font-size: 1.4rem;
}
.account-links a {
  display: block;
  padding: 0.5rem 0;
}
.account-links a:hover {
  color: #cbb579;
  font-weight: 500;
}
@media (min-width: 768px) {
  .account-links {
    font-size: 1.6rem;
  }
}

.user-infos {
  border-bottom: 3px solid #000;
  display: block;
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
}
.user-infos .title-caps {
  font-size: 2rem;
}

.logout {
  border-top: 1px solid #000;
  display: block;
  margin-bottom: 5rem;
  margin-top: 1.5rem;
  margin-top: 2rem;
  padding-top: 1.5rem;
  padding-top: 2rem;
  text-transform: uppercase;
}

.newsletter {
  background: #f6f6f6;
}
.newsletter-ctn {
  padding: 15px;
}
@media (min-width: 480px) {
  .newsletter-ctn {
    padding: 15px 10%;
  }
}
@media (min-width: 2001px) {
  .newsletter-ctn {
    padding: 15px 25%;
  }
}
.newsletter-ctn form {
  position: relative;
}
.newsletter-ctn .newsletter-input {
  border: 3px solid #000;
  padding: 0 15px;
}
@media (min-width: 480px) {
  .newsletter-ctn .newsletter-input {
    padding: 0 30% 0 15px;
  }
}
.newsletter-ctn .newsletter-submit {
  color: #fff;
  margin-top: 1rem;
  padding: 10px 0;
  position: relative;
  width: 100%;
}
@media (min-width: 480px) {
  .newsletter-ctn .newsletter-submit {
    bottom: 0;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
  }
}
.newsletter-subtitle {
  margin-bottom: 1.5rem;
}
.newsletter-footer-ctn {
  padding-left: 0;
  padding-right: 0;
}

/* btn action mobile */
.header-search-action {
  display: block;
}
@media (min-width: 2001px) {
  .header-search-action {
    display: none;
  }
}
.header-search-action .search-action {
  text-decoration: none;
}
.header-search-action .search-action i {
  color: #000;
  line-height: 3rem;
}
.header-search-action .search-action i.icon-cross {
  font-size: 1.5rem;
}

/* displayTop */
.header-search {
  position: absolute;
  left: 0;
  right: 0;
  top: 85px;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
  background: #fff;
  opacity: 0;
  pointer-events: none;
}
.header-search-ctn {
  padding: 0;
}
@media (min-width: 480px) {
  .header-search {
    max-width: 40rem;
    top: 85px;
  }
}
@media (min-width: 768px) {
  .header-search {
    opacity: 1;
    pointer-events: auto;
    position: relative;
    top: 0;
  }
}
@media (min-width: 2001px) {
  .header-search {
    margin-left: 30px;
  }
}
@media (min-width: 9999px) {
  .header-search {
    margin-left: 0;
  }
}
.header-search .search-input {
  background-color: #f6f6f6;
  border: 0;
  border-left: 0;
  border-right: 0;
  color: #707070;
  font-size: 1.5rem;
  height: 40px;
  padding: 0 30px 0 10px;
  width: 100%;
}
.header-search .search-input::-webkit-input-placeholder {
  color: #707070;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  padding: 0 35px 0 0;
}
.header-search .search-input::-moz-placeholder {
  color: #707070;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  padding: 0 35px 0 0;
}
.header-search .search-input:-ms-input-placeholder {
  color: #707070;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  padding: 0 35px 0 0;
}
.header-search .search-input::-ms-input-placeholder {
  color: #707070;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  padding: 0 35px 0 0;
}
.header-search .search-input::placeholder {
  color: #707070;
  font-size: 1.2rem;
  letter-spacing: 0.5px;
  padding: 0 35px 0 0;
}
@media (min-width: 768px) {
  .header-search .search-input {
    background-color: transparent;
    border-bottom: 1px solid #ccc;
  }
}
@media (min-width: 2001px) {
  .header-search .search-input::-webkit-input-placeholder {
    font-size: 1.5rem;
  }
  .header-search .search-input::-moz-placeholder {
    font-size: 1.5rem;
  }
  .header-search .search-input:-ms-input-placeholder {
    font-size: 1.5rem;
  }
  .header-search .search-input::-ms-input-placeholder {
    font-size: 1.5rem;
  }
  .header-search .search-input::placeholder {
    font-size: 1.5rem;
  }
}
.header-search .search-submit {
  font-size: 15px;
  font-size: 1.5rem;
  position: absolute;
  right: 5px;
  top: 9px;
}
@media (min-width: 2001px) {
  .header-search .search-submit {
    font-size: 18px;
    font-size: 1.8rem;
    right: 5px;
    top: 9px;
  }
}
.header-search .searchbox button {
  position: absolute;
  right: 8px;
  top: 8px;
}
@media (min-width: 2001px) {
  .header-search .searchbox button {
    right: 0;
    top: 6px;
  }
}
.header-search .searchbox button i {
  color: #000;
  font-size: 20px;
  font-size: 2rem;
}
@media (min-width: 2001px) {
  .header-search .searchbox button i {
    font-size: 26px;
    font-size: 2.6rem;
  }
}

/* Liste résultats Ajax */
.ac_results {
  background: #fff;
  display: block;
  padding: 0;
  z-index: 1000;
}
.ac_results li {
  font-size: 14px;
  padding: 20px 15px;
}

body.header-stack .ac_results {
  position: fixed !important;
  top: 10rem !important;
}

.search-open .header-search {
  opacity: 1;
  pointer-events: auto;
}

.estimate-btn {
  padding-right: 0;
}
.estimate-btn.close .icon::before {
  content: "\e917";
}

.update-estimate-btn {
  cursor: pointer;
  font-size: 1.4rem;
}

#update_carriers_list {
  margin-bottom: 1rem;
}

/* loader */
.compare-loading {
  margin: 1.5rem 0;
}

.compare-datas-loading {
  margin-left: 5px;
}

.estimate-shipping {
  margin-bottom: 1rem;
}
.estimate-shipping .title {
  font-size: 1.2rem;
}
.estimate-shipping .icon {
  font-size: 2rem;
}

.compare-shipping {
  margin-top: 1.5rem;
  width: 100% !important;
}
.compare-shipping .price {
  min-width: 80px;
}

.carriers-item {
  background-color: #fff;
  border-radius: 0;
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  padding-top: 1rem;
}
.carriers-item.active {
  border-color: #000;
}
.carriers-item .carriers-infos,
.carriers-item .label-success {
  font-size: 1.4rem;
  max-width: 49%;
}
.carriers-item .img-ctn {
  padding-right: 1.5rem;
  width: 50%;
}
.carriers-item img {
  height: auto;
  max-height: 4rem;
  max-width: 100px;
}

.left-to-freeshipping {
  color: #cbb579;
}
@media (min-width: 768px) {
  .left-to-freeshipping {
    font-size: 1.6rem;
  }
}

@media (max-width: 360px) {
  .compare-shipping label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    left: 2.5rem;
  }
  .compare-shipping .form-control {
    padding-left: 1.5rem;
  }
}
.mailalert {
  padding-bottom: 1.5rem;
}
.mailalert .btn-nomail {
  margin-top: 2rem;
}
.mailalert .btn-nomail + .alert {
  margin-top: 2rem;
}
.mailalert-box {
  margin-top: 1.5rem;
  padding: 1.5rem;
}
.mailalert-box .mailalert-info {
  margin-bottom: 1rem;
}
.mailalert-box .alert {
  margin-top: 3rem;
}
.mailalert-box + .alert {
  margin-top: 2rem;
}
.mailalert-box .form-group {
  margin-bottom: 0;
}
@media (min-width: 2001px) {
  .mailalert-box {
    padding: 2rem;
  }
}
@media (max-width: 480px) {
  .mailalert .input-group > .xxs12 {
    padding-right: 1rem;
  }
  .mailalert .mailalerts_oos_btn {
    -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
    margin-top: 1rem;
    max-width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
  }
  .mailalert .mailalerts_oos_btn .btn {
    width: 100%;
  }
}

.account-mailalert {
  position: relative;
}
.account-mailalert-txt-box {
  margin-top: 1rem;
  padding: 0 15px;
  text-align: center;
}
.account-mailalert-link {
  display: block;
}
.account-mailalert-remove {
  cursor: pointer;
  padding: 3px;
  position: absolute;
  right: 7px;
  top: 7px;
}

@media (max-width: 768px) {
  .products-selection-ctn {
    padding: 0;
  }
}

.products-favorite {
  margin-bottom: -8rem;
  position: relative;
  top: -8rem;
  /* proche container lg */
  /* proche container xl */
  /* proche container xxl */
}
.products-favorite .product-ctn {
  margin-bottom: 0;
}
.products-favorite .owl-nav {
  left: -1.5rem;
  right: -1.5rem;
  top: 70%;
}
.products-favorite .owl-nav .owl-prev {
  left: -30px !important;
}
.products-favorite .owl-nav .owl-next {
  right: -30px !important;
}
.products-favorite .owl-nav .owl-prev,
.products-favorite .owl-nav .owl-next {
  font-size: 22px;
  opacity: 1;
}
.products-favorite .owl-nav .owl-prev i,
.products-favorite .owl-nav .owl-next i {
  opacity: 1;
}
@media (min-width: 768px) {
  .products-favorite {
    margin-bottom: -8rem;
    top: -8rem;
  }
  .products-favorite-inner {
    padding: 0 10%;
  }
  .products-favorite-inner > div {
    max-width: 60rem;
  }
}
@media (min-width: 2001px) {
  .products-favorite {
    margin-bottom: -15rem;
    top: -15rem;
  }
}
@media (min-width: 9999px) {
  .products-favorite {
    margin-bottom: -25rem;
    top: -25rem;
  }
  .products-favorite .owl-stage-outer {
    padding-bottom: 6rem;
  }
}
@media (min-width: 9999px) {
  .products-favorite {
    margin-bottom: -30.5rem;
    top: -30.5rem;
  }
}
@media (min-width: 1800px) {
  .products-favorite {
    margin-bottom: -34.5rem;
    top: -33.5rem;
  }
}
@media (max-width: 1230px) and (min-width: 1200px) {
  .products-favorite .ctn, .products-favorite .advslider .owl-dots, .advslider .products-favorite .owl-dots, .products-favorite .advslider .owl-nav, .advslider .products-favorite .owl-nav {
    padding-right: 30px;
  }
  .products-favorite .owl-nav .owl-next {
    right: 0 !important;
  }
  .products-favorite .owl-nav .owl-prev {
    right: 0 !important;
  }
}
@media (max-width: 1375px) and (min-width: 1320px) {
  .products-favorite .ctn, .products-favorite .advslider .owl-dots, .advslider .products-favorite .owl-dots, .products-favorite .advslider .owl-nav, .advslider .products-favorite .owl-nav {
    padding-right: 30px;
  }
  .products-favorite .owl-nav .owl-next {
    right: 0 !important;
  }
  .products-favorite .owl-nav .owl-prev {
    right: 0 !important;
  }
}
@media (max-width: 1050px) and (min-width: 2001px) {
  .products-favorite .ctn, .products-favorite .advslider .owl-dots, .advslider .products-favorite .owl-dots, .products-favorite .advslider .owl-nav, .advslider .products-favorite .owl-nav {
    padding-right: 30px;
  }
  .products-favorite .owl-nav .owl-next {
    right: 0 !important;
  }
  .products-favorite .owl-nav .owl-prev {
    right: 0 !important;
  }
}

.module-referralprogram-program .submit {
  margin-top: 30px;
}
.module-referralprogram-program .referral-form {
  margin: 20px 0;
}
.module-referralprogram-program .referral-form-label {
  font-weight: 700;
  margin-bottom: 10px;
  text-align: center;
}
.module-referralprogram-program .referral-form .checkbox {
  margin-top: 10px;
}
.module-referralprogram-program .form-group {
  margin-bottom: 10px;
}
.module-referralprogram-program .content-account-referral {
  margin-bottom: 20px;
}

.module-psgdpr-gdpr .account-title {
  font-size: 24px;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.module-psgdpr-gdpr .btn {
  margin-top: 15px;
}

.cookiesinfos {
  background-color: #000;
  bottom: 0;
  color: #fff;
  left: 0;
  padding: 1rem 1.5rem;
  position: fixed;
  right: 0;
  text-align: center;
  z-index: 3;
}
.cookiesinfos .btn {
  margin-left: 1.5rem;
}
@media (max-width: 768px) {
  .cookiesinfos .btn {
    display: block;
    margin-top: 1rem;
  }
}

.social-networks {
  text-align: center;
}
.social-networks .icon {
  border: 1px solid #000;
  border-radius: 3rem;
  border-width: 0.2rem;
  font-size: 3rem;
  padding: 0.1rem;
}
@media (min-width: 2001px) {
  .social-networks .icon:hover {
    background-color: #000;
  }
  .social-networks .icon:hover::before {
    color: #fff;
  }
}
@media (min-width: 480px) {
  .social-networks {
    text-align: left;
  }
  .newsletter .social-networks {
    text-align: center;
  }
}
/*# sourceMappingURL=styles.css.map */