@font-face {
  font-family: 'ars_maquette_proregular';
  src: url("../../../assets/styles/fonts/arsmaquettepro-regular-webfont.eot");
  src: url("../../../assets/styles/fonts/arsmaquettepro-regular-webfont.eot?#iefix") format("embedded-opentype"), url("../../../assets/styles/fonts/arsmaquettepro-regular-webfont.woff") format("woff"), url("../../../assets/styles/fonts/arsmaquettepro-regular-webfont.ttf") format("truetype"), url("../../../assets/styles/fonts/arsmaquettepro-regular-webfont.svg#ars_maquette_proregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ars_maquette_prolight';
  src: url("../../../assets/styles/fonts/arsmaquettepro-light-webfont.eot");
  src: url("../../../assets/styles/fonts/arsmaquettepro-light-webfont.eot?#iefix") format("embedded-opentype"), url("../../../assets/styles/fonts/arsmaquettepro-light-webfont.woff") format("woff"), url("../../../assets/styles/fonts/arsmaquettepro-light-webfont.ttf") format("truetype"), url("../../../assets/styles/fonts/arsmaquettepro-light-webfont.svg#ars_maquette_prolight") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ars_maquette_problack';
  src: url("../../../assets/styles/fonts/arsmaquettepro-black-webfont.eot");
  src: url("../../../assets/styles/fonts/arsmaquettepro-black-webfont.eot?#iefix") format("embedded-opentype"), url("../../../assets/styles/fonts/arsmaquettepro-black-webfont.woff") format("woff"), url("../../../assets/styles/fonts/arsmaquettepro-black-webfont.ttf") format("truetype"), url("../../../assets/styles/fonts/arsmaquettepro-black-webfont.svg#ars_maquette_problack") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ars_maquette_probold';
  src: url("../../../assets/styles/fonts/arsmaquettepro-bold-webfont.eot");
  src: url("../../../assets/styles/fonts/arsmaquettepro-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../../../assets/styles/fonts/arsmaquettepro-bold-webfont.woff") format("woff"), url("../../../assets/styles/fonts/arsmaquettepro-bold-webfont.ttf") format("truetype"), url("../../../assets/styles/fonts/arsmaquettepro-bold-webfont.svg#ars_maquette_probold") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'ars_maquette_promedium';
  src: url("../../../assets/styles/fonts/arsmaquettepro-medium-webfont.eot");
  src: url("../../../assets/styles/fonts/arsmaquettepro-medium-webfont.eot?#iefix") format("embedded-opentype"), url("../../../assets/styles/fonts/arsmaquettepro-medium-webfont.woff") format("woff"), url("../../../assets/styles/fonts/arsmaquettepro-medium-webfont.ttf") format("truetype"), url("../../../assets/styles/fonts/arsmaquettepro-medium-webfont.svg#ars_maquette_promedium") format("svg");
  font-weight: normal;
  font-style: normal; }

/* --
@Font face
------------------------- */
@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important; }
  a,
  a:visited {
    text-decoration: underline; }
  abbr[title]::after {
    content: " (" attr(title) ")"; }
  pre {
    white-space: pre-wrap !important; }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }
  thead {
    display: table-header-group; }
  tr,
  img {
    page-break-inside: avoid; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }
  h2,
  h3 {
    page-break-after: avoid; }
  .navbar {
    display: none; }
  .badge {
    border: 1px solid #000; }
  .table {
    border-collapse: collapse !important; }
    .table td,
    .table th {
      background-color: #fff !important; }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important; } }

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

html {
  font-family: sans-serif;
  line-height: 1.15;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -ms-overflow-style: scrollbar;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

@-ms-viewport {
  width: device-width; }

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

body {
  margin: 0;
  font-family: "ars_maquette_proregular", Arial, Helvetica, sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  color: #fff;
  text-align: left;
  background-color: #695fff; }

[tabindex="-1"]:focus {
  outline: none !important; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem; }

p {
  margin-top: 0;
  margin-bottom: 1rem; }

abbr[title],
abbr[data-original-title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  border-bottom: 0; }

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit; }

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem; }

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0; }

dt {
  font-weight: 700; }

dd {
  margin-bottom: .5rem;
  margin-left: 0; }

blockquote {
  margin: 0 0 1rem; }

dfn {
  font-style: italic; }

b,
strong {
  font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif;
  font-weight: normal; }

small {
  font-size: 80%; }

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

sub {
  bottom: -.25em; }

sup {
  top: -.5em; }

a {
  color: #00d7d7;
  text-decoration: none;
  background-color: transparent;
  -webkit-text-decoration-skip: objects;
  outline: none; }
  a:hover {
    color: #25ffff;
    text-decoration: underline; }

a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none; }
  a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none; }
  a:not([href]):not([tabindex]):focus {
    outline: 0; }

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

pre {
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  -ms-overflow-style: scrollbar; }

figure {
  margin: 0 0 1rem; }

img {
  vertical-align: middle;
  border-style: none; }

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

a,
area,
button,
[role="button"],
input:not([type="range"]),
label,
select,
summary,
textarea {
  -ms-touch-action: manipulation;
  touch-action: manipulation; }

table {
  border-collapse: collapse; }

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom; }

th {
  text-align: inherit; }

label {
  display: inline-block;
  margin-bottom: .5rem; }

button {
  border-radius: 0; }

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color; }

input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

button,
input {
  overflow: visible; }

button,
select {
  text-transform: none; }

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  padding: 0;
  border-style: none; }

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

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  -webkit-appearance: listbox; }

textarea {
  overflow: auto;
  resize: vertical; }

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0; }

legend {
  display: block;
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit;
  white-space: normal; }

progress {
  vertical-align: baseline; }

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

[type="search"] {
  outline-offset: -2px;
  -webkit-appearance: none; }

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

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button; }

output {
  display: inline-block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none !important; }

::-moz-selection {
  background-color: #00d7d7;
  color: #fff; }

::selection {
  background-color: #00d7d7;
  color: #fff; }

.clearfix::after {
  display: block;
  clear: both;
  content: ""; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none; }

.show {
  display: block !important; }

.invisible {
  visibility: hidden; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.hidden {
  display: none !important;
  visibility: hidden !important; }

.affix {
  position: fixed; }

.php-errors, .php {
  position: relative;
  z-index: 10000000;
  font-size: 20px;
  line-height: 30px;
  color: #000; }

.xdebug-error.xe-notice {
  position: relative;
  z-index: 100000;
  font-size: 10px; }

.xdebug-error.xe-notice th,
.xdebug-error.xe-notice td {
  padding: 0px; }

.flex-row, #siteHead .wrapBonoviCta .subMenu ul, #siteHead .wrapBasketCta .subMenu ul, #siteHead .wrapLoginCta .subMenu ul {
  -webkit-box-orient: horizontal !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: row !important;
  flex-direction: row !important; }

.flex-column, #siteHead nav.nav .mainNav, #siteHead .wrapBonoviCta .subMenu dl, #siteHead .wrapBasketCta .subMenu dl, #siteHead .wrapLoginCta .subMenu dl {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
  -ms-flex-direction: column !important;
  flex-direction: column !important; }

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

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

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

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

.flex-wrap-reverse {
  -ms-flex-wrap: wrap-reverse !important;
  flex-wrap: wrap-reverse !important; }

.justify-content-start {
  -webkit-box-pack: start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important; }

.justify-content-end {
  -webkit-box-pack: end !important;
  -ms-flex-pack: end !important;
  justify-content: flex-end !important; }

.justify-content-center {
  -webkit-box-pack: center !important;
  -ms-flex-pack: center !important;
  justify-content: center !important; }

.justify-content-between, #siteHead .wrapBasketCta .legend, #siteHead .wrapBasketCta .productBox {
  -webkit-box-pack: justify !important;
  -ms-flex-pack: justify !important;
  justify-content: space-between !important; }

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

.align-items-start {
  -webkit-box-align: start !important;
  -ms-flex-align: start !important;
  align-items: flex-start !important; }

.align-items-end, #siteHead nav.nav .mainNav {
  -webkit-box-align: end !important;
  -ms-flex-align: end !important;
  align-items: flex-end !important; }

.align-items-center, #siteHead .wrapBasketCta .productBox, #siteHead .wrapBasketCta .productBox > div {
  -webkit-box-align: center !important;
  -ms-flex-align: center !important;
  align-items: center !important; }

.align-items-baseline {
  -webkit-box-align: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important; }

.align-items-stretch {
  -webkit-box-align: stretch !important;
  -ms-flex-align: stretch !important;
  align-items: stretch !important; }

.align-content-start {
  -ms-flex-line-pack: start !important;
  align-content: flex-start !important; }

.align-content-end {
  -ms-flex-line-pack: end !important;
  align-content: flex-end !important; }

.align-content-center {
  -ms-flex-line-pack: center !important;
  align-content: center !important; }

.align-content-between {
  -ms-flex-line-pack: justify !important;
  align-content: space-between !important; }

.align-content-around {
  -ms-flex-line-pack: distribute !important;
  align-content: space-around !important; }

.align-content-stretch {
  -ms-flex-line-pack: stretch !important;
  align-content: stretch !important; }

.align-self-auto {
  -ms-flex-item-align: auto !important;
  align-self: auto !important; }

.align-self-start {
  -ms-flex-item-align: start !important;
  align-self: flex-start !important; }

.align-self-end {
  -ms-flex-item-align: end !important;
  align-self: flex-end !important; }

.align-self-center {
  -ms-flex-item-align: center !important;
  align-self: center !important; }

.align-self-baseline {
  -ms-flex-item-align: baseline !important;
  align-self: baseline !important; }

.align-self-stretch {
  -ms-flex-item-align: stretch !important;
  align-self: stretch !important; }

@media (min-width: 576px) {
  .flex-sm-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-sm-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-sm-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-sm-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-sm-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-sm-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-sm-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-sm-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-sm-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-sm-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-sm-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-sm-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-sm-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-sm-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-sm-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-sm-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-sm-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-sm-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-sm-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-sm-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-sm-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-sm-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-sm-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-sm-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-sm-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-sm-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-sm-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-sm-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-sm-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 768px) {
  .flex-md-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-md-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-md-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-md-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-md-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-md-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-md-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-md-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-md-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-md-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-md-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-md-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-md-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-md-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-md-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-md-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-md-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-md-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-md-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-md-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-md-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-md-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-md-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-md-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-md-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-md-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-md-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-md-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-md-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 992px) {
  .flex-lg-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-lg-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-lg-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-lg-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-lg-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-lg-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-lg-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-lg-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-lg-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-lg-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-lg-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-lg-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-lg-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-lg-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-lg-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-lg-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-lg-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-lg-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-lg-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-lg-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-lg-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-lg-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-lg-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-lg-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-lg-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-lg-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-lg-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-lg-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-lg-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

@media (min-width: 1440px) {
  .flex-xl-row {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important; }
  .flex-xl-column {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: column !important;
    flex-direction: column !important; }
  .flex-xl-row-reverse {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: row-reverse !important;
    flex-direction: row-reverse !important; }
  .flex-xl-column-reverse {
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: reverse !important;
    -ms-flex-direction: column-reverse !important;
    flex-direction: column-reverse !important; }
  .flex-xl-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important; }
  .flex-xl-nowrap {
    -ms-flex-wrap: nowrap !important;
    flex-wrap: nowrap !important; }
  .flex-xl-wrap-reverse {
    -ms-flex-wrap: wrap-reverse !important;
    flex-wrap: wrap-reverse !important; }
  .justify-content-xl-start {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important; }
  .justify-content-xl-end {
    -webkit-box-pack: end !important;
    -ms-flex-pack: end !important;
    justify-content: flex-end !important; }
  .justify-content-xl-center {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important; }
  .justify-content-xl-between {
    -webkit-box-pack: justify !important;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important; }
  .justify-content-xl-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important; }
  .align-items-xl-start {
    -webkit-box-align: start !important;
    -ms-flex-align: start !important;
    align-items: flex-start !important; }
  .align-items-xl-end {
    -webkit-box-align: end !important;
    -ms-flex-align: end !important;
    align-items: flex-end !important; }
  .align-items-xl-center {
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important; }
  .align-items-xl-baseline {
    -webkit-box-align: baseline !important;
    -ms-flex-align: baseline !important;
    align-items: baseline !important; }
  .align-items-xl-stretch {
    -webkit-box-align: stretch !important;
    -ms-flex-align: stretch !important;
    align-items: stretch !important; }
  .align-content-xl-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important; }
  .align-content-xl-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important; }
  .align-content-xl-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important; }
  .align-content-xl-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important; }
  .align-content-xl-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important; }
  .align-content-xl-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important; }
  .align-self-xl-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important; }
  .align-self-xl-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important; }
  .align-self-xl-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important; }
  .align-self-xl-center {
    -ms-flex-item-align: center !important;
    align-self: center !important; }
  .align-self-xl-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important; }
  .align-self-xl-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important; } }

.m-0 {
  margin: 0 !important; }

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

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

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

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

.m-1 {
  margin: 0.25rem !important; }

.mt-1,
.my-1 {
  margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important; }

.m-2 {
  margin: 0.5rem !important; }

.mt-2,
.my-2 {
  margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important; }

.m-3 {
  margin: 1rem !important; }

.mt-3,
.my-3 {
  margin-top: 1rem !important; }

.mr-3,
.mx-3 {
  margin-right: 1rem !important; }

.mb-3,
.my-3 {
  margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
  margin-left: 1rem !important; }

.m-4 {
  margin: 1.5rem !important; }

.mt-4,
.my-4 {
  margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important; }

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important; }

.m-5 {
  margin: 3rem !important; }

.mt-5,
.my-5 {
  margin-top: 3rem !important; }

.mr-5,
.mx-5 {
  margin-right: 3rem !important; }

.mb-5,
.my-5 {
  margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
  margin-left: 3rem !important; }

.p-0 {
  padding: 0 !important; }

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

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

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

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

.p-1 {
  padding: 0.25rem !important; }

.pt-1,
.py-1 {
  padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
  padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
  padding-left: 0.25rem !important; }

.p-2 {
  padding: 0.5rem !important; }

.pt-2,
.py-2 {
  padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
  padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
  padding-left: 0.5rem !important; }

.p-3 {
  padding: 1rem !important; }

.pt-3,
.py-3 {
  padding-top: 1rem !important; }

.pr-3,
.px-3 {
  padding-right: 1rem !important; }

.pb-3,
.py-3 {
  padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
  padding-left: 1rem !important; }

.p-4 {
  padding: 1.5rem !important; }

.pt-4,
.py-4 {
  padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
  padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
  padding-left: 1.5rem !important; }

.p-5 {
  padding: 3rem !important; }

.pt-5,
.py-5 {
  padding-top: 3rem !important; }

.pr-5,
.px-5 {
  padding-right: 3rem !important; }

.pb-5,
.py-5 {
  padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
  padding-left: 3rem !important; }

.m-auto {
  margin: auto !important; }

.mt-auto, #siteHead nav.nav .mainNav .comunity,
.my-auto {
  margin-top: auto !important; }

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

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

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

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1440px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

.d-none {
  display: none !important; }

.d-inline {
  display: inline !important; }

.d-inline-block {
  display: inline-block !important; }

.d-block {
  display: block !important; }

.d-table {
  display: table !important; }

.d-table-row {
  display: table-row !important; }

.d-table-cell {
  display: table-cell !important; }

.d-flex, #siteHead nav.nav .mainNav, #siteHead .wrapBonoviCta .subMenu ul, #siteHead .wrapBasketCta .subMenu ul, #siteHead .wrapLoginCta .subMenu ul, #siteHead .wrapBonoviCta .subMenu dl, #siteHead .wrapBasketCta .subMenu dl, #siteHead .wrapLoginCta .subMenu dl, #siteHead .wrapBasketCta .legend, #siteHead .wrapBasketCta .productBox, #siteHead .wrapBasketCta .productBox > div, #siteFoot .bonsBlock .bonsHolder {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important; }

.d-inline-flex {
  display: -webkit-inline-box !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important; }

@media (min-width: 576px) {
  .d-sm-none {
    display: none !important; }
  .d-sm-inline {
    display: inline !important; }
  .d-sm-inline-block {
    display: inline-block !important; }
  .d-sm-block {
    display: block !important; }
  .d-sm-table {
    display: table !important; }
  .d-sm-table-row {
    display: table-row !important; }
  .d-sm-table-cell {
    display: table-cell !important; }
  .d-sm-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-sm-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 768px) {
  .d-md-none {
    display: none !important; }
  .d-md-inline {
    display: inline !important; }
  .d-md-inline-block {
    display: inline-block !important; }
  .d-md-block {
    display: block !important; }
  .d-md-table {
    display: table !important; }
  .d-md-table-row {
    display: table-row !important; }
  .d-md-table-cell {
    display: table-cell !important; }
  .d-md-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-md-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 992px) {
  .d-lg-none {
    display: none !important; }
  .d-lg-inline {
    display: inline !important; }
  .d-lg-inline-block {
    display: inline-block !important; }
  .d-lg-block {
    display: block !important; }
  .d-lg-table {
    display: table !important; }
  .d-lg-table-row {
    display: table-row !important; }
  .d-lg-table-cell {
    display: table-cell !important; }
  .d-lg-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-lg-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

@media (min-width: 1440px) {
  .d-xl-none {
    display: none !important; }
  .d-xl-inline {
    display: inline !important; }
  .d-xl-inline-block {
    display: inline-block !important; }
  .d-xl-block {
    display: block !important; }
  .d-xl-table {
    display: table !important; }
  .d-xl-table-row {
    display: table-row !important; }
  .d-xl-table-cell {
    display: table-cell !important; }
  .d-xl-flex {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important; }
  .d-xl-inline-flex {
    display: -webkit-inline-box !important;
    display: -ms-inline-flexbox !important;
    display: inline-flex !important; } }

.d-print-block {
  display: none !important; }
  @media print {
    .d-print-block {
      display: block !important; } }

.d-print-inline {
  display: none !important; }
  @media print {
    .d-print-inline {
      display: inline !important; } }

.d-print-inline-block {
  display: none !important; }
  @media print {
    .d-print-inline-block {
      display: inline-block !important; } }

@media print {
  .d-print-none {
    display: none !important; } }

.embed-responsive {
  position: relative;
  display: block;
  width: 100%;
  padding: 0;
  overflow: hidden; }
  .embed-responsive::before {
    display: block;
    content: ""; }
  .embed-responsive .embed-responsive-item,
  .embed-responsive iframe,
  .embed-responsive embed,
  .embed-responsive object,
  .embed-responsive video {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0; }

.embed-responsive-21by9::before {
  padding-top: 42.85714%; }

.embed-responsive-16by9::before {
  padding-top: 56.25%; }

.embed-responsive-4by3::before {
  padding-top: 75%; }

.embed-responsive-1by1::before {
  padding-top: 100%; }

.text-justify {
  text-align: justify !important; }

.text-nowrap {
  white-space: nowrap !important; }

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.text-left {
  text-align: left !important; }

.text-right {
  text-align: right !important; }

.text-center {
  text-align: center !important; }

@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important; }
  .text-sm-right {
    text-align: right !important; }
  .text-sm-center {
    text-align: center !important; } }

@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important; }
  .text-md-right {
    text-align: right !important; }
  .text-md-center {
    text-align: center !important; } }

@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important; }
  .text-lg-right {
    text-align: right !important; }
  .text-lg-center {
    text-align: center !important; } }

@media (min-width: 1440px) {
  .text-xl-left {
    text-align: left !important; }
  .text-xl-right {
    text-align: right !important; }
  .text-xl-center {
    text-align: center !important; } }

.text-lowercase {
  text-transform: lowercase !important; }

.text-uppercase {
  text-transform: uppercase !important; }

.text-capitalize {
  text-transform: capitalize !important; }

.font-weight-light {
  font-weight: 300 !important; }

.font-weight-normal {
  font-weight: 400 !important; }

.font-weight-bold {
  font-weight: 700 !important; }

.font-italic {
  font-style: italic !important; }

.text-white {
  color: #fff !important; }

.text-linkTxt {
  color: #00d7d7 !important; }

a.text-linkTxt:focus, a.text-linkTxt:hover {
  color: #00a4a4 !important; }

.text-primary {
  color: #ff7d3c !important; }

a.text-primary:focus, a.text-primary:hover {
  color: #ff5b09 !important; }

.text-secondary {
  color: #868e96 !important; }

a.text-secondary:focus, a.text-secondary:hover {
  color: #6c757d !important; }

.text-success {
  color: #00d7a0 !important; }

a.text-success:focus, a.text-success:hover {
  color: #00a47a !important; }

.text-info {
  color: #302a89 !important; }

a.text-info:focus, a.text-info:hover {
  color: #221e62 !important; }

.text-warning {
  color: #fadc73 !important; }

a.text-warning:focus, a.text-warning:hover {
  color: #f8d042 !important; }

.text-danger {
  color: #ff5055 !important; }

a.text-danger:focus, a.text-danger:hover {
  color: #ff1d23 !important; }

.text-light {
  color: #f8f9fa !important; }

a.text-light:focus, a.text-light:hover {
  color: #dae0e5 !important; }

.text-dark {
  color: #343a40 !important; }

a.text-dark:focus, a.text-dark:hover {
  color: #1d2124 !important; }

.text-muted {
  color: #868e96 !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

/*
// .icon {
//     font-size: 10px;
//     &:before {
//       content:' ';
//       vertical-align:middle;
//       display: inline-block;
//       background-image: url("../scss/svg/svg-sprite.svg");
//       background-repeat: no-repeat;
//       background-size: 100em 454.7em;

//       .no-svg & {
//         background-image: url("../svg-sprite.png");
//       }
//     }
// }


// 

// .icon.android-icon {
//   &:before {
//       background-position: 0em 0em;
//       width: 3.6em;
//       height: 4.5em;
//     }
//   }

//   @mixin icon-android-icon(){
//     @extend .android-icon;
//   }
// 

// .icon.back-arrow-icon {
//   &:before {
//       background-position: 0em -4.5em;
//       width: 1.8em;
//       height: 1.1em;
//     }
//   }

//   @mixin icon-back-arrow-icon(){
//     @extend .back-arrow-icon;
//   }
// 

// .icon.back-icon-alt {
//   &:before {
//       background-position: 0em -5.6em;
//       width: 1.8em;
//       height: 1.1em;
//     }
//   }

//   @mixin icon-back-icon-alt(){
//     @extend .back-icon-alt;
//   }
// 

// .icon.basket-hover-icon {
//   &:before {
//       background-position: 0em -6.7em;
//       width: 2.2em;
//       height: 2.1em;
//     }
//   }

//   @mixin icon-basket-hover-icon(){
//     @extend .basket-hover-icon;
//   }
// 

// .icon.basket-normal-icon {
//   &:before {
//       background-position: 0em -8.8em;
//       width: 2.2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-basket-normal-icon(){
//     @extend .basket-normal-icon;
//   }
// 

// .icon.battery-icon {
//   &:before {
//       background-position: 0em -10.8em;
//       width: 2.1em;
//       height: 4.5em;
//     }
//   }

//   @mixin icon-battery-icon(){
//     @extend .battery-icon;
//   }
// 

// .icon.bonbon-logo-txt {
//   &:before {
//       background-position: 0em -15.3em;
//       width: 4.7em;
//       height: 4.5em;
//     }
//   }

//   @mixin icon-bonbon-logo-txt(){
//     @extend .bonbon-logo-txt;
//   }
// 

// .icon.calendar-icon {
//   &:before {
//       background-position: 0em -19.8em;
//       width: 2em;
//       height: 2.4em;
//     }
//   }

//   @mixin icon-calendar-icon(){
//     @extend .calendar-icon;
//   }
// 

// .icon.call-icon {
//   &:before {
//       background-position: 0em -22.2em;
//       width: 3.6em;
//       height: 3.5em;
//     }
//   }

//   @mixin icon-call-icon(){
//     @extend .call-icon;
//   }
// 

// .icon.call-icon-small {
//   &:before {
//       background-position: 0em -25.7em;
//       width: 3em;
//       height: 3em;
//     }
//   }

//   @mixin icon-call-icon-small(){
//     @extend .call-icon-small;
//   }
// 

// .icon.camera-icon {
//   &:before {
//       background-position: 0em -28.7em;
//       width: 4.5em;
//       height: 2.7em;
//     }
//   }

//   @mixin icon-camera-icon(){
//     @extend .camera-icon;
//   }
// 

// .icon.cart-gray-icon {
//   &:before {
//       background-position: 0em -31.4em;
//       width: 2.2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-cart-gray-icon(){
//     @extend .cart-gray-icon;
//   }
// 

// .icon.cart-icon {
//   &:before {
//       background-position: 0em -33.4em;
//       width: 2.2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-cart-icon(){
//     @extend .cart-icon;
//   }
// 

// .icon.check-icon {
//   &:before {
//       background-position: 0em -35.4em;
//       width: 4em;
//       height: 2.9em;
//     }
//   }

//   @mixin icon-check-icon(){
//     @extend .check-icon;
//   }
// 

// .icon.check-icon-2 {
//   &:before {
//       background-position: 0em -38.3em;
//       width: 4em;
//       height: 2.9em;
//     }
//   }

//   @mixin icon-check-icon-2(){
//     @extend .check-icon-2;
//   }
// 

// .icon.check-small-icon {
//   &:before {
//       background-position: 0em -41.2em;
//       width: 1em;
//       height: 0.8em;
//     }
//   }

//   @mixin icon-check-small-icon(){
//     @extend .check-small-icon;
//   }
// 

// .icon.close {
//   &:before {
//       background-position: 0em -42em;
//       width: 1.7em;
//       height: 1.7em;
//     }
//   }

//   @mixin icon-close(){
//     @extend .close;
//   }
// 

// .icon.close-2-icon {
//   &:before {
//       background-position: 0em -43.7em;
//       width: 1.7em;
//       height: 1.7em;
//     }
//   }

//   @mixin icon-close-2-icon(){
//     @extend .close-2-icon;
//   }
// 

// .icon.close-icon {
//   &:before {
//       background-position: 0em -45.4em;
//       width: 1.7em;
//       height: 1.7em;
//     }
//   }

//   @mixin icon-close-icon(){
//     @extend .close-icon;
//   }
// 

// .icon.collapse-content-icon {
//   &:before {
//       background-position: 0em -47.1em;
//       width: 1.3em;
//       height: 0.3em;
//     }
//   }

//   @mixin icon-collapse-content-icon(){
//     @extend .collapse-content-icon;
//   }
// 

// .icon.dd-arrow-white {
//   &:before {
//       background-position: 0em -47.4em;
//       width: 1em;
//       height: 0.6em;
//     }
//   }

//   @mixin icon-dd-arrow-white(){
//     @extend .dd-arrow-white;
//   }
// 

// .icon.deezer-logo {
//   &:before {
//       background-position: 0em -48em;
//       width: 5.9em;
//       height: 6.6em;
//     }
//   }

//   @mixin icon-deezer-logo(){
//     @extend .deezer-logo;
//   }
// 

// .icon.deezer-logo-2 {
//   &:before {
//       background-position: 0em -54.6em;
//       width: 9.9em;
//       height: 2.2em;
//     }
//   }

//   @mixin icon-deezer-logo-2(){
//     @extend .deezer-logo-2;
//   }
// 

// .icon.dostava-icon {
//   &:before {
//       background-position: 0em -56.8em;
//       width: 6.3em;
//       height: 6.3em;
//     }
//   }

//   @mixin icon-dostava-icon(){
//     @extend .dostava-icon;
//   }
// 

// .icon.dostava-icon-small {
//   &:before {
//       background-position: 0em -63.1em;
//       width: 6.3em;
//       height: 6.3em;
//     }
//   }

//   @mixin icon-dostava-icon-small(){
//     @extend .dostava-icon-small;
//   }
// 

// .icon.download-icon {
//   &:before {
//       background-position: 0em -69.4em;
//       width: 1.5em;
//       height: 1.9em;
//     }
//   }

//   @mixin icon-download-icon(){
//     @extend .download-icon;
//   }
// 

// .icon.expand-content-icon {
//   &:before {
//       background-position: 0em -71.3em;
//       width: 1.3em;
//       height: 1.3em;
//     }
//   }

//   @mixin icon-expand-content-icon(){
//     @extend .expand-content-icon;
//   }
// 

// .icon.faceboook-icon {
//   &:before {
//       background-position: 0em -72.6em;
//       width: 0.9em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-faceboook-icon(){
//     @extend .faceboook-icon;
//   }
// 

// .icon.faceboook-icon-blue {
//   &:before {
//       background-position: 0em -74.4em;
//       width: 1.8em;
//       height: 3.6em;
//     }
//   }

//   @mixin icon-faceboook-icon-blue(){
//     @extend .faceboook-icon-blue;
//   }
// 

// .icon.faceboook-icon-hover {
//   &:before {
//       background-position: 0em -78em;
//       width: 0.9em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-faceboook-icon-hover(){
//     @extend .faceboook-icon-hover;
//   }
// 

// .icon.faceboook-share-hover-icon {
//   &:before {
//       background-position: 0em -79.8em;
//       width: 0.9em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-faceboook-share-hover-icon(){
//     @extend .faceboook-share-hover-icon;
//   }
// 

// .icon.faceboook-share-icon {
//   &:before {
//       background-position: 0em -81.6em;
//       width: 0.9em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-faceboook-share-icon(){
//     @extend .faceboook-share-icon;
//   }
// 

// .icon.faceboook-share-normal-icon {
//   &:before {
//       background-position: 0em -83.4em;
//       width: 0.9em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-faceboook-share-normal-icon(){
//     @extend .faceboook-share-normal-icon;
//   }
// 

// .icon.footer-whatsapp-icon {
//   &:before {
//       background-position: 0em -85.2em;
//       width: 2em;
//       height: 2.2em;
//     }
//   }

//   @mixin icon-footer-whatsapp-icon(){
//     @extend .footer-whatsapp-icon;
//   }
// 

// .icon.footer-whatsapp-icon-hover {
//   &:before {
//       background-position: 0em -87.4em;
//       width: 2em;
//       height: 2.1em;
//     }
//   }

//   @mixin icon-footer-whatsapp-icon-hover(){
//     @extend .footer-whatsapp-icon-hover;
//   }
// 

// .icon.fourg-speeds-rotate {
//   &:before {
//       background-position: 0em -89.5em;
//       width: 12em;
//       height: 12em;
//     }
//   }

//   @mixin icon-fourg-speeds-rotate(){
//     @extend .fourg-speeds-rotate;
//   }
// 

// .icon.gallery-arrow-left {
//   &:before {
//       background-position: 0em -101.5em;
//       width: 3.6em;
//       height: 2.5em;
//     }
//   }

//   @mixin icon-gallery-arrow-left(){
//     @extend .gallery-arrow-left;
//   }
// 

// .icon.gallery-arrow-right {
//   &:before {
//       background-position: 0em -104em;
//       width: 3.6em;
//       height: 2.5em;
//     }
//   }

//   @mixin icon-gallery-arrow-right(){
//     @extend .gallery-arrow-right;
//   }
// 

// .icon.google-plus-share-hover-icon {
//   &:before {
//       background-position: 0em -106.5em;
//       width: 2.6em;
//       height: 1.5em;
//     }
//   }

//   @mixin icon-google-plus-share-hover-icon(){
//     @extend .google-plus-share-hover-icon;
//   }
// 

// .icon.google-plus-share-normal-icon {
//   &:before {
//       background-position: 0em -108em;
//       width: 2.6em;
//       height: 1.5em;
//     }
//   }

//   @mixin icon-google-plus-share-normal-icon(){
//     @extend .google-plus-share-normal-icon;
//   }
// 

// .icon.google-share-gray-icon {
//   &:before {
//       background-position: 0em -109.5em;
//       width: 1.5em;
//       height: 1.5em;
//     }
//   }

//   @mixin icon-google-share-gray-icon(){
//     @extend .google-share-gray-icon;
//   }
// 

// .icon.hambi {
//   &:before {
//       background-position: 0em -111em;
//       width: 2em;
//       height: 1.7em;
//     }
//   }

//   @mixin icon-hambi(){
//     @extend .hambi;
//   }
// 

// .icon.hbo-logo {
//   &:before {
//       background-position: 0em -112.7em;
//       width: 10em;
//       height: 2.2em;
//     }
//   }

//   @mixin icon-hbo-logo(){
//     @extend .hbo-logo;
//   }
// 

// .icon.hompeage-swiper-arrow-next {
//   &:before {
//       background-position: 0em -114.9em;
//       width: 3.6em;
//       height: 2.5em;
//     }
//   }

//   @mixin icon-hompeage-swiper-arrow-next(){
//     @extend .hompeage-swiper-arrow-next;
//   }
// 

// .icon.hompeage-swiper-arrow-prev {
//   &:before {
//       background-position: 0em -117.4em;
//       width: 3.6em;
//       height: 2.5em;
//     }
//   }

//   @mixin icon-hompeage-swiper-arrow-prev(){
//     @extend .hompeage-swiper-arrow-prev;
//   }
// 

// .icon.icon-24-px {
//   &:before {
//       background-position: 0em -119.9em;
//       width: 2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-icon-24-px(){
//     @extend .icon-24-px;
//   }
// 

// .icon.info-icon {
//   &:before {
//       background-position: 0em -121.9em;
//       width: 2.1em;
//       height: 2.1em;
//     }
//   }

//   @mixin icon-info-icon(){
//     @extend .info-icon;
//   }
// 

// .icon.infopages-back-arrow {
//   &:before {
//       background-position: 0em -124em;
//       width: 1.8em;
//       height: 1.1em;
//     }
//   }

//   @mixin icon-infopages-back-arrow(){
//     @extend .infopages-back-arrow;
//   }
// 

// .icon.infopages-download-icon {
//   &:before {
//       background-position: 0em -125.1em;
//       width: 1.5em;
//       height: 1.9em;
//     }
//   }

//   @mixin icon-infopages-download-icon(){
//     @extend .infopages-download-icon;
//   }
// 

// .icon.instagram-icon {
//   &:before {
//       background-position: 0em -127em;
//       width: 1.8em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-instagram-icon(){
//     @extend .instagram-icon;
//   }
// 

// .icon.instagram-icon-blue {
//   &:before {
//       background-position: 0em -128.8em;
//       width: 3.6em;
//       height: 3.6em;
//     }
//   }

//   @mixin icon-instagram-icon-blue(){
//     @extend .instagram-icon-blue;
//   }
// 

// .icon.instagram-icon-hover {
//   &:before {
//       background-position: 0em -132.4em;
//       width: 1.8em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-instagram-icon-hover(){
//     @extend .instagram-icon-hover;
//   }
// 

// .icon.internet-icon {
//   &:before {
//       background-position: 0em -134.2em;
//       width: 4.6em;
//       height: 4.6em;
//     }
//   }

//   @mixin icon-internet-icon(){
//     @extend .internet-icon;
//   }
// 

// .icon.internet-icon-small {
//   &:before {
//       background-position: 0em -138.8em;
//       width: 3em;
//       height: 3em;
//     }
//   }

//   @mixin icon-internet-icon-small(){
//     @extend .internet-icon-small;
//   }
// 

// .icon.ios-icon {
//   &:before {
//       background-position: 0em -141.8em;
//       width: 3.9em;
//       height: 5em;
//     }
//   }

//   @mixin icon-ios-icon(){
//     @extend .ios-icon;
//   }
// 

// .icon.kartica-icon {
//   &:before {
//       background-position: 0em -146.8em;
//       width: 6.3em;
//       height: 6.3em;
//     }
//   }

//   @mixin icon-kartica-icon(){
//     @extend .kartica-icon;
//   }
// 

// .icon.kartica-icon-small {
//   &:before {
//       background-position: 0em -153.1em;
//       width: 6.3em;
//       height: 6.3em;
//     }
//   }

//   @mixin icon-kartica-icon-small(){
//     @extend .kartica-icon-small;
//   }
// 

// .icon.kontakt-ilustracija {
//   &:before {
//       background-position: 0em -159.4em;
//       width: 36.1em;
//       height: 35.4em;
//     }
//   }

//   @mixin icon-kontakt-ilustracija(){
//     @extend .kontakt-ilustracija;
//   }
// 

// .icon.kopiraj-podtke-icon {
//   &:before {
//       background-position: 0em -194.8em;
//       width: 2em;
//       height: 2.1em;
//     }
//   }

//   @mixin icon-kopiraj-podtke-icon(){
//     @extend .kopiraj-podtke-icon;
//   }
// 

// .icon.kosarica-icon {
//   &:before {
//       background-position: 0em -196.9em;
//       width: 2.2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-kosarica-icon(){
//     @extend .kosarica-icon;
//   }
// 

// .icon.kupibon-gray-icon {
//   &:before {
//       background-position: 0em -198.9em;
//       width: 2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-kupibon-gray-icon(){
//     @extend .kupibon-gray-icon;
//   }
// 

// .icon.kupibon-icon {
//   &:before {
//       background-position: 0em -200.9em;
//       width: 2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-kupibon-icon(){
//     @extend .kupibon-icon;
//   }
// 

// .icon.left-arrow-calendar {
//   &:before {
//       background-position: 0em -202.9em;
//       width: 0.8em;
//       height: 1.2em;
//     }
//   }

//   @mixin icon-left-arrow-calendar(){
//     @extend .left-arrow-calendar;
//   }
// 

// .icon.login-gray-icon {
//   &:before {
//       background-position: 0em -204.1em;
//       width: 2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-login-gray-icon(){
//     @extend .login-gray-icon;
//   }
// 

// .icon.login-icon {
//   &:before {
//       background-position: 0em -206.1em;
//       width: 2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-login-icon(){
//     @extend .login-icon;
//   }
// 

// .icon.memory-icon {
//   &:before {
//       background-position: 0em -208.1em;
//       width: 3em;
//       height: 4.2em;
//     }
//   }

//   @mixin icon-memory-icon(){
//     @extend .memory-icon;
//   }
// 

// .icon.mobile-icon-small {
//   &:before {
//       background-position: 0em -212.3em;
//       width: 6.3em;
//       height: 6.3em;
//     }
//   }

//   @mixin icon-mobile-icon-small(){
//     @extend .mobile-icon-small;
//   }
// 

// .icon.multimedia-icon {
//   &:before {
//       background-position: 0em -218.6em;
//       width: 4.6em;
//       height: 4.6em;
//     }
//   }

//   @mixin icon-multimedia-icon(){
//     @extend .multimedia-icon;
//   }
// 

// .icon.nivas-logo {
//   &:before {
//       background-position: 0em -223.2em;
//       width: 2.3em;
//       height: 2.7em;
//     }
//   }

//   @mixin icon-nivas-logo(){
//     @extend .nivas-logo;
//   }
// 

// .icon.nvs-logo {
//   &:before {
//       background-position: 0em -225.9em;
//       width: 2em;
//       height: 2.4em;
//     }
//   }

//   @mixin icon-nvs-logo(){
//     @extend .nvs-logo;
//   }
// 

// .icon.pagination-left {
//   &:before {
//       background-position: 0em -228.3em;
//       width: 1.1em;
//       height: 1.9em;
//     }
//   }

//   @mixin icon-pagination-left(){
//     @extend .pagination-left;
//   }
// 

// .icon.pagination-right {
//   &:before {
//       background-position: 0em -230.2em;
//       width: 1.1em;
//       height: 1.9em;
//     }
//   }

//   @mixin icon-pagination-right(){
//     @extend .pagination-right;
//   }
// 

// .icon.pin-2-icon {
//   &:before {
//       background-position: 0em -232.1em;
//       width: 1.6em;
//       height: 2em;
//     }
//   }

//   @mixin icon-pin-2-icon(){
//     @extend .pin-2-icon;
//   }
// 

// .icon.pin-icon {
//   &:before {
//       background-position: 0em -234.1em;
//       width: 1.6em;
//       height: 2em;
//     }
//   }

//   @mixin icon-pin-icon(){
//     @extend .pin-icon;
//   }
// 

// .icon.procesor-icon {
//   &:before {
//       background-position: 0em -236.1em;
//       width: 4.1em;
//       height: 4.1em;
//     }
//   }

//   @mixin icon-procesor-icon(){
//     @extend .procesor-icon;
//   }
// 

// .icon.ram-icon {
//   &:before {
//       background-position: 0em -240.2em;
//       width: 4.3em;
//       height: 3.1em;
//     }
//   }

//   @mixin icon-ram-icon(){
//     @extend .ram-icon;
//   }
// 

// .icon.right-arrow-calendar {
//   &:before {
//       background-position: 0em -243.3em;
//       width: 0.8em;
//       height: 1.2em;
//     }
//   }

//   @mixin icon-right-arrow-calendar(){
//     @extend .right-arrow-calendar;
//   }
// 

// .icon.screensize-icon {
//   &:before {
//       background-position: 0em -244.5em;
//       width: 2.5em;
//       height: 4.5em;
//     }
//   }

//   @mixin icon-screensize-icon(){
//     @extend .screensize-icon;
//   }
// 

// .icon.search-icon {
//   &:before {
//       background-position: 0em -249em;
//       width: 2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-search-icon(){
//     @extend .search-icon;
//   }
// 

// .icon.search-icon-humanguse {
//   &:before {
//       background-position: 0em -251em;
//       width: 27.5em;
//       height: 26.9em;
//     }
//   }

//   @mixin icon-search-icon-humanguse(){
//     @extend .search-icon-humanguse;
//   }
// 

// .icon.share-icon {
//   &:before {
//       background-position: 0em -277.9em;
//       width: 2em;
//       height: 2.2em;
//     }
//   }

//   @mixin icon-share-icon(){
//     @extend .share-icon;
//   }
// 

// .icon.shop-bon-normal-icon {
//   &:before {
//       background-position: 0em -280.1em;
//       width: 2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-shop-bon-normal-icon(){
//     @extend .shop-bon-normal-icon;
//   }
// 

// .icon.sliderindicator {
//   &:before {
//       background-position: 0em -282.1em;
//       width: 6.6em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-sliderindicator(){
//     @extend .sliderindicator;
//   }
// 

// .icon.sms-icon {
//   &:before {
//       background-position: 0em -283.9em;
//       width: 5.4em;
//       height: 4em;
//     }
//   }

//   @mixin icon-sms-icon(){
//     @extend .sms-icon;
//   }
// 

// .icon.sms-icon-small {
//   &:before {
//       background-position: 0em -287.9em;
//       width: 4em;
//       height: 4.4em;
//     }
//   }

//   @mixin icon-sms-icon-small(){
//     @extend .sms-icon-small;
//   }
// 

// .icon.tlogo {
//   &:before {
//       background-position: 0em -292.3em;
//       width: 14.6em;
//       height: 3.3em;
//     }
//   }

//   @mixin icon-tlogo(){
//     @extend .tlogo;
//   }
// 

// .icon.tourist-big-pin-desktop {
//   &:before {
//       background-position: 0em -295.6em;
//       width: 11.9em;
//       height: 15.8em;
//     }
//   }

//   @mixin icon-tourist-big-pin-desktop(){
//     @extend .tourist-big-pin-desktop;
//   }
// 

// .icon.tourist-big-pin-mobile {
//   &:before {
//       background-position: 0em -311.4em;
//       width: 6.8em;
//       height: 9em;
//     }
//   }

//   @mixin icon-tourist-big-pin-mobile(){
//     @extend .tourist-big-pin-mobile;
//   }
// 

// .icon.tourist-bird1-desktop {
//   &:before {
//       background-position: 0em -320.4em;
//       width: 7em;
//       height: 2.5em;
//     }
//   }

//   @mixin icon-tourist-bird1-desktop(){
//     @extend .tourist-bird1-desktop;
//   }
// 

// .icon.tourist-bird1-mobile {
//   &:before {
//       background-position: 0em -322.9em;
//       width: 3.6em;
//       height: 1.4em;
//     }
//   }

//   @mixin icon-tourist-bird1-mobile(){
//     @extend .tourist-bird1-mobile;
//   }
// 

// .icon.tourist-bird2-desktop {
//   &:before {
//       background-position: 0em -324.3em;
//       width: 7em;
//       height: 2.5em;
//     }
//   }

//   @mixin icon-tourist-bird2-desktop(){
//     @extend .tourist-bird2-desktop;
//   }
// 

// .icon.tourist-bird2-mobile {
//   &:before {
//       background-position: 0em -326.8em;
//       width: 3.6em;
//       height: 1.4em;
//     }
//   }

//   @mixin icon-tourist-bird2-mobile(){
//     @extend .tourist-bird2-mobile;
//   }
// 

// .icon.tourist-bon-circle-desktop {
//   &:before {
//       background-position: 0em -328.2em;
//       width: 13.8em;
//       height: 13.8em;
//     }
//   }

//   @mixin icon-tourist-bon-circle-desktop(){
//     @extend .tourist-bon-circle-desktop;
//   }
// 

// .icon.tourist-cart-icon {
//   &:before {
//       background-position: 0em -342em;
//       width: 2.2em;
//       height: 2em;
//     }
//   }

//   @mixin icon-tourist-cart-icon(){
//     @extend .tourist-cart-icon;
//   }
// 

// .icon.tourist-phone-icon {
//   &:before {
//       background-position: 0em -344em;
//       width: 1.8em;
//       height: 1.8em;
//     }
//   }

//   @mixin icon-tourist-phone-icon(){
//     @extend .tourist-phone-icon;
//   }
// 

// .icon.tourist-ship-desktop {
//   &:before {
//       background-position: 0em -345.8em;
//       width: 42.6em;
//       height: 49em;
//     }
//   }

//   @mixin icon-tourist-ship-desktop(){
//     @extend .tourist-ship-desktop;
//   }
// 

// .icon.tourist-ship-mobile {
//   &:before {
//       background-position: 0em -394.8em;
//       width: 16.3em;
//       height: 25em;
//     }
//   }

//   @mixin icon-tourist-ship-mobile(){
//     @extend .tourist-ship-mobile;
//   }
// 

// .icon.tourist-waves-desktop {
//   &:before {
//       background-position: 0em -419.8em;
//       width: 100em;
//       height: 5.277777777777778em;
//     }
//   }

//   @mixin icon-tourist-waves-desktop(){
//     @extend .tourist-waves-desktop;
//   }
// 

// .icon.tourist-waves-mobile {
//   &:before {
//       background-position: 0em -425.1em;
//       width: 32em;
//       height: 4.2em;
//     }
//   }

//   @mixin icon-tourist-waves-mobile(){
//     @extend .tourist-waves-mobile;
//   }
// 

// .icon.twitter-icon {
//   &:before {
//       background-position: 0em -429.3em;
//       width: 1.8em;
//       height: 1.5em;
//     }
//   }

//   @mixin icon-twitter-icon(){
//     @extend .twitter-icon;
//   }
// 

// .icon.twitter-icon-blue {
//   &:before {
//       background-position: 0em -430.8em;
//       width: 3.6em;
//       height: 3em;
//     }
//   }

//   @mixin icon-twitter-icon-blue(){
//     @extend .twitter-icon-blue;
//   }
// 

// .icon.twitter-icon-hover {
//   &:before {
//       background-position: 0em -433.8em;
//       width: 1.8em;
//       height: 1.5em;
//     }
//   }

//   @mixin icon-twitter-icon-hover(){
//     @extend .twitter-icon-hover;
//   }
// 

// .icon.twitter-share-hover-icon {
//   &:before {
//       background-position: 0em -435.3em;
//       width: 1.8em;
//       height: 1.5em;
//     }
//   }

//   @mixin icon-twitter-share-hover-icon(){
//     @extend .twitter-share-hover-icon;
//   }
// 

// .icon.twitter-share-normal-icon {
//   &:before {
//       background-position: 0em -436.8em;
//       width: 1.8em;
//       height: 1.5em;
//     }
//   }

//   @mixin icon-twitter-share-normal-icon(){
//     @extend .twitter-share-normal-icon;
//   }
// 

// .icon.warenty-icon {
//   &:before {
//       background-position: 0em -438.3em;
//       width: 3.4em;
//       height: 6em;
//     }
//   }

//   @mixin icon-warenty-icon(){
//     @extend .warenty-icon;
//   }
// 

// .icon.weight-icon {
//   &:before {
//       background-position: 0em -444.3em;
//       width: 2.9em;
//       height: 4em;
//     }
//   }

//   @mixin icon-weight-icon(){
//     @extend .weight-icon;
//   }
// 

// .icon.whatsapp-icon {
//   &:before {
//       background-position: 0em -448.3em;
//       width: 3.5838em;
//       height: 3.6em;
//     }
//   }

//   @mixin icon-whatsapp-icon(){
//     @extend .whatsapp-icon;
//   }
// 

// .icon.youtube-icon {
//   &:before {
//       background-position: 0em -451.9em;
//       width: 1.8em;
//       height: 1.4em;
//     }
//   }

//   @mixin icon-youtube-icon(){
//     @extend .youtube-icon;
//   }
// 

// .icon.youtube-icon-hover {
//   &:before {
//       background-position: 0em -453.3em;
//       width: 1.8em;
//       height: 1.4em;
//     }
//   }

//   @mixin icon-youtube-icon-hover(){
//     @extend .youtube-icon-hover;
//   }
// 
*/
/* Debug */
.debug {
  outline: solid #ff0000 1px; }

.debug2 {
  background: #ffcc00 !important; }

.debug3 {
  background: #ff0000 !important; }

.debug4 {
  background: #009933 !important; }

.debug5 {
  background: #3333cc !important; }

.debug6 {
  background: #d9b62b !important; }

/* --
Branding & Navigation
------------------------- */
#siteHead .comunity {
  padding-bottom: 10px; }
  #siteHead .comunity dl {
    margin: 0;
    padding: 0 25px; }
  #siteHead .comunity dt {
    font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.28571em;
    color: #c3c5ff;
    float: left;
    width: 100%;
    padding: 0 23px 0 23px; }
  #siteHead .comunity dd {
    margin: 0;
    float: none;
    text-align: center; }
    #siteHead .comunity dd:last-child {
      margin-right: 0; }
  #siteHead .comunity a {
    display: inline-block;
    text-indent: -9999em;
    position: relative;
    height: 18px;
    font-size: 10px;
    padding: 10px;
    -webkit-box-sizing: content-box;
    box-sizing: content-box; }
    #siteHead .comunity a:before, #siteHead .comunity a:after {
      content: "";
      display: block;
      position: absolute;
      left: 10px;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
    #siteHead .comunity a:before {
      opacity: 1; }
    #siteHead .comunity a:after {
      opacity: 0; }
    #siteHead .comunity a:hover:before {
      opacity: 0; }
    #siteHead .comunity a:hover:after {
      opacity: 1; }
    #siteHead .comunity a.fb {
      width: 0.9em;
      height: 1.8em; }
      #siteHead .comunity a.fb:before {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -72.6em;
        width: 0.9em;
        height: 1.8em; }
      #siteHead .comunity a.fb:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -78em;
        width: 0.9em;
        height: 1.8em; }
    #siteHead .comunity a.tw {
      width: 1.8em;
      height: 1.5em; }
      #siteHead .comunity a.tw:before {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -429.3em;
        width: 1.8em;
        height: 1.5em; }
      #siteHead .comunity a.tw:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -433.8em;
        width: 1.8em;
        height: 1.5em; }
    #siteHead .comunity a.wa {
      width: 2em;
      height: 2.2em; }
      #siteHead .comunity a.wa:before {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -85.2em;
        width: 2em;
        height: 2.2em; }
      #siteHead .comunity a.wa:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -87.4em;
        width: 2em;
        height: 2.1em; }
    #siteHead .comunity a.yt {
      width: 1.8em;
      height: 1.4em; }
      #siteHead .comunity a.yt:before {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -451.9em;
        width: 1.8em;
        height: 1.4em; }
      #siteHead .comunity a.yt:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -453.3em;
        width: 1.8em;
        height: 1.4em; }
    #siteHead .comunity a.ig {
      width: 1.8em;
      height: 1.8em; }
      #siteHead .comunity a.ig:before {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -127em;
        width: 1.8em;
        height: 1.8em; }
      #siteHead .comunity a.ig:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -132.4em;
        width: 1.8em;
        height: 1.8em; }

@media (min-width: 992px) {
  #siteHead {
    padding-top: 20px;
    padding-bottom: 0;
    height: 0;
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
    -webkit-transition: height 0s linear 1s;
    transition: height 0s linear 1s; }
    #siteHead:before {
      content: "";
      display: block;
      width: 100%;
      height: 0%;
      position: absolute;
      left: 0;
      top: 0;
      z-index: 2;
      background-color: white;
      -webkit-transition: all 0.2s ease-out;
      transition: all 0.2s ease-out; }
    #siteHead > .container-fluid > .row > .col-12 {
      height: 0; }
    #siteHead.openedMenu {
      padding-bottom: 20px;
      height: 120px;
      -webkit-transition: height 0s linear 0s;
      transition: height 0s linear 0s; }
      #siteHead.openedMenu > .container-fluid > .row > .col-12 {
        height: auto; }
      #siteHead.openedMenu:before {
        height: 100%; }
    #siteHead .container-fluid {
      overflow: visible; }
    #siteHead .loginCtaMo {
      display: none; }
    #siteHead .logo {
      display: inline-block;
      position: relative;
      z-index: 2;
      width: 80px;
      height: 80px;
      margin: 0; }
      #siteHead .logo a {
        display: block;
        width: 80px;
        height: 80px;
        position: relative;
        background-color: #00d7d7;
        -webkit-box-shadow: 0 0 0 0 #00d7d7, 0 0 0 0 #00d7d7;
        box-shadow: 0 0 0 0 #00d7d7, 0 0 0 0 #00d7d7;
        border-radius: 50%;
        text-indent: -9999em;
        cursor: pointer;
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
        #siteHead .logo a:after {
          content: "";
          display: block;
          width: 48px;
          height: 45px;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          background: url("/assets/images/svg/bonbon-logo-txt.svg") no-repeat center/100% 100%;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
        #siteHead .logo a:hover {
          -webkit-box-shadow: 0 0 0 4px #00d7d7, 0 0 10px 4px #00d7d7;
          box-shadow: 0 0 0 4px #00d7d7, 0 0 10px 4px #00d7d7; }
          #siteHead .logo a:hover:after {
            width: 57px;
            height: 50px; }
    #siteHead .wrapBonoviCta, #siteHead .wrapBasketCta, #siteHead .wrapLoginCta {
      display: inline-block;
      width: 48px;
      height: 48px;
      border-radius: 24px;
      position: absolute;
      top: 16px; }
      #siteHead .wrapBonoviCta.open .loginCta:before, #siteHead .wrapBonoviCta.open .bonoviCta:before, #siteHead .wrapBonoviCta.open .basketCta:before, #siteHead .wrapBasketCta.open .loginCta:before, #siteHead .wrapBasketCta.open .bonoviCta:before, #siteHead .wrapBasketCta.open .basketCta:before, #siteHead .wrapLoginCta.open .loginCta:before, #siteHead .wrapLoginCta.open .bonoviCta:before, #siteHead .wrapLoginCta.open .basketCta:before {
        -webkit-box-shadow: 0 8px 16px 0 rgba(30, 31, 39, 0.4), 0 0 0 10px white inset;
        box-shadow: 0 8px 16px 0 rgba(30, 31, 39, 0.4), 0 0 0 10px white inset; }
      #siteHead .wrapBonoviCta.open .loginCta:after, #siteHead .wrapBonoviCta.open .bonoviCta:after, #siteHead .wrapBonoviCta.open .basketCta:after, #siteHead .wrapBasketCta.open .loginCta:after, #siteHead .wrapBasketCta.open .bonoviCta:after, #siteHead .wrapBasketCta.open .basketCta:after, #siteHead .wrapLoginCta.open .loginCta:after, #siteHead .wrapLoginCta.open .bonoviCta:after, #siteHead .wrapLoginCta.open .basketCta:after {
        -webkit-box-shadow: 0 0 0 3px #fff;
        box-shadow: 0 0 0 3px #fff; }
      #siteHead .wrapBonoviCta.open .loginCta .i:after, #siteHead .wrapBonoviCta.open .bonoviCta .i:after, #siteHead .wrapBonoviCta.open .basketCta .i:after, #siteHead .wrapBasketCta.open .loginCta .i:after, #siteHead .wrapBasketCta.open .bonoviCta .i:after, #siteHead .wrapBasketCta.open .basketCta .i:after, #siteHead .wrapLoginCta.open .loginCta .i:after, #siteHead .wrapLoginCta.open .bonoviCta .i:after, #siteHead .wrapLoginCta.open .basketCta .i:after {
        opacity: 1; }
    #siteHead .navCta, #siteHead .bonoviCta, #siteHead .basketCta, #siteHead .loginCta {
      display: inline-block;
      width: 48px;
      height: 48px;
      border-radius: 24px;
      background-color: #fff;
      position: absolute;
      z-index: 2;
      top: 0;
      -webkit-box-shadow: 0 0 0 0 #fff;
      box-shadow: 0 0 0 0 #fff;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      #siteHead .navCta:before, #siteHead .bonoviCta:before, #siteHead .basketCta:before, #siteHead .loginCta:before {
        content: "";
        display: block;
        width: 52px;
        height: 52px;
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: transparent;
        border-radius: 26px;
        -webkit-box-shadow: 0 8px 16px 0 rgba(30, 31, 39, 0), 0 0 0 0 rgba(255, 255, 255, 0) inset;
        box-shadow: 0 8px 16px 0 rgba(30, 31, 39, 0), 0 0 0 0 rgba(255, 255, 255, 0) inset;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
      #siteHead .navCta:after, #siteHead .bonoviCta:after, #siteHead .basketCta:after, #siteHead .loginCta:after {
        content: "";
        display: block;
        width: 46px;
        height: 46px;
        position: absolute;
        z-index: 0;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        background-color: transparent;
        border-radius: 26px;
        -webkit-box-shadow: 0 0 0 0 #fff;
        box-shadow: 0 0 0 0 #fff;
        -webkit-transition: all 0.2s linear;
        transition: all 0.2s linear; }
      #siteHead .navCta .msgBubble, #siteHead .bonoviCta .msgBubble, #siteHead .basketCta .msgBubble, #siteHead .loginCta .msgBubble {
        font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5em;
        color: #fff;
        display: block;
        width: 20px;
        height: 20px;
        background-color: #ff7d3c;
        border-radius: 50%;
        position: absolute;
        right: -2px;
        top: -2px;
        text-align: center;
        z-index: 10; }
      #siteHead .navCta .i, #siteHead .bonoviCta .i, #siteHead .basketCta .i, #siteHead .loginCta .i {
        display: block;
        /* width: 22px; height: 22px; */
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #siteHead .navCta .i:after, #siteHead .bonoviCta .i:after, #siteHead .basketCta .i:after, #siteHead .loginCta .i:after {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          opacity: 0;
          background-color: #fff;
          -webkit-transition: all 0.2s linear;
          transition: all 0.2s linear; }
      #siteHead .navCta .t, #siteHead .bonoviCta .t, #siteHead .basketCta .t, #siteHead .loginCta .t {
        display: none; }
      #siteHead .navCta:hover:before, #siteHead .bonoviCta:hover:before, #siteHead .basketCta:hover:before, #siteHead .loginCta:hover:before {
        -webkit-box-shadow: 0 8px 16px 0 rgba(30, 31, 39, 0.15), 0 0 0 10px white inset;
        box-shadow: 0 8px 16px 0 rgba(30, 31, 39, 0.15), 0 0 0 10px white inset; }
      #siteHead .navCta:hover:after, #siteHead .bonoviCta:hover:after, #siteHead .basketCta:hover:after, #siteHead .loginCta:hover:after {
        -webkit-box-shadow: 0 0 0 3px #fff;
        box-shadow: 0 0 0 3px #fff; }
      #siteHead .navCta:hover .i:after, #siteHead .bonoviCta:hover .i:after, #siteHead .basketCta:hover .i:after, #siteHead .loginCta:hover .i:after {
        opacity: 1; }
    #siteHead .basketCta .i {
      font-size: 10px;
      background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
      background-position: 0em -31.4em;
      width: 2.2em;
      height: 2em; }
      #siteHead .basketCta .i:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -33.4em;
        width: 2.2em;
        height: 2em; }
    #siteHead .bonoviCta .i {
      font-size: 10px;
      background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
      background-position: 0em -198.9em;
      width: 2em;
      height: 2em; }
      #siteHead .bonoviCta .i:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -200.9em;
        width: 2em;
        height: 2em; }
    #siteHead .loginCta .i {
      font-size: 10px;
      background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
      background-position: 0em -204.1em;
      width: 2em;
      height: 2em; }
      #siteHead .loginCta .i:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -206.1em;
        width: 2em;
        height: 2em; }
    #siteHead .wrapBasketCta {
      right: 30px; }
    #siteHead .wrapBonoviCta {
      right: 108px; }
    #siteHead .wrapLoginCta {
      right: 186px; }
      #siteHead .wrapLoginCta dl {
        min-width: 320px; }
    #siteHead .wrapBonoviCta .subMenu, #siteHead .wrapBasketCta .subMenu, #siteHead .wrapLoginCta .subMenu {
      opacity: 0;
      display: none;
      position: absolute;
      z-index: 10;
      top: 90%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
      -webkit-box-shadow: 0 8px 16px 0 rgba(30, 31, 39, 0.1);
      box-shadow: 0 8px 16px 0 rgba(30, 31, 39, 0.1);
      background-color: #ffffff;
      border: solid 1px #ecedf4;
      border-radius: 8px; }
      #siteHead .wrapBonoviCta .subMenu .ae, #siteHead .wrapBasketCta .subMenu .ae, #siteHead .wrapLoginCta .subMenu .ae {
        display: block;
        position: absolute;
        width: 14px;
        height: 7px;
        left: 50%;
        top: -7px;
        margin-left: -7px;
        overflow: hidden; }
        #siteHead .wrapBonoviCta .subMenu .ae:after, #siteHead .wrapBasketCta .subMenu .ae:after, #siteHead .wrapLoginCta .subMenu .ae:after {
          content: "";
          display: block;
          width: 14px;
          height: 14px;
          position: absolute;
          top: 0;
          left: 0;
          background-color: #fff;
          -webkit-box-shadow: 0 0 0 1px #ecedf4 inset;
          box-shadow: 0 0 0 1px #ecedf4 inset;
          border-radius: 50%; }
      #siteHead .wrapBonoviCta .subMenu .t, #siteHead .wrapBasketCta .subMenu .t, #siteHead .wrapLoginCta .subMenu .t {
        font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 20px;
        font-size: 2rem;
        line-height: 2.5em;
        letter-spacing: 0; }
      #siteHead .wrapBonoviCta .subMenu p, #siteHead .wrapBasketCta .subMenu p, #siteHead .wrapLoginCta .subMenu p {
        font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 14px;
        font-size: 1.4rem;
        color: #333333;
        white-space: nowrap;
        margin: 13px 20px 14px; }
        #siteHead .wrapBonoviCta .subMenu p strong, #siteHead .wrapBasketCta .subMenu p strong, #siteHead .wrapLoginCta .subMenu p strong {
          font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal; }
      #siteHead .wrapBonoviCta .subMenu ul, #siteHead .wrapBasketCta .subMenu ul, #siteHead .wrapLoginCta .subMenu ul {
        padding: 0;
        margin: 7px 0;
        list-style: none; }
        #siteHead .wrapBonoviCta .subMenu ul li, #siteHead .wrapBasketCta .subMenu ul li, #siteHead .wrapLoginCta .subMenu ul li {
          position: relative; }
          #siteHead .wrapBonoviCta .subMenu ul li:after, #siteHead .wrapBasketCta .subMenu ul li:after, #siteHead .wrapLoginCta .subMenu ul li:after {
            content: "";
            display: block;
            width: 1px;
            height: 17px;
            background-color: #e1e1ec;
            position: absolute;
            right: 0;
            top: 17px; }
          #siteHead .wrapBonoviCta .subMenu ul li:last-child:after, #siteHead .wrapBasketCta .subMenu ul li:last-child:after, #siteHead .wrapLoginCta .subMenu ul li:last-child:after {
            display: none; }
      #siteHead .wrapBonoviCta .subMenu dl, #siteHead .wrapBasketCta .subMenu dl, #siteHead .wrapLoginCta .subMenu dl {
        padding: 0;
        margin: 0; }
        #siteHead .wrapBonoviCta .subMenu dl dd, #siteHead .wrapBonoviCta .subMenu dl dt, #siteHead .wrapBasketCta .subMenu dl dd, #siteHead .wrapBasketCta .subMenu dl dt, #siteHead .wrapLoginCta .subMenu dl dd, #siteHead .wrapLoginCta .subMenu dl dt {
          list-style: none;
          position: relative; }
        #siteHead .wrapBonoviCta .subMenu dl dt, #siteHead .wrapBasketCta .subMenu dl dt, #siteHead .wrapLoginCta .subMenu dl dt {
          padding: 0 26px;
          border-bottom: #e1e1ec 1px solid;
          font-family: "ars_maquette_proregular", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 3.57143em;
          color: #000000;
          white-space: nowrap; }
          #siteHead .wrapBonoviCta .subMenu dl dt strong, #siteHead .wrapBasketCta .subMenu dl dt strong, #siteHead .wrapLoginCta .subMenu dl dt strong {
            font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
            font-weight: normal;
            font-style: normal; }
        #siteHead .wrapBonoviCta .subMenu dl dd:first-of-type, #siteHead .wrapBasketCta .subMenu dl dd:first-of-type, #siteHead .wrapLoginCta .subMenu dl dd:first-of-type {
          margin-top: 15px; }
        #siteHead .wrapBonoviCta .subMenu dl dd:last-of-type, #siteHead .wrapBasketCta .subMenu dl dd:last-of-type, #siteHead .wrapLoginCta .subMenu dl dd:last-of-type {
          margin-bottom: 15px; }
        #siteHead .wrapBonoviCta .subMenu dl .bons, #siteHead .wrapBasketCta .subMenu dl .bons, #siteHead .wrapLoginCta .subMenu dl .bons {
          padding: 0 20px; }
          #siteHead .wrapBonoviCta .subMenu dl .bons a, #siteHead .wrapBasketCta .subMenu dl .bons a, #siteHead .wrapLoginCta .subMenu dl .bons a {
            line-height: 1;
            display: block;
            width: 84px;
            height: 84px;
            text-align: center;
            margin: 5px;
            padding: 4px;
            color: #695fff;
            float: left;
            border-radius: 50%;
            position: relative;
            text-transform: uppercase;
            overflow: hidden; }
            #siteHead .wrapBonoviCta .subMenu dl .bons a:before, #siteHead .wrapBasketCta .subMenu dl .bons a:before, #siteHead .wrapLoginCta .subMenu dl .bons a:before {
              content: "";
              display: block;
              width: 100%;
              height: 100%;
              border-radius: 50%;
              z-index: -1;
              position: absolute;
              left: 0;
              top: 0;
              background: #695fff;
              background: -webkit-gradient(linear, left top, right top, from(#695fff), color-stop(50%, #695fff), color-stop(50%, #00d7d7), to(#00d7d7));
              background: linear-gradient(to right, #695fff 0%, #695fff 50%, #00d7d7 50%, #00d7d7 100%);
              filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#695fff', endColorstr='#00d7d7',GradientType=1 );
              -webkit-transition: all .2s ease-out;
              transition: all .2s ease-out;
              -webkit-transform: rotate(0deg);
              transform: rotate(0deg); }
            #siteHead .wrapBonoviCta .subMenu dl .bons a span, #siteHead .wrapBasketCta .subMenu dl .bons a span, #siteHead .wrapLoginCta .subMenu dl .bons a span {
              display: block;
              width: 76px;
              height: 76px;
              background-color: #fff;
              border-radius: 50%;
              display: table-cell;
              vertical-align: middle;
              position: relative;
              z-index: 1; }
            #siteHead .wrapBonoviCta .subMenu dl .bons a strong, #siteHead .wrapBasketCta .subMenu dl .bons a strong, #siteHead .wrapLoginCta .subMenu dl .bons a strong {
              display: block;
              font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
              font-weight: normal;
              font-style: normal;
              font-size: 30px;
              font-size: 3rem; }
            #siteHead .wrapBonoviCta .subMenu dl .bons a:hover, #siteHead .wrapBasketCta .subMenu dl .bons a:hover, #siteHead .wrapLoginCta .subMenu dl .bons a:hover {
              text-decoration: none; }
              #siteHead .wrapBonoviCta .subMenu dl .bons a:hover:before, #siteHead .wrapBasketCta .subMenu dl .bons a:hover:before, #siteHead .wrapLoginCta .subMenu dl .bons a:hover:before {
                -webkit-transform: rotate(90deg);
                transform: rotate(90deg); }
      #siteHead .wrapBonoviCta .subMenu a, #siteHead .wrapBasketCta .subMenu a, #siteHead .wrapLoginCta .subMenu a {
        font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.42857em;
        color: #695fff;
        padding: 0 26px;
        white-space: nowrap; }
        #siteHead .wrapBonoviCta .subMenu a.current:before, #siteHead .wrapBasketCta .subMenu a.current:before, #siteHead .wrapLoginCta .subMenu a.current:before {
          content: "";
          display: inline-block;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background-color: #00d7d7;
          margin: 0 10px 0 0; }
      #siteHead .wrapBonoviCta .subMenu .btn-grabor2, #siteHead .wrapBasketCta .subMenu .btn-grabor2, #siteHead .wrapLoginCta .subMenu .btn-grabor2 {
        font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        padding: 0 16px; }
        #siteHead .wrapBonoviCta .subMenu .btn-grabor2:after, #siteHead .wrapBasketCta .subMenu .btn-grabor2:after, #siteHead .wrapLoginCta .subMenu .btn-grabor2:after {
          background-color: #fff; }
        #siteHead .wrapBonoviCta .subMenu .btn-grabor2 span, #siteHead .wrapBasketCta .subMenu .btn-grabor2 span, #siteHead .wrapLoginCta .subMenu .btn-grabor2 span {
          color: #695fff; }
      #siteHead .wrapBonoviCta .subMenu .msgBubble, #siteHead .wrapBasketCta .subMenu .msgBubble, #siteHead .wrapLoginCta .subMenu .msgBubble {
        font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5em;
        color: #fff;
        display: inline-block;
        width: 20px;
        height: 20px;
        background-color: #ff7d3c;
        border-radius: 50%;
        text-align: center;
        margin: 0 0 0 5px; }
    #siteHead .wrapBonoviCta.open .subMenu, #siteHead .wrapBasketCta.open .subMenu, #siteHead .wrapLoginCta.open .subMenu {
      display: block; }
    #siteHead .wrapBonoviCta.open .navCta:before, #siteHead .wrapBonoviCta.open .bonoviCta:before, #siteHead .wrapBonoviCta.open .basketCta:before, #siteHead .wrapBonoviCta.open .loginCta:before, #siteHead .wrapBasketCta.open .navCta:before, #siteHead .wrapBasketCta.open .bonoviCta:before, #siteHead .wrapBasketCta.open .basketCta:before, #siteHead .wrapBasketCta.open .loginCta:before, #siteHead .wrapLoginCta.open .navCta:before, #siteHead .wrapLoginCta.open .bonoviCta:before, #siteHead .wrapLoginCta.open .basketCta:before, #siteHead .wrapLoginCta.open .loginCta:before {
      -webkit-box-shadow: 0 8px 16px 0 rgba(30, 31, 39, 0.4), 0 0 0 10px white inset;
      box-shadow: 0 8px 16px 0 rgba(30, 31, 39, 0.4), 0 0 0 10px white inset; }
    #siteHead .wrapBonoviCta.open .navCta:after, #siteHead .wrapBonoviCta.open .bonoviCta:after, #siteHead .wrapBonoviCta.open .basketCta:after, #siteHead .wrapBonoviCta.open .loginCta:after, #siteHead .wrapBasketCta.open .navCta:after, #siteHead .wrapBasketCta.open .bonoviCta:after, #siteHead .wrapBasketCta.open .basketCta:after, #siteHead .wrapBasketCta.open .loginCta:after, #siteHead .wrapLoginCta.open .navCta:after, #siteHead .wrapLoginCta.open .bonoviCta:after, #siteHead .wrapLoginCta.open .basketCta:after, #siteHead .wrapLoginCta.open .loginCta:after {
      -webkit-box-shadow: 0 0 0 3px #fff;
      box-shadow: 0 0 0 3px #fff; }
    #siteHead .wrapBonoviCta .subMenu {
      min-width: 230px; }
    #siteHead .wrapBasketCta .subMenu {
      left: auto;
      right: 0;
      -webkit-transform: translateX(0%);
      transform: translateX(0%); }
      #siteHead .wrapBasketCta .subMenu.fullCart {
        width: 560px; }
      #siteHead .wrapBasketCta .subMenu .ae {
        left: auto;
        right: 15px;
        margin: 0; }
      #siteHead .wrapBasketCta .subMenu p {
        white-space: normal; }
      #siteHead .wrapBasketCta .subMenu .inner > p {
        white-space: nowrap; }
    #siteHead .wrapBasketCta .legend {
      font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 14px;
      font-size: 1.4rem;
      line-height: 1.28571em;
      color: #8b8fa7;
      padding: 10px 30px 10px 60px;
      margin-bottom: 10px;
      border-bottom: #e1e1ec 1px solid; }
      #siteHead .wrapBasketCta .legend > div:first-child {
        width: 218px; }
    #siteHead .wrapBasketCta .productBox {
      padding: 0 20px 10px; }
      #siteHead .wrapBasketCta .productBox .del {
        display: inline-block;
        text-indent: -9999em;
        cursor: pointer;
        padding: 0;
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -43.7em;
        width: 1.7em;
        height: 1.7em; }
      #siteHead .wrapBasketCta .productBox p {
        font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.57143em;
        margin: 0;
        display: inline-block;
        color: #333333; }
      #siteHead .wrapBasketCta .productBox .formBlock {
        width: 66px; }
        #siteHead .wrapBasketCta .productBox .formBlock li {
          padding: 0; }
      #siteHead .wrapBasketCta .productBox .name {
        width: 160px; }
      #siteHead .wrapBasketCta .productBox .price {
        white-space: nowrap;
        width: 80px;
        text-align: right; }
      #siteHead .wrapBasketCta .productBox .wrapImg {
        width: 80px;
        height: 80px;
        background-color: #ff5055;
        border-radius: 50%;
        text-align: center;
        display: inline-block;
        margin: 0 20px 0 16px; }
        #siteHead .wrapBasketCta .productBox .wrapImg img {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
          width: 56px;
          height: auto; }
        #siteHead .wrapBasketCta .productBox .wrapImg .cartBonImage {
          position: relative;
          top: 50%;
          -webkit-transform: translateY(-50%);
          transform: translateY(-50%); }
      #siteHead .wrapBasketCta .productBox select {
        -webkit-box-shadow: 0 -1px 0 0 #695fff inset;
        box-shadow: 0 -1px 0 0 #695fff inset;
        background-image: url("/assets/images/icons/select-arrow-bla.png");
        color: #333; }
        #siteHead .wrapBasketCta .productBox select:hover {
          -webkit-box-shadow: 0 -1px 0 0 #00d7d7 inset !important;
          box-shadow: 0 -1px 0 0 #00d7d7 inset !important; }
        #siteHead .wrapBasketCta .productBox select:focus {
          -webkit-box-shadow: 0 -2px 0 0 #00d7d7 inset !important;
          box-shadow: 0 -2px 0 0 #00d7d7 inset !important; }
    #siteHead .wrapBasketCta .productsSum {
      text-align: right; }
      #siteHead .wrapBasketCta .productsSum > div {
        padding: 22px 20px; }
      #siteHead .wrapBasketCta .productsSum a {
        font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal; }
      #siteHead .wrapBasketCta .productsSum .btn-md {
        padding: 0 30px;
        font-size: 1.4rem;
        line-height: 40px;
        border-radius: 2.3rem; }
      #siteHead .wrapBasketCta .productsSum .priceSum {
        font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.22222em;
        color: #8b8fa7;
        padding: 10px 20px;
        border-top: #e1e1ec 1px solid;
        border-bottom: #e1e1ec 1px solid; }
        #siteHead .wrapBasketCta .productsSum .priceSum strong {
          color: #333333; }
    #siteHead .navCta {
      right: auto;
      left: 120px;
      width: auto;
      top: 16px;
      -webkit-box-shadow: 0 2px 4px 0 rgba(30, 31, 39, 0.1);
      box-shadow: 0 2px 4px 0 rgba(30, 31, 39, 0.1); }
      #siteHead .navCta:before, #siteHead .navCta:after {
        width: calc( 100% - 2px); }
      #siteHead .navCta .i {
        left: 20px;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        font-size: 10px;
        width: 2em;
        height: 1.7em; }
        #siteHead .navCta .i:after {
          content: "";
          display: block;
          opacity: 1;
          position: absolute;
          left: 0;
          top: 0;
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          font-size: 10px;
          background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
          background-position: 0em -111em;
          width: 2em;
          height: 1.7em;
          -webkit-transition: -webkit-transform .4s ease;
          transition: -webkit-transform .4s ease;
          transition: transform .4s ease;
          transition: transform .4s ease, -webkit-transform .4s ease; }
      #siteHead .navCta .t {
        display: inline-block;
        padding: 0 22px 0 52px;
        position: relative;
        z-index: 10;
        font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 20px;
        font-size: 2rem;
        line-height: 2.4em;
        color: #333333;
        letter-spacing: 0; }
    #siteHead.openedMenu .navCta .i {
      width: 1.7em;
      height: 1.7em; }
      #siteHead.openedMenu .navCta .i:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -42em;
        width: 1.7em;
        height: 1.7em;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); }
    #siteHead nav.nav {
      visibility: hidden;
      position: fixed;
      left: 0;
      top: 0;
      width: 100vw;
      height: 100vh;
      z-index: 1;
      -webkit-transition: all 0.4s ease-out;
      transition: all 0.4s ease-out; }
      #siteHead nav.nav.show {
        visibility: visible; }
      #siteHead nav.nav .closePanel {
        position: absolute;
        right: 0;
        bottom: 0;
        width: 100vw;
        height: 100vh;
        background-color: rgba(0, 0, 0, 0);
        -webkit-transition: all 0.4s ease-out;
        transition: all 0.4s ease-out; }
      #siteHead nav.nav.opened.show {
        background-color: rgba(42, 38, 102, 0.5); }
      #siteHead nav.nav .headNav {
        background-color: #fff;
        width: 100%;
        height: 120px;
        position: absolute;
        left: 0;
        top: 0; }
      #siteHead nav.nav .subMenu ul, #siteHead nav.nav .subMenu dl {
        list-style: none;
        margin: 0;
        padding: 140px 0 20px; }
      #siteHead nav.nav .mainNav {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 120px;
        list-style: none;
        margin: 0;
        padding: 0;
        height: calc( 100vh - 120px);
        width: 300px; } }
      @media only screen and (min-width: 992px) and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
        #siteHead nav.nav .mainNav {
          height: calc( 100vh - 120px); } }
      @media only screen and (min-width: 992px) and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1) {
        #siteHead nav.nav .mainNav {
          height: calc( 100vh - 120px); } }

@media (min-width: 992px) {
        #siteHead nav.nav .mainNav:before {
          content: "";
          display: block;
          width: 100%;
          height: calc(100% + 120px);
          position: absolute;
          left: 0px;
          top: -120px;
          z-index: -1;
          background-color: #fff; }
        #siteHead nav.nav .mainNav dt, #siteHead nav.nav .mainNav dd, #siteHead nav.nav .mainNav li {
          width: 100%; }
          #siteHead nav.nav .mainNav dt.active, #siteHead nav.nav .mainNav dd.active, #siteHead nav.nav .mainNav li.active {
            background-color: green; }
        #siteHead nav.nav .mainNav > li > a {
          font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 22px;
          font-size: 2.2rem;
          line-height: 1.27273em;
          letter-spacing: -0.4px;
          color: #695fff;
          padding: 16px 48px 16px 48px;
          display: inline-block;
          width: 100%;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out;
          white-space: nowrap; }
          #siteHead nav.nav .mainNav > li > a:hover {
            color: #00d7d7;
            text-decoration: none;
            padding-left: 58px; }
          #siteHead nav.nav .mainNav > li > a.current {
            color: #00d7d7; }
            #siteHead nav.nav .mainNav > li > a.current:before {
              content: "";
              display: inline-block;
              width: 18px;
              height: 18px;
              border-radius: 50%;
              background-color: #00d7d7;
              margin: 0 10px 0 0; }
          #siteHead nav.nav .mainNav > li > a:hover.current {
            padding-left: 48px; }
        #siteHead nav.nav .mainNav > li.drop > .more {
          display: inline-block;
          float: right;
          position: relative;
          width: 60px;
          height: 60px;
          text-indent: -9999em;
          background-color: #fff; }
          #siteHead nav.nav .mainNav > li.drop > .more:after {
            top: 50%;
            right: 40px;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(0, 0, 0, 0);
            border-left-color: #695fff;
            border-top-width: 5px;
            border-right-width: 0px;
            border-bottom-width: 5px;
            border-left-width: 6px;
            margin-top: -5px; }
        #siteHead nav.nav .mainNav > li.drop > a {
          position: relative;
          width: calc( 100% - 60px);
          display: inline-block; }
        #siteHead nav.nav .mainNav .loRe a {
          font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.75em;
          background-color: #695fff;
          color: #fff;
          padding: 16px 30px 16px 48px;
          margin-bottom: 10px; }
          #siteHead nav.nav .mainNav .loRe a:hover {
            background-color: #00d7d7;
            color: #fff;
            padding-left: 30px; }
        #siteHead nav.nav .mainNav .loRe .loggedIn {
          background-color: #695fff;
          color: #fff;
          font-family: "ars_maquette_proregular", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.28571em;
          padding: 12px 30px 12px 48px; }
          #siteHead nav.nav .mainNav .loRe .loggedIn strong {
            font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
            font-weight: normal;
            font-style: normal; }
          #siteHead nav.nav .mainNav .loRe .loggedIn a.textLink {
            font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
            font-weight: normal;
            font-style: normal;
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.28571em;
            color: #00d7d7;
            padding: 0;
            display: inline;
            background: transparent; }
          #siteHead nav.nav .mainNav .loRe .loggedIn a.btn {
            font-size: 14px;
            font-size: 1.4rem;
            padding: 0.375rem 0.75rem;
            margin: 1px 0 0 0; }
        #siteHead nav.nav .mainNav .bLoc a {
          font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.75em;
          background: #f5f5f8 url("/assets/images/gfx/cesta-xs.png") no-repeat center center/cover;
          color: #695fff;
          padding: 16px 48px; }
          #siteHead nav.nav .mainNav .bLoc a:before {
            content: "";
            display: inline-block;
            font-size: 10px;
            background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
            background-position: 0em -234.1em;
            width: 1.6em;
            height: 2em;
            margin: 0 10px -4px 0; }
          #siteHead nav.nav .mainNav .bLoc a:hover {
            background-color: #695fff;
            color: #00d7d7;
            padding-left: 48px; }
            #siteHead nav.nav .mainNav .bLoc a:hover:before {
              font-size: 10px;
              background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
              background-position: 0em -232.1em;
              width: 1.6em;
              height: 2em; }
          #siteHead nav.nav .mainNav .bLoc a strong {
            font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
            font-weight: normal;
            font-style: normal; }
        #siteHead nav.nav .mainNav .subMenu {
          width: 0;
          overflow: hidden;
          position: absolute;
          z-index: 2;
          left: 100%;
          top: -120px;
          height: 100vh;
          background-color: #5950d9; }
          #siteHead nav.nav .mainNav .subMenu .inner {
            position: absolute;
            right: 0;
            top: 0;
            width: 40vw;
            height: 100%;
            list-style: none;
            padding: 0;
            margin: 0;
            overflow: auto; }
          #siteHead nav.nav .mainNav .subMenu .top {
            display: none; }
          #siteHead nav.nav .mainNav .subMenu a, #siteHead nav.nav .mainNav .subMenu dt span {
            font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
            font-weight: normal;
            font-style: normal;
            font-size: 20px;
            font-size: 2rem;
            line-height: 1.4em;
            color: #fff;
            padding: 14px 50px;
            display: inline-block;
            -webkit-transition: all 0.2s ease-in-out;
            transition: all 0.2s ease-in-out; }
          #siteHead nav.nav .mainNav .subMenu a.current {
            color: #00d7d7; }
            #siteHead nav.nav .mainNav .subMenu a.current:before {
              content: "";
              display: inline-block;
              width: 16px;
              height: 16px;
              border-radius: 50%;
              background-color: #00d7d7;
              margin: 0 10px 0 0; }
          #siteHead nav.nav .mainNav .subMenu a:hover {
            color: #00d7d7;
            text-decoration: none;
            padding-left: 60px; }
            #siteHead nav.nav .mainNav .subMenu a:hover.current {
              padding-left: 50px; }
    #siteHead .searchBar {
      width: 380px;
      position: absolute;
      z-index: 1000;
      left: 330px;
      top: -65px;
      opacity: 0;
      -webkit-transition: all 0.2s ease-in-out;
      transition: all 0.2s ease-in-out; }
      #siteHead .searchBar input[type="submit"] {
        border: rgba(255, 255, 255, 0) 10px solid;
        background-image: url("/assets/images/svg/search-icon.svg");
        background-position: 0 0;
        background-repeat: no-repeat; }
    #siteHead.openedMenu .searchBar {
      opacity: 1;
      top: 20px; } }

@media (max-width: 991px) {
  #siteHead {
    position: fixed;
    width: 100%;
    z-index: 10000;
    top: 0;
    left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 60px;
    text-align: center; }
    #siteHead:before {
      content: "";
      display: block;
      width: 100%;
      height: 60px;
      position: absolute;
      left: 0;
      top: 0;
      background-color: #fff;
      -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
      box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1); }
    #siteHead .loginCta {
      display: none !important; }
    #siteHead .logo {
      display: inline-block;
      position: relative;
      z-index: 2;
      width: 50px;
      height: 50px;
      margin: 0; }
      #siteHead .logo a {
        display: block;
        width: 50px;
        height: 50px;
        position: relative;
        background-color: #00d7d7;
        border-radius: 50%;
        text-indent: -9999em;
        cursor: pointer; }
        #siteHead .logo a:after {
          content: "";
          display: block;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
          background-image: url("/assets/images/svg/bonbon-logo-txt.svg");
          background-position: 0 0;
          background-size: 29px 28px;
          width: 29px;
          height: 28px; }
    #siteHead .navCta, #siteHead .bonoviCta, #siteHead .basketCta, #siteHead .loginCtaMo {
      display: inline-block;
      width: 38px;
      height: 38px;
      border-radius: 19px;
      background-color: #fff;
      position: absolute;
      z-index: 2;
      top: 7px;
      -webkit-transition: all 0.2s linear;
      transition: all 0.2s linear; }
      #siteHead .navCta .i, #siteHead .bonoviCta .i, #siteHead .basketCta .i, #siteHead .loginCtaMo .i {
        display: block;
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
        #siteHead .navCta .i:after, #siteHead .bonoviCta .i:after, #siteHead .basketCta .i:after, #siteHead .loginCtaMo .i:after {
          content: "";
          display: block;
          position: absolute;
          left: 0;
          top: 0;
          opacity: 0;
          background-color: #fff;
          -webkit-transition: all 0.2s linear;
          transition: all 0.2s linear; }
      #siteHead .navCta .t, #siteHead .bonoviCta .t, #siteHead .basketCta .t, #siteHead .loginCtaMo .t {
        display: none; }
    #siteHead .navCta {
      left: 3.4375%; }
    #siteHead .loginCtaMo {
      left: 22.1875%; }
    #siteHead .bonoviCta {
      right: 22.1875%; }
    #siteHead .basketCta {
      right: 3.4375%; }
    #siteHead .basketCta .i {
      font-size: 10px;
      background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
      background-position: 0em -31.4em;
      width: 2.2em;
      height: 2em; }
      #siteHead .basketCta .i:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -33.4em;
        width: 2.2em;
        height: 2em; }
    #siteHead .bonoviCta .i {
      font-size: 10px;
      background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
      background-position: 0em -198.9em;
      width: 2em;
      height: 2em; }
      #siteHead .bonoviCta .i:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -200.9em;
        width: 2em;
        height: 2em; }
    #siteHead .loginCtaMo .i {
      font-size: 10px;
      background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
      background-position: 0em -204.1em;
      width: 2em;
      height: 2em; }
      #siteHead .loginCtaMo .i:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -206.1em;
        width: 2em;
        height: 2em; }
    #siteHead .loginCtaMo.loggedIn .i:after {
      opacity: 1; }
    #siteHead .wrapBonoviCta .subMenu,
    #siteHead .wrapBasketCta .subMenu,
    #siteHead .wrapLoginCta .subMenu,
    #siteHead .searchBar {
      display: none; }
    #siteHead .wrapBasketCta .msgBubble {
      font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 10px;
      font-size: 1rem;
      line-height: 1.6em;
      color: #fff;
      display: inline-block;
      width: 18px;
      height: 18px;
      background-color: #ff7d3c;
      border-radius: 50%;
      text-align: center;
      margin: 0 0 0 5px;
      position: relative;
      top: -8px;
      right: -8px; }
    #siteHead .wrapLoginCta .msgBubble {
      font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 12px;
      font-size: 1.2rem;
      line-height: 1.5em;
      color: #fff;
      display: inline-block;
      width: 20px;
      height: 20px;
      background-color: #ff7d3c;
      border-radius: 50%;
      text-align: center;
      z-index: 10;
      position: relative;
      top: -2px; }
    #siteHead .wrapLoginCta .subMenu {
      opacity: 0;
      display: none;
      position: absolute;
      z-index: 10;
      top: 60px;
      left: 5%;
      width: 90vw;
      -webkit-box-shadow: 0 8px 16px 0 rgba(30, 31, 39, 0.1);
      box-shadow: 0 8px 16px 0 rgba(30, 31, 39, 0.1);
      background-color: #ffffff;
      border: solid 1px #ecedf4;
      border-radius: 8px; }
      #siteHead .wrapLoginCta .subMenu .ae {
        display: block;
        position: absolute;
        width: 14px;
        height: 7px;
        top: -7px;
        overflow: hidden; }
        #siteHead .wrapLoginCta .subMenu .ae:after {
          content: "";
          display: block;
          width: 14px;
          height: 14px;
          position: absolute;
          top: 0;
          left: 0;
          background-color: #fff;
          -webkit-box-shadow: 0 0 0 1px #ecedf4 inset;
          box-shadow: 0 0 0 1px #ecedf4 inset;
          border-radius: 50%; } }
      @media (max-width: 991px) and (max-width: 575px) {
        #siteHead .wrapLoginCta .subMenu .ae {
          left: 22.5%; } }
      @media (max-width: 991px) and (min-width: 576px) and (max-width: 767px) {
        #siteHead .wrapLoginCta .subMenu .ae {
          left: 21.5%; } }
      @media (max-width: 991px) and (min-width: 768px) and (max-width: 991px) {
        #siteHead .wrapLoginCta .subMenu .ae {
          left: 20.5%; } }

@media (max-width: 991px) {
      #siteHead .wrapLoginCta .subMenu .t {
        font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 20px;
        font-size: 2rem;
        line-height: 2.5em;
        letter-spacing: 0; }
      #siteHead .wrapLoginCta .subMenu p {
        font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 14px;
        font-size: 1.4rem;
        color: #333333;
        white-space: nowrap;
        margin: 15px 20px; }
        #siteHead .wrapLoginCta .subMenu p strong {
          font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal; }
      #siteHead .wrapLoginCta .subMenu ul {
        padding: 8px 0;
        margin: 0;
        list-style: none; }
        #siteHead .wrapLoginCta .subMenu ul li {
          position: relative;
          width: 100%; }
          #siteHead .wrapLoginCta .subMenu ul li:after {
            content: "";
            display: block;
            width: 1px;
            height: 17px;
            background-color: #e1e1ec;
            position: absolute;
            right: 0;
            top: 17px; }
          #siteHead .wrapLoginCta .subMenu ul li:last-child:after {
            display: none; }
      #siteHead .wrapLoginCta .subMenu dl {
        padding: 0;
        margin: 0; }
        #siteHead .wrapLoginCta .subMenu dl dd, #siteHead .wrapLoginCta .subMenu dl dt {
          list-style: none;
          position: relative; }
        #siteHead .wrapLoginCta .subMenu dl dt {
          padding: 0 26px;
          border-bottom: #e1e1ec 1px solid;
          font-family: "ars_maquette_proregular", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 3.57143em;
          color: #000000;
          white-space: nowrap; }
          #siteHead .wrapLoginCta .subMenu dl dt strong {
            font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
            font-weight: normal;
            font-style: normal; }
        #siteHead .wrapLoginCta .subMenu dl dd:first-of-type {
          margin-top: 15px; }
        #siteHead .wrapLoginCta .subMenu dl dd:last-of-type {
          margin-bottom: 15px; }
      #siteHead .wrapLoginCta .subMenu a {
        font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.42857em;
        color: #695fff;
        padding: 0 26px;
        white-space: nowrap; }
        #siteHead .wrapLoginCta .subMenu a.current:before {
          content: "";
          display: inline-block;
          width: 12px;
          height: 12px;
          border-radius: 50%;
          background-color: #00d7d7;
          margin: 0 10px 0 0; }
        #siteHead .wrapLoginCta .subMenu a:hover {
          text-decoration: none; }
      #siteHead .wrapLoginCta .subMenu .btn-grabor2 {
        font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        padding: 0 16px; }
        #siteHead .wrapLoginCta .subMenu .btn-grabor2:after {
          background-color: #fff; }
        #siteHead .wrapLoginCta .subMenu .btn-grabor2 span {
          color: #695fff; }
    #siteHead .wrapLoginCta.open {
      height: 100vh; }
      #siteHead .wrapLoginCta.open .subMenu {
        display: block !important; }
      #siteHead .wrapLoginCta.open .loginCtaMo {
        -webkit-box-shadow: 0 2px 4px 0 rgba(30, 31, 39, 0.1);
        box-shadow: 0 2px 4px 0 rgba(30, 31, 39, 0.1); }
    #siteHead .navCta {
      -webkit-box-shadow: 0 2px 4px 0 rgba(30, 31, 39, 0.1);
      box-shadow: 0 2px 4px 0 rgba(30, 31, 39, 0.1); }
      #siteHead .navCta:before, #siteHead .navCta:after {
        width: calc( 100% - 2px); }
      #siteHead .navCta .i {
        font-size: 10px;
        width: 2em;
        height: 1.7em; }
        #siteHead .navCta .i:after {
          content: "";
          display: block;
          opacity: 1;
          position: absolute;
          left: 0;
          top: 0;
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          font-size: 10px;
          background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
          background-position: 0em -111em;
          width: 2em;
          height: 1.7em;
          -webkit-transition: -webkit-transform .4s ease;
          transition: -webkit-transform .4s ease;
          transition: transform .4s ease;
          transition: transform .4s ease, -webkit-transform .4s ease; }
    #siteHead.openedMenu .navCta .i {
      width: 1.7em;
      height: 1.7em; }
      #siteHead.openedMenu .navCta .i:after {
        font-size: 10px;
        background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
        background-position: 0em -42em;
        width: 1.7em;
        height: 1.7em;
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); }
    #siteHead nav.nav {
      position: fixed;
      left: 0;
      top: 60px;
      width: 100vw;
      height: calc( 100vh - 60px);
      z-index: 21474836479999;
      left: 100vw; }
      #siteHead nav.nav .closePanel {
        display: none; }
      #siteHead nav.nav .headNav {
        display: none;
        background-color: #fff;
        width: 100%;
        height: 120px;
        position: absolute;
        left: 0;
        top: 0; }
      #siteHead nav.nav .mainNav {
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        list-style: none;
        margin: 0;
        padding: 0;
        height: 100%;
        width: 100vw; }
        #siteHead nav.nav .mainNav li, #siteHead nav.nav .mainNav dt, #siteHead nav.nav .mainNav dd {
          width: 100%; }
        #siteHead nav.nav .mainNav > li > a {
          font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 18px;
          font-size: 1.8rem;
          line-height: 1.55556em;
          color: #695fff;
          padding: 11px 20px 11px 20px;
          display: inline-block;
          width: 100%;
          text-align: left;
          -webkit-transition: all 0.2s ease-in-out;
          transition: all 0.2s ease-in-out; }
          #siteHead nav.nav .mainNav > li > a:hover {
            text-decoration: none; }
          #siteHead nav.nav .mainNav > li > a:active {
            padding-left: 30px;
            color: #00d7d7; }
          #siteHead nav.nav .mainNav > li > a.current:before {
            content: "";
            display: inline-block;
            width: 14px;
            height: 14px;
            border-radius: 50%;
            background-color: #00d7d7;
            margin: 0 10px 0 0; }
        #siteHead nav.nav .mainNav > li.drop > a {
          width: calc( 100% - 50px); }
        #siteHead nav.nav .mainNav .more {
          display: block;
          float: right;
          width: 50px;
          height: 50px;
          text-indent: -9999em;
          position: relative; }
          #siteHead nav.nav .mainNav .more:after {
            top: 50%;
            right: 50%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-color: rgba(0, 0, 0, 0);
            border-left-color: #695fff;
            border-top-width: 5px;
            border-right-width: 0px;
            border-bottom-width: 5px;
            border-left-width: 6px;
            margin-top: -5px;
            margin-right: -5px; }
          #siteHead nav.nav .mainNav .more.current:after {
            border-left-color: #00d7d7; }
        #siteHead nav.nav .mainNav .loRe a {
          font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 2em;
          background-color: #695fff;
          color: #fff;
          padding: 16px 20px 16px 20px;
          margin-bottom: 21px; }
          #siteHead nav.nav .mainNav .loRe a:active {
            background-color: #00d7d7;
            color: #fff;
            padding-left: 20px; }
        #siteHead nav.nav .mainNav .loRe .loggedIn {
          background-color: #695fff;
          color: #fff;
          font-family: "ars_maquette_proregular", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1.28571em;
          padding: 12px 20px 12px 20px;
          text-align: left; }
          #siteHead nav.nav .mainNav .loRe .loggedIn strong {
            font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
            font-weight: normal;
            font-style: normal; }
          #siteHead nav.nav .mainNav .loRe .loggedIn a.textLink {
            font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
            font-weight: normal;
            font-style: normal;
            font-size: 14px;
            font-size: 1.4rem;
            line-height: 1.28571em;
            color: #00d7d7;
            padding: 0;
            display: inline;
            background: transparent; }
          #siteHead nav.nav .mainNav .loRe .loggedIn a.btn {
            font-size: 14px;
            font-size: 1.4rem;
            padding: 0.375rem 0.75rem;
            margin: 1px 0 0 0; }
        #siteHead nav.nav .mainNav .bLoc a {
          font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.75em;
          background: #f5f5f8 url("/assets/images/gfx/cesta-xs.png") no-repeat center center/cover;
          color: #695fff;
          padding: 16px 20px; }
          #siteHead nav.nav .mainNav .bLoc a:before {
            content: "";
            display: inline-block;
            font-size: 10px;
            background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
            background-position: 0em -234.1em;
            width: 1.6em;
            height: 2em;
            margin: 0 10px -4px 0; }
          #siteHead nav.nav .mainNav .bLoc a:active {
            background-color: #695fff;
            color: #00d7d7;
            padding-left: 20px;
            text-decoration: none; }
            #siteHead nav.nav .mainNav .bLoc a:active:before {
              font-size: 10px;
              background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
              background-position: 0em -232.1em;
              width: 1.6em;
              height: 2em; }
          #siteHead nav.nav .mainNav .bLoc a strong {
            font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
            font-weight: normal;
            font-style: normal; }
        #siteHead nav.nav .mainNav .subMenu {
          display: none;
          width: 100vw;
          overflow: hidden;
          position: absolute;
          z-index: 2;
          left: 100%;
          top: 0;
          height: calc( 100vh - 60px);
          background-color: #5950d9; }
          #siteHead nav.nav .mainNav .subMenu ul, #siteHead nav.nav .mainNav .subMenu dl {
            width: 100vw;
            height: calc( 100vh - 60px);
            list-style: none;
            padding: 78px 0 0 0;
            margin: 0;
            text-align: left;
            overflow: scroll; }
          #siteHead nav.nav .mainNav .subMenu li.top, #siteHead nav.nav .mainNav .subMenu dt.top {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%; }
            #siteHead nav.nav .mainNav .subMenu li.top a, #siteHead nav.nav .mainNav .subMenu dt.top a {
              color: #fff;
              background-color: #443da6;
              font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
              font-weight: normal;
              font-style: normal;
              font-size: 18px;
              font-size: 1.8rem;
              line-height: 1.55556em;
              padding: 16px 20px 16px 43px;
              position: relative; }
              #siteHead nav.nav .mainNav .subMenu li.top a:after, #siteHead nav.nav .mainNav .subMenu dt.top a:after {
                top: 50%;
                left: 20px;
                border: solid transparent;
                content: " ";
                height: 0;
                width: 0;
                position: absolute;
                pointer-events: none;
                border-color: rgba(0, 0, 0, 0);
                border-right-color: #fff;
                border-top-width: 5px;
                border-right-width: 6px;
                border-bottom-width: 5px;
                border-left-width: 0px;
                margin-top: -5px;
                margin-right: -5px; }
          #siteHead nav.nav .mainNav .subMenu a, #siteHead nav.nav .mainNav .subMenu dt span {
            font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
            font-weight: normal;
            font-style: normal;
            font-size: 16px;
            font-size: 1.6rem;
            line-height: 1.75em;
            color: #fff;
            padding: 10px 20px 10px 20px;
            display: inline-block;
            width: 100%; }
          #siteHead nav.nav .mainNav .subMenu a:hover {
            text-decoration: none; }
          #siteHead nav.nav .mainNav .subMenu a:active {
            padding-left: 30px;
            color: #00d7d7; }
          #siteHead nav.nav .mainNav .subMenu a.current:before {
            content: "";
            display: inline-block;
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #00d7d7;
            margin: 0 10px 0 0; }
      #siteHead nav.nav .comunity {
        padding-bottom: 22px; }
        #siteHead nav.nav .comunity dt {
          text-align: left;
          padding: 0 0 10px 0; }
        #siteHead nav.nav .comunity dd {
          text-align: left; } }

@media (min-width: 992px) {
  .dextopView #siteHead .logoHome a {
    background-color: #f9db79;
    -webkit-box-shadow: 0 0 0 0 #f9db79, 0 0 0 0 #f9db79;
    box-shadow: 0 0 0 0 #f9db79, 0 0 0 0 #f9db79; }
    .dextopView #siteHead .logoHome a:hover {
      -webkit-box-shadow: 0 0 0 4px #f9db79, 0 0 10px 4px #f9db79;
      box-shadow: 0 0 0 4px #f9db79, 0 0 10px 4px #f9db79; } }

/* --
Footer
------------------------- */
#siteFoot {
  padding-top: 120px;
  padding-bottom: 120px;
  background-color: #fff;
  position: relative; }
  @media (max-width: 991px) {
    #siteFoot {
      padding-top: 40px;
      padding-bottom: 40px; } }
  #siteFoot .comunity {
    margin-bottom: 30px; }
    #siteFoot .comunity::after {
      display: block;
      clear: both;
      content: ""; }
    #siteFoot .comunity p {
      font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25em;
      color: #333;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        #siteFoot .comunity p {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1em; } }
    #siteFoot .comunity .socialHolder {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      height: 84px; }
      @media (max-width: 991px) {
        #siteFoot .comunity .socialHolder {
          -webkit-box-pack: space-evenly;
          -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
          height: 50px; } }
      #siteFoot .comunity .socialHolder a {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1; }
        @media (max-width: 767px) {
          #siteFoot .comunity .socialHolder a:before, #siteFoot .comunity .socialHolder a:after {
            left: 50%;
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%); } }
    #siteFoot .comunity dt {
      font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25em;
      color: #333333;
      float: left;
      width: 100%;
      margin-bottom: 54px; }
      @media (max-width: 991px) {
        #siteFoot .comunity dt {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.5em;
          margin-bottom: 20px; } }
    #siteFoot .comunity dd {
      margin: 0;
      float: none; }
      #siteFoot .comunity dd:last-child {
        margin-right: 0; }
      @media (max-width: 991px) {
        #siteFoot .comunity dd {
          text-align: center; } }
    #siteFoot .comunity a {
      display: inline-block;
      text-indent: -9999em;
      position: relative;
      height: 18px;
      font-size: 10px; }
      #siteFoot .comunity a:before, #siteFoot .comunity a:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        -webkit-transition: all 0.2s ease-in-out;
        transition: all 0.2s ease-in-out; }
      #siteFoot .comunity a:before {
        opacity: 1; }
      #siteFoot .comunity a:after {
        opacity: 0; }
      #siteFoot .comunity a:hover:before {
        opacity: 0; }
      #siteFoot .comunity a:hover:after {
        opacity: 1; }
      #siteFoot .comunity a.fb {
        width: 0.9em; }
        #siteFoot .comunity a.fb:before {
          font-size: 10px;
          background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
          background-position: 0em -72.6em;
          width: 0.9em;
          height: 1.8em; }
        #siteFoot .comunity a.fb:after {
          font-size: 10px;
          background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
          background-position: 0em -78em;
          width: 0.9em;
          height: 1.8em; }
      #siteFoot .comunity a.tw {
        width: 1.8em; }
        #siteFoot .comunity a.tw:before {
          font-size: 10px;
          background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
          background-position: 0em -429.3em;
          width: 1.8em;
          height: 1.5em; }
        #siteFoot .comunity a.tw:after {
          font-size: 10px;
          background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
          background-position: 0em -433.8em;
          width: 1.8em;
          height: 1.5em; }
      #siteFoot .comunity a.wa {
        width: 2em; }
        #siteFoot .comunity a.wa:before {
          font-size: 10px;
          background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
          background-position: 0em -85.2em;
          width: 2em;
          height: 2.2em; }
        #siteFoot .comunity a.wa:after {
          font-size: 10px;
          background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
          background-position: 0em -87.4em;
          width: 2em;
          height: 2.1em; }
      #siteFoot .comunity a.yt {
        width: 1.8em; }
        #siteFoot .comunity a.yt:before {
          font-size: 10px;
          background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
          background-position: 0em -451.9em;
          width: 1.8em;
          height: 1.4em; }
        #siteFoot .comunity a.yt:after {
          font-size: 10px;
          background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
          background-position: 0em -453.3em;
          width: 1.8em;
          height: 1.4em; }
      #siteFoot .comunity a.ig {
        width: 1.8em; }
        #siteFoot .comunity a.ig:before {
          font-size: 10px;
          background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
          background-position: 0em -127em;
          width: 1.8em;
          height: 1.8em; }
        #siteFoot .comunity a.ig:after {
          font-size: 10px;
          background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
          background-position: 0em -132.4em;
          width: 1.8em;
          height: 1.8em; }
      #siteFoot .comunity a.tw:before, #siteFoot .comunity a.tw:after, #siteFoot .comunity a.yt:before, #siteFoot .comunity a.yt:after {
        margin-top: 2px; }
  #siteFoot .info {
    padding: 0 0 20px;
    margin: 0;
    list-style: none;
    position: relative; }
    #siteFoot .info::after {
      display: block;
      clear: both;
      content: ""; }
    @media (max-width: 991px) {
      #siteFoot .info {
        text-align: center; } }
    #siteFoot .info a, #siteFoot .info li {
      font-family: "ars_maquette_proregular", Arial, Helvetica, sans-serif, Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 13px;
      font-size: 1.3rem;
      line-height: 1.84615em;
      color: #333333; }
    #siteFoot .info li {
      color: #999999; }
  @media (max-width: 991px) {
    #siteFoot .appblock {
      margin-bottom: 40px; } }
  #siteFoot .appblock p {
    font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.25em;
    color: #333;
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      #siteFoot .appblock p {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1em; } }
    @media (max-width: 991px) {
      #siteFoot .appblock p {
        margin-bottom: 20px; } }
  @media (max-width: 767px) {
    #siteFoot .appblock .appblock-imgwrap {
      text-align: center; } }
  #siteFoot .appblock .appstore-icon, #siteFoot .appblock .googleplay-icon {
    height: 100% !important;
    width: 100%;
    text-indent: unset !important; }
  @media (min-width: 992px) {
    #siteFoot .appblock .appstore-icon {
      margin-right: 20px; } }
  #siteFoot .bonsBlock {
    margin-bottom: 40px; }
    #siteFoot .bonsBlock::after {
      display: block;
      clear: both;
      content: ""; }
    #siteFoot .bonsBlock p {
      font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
      font-weight: normal;
      font-style: normal;
      font-size: 24px;
      font-size: 2.4rem;
      line-height: 1.25em;
      color: #333;
      margin-bottom: 15px; }
      @media (max-width: 767px) {
        #siteFoot .bonsBlock p {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1em; } }
      @media (max-width: 991px) {
        #siteFoot .bonsBlock p {
          margin-bottom: 20px; } }
    #siteFoot .bonsBlock .bonsHolder {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; }
    #siteFoot .bonsBlock .bonSingle {
      width: 100%;
      max-width: 84px; }
      @media (max-width: 991px) {
        #siteFoot .bonsBlock .bonSingle {
          max-width: 52px; } }
      @media (max-width: 767px) {
        #siteFoot .bonsBlock .bonSingle {
          max-width: 84px; } }
      @media (max-width: 575px) {
        #siteFoot .bonsBlock .bonSingle {
          max-width: 52px; } }
    #siteFoot .bonsBlock a {
      line-height: 1;
      display: block;
      padding: 100% 0 0 0;
      text-align: center;
      color: #695fff;
      border-radius: 50%;
      position: relative;
      text-transform: uppercase;
      overflow: hidden; }
      #siteFoot .bonsBlock a:before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 0;
        background: #695fff;
        background: -webkit-gradient(linear, left top, right top, from(#695fff), color-stop(50%, #695fff), color-stop(50%, #00d7d7), to(#00d7d7));
        background: linear-gradient(to right, #695fff 0%, #695fff 50%, #00d7d7 50%, #00d7d7 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#695fff', endColorstr='#00d7d7',GradientType=1 );
        -webkit-transition: all .2s ease-out;
        transition: all .2s ease-out;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg); }
      #siteFoot .bonsBlock a span {
        display: block;
        position: absolute;
        left: 3px;
        top: 3px;
        width: calc(100% - 6px);
        height: calc(100% - 6px);
        background-color: #fff;
        border-radius: 50%;
        padding-top: 23%;
        z-index: 1;
        font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
        font-weight: normal;
        font-style: normal;
        font-size: 14px;
        font-size: 1.4rem; }
        @media (max-width: 991px) {
          #siteFoot .bonsBlock a span {
            padding-top: 16%;
            font-size: 12px;
            font-size: 1.2rem; } }
        @media (max-width: 767px) {
          #siteFoot .bonsBlock a span {
            font-size: 14px;
            font-size: 1.4rem;
            padding-top: 26%; } }
        @media (max-width: 575px) {
          #siteFoot .bonsBlock a span {
            padding-top: 16%;
            font-size: 12px;
            font-size: 1.2rem; } }
        #siteFoot .bonsBlock a span strong {
          display: block;
          font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
          font-weight: normal;
          font-style: normal;
          font-size: 30px;
          font-size: 3rem;
          margin-top: -1px; }
          @media (max-width: 991px) {
            #siteFoot .bonsBlock a span strong {
              font-size: 18px;
              font-size: 1.8rem; } }
          @media (max-width: 767px) {
            #siteFoot .bonsBlock a span strong {
              font-size: 30px;
              font-size: 3rem; } }
          @media (max-width: 575px) {
            #siteFoot .bonsBlock a span strong {
              font-size: 18px;
              font-size: 1.8rem; } }
      #siteFoot .bonsBlock a:hover {
        text-decoration: none; }
        #siteFoot .bonsBlock a:hover:before {
          -webkit-transform: rotate(90deg);
          transform: rotate(90deg); }
  #siteFoot .nivas {
    display: block;
    position: absolute;
    right: 0;
    bottom: 40px;
    text-indent: -9999em;
    font-size: 10px;
    background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
    background-position: 0em -223.2em;
    width: 2.3em;
    height: 2.7em; }
    @media (max-width: 991px) {
      #siteFoot .nivas {
        left: 50%;
        right: auto;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%); } }
  #siteFoot .nivas2 {
    font-size: 10px;
    background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
    background-position: 0em -223.2em;
    width: 2.3em;
    height: 2.7em;
    text-indent: -9999em;
    display: block;
    margin: auto;
    margin-top: 40px; }
    @media (min-width: 992px) {
      #siteFoot .nivas2 {
        display: inline-block;
        margin-top: -30px;
        float: right;
        margin-right: 12.5%; } }

/* --
razne stvari
------------------------- */
.cartBonImage {
  line-height: 1;
  display: block;
  text-align: center;
  margin: 0 auto;
  color: #695fff;
  border-radius: 50%;
  position: relative;
  text-transform: uppercase;
  overflow: hidden; }
  .cartBonImage:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    background: #695fff;
    background: -webkit-gradient(linear, left top, right top, from(#695fff), color-stop(50%, #695fff), color-stop(50%, #00d7d7), to(#00d7d7));
    background: linear-gradient(to right, #695fff 0%, #695fff 50%, #00d7d7 50%, #00d7d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#695fff', endColorstr='#00d7d7',GradientType=1 );
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  .cartBonImage span {
    display: block;
    position: absolute;
    left: 4px;
    top: 4px;
    width: calc(100% - 8px);
    height: calc(100% - 8px);
    background-color: #fff;
    border-radius: 50%;
    padding-top: 10%;
    z-index: 1; }
    @media (max-width: 575px) {
      .cartBonImage span {
        padding-top: 20%; } }
  .cartBonImage strong {
    display: block;
    font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 30px;
    font-size: 3rem; }
    @media (max-width: 575px) {
      .cartBonImage strong {
        font-size: 20px;
        font-size: 2rem; } }
  .cartBonImage.cbiLarge {
    font-family: "ars_maquette_proregular", Arial, Helvetica, sans-serif, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 48px;
    font-size: 4.8rem;
    line-height: 1em;
    color: #fff;
    text-transform: none;
    height: 219px;
    width: 219px; }
    .cartBonImage.cbiLarge:before {
      background: #fadc73;
      background: -webkit-gradient(linear, left top, right top, from(#fadc73), color-stop(50%, #fadc73), color-stop(50%, #00d7d7), to(#00d7d7));
      background: linear-gradient(to right, #fadc73 0%, #fadc73 50%, #00d7d7 50%, #00d7d7 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fadc73', endColorstr='#00d7d7',GradientType=1 ); }
    .cartBonImage.cbiLarge span {
      padding-top: 20%;
      background-color: #5f55e6;
      width: calc(100% - 28px);
      height: calc(100% - 28px);
      left: 14px;
      top: 14px; }
    .cartBonImage.cbiLarge strong {
      font-size: 72px;
      font-size: 7.2rem;
      line-height: 1em; }
  .cartBonImage.cbiSmall {
    height: 66px;
    width: 66px; }

.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 0 !important;
  text-align: center !important; }

#noticeBlock {
  position: fixed;
  bottom: 0;
  background-color: #fadc73;
  padding: 14px 0;
  z-index: 100; }
  #noticeBlock p {
    font-family: "ars_maquette_promedium", Arial, Helvetica, sans-serif, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.5em;
    text-align: center;
    color: #333333;
    margin: 0; }
  @media (max-width: 991px) {
    #noticeBlock {
      padding-left: 15px;
      padding-right: 15px; }
      #noticeBlock p {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.5em; } }

#noticeBlock2 {
  position: fixed;
  bottom: 0;
  background-color: #ff82af;
  -webkit-box-shadow: 0 1px 0 0 #fadc73 inset;
  box-shadow: 0 1px 0 0 #fadc73 inset;
  padding: 38px 0;
  z-index: 100;
  -webkit-transform: translateY(100%);
  transform: translateY(100%); }
  #noticeBlock2 p {
    font-family: "ars_maquette_proregular", Arial, Helvetica, sans-serif, Arial, sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1.55556em;
    color: #fff;
    margin: 0; }
    #noticeBlock2 p strong {
      font-family: "ars_maquette_probold", Arial, Helvetica, sans-serif, Arial, sans-serif;
      font-weight: normal;
      font-style: normal; }
  #noticeBlock2 .btn-grabor:after, #noticeBlock2 .btn-grabor2:after {
    background-color: #ff82af; }
  @media (max-width: 991px) {
    #noticeBlock2 {
      padding: 30px 15px; }
      #noticeBlock2 p {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.71429em;
        margin-bottom: 20px; } }

.formBlock.search_form input[type="text"], .formBlock.search_form .input[type="number"], .formBlock.search_form input[type="email"], .formBlock.search_form input[type="password"] {
  color: #695fff !important;
  border-bottom: 1px solid #695fff;
  padding-right: 40px; }
  .formBlock.search_form input[type="text"]:hover, .formBlock.search_form .input[type="number"]:hover, .formBlock.search_form input[type="email"]:hover, .formBlock.search_form input[type="password"]:hover {
    border-bottom: 1px solid #00d7d7;
    border-bottom-color: #00d7d7 !important; }
  .formBlock.search_form input[type="text"]:focus, .formBlock.search_form .input[type="number"]:focus, .formBlock.search_form input[type="email"]:focus, .formBlock.search_form input[type="password"]:focus {
    border-bottom: 1px solid #00d7d7;
    border-bottom-color: #00d7d7 !important; }
  .formBlock.search_form input[type="text"]::-webkit-input-placeholder, .formBlock.search_form .input[type="number"]::-webkit-input-placeholder, .formBlock.search_form input[type="email"]::-webkit-input-placeholder, .formBlock.search_form input[type="password"]::-webkit-input-placeholder {
    color: #695fff !important;
    opacity: 1; }
  .formBlock.search_form input[type="text"]::-moz-placeholder, .formBlock.search_form .input[type="number"]::-moz-placeholder, .formBlock.search_form input[type="email"]::-moz-placeholder, .formBlock.search_form input[type="password"]::-moz-placeholder {
    color: #695fff !important;
    opacity: 1; }
  .formBlock.search_form input[type="text"]::-ms-input-placeholder, .formBlock.search_form .input[type="number"]::-ms-input-placeholder, .formBlock.search_form input[type="email"]::-ms-input-placeholder, .formBlock.search_form input[type="password"]::-ms-input-placeholder {
    color: #695fff !important;
    opacity: 1; }
  .formBlock.search_form input[type="text"]::placeholder, .formBlock.search_form .input[type="number"]::placeholder, .formBlock.search_form input[type="email"]::placeholder, .formBlock.search_form input[type="password"]::placeholder {
    color: #695fff !important;
    opacity: 1; }

.formBlock.search_form input[type="submit"] {
  font-size: 10px;
  background-image: url("../../../assets/styles/scss/svg/svg-sprite.svg");
  background-position: 0em -249em;
  width: 2em;
  height: 2em;
  border: #fff 10px solid;
  width: 4rem;
  height: 4rem;
  text-indent: -9999rem;
  position: absolute;
  right: 0;
  top: -4px; }

.testing {
  display: inline; }

#tfamily {
  position: absolute;
  right: 275px;
  top: 22px; }
  @media (max-width: 991px) {
    #tfamily {
      display: none; } }