/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background-color: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
mark {
  background: #ff0;
  color: #000;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  box-sizing: content-box;
  height: 0;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    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;
  }
}
@font-face {
  font-family: 'Glyphicons Halflings';
  src: url('../fonts/glyphicons-halflings-regular.eot');
  src: url('../fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../fonts/glyphicons-halflings-regular.woff') format('woff'), url('../fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon,
.product__listing.product__list .product__list--item.tag-highlighted:after,
.product__listing.product__grid .product-item.tag-highlighted:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\002a";
}
.glyphicon-plus:before {
  content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
  content: "\20ac";
}
.glyphicon-minus:before {
  content: "\2212";
}
.glyphicon-cloud:before {
  content: "\2601";
}
.glyphicon-envelope:before {
  content: "\2709";
}
.glyphicon-pencil:before {
  content: "\270f";
}
.glyphicon-glass:before {
  content: "\e001";
}
.glyphicon-music:before {
  content: "\e002";
}
.glyphicon-search:before {
  content: "\e003";
}
.glyphicon-heart:before {
  content: "\e005";
}
.glyphicon-star:before {
  content: "\e006";
}
.glyphicon-star-empty:before {
  content: "\e007";
}
.glyphicon-user:before {
  content: "\e008";
}
.glyphicon-film:before {
  content: "\e009";
}
.glyphicon-th-large:before {
  content: "\e010";
}
.glyphicon-th:before {
  content: "\e011";
}
.glyphicon-th-list:before {
  content: "\e012";
}
.glyphicon-ok:before {
  content: "\e013";
}
.glyphicon-remove:before {
  content: "\e014";
}
.glyphicon-zoom-in:before {
  content: "\e015";
}
.glyphicon-zoom-out:before {
  content: "\e016";
}
.glyphicon-off:before {
  content: "\e017";
}
.glyphicon-signal:before {
  content: "\e018";
}
.glyphicon-cog:before {
  content: "\e019";
}
.glyphicon-trash:before {
  content: "\e020";
}
.glyphicon-home:before {
  content: "\e021";
}
.glyphicon-file:before {
  content: "\e022";
}
.glyphicon-time:before {
  content: "\e023";
}
.glyphicon-road:before {
  content: "\e024";
}
.glyphicon-download-alt:before {
  content: "\e025";
}
.glyphicon-download:before {
  content: "\e026";
}
.glyphicon-upload:before {
  content: "\e027";
}
.glyphicon-inbox:before {
  content: "\e028";
}
.glyphicon-play-circle:before {
  content: "\e029";
}
.glyphicon-repeat:before {
  content: "\e030";
}
.glyphicon-refresh:before {
  content: "\e031";
}
.glyphicon-list-alt:before {
  content: "\e032";
}
.glyphicon-lock:before {
  content: "\e033";
}
.glyphicon-flag:before {
  content: "\e034";
}
.glyphicon-headphones:before {
  content: "\e035";
}
.glyphicon-volume-off:before {
  content: "\e036";
}
.glyphicon-volume-down:before {
  content: "\e037";
}
.glyphicon-volume-up:before {
  content: "\e038";
}
.glyphicon-qrcode:before {
  content: "\e039";
}
.glyphicon-barcode:before {
  content: "\e040";
}
.glyphicon-tag:before {
  content: "\e041";
}
.glyphicon-tags:before {
  content: "\e042";
}
.glyphicon-book:before {
  content: "\e043";
}
.glyphicon-bookmark:before {
  content: "\e044";
}
.glyphicon-print:before {
  content: "\e045";
}
.glyphicon-camera:before {
  content: "\e046";
}
.glyphicon-font:before {
  content: "\e047";
}
.glyphicon-bold:before {
  content: "\e048";
}
.glyphicon-italic:before {
  content: "\e049";
}
.glyphicon-text-height:before {
  content: "\e050";
}
.glyphicon-text-width:before {
  content: "\e051";
}
.glyphicon-align-left:before {
  content: "\e052";
}
.glyphicon-align-center:before {
  content: "\e053";
}
.glyphicon-align-right:before {
  content: "\e054";
}
.glyphicon-align-justify:before {
  content: "\e055";
}
.glyphicon-list:before {
  content: "\e056";
}
.glyphicon-indent-left:before {
  content: "\e057";
}
.glyphicon-indent-right:before {
  content: "\e058";
}
.glyphicon-facetime-video:before {
  content: "\e059";
}
.glyphicon-picture:before {
  content: "\e060";
}
.glyphicon-map-marker:before {
  content: "\e062";
}
.glyphicon-adjust:before {
  content: "\e063";
}
.glyphicon-tint:before {
  content: "\e064";
}
.glyphicon-edit:before {
  content: "\e065";
}
.glyphicon-share:before {
  content: "\e066";
}
.glyphicon-check:before {
  content: "\e067";
}
.glyphicon-move:before {
  content: "\e068";
}
.glyphicon-step-backward:before {
  content: "\e069";
}
.glyphicon-fast-backward:before {
  content: "\e070";
}
.glyphicon-backward:before {
  content: "\e071";
}
.glyphicon-play:before {
  content: "\e072";
}
.glyphicon-pause:before {
  content: "\e073";
}
.glyphicon-stop:before {
  content: "\e074";
}
.glyphicon-forward:before {
  content: "\e075";
}
.glyphicon-fast-forward:before {
  content: "\e076";
}
.glyphicon-step-forward:before {
  content: "\e077";
}
.glyphicon-eject:before {
  content: "\e078";
}
.glyphicon-chevron-left:before {
  content: "\e079";
}
.glyphicon-chevron-right:before {
  content: "\e080";
}
.glyphicon-plus-sign:before {
  content: "\e081";
}
.glyphicon-minus-sign:before {
  content: "\e082";
}
.glyphicon-remove-sign:before {
  content: "\e083";
}
.glyphicon-ok-sign:before {
  content: "\e084";
}
.glyphicon-question-sign:before {
  content: "\e085";
}
.glyphicon-info-sign:before {
  content: "\e086";
}
.glyphicon-screenshot:before {
  content: "\e087";
}
.glyphicon-remove-circle:before {
  content: "\e088";
}
.glyphicon-ok-circle:before {
  content: "\e089";
}
.glyphicon-ban-circle:before {
  content: "\e090";
}
.glyphicon-arrow-left:before {
  content: "\e091";
}
.glyphicon-arrow-right:before {
  content: "\e092";
}
.glyphicon-arrow-up:before {
  content: "\e093";
}
.glyphicon-arrow-down:before {
  content: "\e094";
}
.glyphicon-share-alt:before {
  content: "\e095";
}
.glyphicon-resize-full:before {
  content: "\e096";
}
.glyphicon-resize-small:before {
  content: "\e097";
}
.glyphicon-exclamation-sign:before {
  content: "\e101";
}
.glyphicon-gift:before {
  content: "\e102";
}
.glyphicon-leaf:before {
  content: "\e103";
}
.glyphicon-fire:before {
  content: "\e104";
}
.glyphicon-eye-open:before {
  content: "\e105";
}
.glyphicon-eye-close:before {
  content: "\e106";
}
.glyphicon-warning-sign:before {
  content: "\e107";
}
.glyphicon-plane:before {
  content: "\e108";
}
.glyphicon-calendar:before {
  content: "\e109";
}
.glyphicon-random:before {
  content: "\e110";
}
.glyphicon-comment:before {
  content: "\e111";
}
.glyphicon-magnet:before {
  content: "\e112";
}
.glyphicon-chevron-up:before {
  content: "\e113";
}
.glyphicon-chevron-down:before {
  content: "\e114";
}
.glyphicon-retweet:before {
  content: "\e115";
}
.glyphicon-shopping-cart:before {
  content: "\e116";
}
.glyphicon-folder-close:before {
  content: "\e117";
}
.glyphicon-folder-open:before {
  content: "\e118";
}
.glyphicon-resize-vertical:before {
  content: "\e119";
}
.glyphicon-resize-horizontal:before {
  content: "\e120";
}
.glyphicon-hdd:before {
  content: "\e121";
}
.glyphicon-bullhorn:before {
  content: "\e122";
}
.glyphicon-bell:before {
  content: "\e123";
}
.glyphicon-certificate:before {
  content: "\e124";
}
.glyphicon-thumbs-up:before {
  content: "\e125";
}
.glyphicon-thumbs-down:before {
  content: "\e126";
}
.glyphicon-hand-right:before {
  content: "\e127";
}
.glyphicon-hand-left:before {
  content: "\e128";
}
.glyphicon-hand-up:before {
  content: "\e129";
}
.glyphicon-hand-down:before {
  content: "\e130";
}
.glyphicon-circle-arrow-right:before {
  content: "\e131";
}
.glyphicon-circle-arrow-left:before {
  content: "\e132";
}
.glyphicon-circle-arrow-up:before {
  content: "\e133";
}
.glyphicon-circle-arrow-down:before {
  content: "\e134";
}
.glyphicon-globe:before {
  content: "\e135";
}
.glyphicon-wrench:before {
  content: "\e136";
}
.glyphicon-tasks:before {
  content: "\e137";
}
.glyphicon-filter:before {
  content: "\e138";
}
.glyphicon-briefcase:before {
  content: "\e139";
}
.glyphicon-fullscreen:before {
  content: "\e140";
}
.glyphicon-dashboard:before {
  content: "\e141";
}
.glyphicon-paperclip:before {
  content: "\e142";
}
.glyphicon-heart-empty:before {
  content: "\e143";
}
.glyphicon-link:before {
  content: "\e144";
}
.glyphicon-phone:before {
  content: "\e145";
}
.glyphicon-pushpin:before {
  content: "\e146";
}
.glyphicon-usd:before {
  content: "\e148";
}
.glyphicon-gbp:before {
  content: "\e149";
}
.glyphicon-sort:before {
  content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
  content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152";
}
.glyphicon-sort-by-order:before {
  content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
  content: "\e154";
}
.glyphicon-sort-by-attributes:before {
  content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
  content: "\e156";
}
.glyphicon-unchecked:before {
  content: "\e157";
}
.glyphicon-expand:before {
  content: "\e158";
}
.glyphicon-collapse-down:before {
  content: "\e159";
}
.glyphicon-collapse-up:before {
  content: "\e160";
}
.glyphicon-log-in:before {
  content: "\e161";
}
.glyphicon-flash:before {
  content: "\e162";
}
.glyphicon-log-out:before {
  content: "\e163";
}
.glyphicon-new-window:before {
  content: "\e164";
}
.glyphicon-record:before {
  content: "\e165";
}
.glyphicon-save:before {
  content: "\e166";
}
.glyphicon-open:before {
  content: "\e167";
}
.glyphicon-saved:before {
  content: "\e168";
}
.glyphicon-import:before {
  content: "\e169";
}
.glyphicon-export:before {
  content: "\e170";
}
.glyphicon-send:before {
  content: "\e171";
}
.glyphicon-floppy-disk:before {
  content: "\e172";
}
.glyphicon-floppy-saved:before {
  content: "\e173";
}
.glyphicon-floppy-remove:before {
  content: "\e174";
}
.glyphicon-floppy-save:before {
  content: "\e175";
}
.glyphicon-floppy-open:before {
  content: "\e176";
}
.glyphicon-credit-card:before {
  content: "\e177";
}
.glyphicon-transfer:before {
  content: "\e178";
}
.glyphicon-cutlery:before {
  content: "\e179";
}
.glyphicon-header:before {
  content: "\e180";
}
.glyphicon-compressed:before {
  content: "\e181";
}
.glyphicon-earphone:before {
  content: "\e182";
}
.glyphicon-phone-alt:before {
  content: "\e183";
}
.glyphicon-tower:before {
  content: "\e184";
}
.glyphicon-stats:before {
  content: "\e185";
}
.glyphicon-sd-video:before {
  content: "\e186";
}
.glyphicon-hd-video:before {
  content: "\e187";
}
.glyphicon-subtitles:before {
  content: "\e188";
}
.glyphicon-sound-stereo:before {
  content: "\e189";
}
.glyphicon-sound-dolby:before {
  content: "\e190";
}
.glyphicon-sound-5-1:before {
  content: "\e191";
}
.glyphicon-sound-6-1:before {
  content: "\e192";
}
.glyphicon-sound-7-1:before {
  content: "\e193";
}
.glyphicon-copyright-mark:before {
  content: "\e194";
}
.glyphicon-registration-mark:before {
  content: "\e195";
}
.glyphicon-cloud-download:before {
  content: "\e197";
}
.glyphicon-cloud-upload:before {
  content: "\e198";
}
.glyphicon-tree-conifer:before {
  content: "\e199";
}
.glyphicon-tree-deciduous:before {
  content: "\e200";
}
.glyphicon-cd:before {
  content: "\e201";
}
.glyphicon-save-file:before {
  content: "\e202";
}
.glyphicon-open-file:before {
  content: "\e203";
}
.glyphicon-level-up:before {
  content: "\e204";
}
.glyphicon-copy:before {
  content: "\e205";
}
.glyphicon-paste:before {
  content: "\e206";
}
.glyphicon-alert:before {
  content: "\e209";
}
.glyphicon-equalizer:before {
  content: "\e210";
}
.glyphicon-king:before {
  content: "\e211";
}
.glyphicon-queen:before {
  content: "\e212";
}
.glyphicon-pawn:before {
  content: "\e213";
}
.glyphicon-bishop:before {
  content: "\e214";
}
.glyphicon-knight:before {
  content: "\e215";
}
.glyphicon-baby-formula:before {
  content: "\e216";
}
.glyphicon-tent:before {
  content: "\26fa";
}
.glyphicon-blackboard:before {
  content: "\e218";
}
.glyphicon-bed:before {
  content: "\e219";
}
.glyphicon-apple:before {
  content: "\f8ff";
}
.glyphicon-erase:before {
  content: "\e221";
}
.glyphicon-hourglass:before {
  content: "\231b";
}
.glyphicon-lamp:before {
  content: "\e223";
}
.glyphicon-duplicate:before {
  content: "\e224";
}
.glyphicon-piggy-bank:before {
  content: "\e225";
}
.glyphicon-scissors:before {
  content: "\e226";
}
.glyphicon-bitcoin:before {
  content: "\e227";
}
.glyphicon-btc:before {
  content: "\e227";
}
.glyphicon-xbt:before {
  content: "\e227";
}
.glyphicon-yen:before {
  content: "\00a5";
}
.glyphicon-jpy:before {
  content: "\00a5";
}
.glyphicon-ruble:before {
  content: "\20bd";
}
.glyphicon-rub:before {
  content: "\20bd";
}
.glyphicon-scale:before {
  content: "\e230";
}
.glyphicon-ice-lolly:before {
  content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
  content: "\e232";
}
.glyphicon-education:before {
  content: "\e233";
}
.glyphicon-option-horizontal:before {
  content: "\e234";
}
.glyphicon-option-vertical:before {
  content: "\e235";
}
.glyphicon-menu-hamburger:before {
  content: "\e236";
}
.glyphicon-modal-window:before {
  content: "\e237";
}
.glyphicon-oil:before {
  content: "\e238";
}
.glyphicon-grain:before {
  content: "\e239";
}
.glyphicon-sunglasses:before {
  content: "\e240";
}
.glyphicon-text-size:before {
  content: "\e241";
}
.glyphicon-text-color:before {
  content: "\e242";
}
.glyphicon-text-background:before {
  content: "\e243";
}
.glyphicon-object-align-top:before {
  content: "\e244";
}
.glyphicon-object-align-bottom:before {
  content: "\e245";
}
.glyphicon-object-align-horizontal:before {
  content: "\e246";
}
.glyphicon-object-align-left:before {
  content: "\e247";
}
.glyphicon-object-align-vertical:before {
  content: "\e248";
}
.glyphicon-object-align-right:before {
  content: "\e249";
}
.glyphicon-triangle-right:before {
  content: "\e250";
}
.glyphicon-triangle-left:before {
  content: "\e251";
}
.glyphicon-triangle-bottom:before {
  content: "\e252";
}
.glyphicon-triangle-top:before {
  content: "\e253";
}
.glyphicon-console:before {
  content: "\e254";
}
.glyphicon-superscript:before {
  content: "\e255";
}
.glyphicon-subscript:before {
  content: "\e256";
}
.glyphicon-menu-left:before {
  content: "\e257";
}
.glyphicon-menu-right:before {
  content: "\e258";
}
.glyphicon-menu-down:before {
  content: "\e259";
}
.glyphicon-menu-up:before {
  content: "\e260";
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 10px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.42857143;
  color: #19212b;
  background-color: #ffffff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #ec7205;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #154259;
  text-decoration: underline;
}
a:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 0;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
[role="button"] {
  cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;
  color: #777777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
  margin-top: 20px;
  margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  margin-top: 10px;
  margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {
  margin: 0 0 10px;
}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
@media (min-width: 640px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 92%;
}
mark,
.mark {
  background-color: #fcf8e3;
  padding: .2em;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-nowrap {
  white-space: nowrap;
}
.text-lowercase {
  text-transform: lowercase;
}
.text-uppercase {
  text-transform: uppercase;
}
.text-capitalize {
  text-transform: capitalize;
}
.text-muted {
  color: #777777;
}
.text-primary {
  color: #47b6b1;
}
a.text-primary:hover,
a.text-primary:focus {
  color: #39918d;
}
.text-success {
  color: #3e5983;
}
a.text-success:hover,
a.text-success:focus {
  color: #2e4160;
}
.text-info {
  color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
  color: #66512c;
}
.text-danger {
  color: #19212b;
}
a.text-danger:hover,
a.text-danger:focus {
  color: #06080b;
}
.bg-primary {
  color: #fff;
  background-color: #47b6b1;
}
a.bg-primary:hover,
a.bg-primary:focus {
  background-color: #39918d;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
  margin-left: -5px;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-top: 0;
  margin-bottom: 20px;
}
dt,
dd {
  line-height: 1.42857143;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 640px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eeeeee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.42857143;
  color: #777777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
  text-align: right;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 0;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #ffffff;
  background-color: #333333;
  border-radius: 0;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 0;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 640px) {
  .container {
    width: 100%;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 1024px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 1400px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 640px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1024px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1400px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
table {
  background-color: transparent;
}
caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #e5e5e5;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #e5e5e5;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #e5e5e5;
}
.table .table {
  background-color: #ffffff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #e5e5e5;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc;
}
.table-responsive {
  overflow-x: auto;
  min-height: 0.01%;
}
@media screen and (max-width: 639px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #e5e5e5;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
  min-width: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #19212b;
}
.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #19212b;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #5adfd9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(90, 223, 217, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(90, 223, 217, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type="date"].form-control,
  input[type="time"].form-control,
  input[type="datetime-local"].form-control,
  input[type="month"].form-control {
    line-height: 32px;
  }
  input[type="date"].input-sm,
  input[type="time"].input-sm,
  input[type="datetime-local"].input-sm,
  input[type="month"].input-sm,
  .input-group-sm input[type="date"],
  .input-group-sm input[type="time"],
  .input-group-sm input[type="datetime-local"],
  .input-group-sm input[type="month"] {
    line-height: 40px;
  }
  input[type="date"].input-lg,
  input[type="time"].input-lg,
  input[type="datetime-local"].input-lg,
  input[type="month"].input-lg,
  .input-group-lg input[type="date"],
  .input-group-lg input[type="time"],
  .input-group-lg input[type="datetime-local"],
  .input-group-lg input[type="month"] {
    line-height: 42px;
  }
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  position: absolute;
  margin-left: -20px;
  margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
  cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
  cursor: not-allowed;
}
.form-control-static {
  padding-top: 7px;
  padding-bottom: 7px;
  margin-bottom: 0;
  min-height: 34px;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-left: 0;
  padding-right: 0;
}
.input-sm {
  height: 40px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
select.input-sm {
  height: 40px;
  line-height: 40px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.form-group-sm .form-control {
  height: 40px;
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.form-group-sm select.form-control {
  height: 40px;
  line-height: 40px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
  height: auto;
}
.form-group-sm .form-control-static {
  height: 40px;
  min-height: 33px;
  padding: 6px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.input-lg {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
select.input-lg {
  height: 42px;
  line-height: 42px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.form-group-lg .form-control {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.form-group-lg select.form-control {
  height: 42px;
  line-height: 42px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
  height: auto;
}
.form-group-lg .form-control-static {
  height: 42px;
  min-height: 38px;
  padding: 11px 15px;
  font-size: 18px;
  line-height: 1.3333333;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 40px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 32px;
  height: 32px;
  line-height: 32px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
  width: 42px;
  height: 42px;
  line-height: 42px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
  width: 40px;
  height: 40px;
  line-height: 40px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
  color: #3e5983;
}
.has-success .form-control {
  border-color: #3e5983;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control:focus {
  border-color: #2e4160;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #6d8bba;
}
.has-success .input-group-addon {
  color: #3e5983;
  border-color: #3e5983;
  background-color: #dff0d8;
}
.has-success .form-control-feedback {
  color: #3e5983;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
  color: #19212b;
}
.has-error .form-control {
  border-color: #19212b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control:focus {
  border-color: #06080b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #3f536c;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #3f536c;
}
.has-error .input-group-addon {
  color: #19212b;
  border-color: #19212b;
  background-color: #f2dede;
}
.has-error .form-control-feedback {
  color: #19212b;
}
.has-feedback label ~ .form-control-feedback {
  top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
  top: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #485f7c;
}
@media (min-width: 640px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 7px;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-left: -10px;
  margin-right: -10px;
}
@media (min-width: 640px) {
  .form-horizontal .control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 10px;
}
@media (min-width: 640px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 11px;
    font-size: 18px;
  }
}
@media (min-width: 640px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
    font-size: 13px;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #ffffff;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}
.btn-default {
  color: #ffffff;
  background-color: #47b6b1;
  border-color: #47b6b1;
}
.btn-default:focus,
.btn-default.focus {
  color: #ffffff;
  background-color: #39918d;
  border-color: #235a58;
}
.btn-default:hover {
  color: #ffffff;
  background-color: #39918d;
  border-color: #368a86;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #39918d;
  border-color: #368a86;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: #2f7874;
  border-color: #235a58;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
  background-color: #47b6b1;
  border-color: #47b6b1;
}
.btn-default .badge {
  color: #47b6b1;
  background-color: #ffffff;
}
.btn-primary {
  color: #ffffff;
  background-color: #ec7205;
  border-color: #ec7205;
}
.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #ba5a04;
  border-color: #6f3602;
}
.btn-primary:hover {
  color: #ffffff;
  background-color: #ba5a04;
  border-color: #b05504;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #ba5a04;
  border-color: #b05504;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #974903;
  border-color: #6f3602;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
  background-color: #ec7205;
  border-color: #ec7205;
}
.btn-primary .badge {
  color: #ec7205;
  background-color: #ffffff;
}
.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: transparent;
}
.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: rgba(0, 0, 0, 0);
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
  background-color: #5cb85c;
  border-color: transparent;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}
.btn-info {
  color: #ffffff;
  background-color: #000000;
  border-color: transparent;
}
.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:hover {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #000000;
  border-color: rgba(0, 0, 0, 0);
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
  background-color: #000000;
  border-color: transparent;
}
.btn-info .badge {
  color: #000000;
  background-color: #ffffff;
}
.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: transparent;
}
.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: rgba(0, 0, 0, 0);
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
  background-color: #f0ad4e;
  border-color: transparent;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff;
}
.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: transparent;
}
.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: rgba(0, 0, 0, 0);
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
  background-color: #d9534f;
  border-color: transparent;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}
.btn-link {
  color: #ec7205;
  font-weight: normal;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #154259;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #777777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 13px;
  line-height: 1.5;
  border-radius: 0;
}
.btn-block {
  display: block;
  width: 100%;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
tr.collapse.in {
  display: table-row;
}
tbody.collapse.in {
  display: table-row-group;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #47b6b1;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 640px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0;
  }
  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 0;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 42px;
  line-height: 42px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 5px 10px;
  line-height: 1.5;
  height: 40px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  width: 220px;
  height: 45px;
  border: solid 1px #ededed;
  border-radius: .50rem;
  margin-right: 10px;
  text-align: left;
  font-size: 13px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 40px;
  line-height: 40px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 40px;
  line-height: 40px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #19212b;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  border-radius: 0;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 13px;
  border-radius: 0;
}
.input-group-addon.input-lg {
  padding: 10px 15px;
  font-size: 18px;
  border-radius: 0;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #777777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eeeeee;
  border-color: #ec7205;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 640px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 0;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #ffffff;
  background-color: #47b6b1;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 640px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 640px) {
  .navbar {
    border-radius: 0;
  }
}
@media (min-width: 640px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 10px;
  padding-left: 10px;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
  -webkit-overflow-scrolling: touch;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 640px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .navbar-fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 200px;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -10px;
  margin-left: -10px;
}
@media (min-width: 640px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 640px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 640px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  padding: 15px 10px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}
@media (min-width: 640px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -10px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  margin-right: 10px;
  padding: 9px 10px;
  margin-top: 8px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 0;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 640px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -10px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 639px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 640px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  margin-left: -10px;
  margin-right: -10px;
  padding: 10px 10px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 1px 0 rgba(255, 255, 255, 0.1);
  margin-top: 9px;
  margin-bottom: 9px;
}
@media (min-width: 640px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 639px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 640px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 9px;
  margin-bottom: 9px;
}
.navbar-btn.btn-sm {
  margin-top: 5px;
  margin-bottom: 5px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 640px) {
  .navbar-text {
    float: left;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (min-width: 640px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -10px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777777;
}
.navbar-default .navbar-nav > li > a {
  color: #777777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #cccccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #dddddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #dddddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  background-color: #e7e7e7;
  color: #555555;
}
@media (max-width: 639px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #cccccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777777;
}
.navbar-default .navbar-link:hover {
  color: #333333;
}
.navbar-default .btn-link {
  color: #777777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #cccccc;
}
.navbar-inverse {
  background-color: #222222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #ffffff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #080808;
  color: #ffffff;
}
@media (max-width: 639px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #ffffff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #ffffff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444444;
}
.breadcrumb {
  padding: 10px 0;
  margin-bottom: 20px;
  list-style: none;
  background-color: #d9d9d9;
  border-radius: 0;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #19212b;
}
.breadcrumb > .active {
  color: #00205b;
  text-transform: lowercase;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 0;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  line-height: 1.42857143;
  text-decoration: none;
  color: #ec7205;
  background-color: #ffffff;
  border: 1px solid transparent;
  margin-left: -1px;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  z-index: 2;
  color: #153a59;
  background-color: transparent;
  border-color: #dddddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 3;
  color: #153a59;
  background-color: #47b6b1;
  border-color: #47b6b1;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #a6a6a6;
  background-color: #ffffff;
  border-color: #dddddd;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 15px;
  font-size: 18px;
  line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 13px;
  line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  list-style: none;
  text-align: center;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: transparent;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #a6a6a6;
  background-color: #ffffff;
  cursor: not-allowed;
}
.label {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #153a59;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
a.label:hover,
a.label:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #47b6b1;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #39918d;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #000000;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #000000;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 13px;
  font-weight: bold;
  color: #ffffff;
  line-height: 1;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  background-color: #777777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #ec7205;
  background-color: #ffffff;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.jumbotron > hr {
  border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
  border-radius: 0;
  padding-left: 10px;
  padding-right: 10px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 640px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 0;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
  margin-left: auto;
  margin-right: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #ec7205;
}
.thumbnail .caption {
  padding: 9px;
  color: #19212b;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3e5983;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2e4160;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #19212b;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #06080b;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 13px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #47b6b1;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #000000;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media,
.media-body {
  zoom: 1;
  overflow: hidden;
}
.media-body {
  width: 10000px;
}
.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}
.media-right,
.media > .pull-right {
  padding-left: 10px;
}
.media-left,
.media > .pull-left {
  padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
  display: table-cell;
  vertical-align: top;
}
.media-middle {
  vertical-align: middle;
}
.media-bottom {
  vertical-align: bottom;
}
.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
a.list-group-item,
button.list-group-item {
  color: #555555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
  text-decoration: none;
  color: #555555;
  background-color: #f5f5f5;
}
button.list-group-item {
  width: 100%;
  text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
  background-color: #eeeeee;
  color: #777777;
  cursor: not-allowed;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
  color: #777777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
  z-index: 2;
  color: #ffffff;
  background-color: #47b6b1;
  border-color: #47b6b1;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
  color: #d9f0ef;
}
.list-group-item-success {
  color: #3e5983;
  background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
  color: #3e5983;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
  color: #3e5983;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3e5983;
  border-color: #3e5983;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #19212b;
  background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
  color: #19212b;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
  color: #19212b;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #19212b;
  border-color: #19212b;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
  margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
  padding-left: 15px;
  padding-right: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
  border-top-right-radius: -1;
  border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
  border-top-left-radius: -1;
  border-top-right-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: -1;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: -1;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
  border-bottom-right-radius: -1;
  border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
  border-bottom-left-radius: -1;
  border-bottom-right-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: -1;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: -1;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
  border-top: 1px solid #e5e5e5;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
  border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
  border-bottom: 0;
}
.panel > .table-responsive {
  border: 0;
  margin-bottom: 0;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  border-radius: 0;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
  border-top: 1px solid #dddddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #dddddd;
}
.panel-default {
  border-color: #dddddd;
}
.panel-default > .panel-heading {
  color: #333333;
  background-color: #f2f4f7;
  border-color: #dddddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #dddddd;
}
.panel-default > .panel-heading .badge {
  color: #f2f4f7;
  background-color: #333333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #dddddd;
}
.panel-primary {
  border-color: #47b6b1;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  background-color: #47b6b1;
  border-color: #47b6b1;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #47b6b1;
}
.panel-primary > .panel-heading .badge {
  color: #47b6b1;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #47b6b1;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3e5983;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
  color: #dff0d8;
  background-color: #3e5983;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
  color: #d9edf7;
  background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
  color: #fcf8e3;
  background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #19212b;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
  color: #f2dede;
  background-color: #19212b;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #ebccd1;
}
.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}
.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
  padding-bottom: 75%;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, 0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 0;
}
.well-sm {
  padding: 9px;
  border-radius: 0;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 640px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 1024px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 13px;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 0;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: none;
  max-width: 276px;
  padding: 1px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 14px;
  background-color: #ffffff;
  background-clip: padding-box;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 14px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: -1 -1 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover > .arrow {
  border-width: 11px;
}
.popover > .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top > .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}
.popover.top > .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.popover.right > .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999999;
  border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right > .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.popover.bottom > .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}
.popover.bottom > .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.popover.left > .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999999;
  border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left > .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: 0.6s ease-in-out left;
  -o-transition: 0.6s ease-in-out left;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .item {
    -webkit-transition: -webkit-transform 0.6s ease-in-out;
    -moz-transition: -moz-transform 0.6s ease-in-out;
    -o-transition: -o-transform 0.6s ease-in-out;
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    perspective: 1000px;
  }
  .carousel-inner > .item.next,
  .carousel-inner > .item.active.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.prev,
  .carousel-inner > .item.active.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    left: 0;
  }
  .carousel-inner > .item.next.left,
  .carousel-inner > .item.prev.right,
  .carousel-inner > .item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    left: 0;
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: 0.5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0);
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  outline: 0;
  color: #ffffff;
  text-decoration: none;
  opacity: 0.9;
  filter: alpha(opacity=90);
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  margin-top: -10px;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  line-height: 1;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #ffffff;
  border-radius: 10px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #ffffff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #ffffff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 640px) {
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -10px;
    font-size: 30px;
  }
  .carousel-control .glyphicon-chevron-left,
  .carousel-control .icon-prev {
    margin-left: -10px;
  }
  .carousel-control .glyphicon-chevron-right,
  .carousel-control .icon-next {
    margin-right: -10px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after,
.tabs .tabs-list:before,
.tabs .tabs-list:after,
.cart__content:before,
.cart__content:after,
.cpq-overview-filter-item:before,
.cpq-overview-filter-item:after {
  content: " ";
  display: table;
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after,
.tabs .tabs-list:after,
.cart__content:after,
.cpq-overview-filter-item:after {
  clear: both;
}
.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 639px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 639px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 639px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 639px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1400px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 639px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
/* jQuery */
/*! jQuery UI - v1.12.1 - 2017-08-06
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=base&cornerRadiusShadow=8px&offsetLeftShadow=0px&offsetTopShadow=0px&thicknessShadow=5px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=666666&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cc0000&fcError=5f3f3f&borderColorError=f1a899&bgTextureError=flat&bgColorError=fddfdf&iconColorHighlight=777620&fcHighlight=777620&borderColorHighlight=dad55e&bgTextureHighlight=flat&bgColorHighlight=fffa90&iconColorActive=ffffff&fcActive=ffffff&borderColorActive=003eff&bgTextureActive=flat&bgColorActive=007fff&iconColorHover=555555&fcHover=2b2b2b&borderColorHover=cccccc&bgTextureHover=flat&bgColorHover=ededed&iconColorDefault=777777&fcDefault=454545&borderColorDefault=c5c5c5&bgTextureDefault=flat&bgColorDefault=f6f6f6&iconColorContent=444444&fcContent=333333&borderColorContent=dddddd&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=444444&fcHeader=333333&borderColorHeader=dddddd&bgTextureHeader=flat&bgColorHeader=e9e9e9&cornerRadius=3px&fwDefault=normal&fsDefault=1em&ffDefault=Arial%2CHelvetica%2Csans-serif
* Copyright jQuery Foundation and other contributors; Licensed MIT */
.ui-draggable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}
.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}
.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}
.ui-helper-clearfix:after {
  clear: both;
}
.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
  /* support: IE8 */
}
.ui-front {
  z-index: 100;
}
/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
  pointer-events: none;
}
/* Icons
----------------------------------*/
.ui-icon {
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.25em;
  position: relative;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}
.ui-widget-icon-block {
  left: 50%;
  margin-left: -8px;
  display: block;
}
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ui-resizable {
  position: relative;
}
.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}
.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}
.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}
.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}
.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}
.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}
.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}
.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}
.ui-selectable {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin: 2px 0 0 0;
  padding: .5em .5em .5em .7em;
  font-size: 100%;
}
.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}
.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}
.ui-menu {
  list-style: none;
  padding: 0;
  margin: 0;
  display: block;
  outline: 0;
}
.ui-menu .ui-menu {
  position: absolute;
}
.ui-menu .ui-menu-item {
  margin: 0;
  cursor: pointer;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}
.ui-menu .ui-menu-item-wrapper {
  position: relative;
  padding: 3px 1em 3px .4em;
}
.ui-menu .ui-menu-divider {
  margin: 5px 0;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}
.ui-menu .ui-state-focus,
.ui-menu .ui-state-active {
  margin: -1px;
}
/* icon support */
.ui-menu-icons {
  position: relative;
}
.ui-menu-icons .ui-menu-item-wrapper {
  padding-left: 2em;
}
/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  left: .2em;
  margin: auto 0;
}
/* right-aligned */
.ui-menu .ui-menu-icon {
  left: auto;
  right: 0;
}
.ui-button {
  padding: .4em 1em;
  display: inline-block;
  position: relative;
  line-height: normal;
  margin-right: .1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* Support: IE <= 11 */
  overflow: visible;
}
.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}
/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2em;
  box-sizing: border-box;
  text-indent: -9999px;
  white-space: nowrap;
}
/* no icon support for input elements */
input.ui-button.ui-button-icon-only {
  text-indent: 0;
}
/* button icon element(s) */
.ui-button-icon-only .ui-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
}
.ui-button.ui-icon-notext .ui-icon {
  padding: 0;
  width: 2.1em;
  height: 2.1em;
  text-indent: -9999px;
  white-space: nowrap;
}
input.ui-button.ui-icon-notext .ui-icon {
  width: auto;
  height: auto;
  text-indent: 0;
  white-space: normal;
  padding: .4em 1em;
}
/* workarounds */
/* Support: Firefox 5 - 40 */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.ui-controlgroup {
  vertical-align: middle;
  display: inline-block;
}
.ui-controlgroup > .ui-controlgroup-item {
  float: left;
  margin-left: 0;
  margin-right: 0;
}
.ui-controlgroup > .ui-controlgroup-item:focus,
.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
  z-index: 9999;
}
.ui-controlgroup-vertical > .ui-controlgroup-item {
  display: block;
  float: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  text-align: left;
}
.ui-controlgroup-vertical .ui-controlgroup-item {
  box-sizing: border-box;
}
.ui-controlgroup .ui-controlgroup-label {
  padding: .4em 1em;
}
.ui-controlgroup .ui-controlgroup-label span {
  font-size: 80%;
}
.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
  border-left: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
  border-top: none;
}
.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
  border-right: none;
}
.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
  border-bottom: none;
}
/* Spinner specific style fixes */
.ui-controlgroup-vertical .ui-spinner-input {
  /* Support: IE8 only, Android < 4.4 only */
  width: 75%;
  width: calc(97.6%);
}
.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
  border-top-style: solid;
}
.ui-checkboxradio-label .ui-icon-background {
  box-shadow: inset 1px 1px 1px #ccc;
  border-radius: .12em;
  border: none;
}
.ui-checkboxradio-radio-label .ui-icon-background {
  width: 16px;
  height: 16px;
  border-radius: 1em;
  overflow: visible;
  border: none;
}
.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
  background-image: none;
  width: 8px;
  height: 8px;
  border-width: 4px;
  border-style: solid;
}
.ui-checkboxradio-disabled {
  pointer-events: none;
}
.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}
.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}
.ui-datepicker .ui-datepicker-next {
  right: 2px;
}
.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}
.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}
.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}
.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 45%;
}
.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}
.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}
.ui-datepicker td {
  border: 0;
  padding: 1px;
}
.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}
.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}
.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}
/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}
.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}
.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}
.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}
.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}
.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}
.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}
/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}
.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}
.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}
/* Icons */
.ui-datepicker .ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
  left: .5em;
  top: .3em;
}
.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: .2em;
  outline: 0;
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
}
.ui-dialog .ui-dialog-title {
  float: left;
  margin: .1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: .3em;
  top: 50%;
  width: 20px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}
.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: .5em 1em;
  background: none;
  overflow: auto;
}
.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: .5em;
  padding: .3em 1em .5em .4em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}
.ui-dialog .ui-dialog-buttonpane button {
  margin: .5em .4em .5em 0;
  cursor: pointer;
}
.ui-dialog .ui-resizable-n {
  height: 2px;
  top: 0;
}
.ui-dialog .ui-resizable-e {
  width: 2px;
  right: 0;
}
.ui-dialog .ui-resizable-s {
  height: 2px;
  bottom: 0;
}
.ui-dialog .ui-resizable-w {
  width: 2px;
  left: 0;
}
.ui-dialog .ui-resizable-se,
.ui-dialog .ui-resizable-sw,
.ui-dialog .ui-resizable-ne,
.ui-dialog .ui-resizable-nw {
  width: 7px;
  height: 7px;
}
.ui-dialog .ui-resizable-se {
  right: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-sw {
  left: 0;
  bottom: 0;
}
.ui-dialog .ui-resizable-ne {
  right: 0;
  top: 0;
}
.ui-dialog .ui-resizable-nw {
  left: 0;
  top: 0;
}
.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}
.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}
.ui-progressbar .ui-progressbar-overlay {
  background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
  height: 100%;
  filter: alpha(opacity=25);
  /* support: IE8 */
  opacity: 0.25;
}
.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}
.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.ui-selectmenu-menu .ui-menu {
  overflow: auto;
  overflow-x: hidden;
  padding-bottom: 1px;
}
.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.5;
  padding: 2px 0.4em;
  margin: 0.5em 0 0 0;
  height: auto;
  border: 0;
}
.ui-selectmenu-open {
  display: block;
}
.ui-selectmenu-text {
  display: block;
  margin-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ui-selectmenu-button.ui-button {
  text-align: left;
  white-space: nowrap;
  width: 14em;
}
.ui-selectmenu-icon.ui-icon {
  float: right;
  margin-top: 0;
}
.ui-slider {
  position: relative;
  text-align: left;
}
.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
  -ms-touch-action: none;
  touch-action: none;
}
.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: .7em;
  display: block;
  border: 0;
  background-position: 0 0;
}
/* support: IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}
.ui-slider-horizontal {
  height: .8em;
}
.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}
.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}
.ui-slider-vertical {
  width: .8em;
  height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}
.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}
.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}
.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: .222em 0;
  margin: .2em 0;
  vertical-align: middle;
  margin-left: .4em;
  margin-right: 2em;
}
.ui-spinner-button {
  width: 1.6em;
  height: 50%;
  font-size: .5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}
/* more specificity required here to override default borders */
.ui-spinner a.ui-spinner-button {
  border-top-style: none;
  border-bottom-style: none;
  border-right-style: none;
}
.ui-spinner-up {
  top: 0;
}
.ui-spinner-down {
  bottom: 0;
}
.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: .2em;
}
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px .2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
  float: left;
  padding: .5em 1em;
  text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
  cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
  cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}
.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
}
body .ui-tooltip {
  border-width: 2px;
}
/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget .ui-widget {
  font-size: 1em;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
}
.ui-widget.ui-widget-content {
  border: 1px solid #c5c5c5;
}
.ui-widget-content {
  border: 1px solid #dddddd;
  background: #ffffff;
  color: #333333;
}
.ui-widget-content a {
  color: #333333;
}
.ui-widget-header {
  border: 1px solid #dddddd;
  background: #e9e9e9;
  color: #333333;
  font-weight: bold;
}
.ui-widget-header a {
  color: #333333;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
  border: 1px solid #c5c5c5;
  background: #f6f6f6;
  font-weight: normal;
  color: #454545;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
  border: 1px solid #cccccc;
  background: #ededed;
  font-weight: normal;
  color: #2b2b2b;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-visual-focus {
  box-shadow: 0 0 3px 1px #5e9ed6;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #003eff;
  background: #007fff;
  font-weight: normal;
  color: #ffffff;
}
.ui-icon-background,
.ui-state-active .ui-icon-background {
  border: #003eff;
  background-color: #ffffff;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #dad55e;
  background: #fffa90;
  color: #777620;
}
.ui-state-checked {
  border: 1px solid #dad55e;
  background: #fffa90;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 3px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 3px;
}
/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa;
  opacity: .3;
  filter: alpha(opacity=30);
  /* support: IE8 */
}
.ui-widget-shadow {
  -webkit-box-shadow: 0px 0px 5px #666666;
  box-shadow: 0px 0px 5px #666666;
}
/* Misc visuals
----------------------------------*/
.ui-datepicker {
  border: 1px solid #e5e5e5;
  background: #ffffff;
  color: #19212b;
}
.ui-datepicker .ui-datepicker-header {
  color: #19212b;
  background-color: transparent;
  border: none;
  font-weight: bold;
}
/* Icons
----------------------------------*/
.ui-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings', sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  color: #ec7205;
  cursor: pointer;
  font-family: 'Glyphicons Halflings', sans-serif;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  height: 15px;
  line-height: 1;
  margin-top: 5px;
  width: 30px;
}
.ui-datepicker .ui-datepicker-prev {
  left: 5px;
  float: left;
  text-align: left;
}
.ui-datepicker .ui-datepicker-prev:before {
  content: "\e079";
}
.ui-datepicker .ui-datepicker-next {
  right: 5px;
  float: right;
  text-align: right;
}
.ui-datepicker .ui-datepicker-next:before {
  content: "\e080";
}
.ui-datepicker .ui-icon {
  display: none;
}
.ui-widget-header .ui-datepicker-prev-hover.ui-state-hover,
.ui-widget-header .ui-datepicker-next-hover.ui-state-hover {
  border: 0 none;
  background: transparent;
  color: #154259;
  top: 2px;
}
.ui-datepicker th {
  font-weight: 400;
}
/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  background-color: #f2f2f2;
  text-align: center;
  color: #19212b;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #454545;
  text-decoration: none;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  color: #2b2b2b;
  text-decoration: none;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}
/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  background: #ec7205;
  color: #ffffff;
  border-color: #ec7205;
}
.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #777620;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #47b6b1;
  color: #ffffff;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #f1a899;
  background: #fddfdf;
  color: #5f3f3f;
}
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #5f3f3f;
}
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #5f3f3f;
}
.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}
.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: alpha(opacity=70);
  /* support: IE8 */
  font-weight: normal;
}
.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: alpha(opacity=35);
  /* support: IE8 */
  background-image: none;
}
.ui-state-disabled .ui-icon {
  filter: alpha(opacity=35);
  /* support: IE8 - See #6059 */
}
body {
  overflow-x: hidden;
  position: relative;
}
body.offcanvas {
  overflow-y: hidden;
}
.no-margin {
  margin: 0 !important;
}
@media (min-width: 1400px) {
  .container-lg {
    float: none;
    margin: 0 auto !important;
    overflow: hidden;
  }
}
button {
  font-weight: bold;
}
.btn {
  /*CODIGO MODIFICADO*/
  /*border-radius: 0 !important;*/
  /*CODIGO MODIFICADO*/
}
ul,
ol {
  padding-left: 15px;
}
@media (max-width: 1023px) {
  .form-control {
    height: 42px;
    padding: 10px 15px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 0;
    font-size: 14px;
  }
  select.form-control {
    height: 42px;
    line-height: 42px;
  }
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
}
option {
  font-size: 0.875em;
  /* 14/16 */
  line-height: 18px;
  padding: 6px 13px;
  width: 100%;
}
/*
General
*****************************************************************/
a,
button {
  color: #ec7205;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #19212b;
}
.open > .dropdown-menu {
  padding: 15px 0 0 0;
}
.dropdown-menu li {
  margin-top: 3px;
}
.dropdown-menu li:first-child {
  margin-top: 0px;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 25px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857;
  color: #19212b;
  white-space: nowrap;
}
.display-none {
  display: none;
}
.page-title {
  margin-bottom: 30px;
}
@media (min-width: 640px) {
  .item-label,
  .item-value {
    display: block;
  }
}
@media (max-width: 639px) {
  .item-label,
  .item-value {
    display: inline-block;
    line-height: 20px;
    vertical-align: top;
    width: 49%;
  }
  .item-value {
    padding-left: 10px;
  }
  .item-action {
    margin-top: 20px;
  }
}
.item-label {
  text-transform: uppercase;
  font-weight: 300;
}
.item-value {
  font-size: 18px;
  padding-bottom: 10px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.alert {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .alert {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.container__full {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .container__full {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  background-color: #f2f4f7;
  border: none;
  border-bottom: 1px solid #d3d3d3;
  padding: 10px 15px;
  margin: 0;
}
.well:before,
.well:after {
  content: " ";
  display: table;
}
.well:after {
  clear: both;
}
.well:before,
.well:after {
  content: " ";
  display: table;
}
.well:after {
  clear: both;
}
.well.well-single-headline {
  padding-left: 0;
  padding-right: 0;
}
.well.well-xs {
  padding: 0px 15px 5px;
}
.well.well-xs .well-headline {
  padding-top: 15px;
  margin: 0;
}
.well.well-xs .well-content {
  padding-top: 20px;
}
.well.well-sm {
  padding: 10px 20px;
}
.well.well-md {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well.well-md {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well.well-lg {
  padding-top: 45px;
  padding-bottom: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well.well-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well.well-primary {
  background-color: #47b6b1;
  color: #ffffff;
}
.well.well-secondary {
  background-color: #fef0e2;
  color: #19212b;
}
.well.well-tertiary {
  background-color: #128a9e;
  color: #ffffff;
}
.well.well-tertiary .item-label {
  color: #ffffff;
}
.well.well-tertiary .item-value {
  color: #fff;
}
.well.well-tertiary .item-value a {
  color: #fff;
  text-decoration: underline;
}
.well.well-quaternary {
  background-color: #f2f2f2;
  color: #19212b;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}
.well.well-quinary {
  background-color: #ffffff;
  color: #19212b;
  border-color: #e5e5e5;
  padding-left: 0;
  padding-right: 0;
}
.well.well-quinary .well-headline {
  background-color: #128a9e;
  color: #ffffff;
}
.well.well-quinary .well-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well.well-quinary .well-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well-headline {
  margin-left: -15px;
  margin-right: -15px;
  font-size: 16px;
  font-weight: 700;
  border-bottom: 1px solid #d3d3d3;
  padding: 5px 30px 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.well-headline-sub {
  font-weight: 400;
  padding-left: 10px;
}
@media (max-width: 639px) {
  .well-headline {
    padding-left: 35px;
    padding-right: 35px;
  }
}
.well-single-headline {
  padding-bottom: 0;
  border-bottom: 0;
}
.well-content {
  padding-top: 40px;
  padding-bottom: 20px;
}
.well-content:before,
.well-content:after {
  content: " ";
  display: table;
}
.well-content:after {
  clear: both;
}
.well-content:before,
.well-content:after {
  content: " ";
  display: table;
}
.well-content:after {
  clear: both;
}
.well > .col-no-padding {
  padding-left: 0;
  padding-right: 0;
}
.well .well-headline {
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .well .well-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .well,
  .well.well-lg {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1023px) {
  body.offcanvas {
    max-height: 100vh;
  }
  main {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .container {
    width: 100%;
  }
  textarea.form-control,
  select[multiple].form-control {
    height: auto;
  }
}
footer {
  margin-top: 30px;
  background: #0f7384;
  color: #ffffff;
  font-weight: 300;
}
.footer__top {
  padding-bottom: 50px;
  padding-top: 50px;
}
@media (max-width: 1024px) {
  .footer__top {
    padding-bottom: 38px;
  }
}
@media (max-width: 640px) {
  .footer__top .footer__nav--container {
    margin-bottom: 10px;
    text-align: center;
  }
}
.footer__top .footer__nav--container .footer__nav--links {
  padding-left: 0px;
  width: 100%;
  margin: 0px;
  list-style: none;
}
.footer__top .footer__nav--container .footer__nav--links .footer__link {
  margin-top: 10px;
}
.footer__top .footer__nav--container .footer__nav--links a {
  color: #ffffff;
  font-size: 14px;
}
.footer__left {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .footer__left {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.footer__right {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .footer__right {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1024px) {
  .footer__right {
    border-top: 1px solid #d3d3d3;
    padding-top: 30px;
    margin-top: 25px;
  }
}
.footer__right .footer__dropdown select.form-control {
  padding: 2px 13px;
}
.footer__right .footer__dropdown .form-group {
  margin-bottom: 0;
}
.footer__right .footer__dropdown .form-control {
  cursor: pointer;
  background-color: #0f7384;
  color: #ffffff;
  padding: 7px 10px;
  height: 26px;
  line-height: 20px;
  font-size: 14px;
}
.footer__right .footer__dropdown .form-control option {
  background-color: #0f7384;
}
.footer__right .footer__dropdown .form-control:focus::-ms-value {
  background-color: #0f7384;
}
.footer__copyright {
  background: #005361;
  padding: 25px 0;
  color: #ffffff;
  text-align: center;
}
ul.nav__links::after {
  content: "";
  display: block;
  clear: both;
}
ul.nav__links li {
  float: left;
  list-style-type: none;
}
ul.nav__links::after {
  clear: both;
}
@media (max-width: 1023px) {
  ul.nav__links:before {
    content: " ";
    display: table;
  }
}
.branding-mobile {
  padding: 10px 0 9px 0;
  border-bottom: solid 1px #d3d3d3;
  z-index: 9999;
  background-color: #00205b;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .branding-mobile {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.navigation.navigation--top {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .navigation.navigation--top {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.navigation--top .nav__left {
  padding: 9px 0 7px;
}
.navigation--top .nav__left .simple-banner-component img,
.navigation--top .nav__left .banner__component img {
  width: auto;
}
.miniCartSlot > div[data-ng-transclude] {
  display: inline-block;
}
.navigation--top .nav__right .nav__links--account {
  margin: 0;
  padding-left: 0;
  float: right;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] {
  display: inline-block;
  float: left;
}
.navigation--top .nav__right .nav__links--account div[data-smartedit-component-id="HeaderLinksSlot"] li:last-child a {
  padding-right: 12px;
}
.navigation--top .nav__right .nav__links--account li {
  display: inline-block;
  font-size: 12px;
  color: #154259;
  font-weight: 400;
  text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li:last-child a {
  padding-right: 0;
}
.navigation--top .nav__right .nav__links--account li.logged_in {
  padding: 10px;
}
.navigation--top .nav__right .nav__links--account li button {
  background: transparent none repeat scroll 0% 0%;
  border: medium none;
  color: #0068b3;
  font-size: 1em;
  text-transform: uppercase;
}
.navigation--top .nav__right .nav__links--account li button:hover {
  background: none;
  text-decoration: none;
  color: #47b6b1;
}
.navigation--top .nav__right .nav__links--account li a {
  color: inherit;
  cursor: pointer;
  text-transform: uppercase;
  font-weight: 400;
  padding: 12px;
  display: block;
  font-size: 1em;
  line-height: 1.329em;
}
.navigation--top .nav__right .nav__links--account li a:hover {
  text-decoration: none;
  color: #47b6b1;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader {
  background-color: transparent;
  color: inherit;
  display: block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding: 0 12px;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader::after,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader::after {
  clear: both;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader:hover,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader:hover,
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader:focus,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader:focus {
  color: #47b6b1;
  text-decoration: none;
}
.navigation--top .nav__right .nav__links--account .myAccountLinksHeader.show,
.navigation--top .nav__right .nav__links--account .myCompanyLinksHeader.show {
  background-color: #0d6878;
  color: #ffffff;
  text-decoration: none;
  display: block;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
  padding: 0 12px;
}
#accNavComponentDesktopOne,
#accNavComponentDesktopTwo {
  padding: 0;
  background-color: #0d6878;
}
#accNavComponentDesktopOne ul.nav__links,
#accNavComponentDesktopTwo ul.nav__links {
  width: 100%;
  padding: 0px;
  margin-bottom: 0px;
}
#accNavComponentDesktopOne ul.nav__links li,
#accNavComponentDesktopTwo ul.nav__links li {
  text-transform: capitalize;
  list-style: none;
  font-size: 12px;
  color: #154259;
  font-weight: 400;
  padding: 0;
  border-right: 1px solid #317f8c;
  border-bottom: 1px solid #317f8c;
}
#accNavComponentDesktopOne ul.nav__links li:hover,
#accNavComponentDesktopTwo ul.nav__links li:hover {
  background-color: #0f7384;
}
#accNavComponentDesktopOne ul.nav__links li a,
#accNavComponentDesktopTwo ul.nav__links li a {
  color: #ffffff;
  display: block;
  padding: 25px 0 25px 30px;
  font-size: 15px;
  font-weight: 400;
}
#accNavComponentDesktopOne ul.nav__links li a:hover,
#accNavComponentDesktopTwo ul.nav__links li a:hover {
  text-decoration: none;
}
@media (min-width: 1024px) {
  .navigation--middle {
    border-top: 1px solid #d3d3d3;
  }
}
@media (max-width: 639px) {
  .navigation--middle .row:first-child {
    border: none;
  }
}
.navigation--middle .btn {
  background-color: transparent;
  width: 100%;
  padding: 0;
  height: 100%;
  color: #ec7205;
  border: none;
}
@media (min-width: 1024px) {
  .navigation--middle .nav__left {
    padding-left: 30px;
    padding-right: 30px;
  }
}
.navigation--middle .nav__left .site-search {
  background-color: transparent;
  z-index: 2;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .navigation--middle .nav__left .site-search {
    margin-left: -10px;
  }
}
@media (max-width: 1024px) {
  .navigation--middle .nav__left .site-search {
    padding-left: 0;
  }
}
@media (max-width: 639px) {
  .navigation--middle .nav__left .site-search {
    display: none!important;
    left: 0;
    position: absolute;
    width: 100%;
    padding: 0 10px;
    border-top: 1px solid #d3d3d3;
  }
  .navigation--middle .nav__left .site-search.active {
    display: block!important;
  }
}
.navigation--middle .nav__left .site-search .ui-front {
  padding: 10px 0px;
}
.navigation--middle .nav__left .site-search .glyphicon-search {
  color: #b9bdc2;
  font-size: 17px;
}
.navigation--middle .nav__left .site-search .input-group {
  background-color: #ffffff;
  min-height: 38px;
  border: 1px solid #cccccc;
}
@media (min-width: 1024px) {
  .navigation--middle .nav__left .site-search .input-group {
    width: 445px;
  }
}
.navigation--middle .nav__left .site-search .input-group .form-control {
  border: 0;
  box-shadow: none;
  height: 38px;
  background-color: transparent;
}
.navigation--middle .nav__left .site-search .input-group .btn {
  width: 40px;
  padding: 0;
}
.navigation--middle .nav__left .site-search .input-group .btn:hover {
  background-color: transparent;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete {
  display: none;
  position: absolute;
  background: #ffffff;
  left: 0;
  right: 0;
  -webkit-box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 15px rgba(0, 0, 0, 0.5);
  z-index: 100;
  width: auto!important;
  padding-left: 0;
  padding-top: 0;
  list-style: none;
  margin: 0;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li {
  border-top: 1px solid #e5e5e5;
  display: block;
  width: 100%;
  padding: 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li a {
  display: table;
  width: 100%;
  color: inherit;
  text-decoration: none;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .thumb {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px 0 0;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .name {
  display: table-cell;
  padding: 10px;
  vertical-align: middle;
  width: 100%;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .thumb + .name {
  padding: 0 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li .price {
  display: table-cell;
  vertical-align: middle;
  padding: 0 10px;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete li.ui-state-focus {
  border-left: none;
  border-right: none;
  border-bottom: none;
  margin: 0;
  background: #f2f2f2;
  color: #19212b;
}
.navigation--middle .nav__left .site-search ul.ui-autocomplete.active {
  display: block;
}
.navigation--middle .nav__right {
  padding-right: 25px;
}
@media (max-width: 1024px) {
  .navigation--middle .nav__right {
    padding-right: 20px;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info {
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .navigation--middle .nav__right ul.nav__links--shop_info {
    padding-left: 10px;
  }
}
@media (min-width: 640px) {
  .navigation--middle .nav__right ul.nav__links--shop_info {
    float: right;
  }
}
@media (max-width: 639px) {
  .navigation--middle .nav__right ul.nav__links--shop_info {
    border-left: 1px solid #d3d3d3;
    display: table-cell;
    text-align: center;
    vertical-align: top;
    padding: 0;
  }
  .navigation--middle .nav__right ul.nav__links--shop_info li {
    float: none;
  }
}
@media (min-width: 640px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .componentContainer .yCmsComponent {
    display: inline;
  }
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
  min-width: 60px;
  border-left: 1px solid #d3d3d3;
  border-right: 1px solid #d3d3d3;
}
.navigation--middle .nav__right ul.nav__links--shop_info .nav-location span {
  font-size: 30px;
  top: 27%;
  color: #128a9e;
}
@media (min-width: 640px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
    float: right;
    padding: 0px 10px;
  }
}
@media (min-width: 1024px) {
  .navigation--middle .nav__right ul.nav__links--shop_info .nav-location {
    padding: 0px 30px;
  }
}
@media (max-width: 639px) {
  .navigation--middle .componentContainer {
    text-align: center;
    vertical-align: top;
    border-left: 1px solid #d3d3d3;
  }
}
.navigation--middle .nav-order-tools,
.navigation--middle .nav-location,
.navigation--middle .nav-cart {
  height: 60px;
}
.navigation--middle .nav-order-tools:hover,
.navigation--middle .nav-location:hover,
.navigation--middle .nav-cart:hover,
.navigation--middle .btn:hover,
.navigation--middle .nav-order-tools:active,
.navigation--middle .nav-location:active,
.navigation--middle .nav-cart:active,
.navigation--middle .btn:active,
.navigation--middle .nav-order-tools:focus,
.navigation--middle .nav-location:focus,
.navigation--middle .nav-cart:focus,
.navigation--middle .btn:focus {
  background-color: #f2f2f2;
  box-shadow: none;
}
.navigation--middle .nav-cart {
  float: right;
  padding: 0 10px;
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart {
    padding-left: 30px;
  }
}
@media (max-width: 639px) {
  .navigation--middle .nav-cart {
    position: relative;
    float: none;
    padding: 0;
  }
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart .mini-cart-price {
    overflow: hidden;
    margin-left: 5px;
    margin-right: 5px;
    float: right;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    top: 4px;
  }
}
.navigation--middle .nav-cart .mini-cart-link {
  color: #128a9e;
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart .mini-cart-link {
    line-height: 55px;
    white-space: nowrap;
  }
}
@media (max-width: 639px) {
  .navigation--middle .nav-cart .mini-cart-link {
    display: block;
  }
  .navigation--middle .nav-cart .mini-cart-link .mini-cart-icon {
    color: #128a9e;
    left: -7px;
    top: 10px;
  }
  .navigation--middle .nav-cart .mini-cart-link .mini-cart-icon .glyphicon-shopping-cart {
    width: 30px;
    font-size: 22px;
    position: relative;
    right: -6px;
    top: 3px;
  }
  .navigation--middle .nav-cart .mini-cart-link .mini-cart-count {
    font-size: 12px;
    position: absolute;
    right: 44%;
    top: -13px;
    margin: 0;
  }
  .navigation--middle .nav-cart .mini-cart-link .nav-items-total {
    display: inline-block;
    background-color: #ec7205;
    border-radius: 50%;
    height: 25px;
    width: 25px;
    color: #ffffff;
    line-height: 25px;
  }
}
.navigation--middle .nav-cart .mini-cart-count {
  float: right;
  font-size: 12px;
  text-transform: uppercase;
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart .mini-cart-count:before {
    content: "(";
    position: relative;
    top: 4px;
  }
  .navigation--middle .nav-cart .mini-cart-count:after {
    content: ")";
    position: relative;
    top: 4px;
  }
}
.navigation--middle .nav-cart .mini-cart-count .nav-items-total {
  position: relative;
  right: 0px;
  top: 5px;
}
@media (min-width: 640px) {
  .navigation--middle .nav-cart .mini-cart-icon {
    float: right;
    position: relative;
    top: 5px;
  }
}
.navigation--middle .nav-cart .mini-cart-icon .glyphicon-shopping-cart {
  font-size: 22px;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .navigation--middle .nav-cart .mini-cart-icon .glyphicon-shopping-cart {
    margin-left: 5px;
  }
}
@media (max-width: 639px) {
  .navigation--middle .mobile__nav__row.mobile__nav__row--table,
  .navigation--middle .mobile__nav__row .mobile__nav__row--table {
    display: table !important;
    width: 100%;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-group {
    display: table-row-group !important;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-row {
    display: table-row !important;
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-row:before {
    display: table;
    content: " ";
  }
  .navigation--middle .mobile__nav__row .mobile__nav__row--table-cell {
    display: table-cell !important;
    vertical-align: top;
  }
  .navigation--middle .mobile__nav__row .nav__links--shop_info .componentContainer {
    margin-bottom: 0;
    overflow: hidden;
  }
  .navigation--middle .mobile__nav__row span.glyphicon-align-justify {
    position: relative;
    cursor: pointer;
    margin: 0 auto;
    color: #128a9e;
    font-size: 29px;
    top: 2px;
  }
  .navigation--middle .mobile__nav__row .componentContainer .nav-order-tools,
  .navigation--middle .mobile__nav__row .componentContainer .nav-cart {
    font-size: 30px;
    line-height: 60px;
    padding: 0;
    width: 100%;
  }
  .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell {
    border-right: 1px solid #d3d3d3;
  }
  .navigation--middle .mobile__nav__row .componentContainer .mobile__nav__row--table-cell:last-child {
    border-right: none;
  }
}
@media (max-width: 639px) {
  .navigation--middle .mobile__nav__row .mobile__nav__row--seperator {
    border-left: 1px solid #d3d3d3;
  }
}
@media (max-width: 639px) {
  .navigation--middle .mobile__nav__row--btn {
    padding: 0;
    vertical-align: top;
    height: 60px;
    font-size: 30px;
    line-height: 60px;
  }
  .navigation--middle .mobile__nav__row--btn .nav-order-tools,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search {
    font-size: 30px;
    line-height: 60px;
    padding: 0;
    width: 100%;
  }
  .navigation--middle .mobile__nav__row--btn .nav-order-tools:hover,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link:hover,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:hover,
  .navigation--middle .mobile__nav__row--btn .nav-order-tools:focus,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link:focus,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:focus,
  .navigation--middle .mobile__nav__row--btn .nav-order-tools:active,
  .navigation--middle .mobile__nav__row--btn .mini-cart-link:active,
  .navigation--middle .mobile__nav__row--btn .mobile__nav__row--btn-search:active {
    background-color: #f2f2f2;
    color: #ec7205;
    text-decoration: none;
  }
  .navigation--middle .mobile__nav__row--btn span.glyphicon {
    color: #128a9e;
  }
}
.navigation--middle .mobile-menu {
  height: 60px;
}
.navigation--middle .mobile-menu button {
  font-size: 18px;
  line-height: 1.33;
  border-radius: 0;
  height: 100%;
  width: 100%;
  padding: 0px;
}
.navigation--middle .mobile-menu span {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  color: #128a9e;
  font-size: 29px;
  top: 2px;
}
.navigation--bottom {
  background-color: #128a9e;
  border-bottom: 1px solid #128a9e;
}
@media (max-width: 1023px) {
  .navigation--bottom {
    border-bottom: none;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .sm-back::before {
    content: "\e079";
    float: none;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .navigation__overflow {
    left: -380px;
    top: 0;
    height: 83vh;
    overflow-y: auto;
    border-top: 1px solid #d3d3d3;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav {
    display: inline-block;
    cursor: pointer;
    height: 60px;
    width: 20%;
    vertical-align: top;
    border-left: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom.js-enquire-offcanvas-navigation .close-nav button {
    background-color: #ffffff;
    height: 100%;
    width: 100%;
    display: inline-block;
    color: transparent;
    overflow: hidden;
    border: none;
  }
}
.navigation--bottom.js-enquire-offcanvas-navigation .close-nav button span {
  color: #128a9e;
  font-size: 25px;
}
.navigation--bottom:before,
.navigation--bottom:after {
  content: " ";
  display: table;
}
.navigation--bottom:after {
  clear: both;
}
@media (min-width: 1400px) {
  .navigation--bottom a {
    padding: 20px 32px;
  }
}
.navigation--bottom .column-20-percent {
  float: left;
  width: 20%;
}
@media (max-width: 1023px) {
  .navigation--bottom {
    width: 380px;
    position: absolute;
    left: -380px;
    z-index: 999;
    background-color: #ffffff;
  }
  .navigation--bottom li {
    float: none;
  }
}
@media (max-width: 639px) {
  .navigation--bottom {
    width: 100%;
    height: 83vh;
    left: -100%;
    margin-left: 0;
  }
}
.navigation--bottom .nav__links--products {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 0;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products.active {
    position: relative;
    left: -100%;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products {
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #ffffff;
    padding: 0;
    position: relative;
    left: 0;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products li {
    float: none;
    overflow: hidden;
    background-color: #ffffff;
    border-bottom: 1px solid #e5e5e5;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products li.liUserSign {
    border-bottom: 1px solid #317f8c;
  }
  .navigation--bottom .nav__links--products li.liUserSign:hover {
    background-color: #0f7384;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products li.liUserSign a.userSign {
    width: 80%;
    display: inline-block;
    text-transform: uppercase;
    padding-right: 20px;
  }
}
.navigation--bottom .nav__links--products li:last-child {
  margin-right: 0;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products li:last-child {
    padding-bottom: 50px;
  }
}
.navigation--bottom .nav__links--products li a {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 14px;
  line-height: 20px;
  padding: 20px 15px;
  display: block;
  color: #ffffff;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--products li a {
    margin-top: 0;
    color: #19212b;
    text-transform: capitalize;
    padding: 20px 30% 20px 50px;
    display: block;
  }
}
.navigation--bottom .nav__links--products .nav__links--secondary {
  display: none;
  background: #00205b;
  position: absolute;
  z-index: 1000;
  left: 0;
  border: 1px solid #d3d3d3;
  border-top: 0;
  padding: 0 10px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
}
.navigation--bottom .nav__links--products .nav__links--secondary .sm-back {
  display: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .row {
  position: relative;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section {
  position: static;
  padding: 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section.double {
  position: relative;
  min-height: 1px;
  padding: 10px 0 10px 0;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-section-column {
  float: left;
  padding: 0 10px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list {
  padding-left: 0;
  list-style: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li {
  border-bottom: 1px solid #d3d3d3;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li:last-child {
  border-bottom: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a {
  display: block;
  color: #19212b;
  line-height: 30px;
  padding-left: 5px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:hover,
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-section .sub-navigation-list li a:focus {
  background-color: #d3d3d3;
  text-decoration: none;
}
.navigation--bottom .nav__links--products .nav__links--secondary .sub-navigation-list.has-title {
  margin-top: 40px;
}
.navigation--bottom .nav__links--products .nav__links--secondary .title + .sub-navigation-list.has-title {
  margin-top: 0;
}
.navigation--bottom .show-sub .nav__link a {
  position: relative;
}
.navigation--bottom .show-sub .nav__link a:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-right: 10px solid rgba(0, 0, 0, 0);
  border-left: 10px solid rgba(0, 0, 0, 0);
  border-bottom: 10px solid #00205b;
  display: block;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -10px;
  z-index: 1001;
}
.navigation--bottom .show-sub .sub__navigation {
  display: block !important;
  top: 60px;
}
.navigation--bottom .nav__link {
  display: inline-block;
  width: 100%;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary-has__sub {
    position: static;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary-has__sub .nav__link {
    width: 67%;
  }
}
.navigation--bottom .nav__links--primary-has__sub .nav__link--drill__down {
  display: inline-block;
  width: 33%;
  color: #19212b;
  min-height: 30px;
  padding: 20px 0;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary.active .sub__navigation {
    display: block;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    display: none;
    background: #00205b;
    position: absolute;
    z-index: 1000;
    left: 0;
    border: 1px solid #d3d3d3;
    border-top: 0;
    padding: 0 10px;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub__navigation {
    display: none;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 100%;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sm-back {
    color: #19212b;
    padding: 5px 50px;
    border-bottom: 1px solid #f2f2f2;
    font-size: 18px;
    line-height: 50px;
  }
  .navigation--bottom .nav__links--primary .sm-back::after {
    content: ' ';
  }
  .navigation--bottom .nav__links--primary .sm-back::before {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings', sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: .8em;
    margin-right: 1em;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .row {
    margin: 0;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    padding: 0;
    background: #ffffff;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section {
    position: static;
    padding: 10px;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .title {
  font-size: 18px;
  line-height: 40px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.7);
}
@media (max-width: 1399px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .title {
    color: rgba(0, 0, 0, 0.7);
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .title {
    padding: 10px 20px 10px 50px;
    text-transform: uppercase;
    border-bottom: 1px solid #f2f2f2;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
  }
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list {
    padding-left: 0px;
    list-style: none;
    margin-top: 0;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a {
    display: block;
    color: #19212b;
    line-height: 30px;
    padding: 0 0 0 5px;
  }
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list a:hover {
    background-color: #f2f2f2;
    text-decoration: none;
  }
}
.navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li {
  position: relative;
  display: block;
  border-bottom: 1px solid #f2f2f2;
  float: none;
}
@media (min-width: 1024px) {
  .navigation--bottom .nav__links--primary .sub-navigation-section .sub-navigation-list li:last-child {
    border: none;
  }
}
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup2 li,
.navigation--bottom .nav__links--mobile.offcanvasGroup1 .offcanvasGroup3 li {
  border-bottom: 1px solid #317f8c;
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--mobile {
    overflow: hidden;
  }
  .navigation--bottom .nav__links--mobile li {
    overflow: hidden;
    background-color: #0f7384;
    border: none;
  }
  .navigation--bottom .nav__links--mobile li a {
    color: #ffffff;
  }
  .navigation--bottom .nav__links--mobile .subNavList {
    padding-left: 0;
  }
  .navigation--bottom .nav__links--mobile .subNavList li {
    padding: 5px 0;
    background: #0d6878;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--mobile div.sub-nav .myAccountLinksHeader,
  .navigation--bottom .nav__links--mobile div.sub-nav .myCompanyLinksHeader {
    display: block;
    cursor: pointer;
    max-height: 60px;
    text-transform: uppercase;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--mobile div.sub-nav a {
    border-bottom: 1px solid #317f8c;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .nav__links--mobile div.sub-nav a span {
    float: right;
    line-height: 50px;
    left: 0;
    position: relative;
    height: 30px;
    top: -14px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .userGroup {
    position: relative;
    line-height: 50px;
    background-color: #ffffff;
    padding: 5px 12px 5px 20px;
    cursor: pointer;
    color: #128a9e;
    display: inline-block;
    width: 80%;
    float: left;
    height: 60px;
    text-transform: uppercase;
    text-align: left;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .userGroup a {
    border: none;
    color: #128a9e;
  }
  .navigation--bottom .userGroup a:hover {
    background-color: transparent !important;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .userGroup .myAcctUserIcon {
    font-size: 20px;
    position: relative;
    top: 4px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .userGroup .userName {
    display: inline-block;
    padding-left: 10px;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .userGroup #signedInUserOptionsToggle {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    padding: 0;
  }
}
@media (max-width: 1023px) {
  .navigation--bottom .glyphicon-chevron-up,
  .navigation--bottom .glyphicon-chevron-down {
    position: absolute;
    left: 260px;
    line-height: 60px;
    top: 0;
  }
}
@media (max-width: 639px) {
  .navigation--bottom .glyphicon-chevron-up,
  .navigation--bottom .glyphicon-chevron-down {
    left: 68vw;
  }
}
@media (min-width: 640px) {
  main {
    -webkit-transition: transform 0.3s ease-out;
    -o-transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  main.offcanvas {
    position: relative;
    -webkit-transform: translate(380px, 0);
    -ms-transform: translate(380px, 0);
    -o-transform: translate(380px, 0);
    transform: translate(380px, 0);
  }
}
@media (max-width: 639px) {
  main.offcanvas {
    position: relative;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    -o-transform: translate(100%, 0);
    transform: translate(100%, 0);
  }
}
@media (max-width: 639px) {
  .offcanvas .sticky-nav-top {
    left: 0;
    position: absolute;
    height: 60px;
    width: 100vw;
  }
}
@media (max-width: 1023px) {
  .sticky-nav-top {
    position: absolute;
    left: 0px;
    top: -60px;
    width: 380px;
    padding: 0px;
    margin-bottom: 0;
    z-index: 9999;
    text-align: right;
  }
}
@media (max-width: 639px) {
  .sticky-nav-top {
    position: absolute;
    top: -60px;
    height: 60px;
    left: -60px;
    z-index: 999;
    width: 100vw;
  }
}
.sticky-nav-top .liUserSign {
  background-color: #ffffff;
}
@media (max-width: 1023px) {
  .sticky-nav-top .userSign {
    text-align: left;
    width: 80%;
    display: inline-block;
    color: #128a9e;
    padding: 20px 30% 20px 50px;
  }
}
@media (max-width: 1023px) {
  html.offcanvas {
    overflow-x: hidden;
  }
}
.nav-order-tools {
  position: relative;
  display: inline-block;
  cursor: pointer;
}
@media (min-width: 640px) {
  .nav-order-tools {
    border-left: 0px;
    border-right: 1px solid #d3d3d3;
    padding: 0px 15px;
  }
}
@media (min-width: 1024px) {
  .nav-order-tools {
    padding: 0px 30px;
  }
}
@media (max-width: 639px) {
  .nav-order-tools {
    position: static;
  }
}
.nav-order-tools:before {
  position: relative;
  top: 23%;
  display: inline;
  font-family: 'Glyphicons Halflings', sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e032";
  color: #128a9e;
  font-size: 30px;
}
@media (max-width: 639px) {
  .nav-order-tools:before {
    top: 3px;
  }
}
.quote__list {
  position: relative;
  display: inline-block;
  cursor: pointer;
  width: 45px;
  text-align: right;
}
.quote__list a {
  font-size: 25px;
  background-color: transparent;
  padding: 0;
  border: 0;
  color: #ec7205;
}
.quote__list a .glyphicon {
  top: 4px;
}
@media (min-width: 640px) {
  .quote__list {
    border-left: 0px;
    padding: 0px 15px;
  }
}
@media (min-width: 1024px) {
  .quote__list {
    padding: 0px 30px;
  }
}
@media (max-width: 639px) {
  .quote__list {
    position: static;
  }
}
.js-nav-order-tools--active .nav-order-tools__child-wrap {
  display: block;
}
.js-nav-quote-list--active .quote__list--nav {
  display: block;
}
.quote__list--nav {
  text-align: left;
  position: absolute;
  border: 1px solid #d3d3d3;
  background-color: #ffffff;
  right: 40px;
  top: 26px;
  width: 260px;
  z-index: 10;
}
.quote__list--nav a {
  font-size: 14px;
  line-height: 1.42857143;
}
@media (max-width: 639px) {
  .quote__list--nav {
    width: 100vw;
    top: 103px;
  }
}
.quote__list--nav a {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #19212b;
  padding: 20px 30px;
}
.quote__list--nav a:hover {
  background-color: #f2f2f2;
}
.nav-order-tools__child-wrap {
  font-size: 14px;
  line-height: 1.42857143;
  text-align: left;
  position: absolute;
  border: 1px solid #d3d3d3;
  background-color: #ffffff;
  right: -1px;
  top: 60px;
  width: 260px;
  z-index: 10;
}
@media (max-width: 639px) {
  .nav-order-tools__child-wrap {
    width: 100vw;
    top: 103px;
  }
}
.nav-order-tools__child-wrap div {
  border-bottom: 1px solid #f2f2f2;
}
.nav-order-tools__child-wrap div:last-child {
  border-bottom: none;
}
.nav-order-tools__child-wrap a {
  display: block;
  text-transform: uppercase;
  font-weight: 600;
  color: #19212b;
  padding: 20px 30px;
}
.nav-order-tools__child-wrap a:hover {
  background-color: #f2f2f2;
}
.search-results-highlight {
  font-weight: bold;
}
header {
  background: #00205b;
  margin-bottom: 20px;
}
.page-cartPage header,
.page-homepage header,
.page-productGrid header,
.page-searchGrid header,
.page-search header,
.page-cartPage header,
.pageType-CategoryPage header,
.page-multiStepCheckoutSummaryPage header,
.page-productDetails header {
  margin-bottom: 0;
}
.cookie-alert--top {
  margin-bottom: 0;
}
#consent-management-alert .consent-management-list {
  max-width: 100%;
  line-height: 1.6;
  padding: 0;
  margin: 0;
}
#consent-management-alert .consent-management-list__item {
  position: relative;
  margin-top: 0;
  margin-bottom: 3px;
  list-style-type: none;
}
@media (max-width: 1023px) {
  #consent-management-alert .consent-management-list__item {
    border-left: 0 none;
    border-right: 0 none;
    margin-left: -20px;
    margin-right: -20px;
  }
}
#consent-management-alert .consent-management-list__title {
  padding: 0 15px 0 62px;
  display: block;
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  font-weight: bold;
}
#consent-management-alert .consent-management-list__title:before {
  font-family: 'Glyphicons Halflings', sans-serif;
  content: '\e114';
  font-size: 16px;
  position: absolute;
  left: 20px;
  top: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
#consent-management-alert .consent-management-list__title:hover,
#consent-management-alert .consent-management-list__title:focus {
  cursor: pointer;
  outline: none;
}
#consent-management-alert .is-expanded .consent-management-list__title:before {
  content: "\e113";
}
#consent-management-alert .consent-management-list__label {
  width: 85%;
  font-size: 15px;
}
@media (max-width: 1023px) {
  #consent-management-alert .consent-management-list__label {
    width: 60%;
    font-size: 14px;
  }
}
#consent-management-alert .consent-management-list__content-inner {
  padding: 10px 40px 0 65px;
  font-size: 16px;
}
@media (max-width: 1023px) {
  #consent-management-alert .consent-management-list__content-inner {
    font-size: 14px;
  }
}
#consent-management-alert .consent-management-list__content {
  transition: height 0.3s ease-out;
  height: 0;
  overflow: hidden;
}
#consent-management-alert .consent-buttons-group {
  position: absolute;
  top: 10px;
  right: 20px;
}
@media (max-width: 639px) {
  #consent-management-alert .consent-buttons-group {
    right: 30px;
  }
}
#consent-management-alert .consent-buttons-group .btn {
  padding: 4px 38px;
  font-size: 13px;
  margin-left: 10px;
}
@media (max-width: 639px) {
  #consent-management-alert .consent-buttons-group .btn {
    padding: 4px;
    font-size: 12px;
    margin-left: 0;
  }
}
.page-headline {
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  /*****CODIGO AGREGADO***/
  font-size: 30px;
  color: #00205b;
  /****CODIGO AGREGADO***/
}
.page-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.page-sub-headline {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
}
.text-variant-bold {
  font-weight: 600;
}
.full-width-padding {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .full-width-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.half-width-padding {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1024px) {
  .half-width-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.btn-formblock {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
  margin-top: 25px;
}
.btn {
  /*CODIGO MODIFICADO*/
  /*text-transform: uppercase;*/
  /*CODIGO MODIFICADO*/
  font-weight: 600;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 3px;
}
.btn.glyphicon {
  padding: 3px 0 4px 0;
}
.btn.glyphicon:before {
  font-size: 25px;
}
.btn,
.btn:active,
.btn.active {
  box-shadow: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: 0;
}
.btn-small {
  padding: 6px 15px;
  font-size: 16px;
  line-height: 1.375;
  border-radius: 3px;
}
.btn-icon {
  padding-left: 83px;
  position: relative;
}
.btn-icon:before {
  position: absolute;
  font-size: 25px;
  top: 9px;
  left: 20px;
  display: inline-block;
  font-family: "Glyphicons Halflings", sans-serif;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
}
.btn-icon:after {
  content: "";
  position: absolute;
  left: 65px;
  top: -3px;
  border-right: 3px solid currentColor;
  height: 48px;
}
:hover .btn-icon:after {
  border-right-width: 3px;
}
.btn-edit-confirm {
  width: 48%;
}
.btn-block + .btn-block {
  margin-top: 10px;
}
.btn-default {
  border: 3px solid;
  color: #ffffff;
  background-color: #0c45a8;
  border-color: #0c45a8;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #00205b;
  background-color: #00205b;
  border-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  color: #ffffff;
  background-color: #00205b;
  border-color: #00205b;
}
.btn-default .badge {
  color: #0c45a8;
  background-color: #ffffff;
}
.btn-primary {
  /*CODIGO MODIFICADO*/
  border-radius: 0.25em;
  margin: 5px auto;
  /*CODIGO MODIFICADO*/
  color: #ffffff;
  background-color: #0c45a8;
  border-color: #0c45a8;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #00205b;
  background-color: #00205b;
  border-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  color: #ffffff;
  background-color: #00205b;
  border-color: #00205b;
}
.btn-primary .badge {
  color: #0c45a8;
  background-color: #ffffff;
}
.pagination-wrap {
  float: right;
  text-align: right;
}
.pagination {
  border: 1px solid transparent;
  font-weight: 400;
  margin: 0;
}
.pagination > li {
  vertical-align: top;
  display: inline-block;
}
.pagination > li > a,
.pagination > li > span {
  position: static;
  border: none;
  margin: 0;
  float: none;
  display: inline-block;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-next > a,
.pagination > li.pagination-prev > span,
.pagination > li.pagination-next > span {
  font-size: 11px;
}
.pagination > li.pagination-prev > a:hover,
.pagination > li.pagination-next > a:hover,
.pagination > li.pagination-prev > span:hover,
.pagination > li.pagination-next > span:hover,
.pagination > li.pagination-prev > a:focus,
.pagination > li.pagination-next > a:focus,
.pagination > li.pagination-prev > span:focus,
.pagination > li.pagination-next > span:focus {
  background-color: transparent;
  color: #153a59;
}
.pagination > li.pagination-prev.disabled > a:hover,
.pagination > li.pagination-next.disabled > a:hover,
.pagination > li.pagination-prev.disabled > span:hover,
.pagination > li.pagination-next.disabled > span:hover,
.pagination > li.pagination-prev.disabled > a:focus,
.pagination > li.pagination-next.disabled > a:focus,
.pagination > li.pagination-prev.disabled > span:focus,
.pagination > li.pagination-next.disabled > span:focus {
  color: #a6a6a6;
  background-color: transparent;
  border-color: transparent;
}
.pagination > li.pagination-prev {
  text-align: left;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-prev > span {
  border-right: 1px solid transparent;
}
.pagination > li.pagination-next {
  text-align: right;
}
.pagination > li.pagination-next > a,
.pagination > li.pagination-next > span {
  border-left: 1px solid transparent;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  background-color: transparent;
  border: none;
  font-weight: 700;
}
.pagination > li > a,
.pagination > li > span {
  line-height: 30px;
  width: 30px;
  padding: 0;
  font-size: 24px;
  text-align: center;
}
.pagination > li.pagination-prev > a,
.pagination > li.pagination-prev > span {
  margin-right: 10px;
  width: 35px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.pagination > li.pagination-next > a,
.pagination > li.pagination-next > span {
  margin-left: 10px;
  width: 35px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
@media (max-width: 1023px) {
  .pagination > li > a,
  .pagination > li > span {
    line-height: 46px;
    width: 30px;
    padding: 0;
    font-size: 24px;
    text-align: center;
  }
  .pagination > li.pagination-prev > a,
  .pagination > li.pagination-prev > span {
    margin-right: 10px;
    width: 40px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .pagination > li.pagination-next > a,
  .pagination > li.pagination-next > span {
    margin-left: 10px;
    width: 40px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
}
@media (max-width: 639px) {
  .pagination {
    display: table;
    width: 100%;
  }
  .pagination > li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
  }
  .pagination > li > a,
  .pagination > li > span {
    float: none;
  }
  .pagination > li > a,
  .pagination > li > span {
    line-height: 40px;
    width: 45px;
    padding: 0;
    font-size: 24px;
    text-align: center;
  }
  .pagination > li.pagination-prev > a,
  .pagination > li.pagination-prev > span {
    margin-right: 15px;
    width: 65px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .pagination > li.pagination-next > a,
  .pagination > li.pagination-next > span {
    margin-left: 15px;
    width: 65px;
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .pagination-with-pager .pagination-wrap {
    float: none;
  }
}
.breadcrumb-section {
  background: #d9d9d9;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .breadcrumb-section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.breadcrumb-section .breadcrumb {
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  margin: 0;
}
.image-gallery__image {
  cursor: pointer;
}
.image-gallery__zoom-icon {
  font-size: 20px;
  opacity: 0.5;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 10;
}
@media (min-width: 640px) {
  .page-productDetails .carousel {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.product-details,
.product-details-price {
  margin-bottom: 10px;
}
@media (max-width: 639px) {
  .product-details,
  .product-details-price {
    padding: 0;
  }
}
.product-details .name,
.product-details-price .name {
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  /*****CODIGO AGREGADO***/
  font-size: 30px;
  color: #00205b;
  /****CODIGO AGREGADO***/
  padding: 0;
}
.product-details .name.border,
.product-details-price .name.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.product-details .name .sku,
.product-details-price .name .sku {
  font-size: 18px;
  line-height: 18px;
  color: #929292;
  position: relative;
  padding-left: 20px;
  font-weight: 400;
}
.product-details .name .sku:before,
.product-details-price .name .sku:before {
  border-left: 1px solid #e5e5e5;
  content: "";
  height: 14px;
  position: absolute;
  top: 7px;
  left: 10px;
}
.product-details .name .code,
.product-details-price .name .code {
  font-size: 18px;
  line-height: 18px;
  padding-left: 5px;
}
.product-details .promotion,
.product-details-price .promotion {
  color: #00a651;
}
.product-details .description,
.product-details-price .description {
  padding: 10px 0 25px;
}
.product-details .price,
.product-details-price .price {
  font-size: 25px;
  font-weight: bold;
}
.product-details .stock-status,
.product-details-price .stock-status {
  font-weight: 300;
}
@media (max-width: 1399px) {
  .product-details .description,
  .product-details-price .description {
    border-bottom: 1px solid #cccccc;
  }
}
.product-details.page-title {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .product-details.page-title {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-main-info {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .product-main-info {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-main-info .product-details {
  padding: 0;
}
.variant-section {
  margin-bottom: 30px;
}
.variant-section .variant-selector .variant-name {
  font-size: 13px;
  font-weight: 600;
  color: #153a59;
  text-transform: uppercase;
  margin-top: 15px;
  margin-bottom: 5px;
}
.variant-section .variant-selector .variant-name .variant-selected {
  font-weight: normal;
  text-transform: none;
}
.variant-section .variant-selector .variant-list {
  padding-left: 0;
  list-style: none;
  margin-left: -20px;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
  content: " ";
  display: table;
}
.variant-section .variant-selector .variant-list:after {
  clear: both;
}
.variant-section .variant-selector .variant-list:before,
.variant-section .variant-selector .variant-list:after {
  content: " ";
  display: table;
}
.variant-section .variant-selector .variant-list:after {
  clear: both;
}
.variant-section .variant-selector .variant-list li {
  float: left;
  margin: 0 0 0 20px;
}
.variant-section .variant-selector .variant-list li a,
.variant-section .variant-selector .variant-list li span {
  display: block;
  height: 32px;
  width: 32px;
  line-height: 32px;
  text-align: center;
  text-transform: uppercase;
  border: 1px solid #cccccc;
  background: #fff;
  color: #19212b;
  text-decoration: none;
}
@media (max-width: 1023px) {
  .variant-section .variant-selector .variant-list li a,
  .variant-section .variant-selector .variant-list li span {
    height: 42px;
    width: 42px;
    line-height: 42px;
  }
}
.variant-section .variant-selector .variant-list li a img,
.variant-section .variant-selector .variant-list li span img {
  width: 100%;
  height: auto;
  vertical-align: top;
  border: 1px solid transparent;
}
.variant-section .variant-selector .variant-list li:hover a,
.variant-section .variant-selector .variant-list li.active a {
  background: #47b6b1;
  -webkit-box-shadow: inset 0 0  0 1px #fff;
  box-shadow: inset 0 0  0 1px #fff;
  border: 1px solid #47b6b1;
  color: #fff;
}
.variant-section .variant-selector .variant-list li:hover a img,
.variant-section .variant-selector .variant-list li.active a img {
  border: 1px solid #fff;
}
.variant-section .variant-selector .variant-list li.disabled span {
  color: #999;
  cursor: not-allowed;
}
.variant-section .variant-selector .variant-select {
  margin: 10px 0 0;
}
.rating:before,
.rating:after {
  content: " ";
  display: table;
}
.rating:after {
  clear: both;
}
.rating:before,
.rating:after {
  content: " ";
  display: table;
}
.rating:after {
  clear: both;
}
.rating .rating-stars {
  margin: 0 5px 0 0;
  padding: 3px 0 1px;
  position: relative;
}
@media (max-width: 1023px) {
  .rating .rating-stars {
    font-size: 18px;
    float: none;
  }
  .rating .rating-stars:before,
  .rating .rating-stars:after {
    content: " ";
    display: table;
  }
  .rating .rating-stars:after {
    clear: both;
  }
  .rating .rating-stars:before,
  .rating .rating-stars:after {
    content: " ";
    display: table;
  }
  .rating .rating-stars:after {
    clear: both;
  }
}
.rating .rating-stars .greenStars {
  position: absolute;
  overflow: hidden;
  top: 3px;
  left: 0;
  white-space: nowrap;
  width: 0;
}
.rating .rating-stars span {
  color: #dee3e8;
  margin: 0 0.1em;
  overflow: hidden;
}
.rating .rating-stars span.fh {
  width: 0.47em;
  margin-right: 0;
  float: left !important;
}
.rating .rating-stars span.lh {
  width: 0.5em;
  text-indent: -0.44em;
  margin-left: 0;
  float: left !important;
}
.rating .rating-stars span.active {
  color: #f6c658;
}
.rating.rating-set .rating-stars {
  cursor: pointer;
  display: inline-block;
}
.rating a {
  font-size: 13px;
  position: relative;
  margin-left: 10px;
  padding-left: 10px;
}
.rating a:before {
  border-left: 1px solid #cccccc;
  content: "";
  height: 19px;
  position: absolute;
  top: 0;
  left: 0;
}
.tabs-responsive .tab-container {
  float: none;
  padding: 0;
}
@media (max-width: 1023px) {
  .tabs-responsive .tabhead {
    border-bottom: 1px solid #f2f4f7;
  }
}
.tab-review .review-pagination-bar {
  margin: 10px 0;
}
.tab-review .review-pagination-bar:before,
.tab-review .review-pagination-bar:after {
  content: " ";
  display: table;
}
.tab-review .review-pagination-bar:after {
  clear: both;
}
.tab-review .review-pagination-bar:before,
.tab-review .review-pagination-bar:after {
  content: " ";
  display: table;
}
.tab-review .review-pagination-bar:after {
  clear: both;
}
.tab-review .review-pagination-bar .right {
  float: right;
}
.tab-review .review-pagination-bar .right .pager {
  float: left;
  margin: 0 10px;
}
.tab-review .review-list {
  padding-left: 0;
  list-style: none;
}
.tab-review .review-list .review-entry {
  margin: 10px 0;
}
.tab-review .review-list .review-entry .title {
  font-weight: bold;
}
.tab-review .review-list .review-entry .autor {
  color: #777777;
}
.tab-review .write-review {
  display: none;
}
#AddToCart-PickUpInStoreAction {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
@media (min-width: 640px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #AddToCart-PickUpInStoreAction {
    float: left;
    width: 100%;
  }
}
.AddToCart-PickUpInStoreAction {
  margin-top: 10px;
}
#AddToCart-AddToCartAction {
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 20px;
}
@media (min-width: 640px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 50%;
  }
}
@media (min-width: 1024px) {
  #AddToCart-AddToCartAction {
    float: left;
    width: 100%;
  }
}
.image-gallery img {
  width: 100%;
  height: auto;
  -webkit-touch-callout: none;
}
.image-gallery .zoomImg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-height: none;
  max-width: none;
  z-index: 9999;
  border: 0;
  opacity: 0;
}
.image-gallery .zoomImg img {
  width: 100%;
  height: 100%;
}
.image-gallery .zoomImgMask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10000;
}
.addtocart-component {
  margin-top: 10px;
}
.addtocart-component .stock-wrapper {
  font-size: 13px;
  margin: 25px 0;
}
.addtocart-component .stock-wrapper * {
  float: left;
  margin: 0;
}
.addtocart-component .stock-wrapper .futureStockLink {
  margin-left: 10px;
}
.addtocart-component .actions .btn {
  margin-bottom: 10px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share {
  background: url("../../common/images/productShareIcon.png") no-repeat left center;
  padding-left: 25px;
}
.addtocart-component div.a2a_kit a.a2a_dd.share .a2a_img {
  display: none;
}
.addtocart-component .qty-selector .input-group-btn,
#add_to_cart_storepickup_form .qty-selector .input-group-btn,
.addtocart-component .qty-selector .btn,
#add_to_cart_storepickup_form .qty-selector .btn {
  width: 48px;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
}
.addtocart-component .qty-selector .form-control,
#add_to_cart_storepickup_form .qty-selector .form-control {
  width: 50px;
  height: 48px;
  text-align: center;
  font-size: 13px;
  font-weight: bold;
}
@media (max-width: 1023px) {
  .addtocart-component {
    margin-top: 20px;
  }
  .addtocart-component .qty-selector .input-group-btn,
  .addtocart-component .qty-selector .btn,
  .addtocart-component .qty-selector .form-control {
    width: 62.4px;
  }
}
@media (max-width: 639px) {
  .addtocart-component .qty-selector {
    margin-left: auto;
    margin-right: auto;
  }
  .addtocart-component .stock-wrapper {
    display: table;
    margin-left: auto;
    margin-right: auto;
  }
}
.add-to-cart .add-to-cart-item {
  margin-bottom: 10px;
}
.add-to-cart .add-to-cart-item .thumb {
  float: left;
  margin-right: 10px;
}
.add-to-cart .add-to-cart-item .thumb img {
  max-width: 65px;
}
.add-to-cart .add-to-cart-item .details {
  font-size: 18px;
  margin-left: 75px;
}
.add-to-cart .add-to-cart-item .details .name {
  font-weight: bold;
  color: inherit;
}
.add-to-cart .add-to-cart-item .price {
  font-size: 22px;
  text-align: right;
  font-weight: bold;
}
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y;
}
.owl-carousel:before,
.owl-carousel:after {
  content: " ";
  display: table;
}
.owl-carousel:after {
  clear: both;
}
.owl-carousel:before,
.owl-carousel:after {
  content: " ";
  display: table;
}
.owl-carousel:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:before,
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  content: " ";
  display: table;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:before,
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  content: " ";
  display: table;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper:after:after {
  clear: both;
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
  float: left;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}
.owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item.loading > * {
  min-height: 1px;
}
.owl-carousel .owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.owl-carousel .owl-controls .owl-buttons .owl-prev,
.owl-carousel .owl-controls .owl-buttons .owl-next {
  cursor: pointer;
  position: absolute !important;
  top: 50% !important;
  display: table;
  width: 25px;
  height: 125px;
  text-align: center;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: rgba(255, 255, 255, 0.7);
  font-size: 120px;
  overflow: hidden;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  font-size: 25px;
  line-height: 125px;
  color: #ec7205;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
  color: #ffffff;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:hover span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next:hover span.glyphicon {
  color: #154259;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
  left: 3px;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev:before {
  content: "\e075";
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
  right: 5px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next:before {
  content: "\e071";
}
.carousel,
.carousel__component--carousel {
  width: auto;
  margin: 10px -10px;
  text-align: center;
}
.carousel .item,
.carousel__component--carousel .item,
.carousel .carousel__item,
.carousel__component--carousel .carousel__item {
  display: block;
  margin: 0 10px;
  padding: 10px 0;
}
.carousel .item .thumb,
.carousel__component--carousel .item .thumb,
.carousel .carousel__item .thumb,
.carousel__component--carousel .carousel__item .thumb,
.carousel .item .carousel__item--thumb,
.carousel__component--carousel .item .carousel__item--thumb,
.carousel .carousel__item .carousel__item--thumb,
.carousel__component--carousel .carousel__item .carousel__item--thumb {
  margin-bottom: 20px;
  height: 140px;
}
.carousel .item .thumb img,
.carousel__component--carousel .item .thumb img,
.carousel .carousel__item .thumb img,
.carousel__component--carousel .carousel__item .thumb img,
.carousel .item .carousel__item--thumb img,
.carousel__component--carousel .item .carousel__item--thumb img,
.carousel .carousel__item .carousel__item--thumb img,
.carousel__component--carousel .carousel__item .carousel__item--thumb img {
  max-width: 140px;
  max-height: 140px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.carousel .item a,
.carousel__component--carousel .item a,
.carousel .carousel__item a,
.carousel__component--carousel .carousel__item a {
  color: #19212b;
}
.carousel .item a:hover,
.carousel__component--carousel .item a:hover,
.carousel .carousel__item a:hover,
.carousel__component--carousel .carousel__item a:hover,
.carousel .item a:focus,
.carousel__component--carousel .item a:focus,
.carousel .carousel__item a:focus,
.carousel__component--carousel .carousel__item a:focus {
  text-decoration: none;
  color: #47b6b1;
}
.carousel .item .item__name,
.carousel__component--carousel .item .item__name,
.carousel .carousel__item .item__name,
.carousel__component--carousel .carousel__item .item__name,
.carousel .item .carousel__item--name,
.carousel__component--carousel .item .carousel__item--name,
.carousel .carousel__item .carousel__item--name,
.carousel__component--carousel .carousel__item .carousel__item--name {
  margin-top: 13.33333333px;
  margin-bottom: 11px;
  text-transform: uppercase;
  text-align: center;
  line-height: 1.2em;
  overflow: hidden;
  position: relative;
  height: 2.4em;
  font-weight: 600;
  font-size: 16px;
  color: #154259;
}
.carousel .item .item__name:before,
.carousel__component--carousel .item .item__name:before,
.carousel .carousel__item .item__name:before,
.carousel__component--carousel .carousel__item .item__name:before,
.carousel .item .carousel__item--name:before,
.carousel__component--carousel .item .carousel__item--name:before,
.carousel .carousel__item .carousel__item--name:before,
.carousel__component--carousel .carousel__item .carousel__item--name:before {
  background: #FFF none repeat scroll 0 0;
  bottom: 0;
  position: absolute;
  right: 0;
  content: '\2026';
}
.carousel .item .item__name:after,
.carousel__component--carousel .item .item__name:after,
.carousel .carousel__item .item__name:after,
.carousel__component--carousel .carousel__item .item__name:after,
.carousel .item .carousel__item--name:after,
.carousel__component--carousel .item .carousel__item--name:after,
.carousel .carousel__item .carousel__item--name:after,
.carousel__component--carousel .carousel__item .carousel__item--name:after {
  content: "";
  background: #FFF none repeat scroll 0% 0%;
  position: absolute;
  height: 50px;
  width: 100%;
  z-index: 1;
}
.carousel .item .item__price,
.carousel__component--carousel .item .item__price,
.carousel .carousel__item .item__price,
.carousel__component--carousel .carousel__item .item__price,
.carousel .item .carousel__item--price,
.carousel__component--carousel .item .carousel__item--price,
.carousel .carousel__item .carousel__item--price,
.carousel__component--carousel .carousel__item .carousel__item--price {
  margin: 10px;
  color: #19212b;
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  margin: 0;
}
.carousel-component,
.carousel__component {
  padding: 0 20px;
  margin: 35px 0 15px;
}
.carousel-component:before,
.carousel__component:before,
.carousel-component:after,
.carousel__component:after {
  content: " ";
  display: table;
}
.carousel-component:after,
.carousel__component:after {
  clear: both;
}
.carousel-component:before,
.carousel__component:before,
.carousel-component:after,
.carousel__component:after {
  content: " ";
  display: table;
}
.carousel-component:after,
.carousel__component:after {
  clear: both;
}
.carousel-component .carousel__component--headline,
.carousel__component .carousel__component--headline {
  color: #154259;
  font-size: 28px;
  margin: 10px 0 20px;
  text-align: center;
  font-weight: bold;
  text-transform: normal;
}
.carousel-component:first-child,
.carousel__component:first-child {
  margin: 50px 0 22px;
}
.carousel-component + .carousel-component,
.carousel__component + .carousel-component,
.carousel-component .carousel__component,
.carousel__component .carousel__component {
  margin-top: 0;
  border-top: 4px solid #f2f2f2;
  padding-top: 30px;
}
.rotating-image-componet:before,
.rotating-image-componet:after {
  content: " ";
  display: table;
}
.rotating-image-componet:after {
  clear: both;
}
.rotating-image-componet:before,
.rotating-image-componet:after {
  content: " ";
  display: table;
}
.rotating-image-componet:after {
  clear: both;
}
.rotating-image-componet .carousel.rotating-image {
  margin: 0;
}
.rotating-image-componet .owl-item .item {
  padding: 0;
  margin: 0;
}
.rotating-image-componet .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
.rotating-image-componet .owl-controls .owl-pagination {
  display: block !important;
}
.image-gallery .image-gallery__image .owl-item .item {
  padding: 0;
}
.image-gallery .image-gallery__image .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .image-gallery .image-gallery__image .owl-controls {
    display: none !important;
  }
}
@media (min-width: 1400px) {
  .image-gallery .image-gallery__image .owl-controls {
    display: none !important;
  }
}
.image-gallery .gallery-carousel .owl-item img {
  width: 100%;
  height: auto;
  max-width: none;
  max-height: none;
}
.simpleimagecomponent a {
  display: block;
}
.simpleimagecomponent a img {
  width: 100%;
  height: auto;
}
.banner-component {
  width: 100%;
}
.banner-component a {
  display: block;
  color: #19212b;
  text-decoration: none;
}
.banner-component a:before,
.banner-component a:after {
  content: " ";
  display: table;
}
.banner-component a:after {
  clear: both;
}
.banner-component a:before,
.banner-component a:after {
  content: " ";
  display: table;
}
.banner-component a:after {
  clear: both;
}
.banner-component .title {
  font-weight: bold;
}
.banner-component .thumb {
  padding: 10px 0;
}
.banner-component .thumb img {
  width: 100%;
  height: auto;
}
@media (max-width: 639px) {
  .simple-banner-component,
  .banner__component {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
    margin-left: 1px;
    margin-right: 1px;
    margin: 0;
  }
}
.simple-banner-component a,
.banner__component a {
  display: block;
}
.simple-banner-component img,
.banner__component img {
  width: 100%;
  height: auto;
}
.image-map-component img {
  width: 100%;
  height: auto;
}
.cms-image-component img {
  width: 100%;
  height: auto;
}
.tabs {
  margin: 60px 0 0;
}
@media (max-width: 1023px) {
  .tabs {
    border-top: 1px solid #cccccc;
  }
}
.tabs .tabs-list {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #dddddd;
  display: table;
  margin: 0 auto;
  border: 0;
}
.tabs .tabs-list > li {
  position: relative;
  display: block;
}
.tabs .tabs-list > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.tabs .tabs-list > li > a:hover,
.tabs .tabs-list > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.tabs .tabs-list > li.disabled > a {
  color: #777777;
}
.tabs .tabs-list > li.disabled > a:hover,
.tabs .tabs-list > li.disabled > a:focus {
  color: #777777;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.tabs .tabs-list .open > a,
.tabs .tabs-list .open > a:hover,
.tabs .tabs-list .open > a:focus {
  background-color: #eeeeee;
  border-color: #ec7205;
}
.tabs .tabs-list .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.tabs .tabs-list > li > a > img {
  max-width: none;
}
.tabs .tabs-list > li {
  float: left;
  margin-bottom: -1px;
}
.tabs .tabs-list > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 0 0 0 0;
}
.tabs .tabs-list > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.tabs .tabs-list > li.active > a,
.tabs .tabs-list > li.active > a:hover,
.tabs .tabs-list > li.active > a:focus {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
  cursor: default;
}
.tabs .tabs-list.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.tabs .tabs-list.nav-justified > li {
  float: none;
}
.tabs .tabs-list.nav-justified > li > a {
  text-align: center;
  margin-bottom: 5px;
}
.tabs .tabs-list.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 640px) {
  .tabs .tabs-list.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .tabs .tabs-list.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.tabs .tabs-list.nav-justified > li > a {
  margin-right: 0;
  border-radius: 0;
}
.tabs .tabs-list.nav-justified > .active > a,
.tabs .tabs-list.nav-justified > .active > a:hover,
.tabs .tabs-list.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 640px) {
  .tabs .tabs-list.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 0 0 0 0;
  }
  .tabs .tabs-list.nav-justified > .active > a,
  .tabs .tabs-list.nav-justified > .active > a:hover,
  .tabs .tabs-list.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tabs .tabs-list .current-info {
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.tabs .tabs-list li {
  padding: 0 20px;
}
.tabs .tabs-list li a {
  text-transform: uppercase;
  color: #ec7205;
  padding: 0 0 5px 0;
  border: 0;
  border-bottom: 4px solid transparent;
}
.tabs .tabs-list li a:focus,
.tabs .tabs-list li a:hover {
  cursor: pointer;
  background-color: transparent;
}
.tabs .tabs-list li + li:before {
  content: "";
  position: absolute;
  height: 15px;
  left: 0;
  top: 2px;
  border-left: 1px solid #cccccc;
}
.tabs .tabs-list li.active a,
.tabs .tabs-list li.active a:hover,
.tabs .tabs-list li.active a:focus {
  color: #19212b;
  font-weight: bold;
  border: 0;
  border-bottom: 4px solid #47b6b1;
}
.tabs .tabhead {
  height: 75px;
  display: table;
}
@media (max-width: 639px) {
  .tabs .tabhead {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .tabs .tabhead {
    display: none !important;
  }
}
.tabs .tabhead + .tabbody {
  display: none !important;
}
.tabs .tabhead.active {
  font-weight: bold;
}
.tabs .tabhead.active + .tabbody {
  display: block !important;
}
.tabs .tabhead a {
  padding: 0 10px;
  color: inherit;
  line-height: 1;
  text-decoration: none;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
@media (max-width: 1024px) {
  .tabs .tabhead a {
    padding-left: 20px;
  }
}
.tabs .tabhead .glyphicon {
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
}
.tabs .tabhead .glyphicon:before {
  content: "\e080";
}
@media (max-width: 1024px) {
  .tabs .tabhead .glyphicon {
    padding-right: 20px;
  }
}
.tabs .tabhead.active .glyphicon:before {
  content: "\e114";
}
.tabs .tabbody {
  border-bottom: 1px solid #cccccc;
  padding: 20px 0px;
  padding-left: 30px;
  padding-right: 30px;
  background-color: #f2f2f2;
}
@media (max-width: 1024px) {
  .tabs .tabbody {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .tabs .tabbody {
    border-top: 1px solid #cccccc;
  }
}
@media (max-width: 639px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .tabs.tabs-responsive .tabs-list {
    display: none !important;
  }
}
.tabs.tabs-responsive .tabhead {
  text-transform: uppercase;
  display: none !important;
  border-bottom-color: #cccccc;
}
.tabs.tabs-responsive .tabhead.active {
  border-bottom: 4px solid #47b6b1;
}
@media (max-width: 1023px) {
  .tabs.tabs-responsive .tabhead {
    display: table !important;
  }
}
.tabs.tabs-accordion .tabs-list {
  display: none !important;
}
.tabs.tabs-accordion .tabhead {
  display: table !important;
  margin-bottom: 20px;
}
.languagecurrencycomponent {
  float: right !important;
}
.languagecurrencycomponent form {
  display: inline-block;
}
.languagecurrencycomponent form + form {
  margin-left: 10px;
}
.ui-helper-hidden-accessible {
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.thumb {
  position: relative;
}
.thumb .badges {
  position: absolute;
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  overflow: hidden;
}
.thumb .badges .badge {
  float: left;
  clear: left;
  margin-bottom: 10px;
}
.com-space > * {
  padding: 10px 0;
}
.flex-column {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-direction: normal;
  -moz-box-direction: normal;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: start;
  -moz-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.flex-column > * {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.product-classifications .headline {
  font-weight: bold;
  padding: 10px;
}
.product-classifications table.table td.attrib {
  width: 50%;
}
.no-space {
  padding: 0 !important;
}
.no-space .yCmsComponent {
  padding: 0 !important;
}
.simple-responsive-banner-component a,
.banner__component--responsive a {
  display: block;
}
.simple-responsive-banner-component img,
.banner__component--responsive img {
  width: 100%;
  height: auto;
}
.error-page {
  text-align: center;
}
.back-link {
  padding: 20px 0px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .back-link {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.back-link.border {
  border-bottom: 1px solid #cccccc;
}
.back-link button {
  padding: 0;
}
.back-link .glyphicon {
  border-right: 1px solid #cccccc;
  border-radius: 0;
  padding-right: 10px;
  line-height: 16px;
  top: -2px;
}
.back-link .label {
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  /*****CODIGO AGREGADO***/
  font-size: 30px;
  color: #00205b;
  /****CODIGO AGREGADO***/
  padding-left: 10px;
  white-space: normal;
}
.back-link .label.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.back-link.product-details .label {
  font-weight: 600;
}
.accordion {
  font-weight: 600;
  text-transform: uppercase;
  margin: 0;
}
.accordion .panel-group {
  margin: 0;
}
.accordion .panel {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.accordion .panel .panel-heading {
  background-color: #f2f2f2;
  border-bottom: 1px solid #ffffff;
  position: relative;
  padding: 0;
}
.accordion .panel .panel-heading .accordion-toggle {
  display: block;
  color: #19212b;
  padding: 20px 30px;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.accordion .panel .panel-heading .accordion-toggle:before {
  content: "\e113";
}
.accordion .panel .panel-heading .accordion-toggle.collapsed:before {
  content: "\e114";
}
.accordion .panel .panel-heading .accordion-lnk {
  position: absolute;
  left: 55px;
  top: 20px;
}
.accordion .panel .panel-heading .accordion-lnk.no-subs {
  display: block;
  position: static;
  padding: 20px;
}
.accordion .panel .panel-collapse .panel-heading {
  background-color: #e6e6e6;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk {
  left: 75px;
}
.accordion .panel .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 75px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading {
  background-color: #d9d9d9;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 95px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #cccccc;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 115px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #bfbfbf;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 135px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #b3b3b3;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 155px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #a6a6a6;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 175px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #999999;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 195px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #8c8c8c;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 215px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #808080;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 235px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading {
  background-color: #737373;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk {
  left: 255px;
}
.accordion .panel .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-collapse .panel-heading .accordion-lnk.no-subs {
  padding-left: 255px;
}
.accordion .panel .panel-heading + .panel-collapse > .panel-body {
  border: none;
  padding: 0;
}
.pageType-CategoryPage .map img {
  min-width: 100%;
}
.searchEmptyPageMiddle-component {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .searchEmptyPageMiddle-component {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1024px) {
  .product__list--wrapper {
    padding: 0;
    margin: 0 0 0 -20px;
  }
}
@media (min-width: 640px) {
  .product__list--wrapper .pagination-wrap {
    padding-right: 0;
  }
}
.searchSpellingSuggestionPrompt {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 640px) {
  .pagination-bar .sort-refine-bar button {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.results h1 {
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  /*****CODIGO AGREGADO***/
  font-size: 30px;
  color: #00205b;
  /****CODIGO AGREGADO***/
  margin-top: 20px;
  padding-left: 20px;
  padding-bottom: 0;
}
.results h1.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.product__listing {
  padding-left: 0;
  list-style: none;
}
.product__listing .product__listing--promo {
  color: #3e5983;
  margin-bottom: 10px;
}
a.product__listing .product__listing--promo:hover,
a.product__listing .product__listing--promo:focus {
  color: #2e4160;
}
@media (min-width: 1024px) {
  .product__listing .product__listing--promo {
    padding-right: 20px;
    margin: 0 -10px;
  }
}
.product__listing .product__list--price-panel {
  text-align: right;
}
.product__listing .product__list--name {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  margin: 0 0 10px 106px;
  color: inherit;
}
.product__listing .product__listing--description {
  margin: 0 210px 0 106px;
}
@media (max-width: 639px) {
  .product__listing .product__listing--description {
    display: none !important;
  }
}
.product__listing .addtocart {
  clear: both;
  text-align: center;
  padding: 10px 0 0 0;
}
.product__listing .addtocart button {
  margin-bottom: 5px;
}
@media (min-width: 1024px) {
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
    width: 49%;
    display: inline-block;
    float: left;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction {
    position: relative;
    right: 1%;
    float: right;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction {
    position: relative;
    left: 1%;
  }
}
@media (min-width: 1024px) and (min-width: 1400px) {
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction {
    width: calc(49% - 4px);
  }
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .product__listing .addtocart .pickup-in-store-available {
    margin: 0 -4px;
  }
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .ProductGridComponent-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsList-ListAddToCartAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListPickUpInStoreAction,
  .product__listing .addtocart .pickup-in-store-available .SearchResultsGrid-ListAddToCartAction {
    padding: 0 3.33333333px;
  }
}
.product__listing.product__list .product__list--item.tag-highlighted,
.product__listing.product__grid .product-item.tag-highlighted {
  position: relative;
}
.product__listing.product__list .product__list--item.tag-highlighted:before,
.product__listing.product__grid .product-item.tag-highlighted:before {
  content: "";
  z-index: -1;
  position: absolute;
  border: 2px solid #47b6b1;
  top: 14px;
  left: 12px;
  right: 12px;
  bottom: 14px;
}
.product__listing.product__list .product__list--item.tag-highlighted:after,
.product__listing.product__grid .product-item.tag-highlighted:after {
  content: "\e006";
  top: 18px;
  left: 16px;
  color: #47b6b1;
  width: 24px;
  line-height: 22px;
  height: 24px;
  font-size: 18px;
  padding: 0;
  text-align: center;
  position: absolute;
}
.product__listing.product__list .product__list--item {
  padding: 20px 30px;
  border-top: 1px solid #f2f2f2;
}
.product__listing.product__list .product__list--item:nth-of-type(2n) {
  background-color: #f2f2f2;
}
@media (max-width: 1024px) {
  .product__listing.product__list .product__list--item {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product__listing.product__list .product__list--item.tag-highlighted:before {
  left: 0;
  right: 0;
  top: 1px;
  bottom: 0;
}
.product__listing.product__list .product__list--item.tag-highlighted:after {
  font-size: 16px;
  top: 8px;
  left: 7px;
}
.product__listing.product__list .product__list--item.tag-highlighted:first-child:before {
  top: 0;
}
.product__listing.product__list .product__list--item.tag-highlighted:nth-of-type(2n) {
  background: transparent;
}
.product__listing.product__list .product__list--item.tag-highlighted:nth-of-type(2n):before {
  top: 1px;
  background-color: #f2f2f2;
}
.product__listing.product__list .product__list--thumb {
  float: left;
  margin-right: 10px;
  display: block;
}
.product__listing.product__list .product__list--thumb > img {
  width: 96px;
}
.product__listing.product__list .product__list--price-panel {
  float: right;
  width: 200px;
}
.product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
.product__listing.product__list .ProductListComponent-ListAddToCartAction,
.product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
.product__listing.product__list .SearchResultsList-ListAddToCartAction {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 640px) {
  .product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
  .product__listing.product__list .ProductListComponent-ListAddToCartAction,
  .product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
  .product__listing.product__list .SearchResultsList-ListAddToCartAction {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 640px) {
  .product__listing.product__list .ProductListComponent-ListPickUpInStoreAction,
  .product__listing.product__list .ProductListComponent-ListAddToCartAction,
  .product__listing.product__list .SearchResultsList-ListPickUpInStoreAction,
  .product__listing.product__list .SearchResultsList-ListAddToCartAction {
    left: 33.33333333%;
  }
}
.product__listing.product__list .ProductListComponent-ListOrderFormAction,
.product__listing.product__list .SearchResultsList-ListOrderFormAction {
  float: left;
  width: 50%;
  left: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
@media (min-width: 640px) {
  .product__listing.product__list .ProductListComponent-ListOrderFormAction,
  .product__listing.product__list .SearchResultsList-ListOrderFormAction {
    float: left;
    width: 33.33333333%;
  }
}
@media (min-width: 640px) {
  .product__listing.product__list .ProductListComponent-ListOrderFormAction,
  .product__listing.product__list .SearchResultsList-ListOrderFormAction {
    left: 0%;
  }
}
@media (max-width: 639px) {
  .product__listing.product__list .product__list--price-panel {
    text-align: left;
    float: none;
    margin-left: 106px;
    width: auto;
  }
}
.product__listing.product__grid {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.product__listing.product__grid .product-item {
  float: left;
  width: 50%;
  position: relative;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 20px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media (min-width: 640px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1024px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
@media (min-width: 1400px) {
  .product__listing.product__grid .product-item {
    float: left;
    width: 25%;
  }
}
.product__listing.product__grid .product-item:first-child {
  margin-left: -1px;
}
.product__listing.product__grid .product-item.tag-highlighted {
  position: relative;
}
.product__listing.product__grid .thumb {
  display: block;
  margin-bottom: 10px;
  text-align: center;
  height: 180px;
  overflow: hidden;
}
.product__listing.product__grid .thumb img {
  width: 100%;
  height: auto;
  max-width: 140px;
}
.product__listing.product__grid .details {
  text-align: center;
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-flex: 1 0 auto;
  -moz-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.product__listing.product__grid .details .name {
  margin: 0;
  font-weight: 600;
  font-size: 16px;
  padding-bottom: 10px;
  height: 70px;
  overflow: hidden;
  color: #154259;
}
.product__listing.product__grid .details .price {
  font-size: 18px;
}
.product__listing.product__grid .details .promo {
  color: #00a651;
  font-size: 14px;
  font-weight: bold;
}
@media (min-width: 640px) {
  .product__listing.product__grid .product-item:nth-child(4n+1) {
    clear: both;
  }
}
@media (max-width: 639px) {
  .product__listing.product__grid .product-item:nth-child(2n+1) {
    clear: both;
  }
}
.search-empty {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
}
.search-empty .headline {
  margin-bottom: 20px;
}
.search-empty .search-suggestions {
  margin-bottom: 20px;
}
.product-category-page .product-categories .refine-bar {
  padding-bottom: 10px;
  padding-top: 10px;
}
.product-category-page .product-categories .pcp-prod,
.product-category-page .product-categories .pcp-banner {
  padding-left: 0;
  padding-right: 0;
}
.product-category-page .product-categories .pcp-banner .simple-responsive-banner-component,
.product-category-page .product-categories .pcp-banner .banner__component--responsive {
  margin-right: -20px;
}
.product-category-page .product-categories .pcp-banner {
  padding-top: 10px;
}
@media (min-width: 1024px) {
  .search-list-page-right-result-list-slot {
    margin-left: -20px;
    margin-top: -20px;
  }
  .search-list-page-right-result-list-component {
    padding-left: 20px;
  }
  .product-list-right-slot {
    margin-left: -20px;
  }
  .product-list-right-component {
    margin-left: 0;
    padding-top: 20px;
  }
  .product-list-right-component .pagination-bar {
    margin-top: 0;
  }
}
.search-results-highlight {
  font-weight: bold;
}
.product__facet {
  margin: 0;
  border-right: 1px solid #cccccc;
  padding: 0;
}
.product__facet .facet {
  padding: 45px 30px 30px 30px;
  border-bottom: 1px solid #cccccc;
}
.product__facet .facet:before,
.product__facet .facet:after {
  content: " ";
  display: table;
}
.product__facet .facet:after {
  clear: both;
}
.product__facet .facet:before,
.product__facet .facet:after {
  content: " ";
  display: table;
}
.product__facet .facet:after {
  clear: both;
}
.product__facet .facet:last-child {
  margin: 0;
}
.product__facet .facet .facet__name {
  font-size: 18px;
  font-weight: bold;
  color: #154259;
  margin-left: -5px;
}
.product__facet .facet .facet__list {
  padding-left: 0;
  list-style: none;
  margin: 10px 0;
}
.product__facet .facet .facet__list li {
  padding: 10px 0;
}
.product__facet .facet .facet__list label {
  cursor: pointer;
  font-weight: normal;
  display: block;
  margin: 0;
}
.product__facet .facet .facet__list .facet__list__mark {
  display: inline-block;
  width: 20px;
  height: 20px;
  padding: 0;
  margin-right: 10px;
  border: 1px solid #cccccc;
  text-align: center;
  vertical-align: middle;
  background: #ffffff;
  margin-top: -3px;
}
.product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__mark {
  background: #ec7205;
  border: 1px solid #ec7205;
  -webkit-box-shadow: inset 0 0  0 1px @check-box-bg;
  box-shadow: inset 0 0  0 1px @check-box-bg;
}
.product__facet .facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__text {
  color: #ec7205;
}
.product__facet .facet .facet__list .facet__list__checkbox:focus + .facet__list__label .facet__list__mark {
  border: 1px solid #47b6b1;
  -webkit-box-shadow: inset 0 0  0 1px @check-box-bg;
  box-shadow: inset 0 0  0 1px @check-box-bg;
}
.product__facet .facet .facet__list .facet__list__text {
  line-height: 20px;
}
.product__facet .facet .facet__list.facet__list--hidden {
  display: none;
}
.product__facet .facet .facet__values__more {
  display: block;
}
.product__facet .facet .facet__values__less {
  display: none;
}
.product__facet .facet .facet__form {
  padding-top: 10px;
}
.product__facet .facet .facet__form .input-group {
  background-color: #ffffff;
  min-height: 32px;
  border: 1px solid #cccccc;
}
.product__facet .facet .facet__form .input-group .form-control {
  border: 0 none;
  height: 32px;
  box-shadow: none;
}
.product__facet .facet .facet__form .input-group .btn {
  width: 40px;
  height: 32px;
  line-height: 32px;
  padding: 0;
}
.product__facet .facet .facet__form .input-group .btn .glyphicon-search {
  color: #b9bdc2;
  font-size: 17px;
  top: 0;
}
.product__facet .facet .facet__form .line-text {
  margin: 20px 0;
}
.product__facet .facet .facet__form__hidden {
  display: none;
}
.product__facet .facet .facet__results__hidden {
  display: none;
}
@media (max-width: 1023px) {
  .product__facet {
    padding: 10px;
    margin: 0;
    border: 0 none;
  }
  #colorbox .product__facet {
    display: block !important;
  }
  .product__facet .facet {
    float: none;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0 0 10px 0;
  }
  .product__facet .facet .facet__name {
    background: #f2f2f2;
    cursor: pointer;
    padding: 10px;
    padding-left: 65px;
    text-transform: uppercase;
    position: relative;
  }
  .product__facet .facet .facet__name .facet__arrow {
    font-size: 12px;
    position: absolute;
    top: 17px;
    left: 30px;
  }
  .product__facet .facet .facet__name .facet__arrow:before {
    content: "\e080";
  }
  .product__facet .facet .facet__values {
    display: none;
  }
  .product__facet .facet.active .facet__arrow:before {
    content: "\e114";
  }
  .product__facet .facet.active .facet__values {
    display: block;
  }
}
.sort-refine-bar .form-group select {
  width: auto;
}
.pagination-bar {
  margin: 30px 0;
}
.pagination-bar .pagination-toolbar {
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 30px;
  border-bottom: 1px solid #cccccc;
}
@media (max-width: 1024px) {
  .pagination-bar .pagination-toolbar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.pagination-bar .form-group {
  margin: 0;
}
.pagination-bar .pagination-bar-results {
  margin-top: 25px;
  padding: 0 20px;
  color: #929292;
}
.pagination-bar.bottom .pagination-toolbar {
  padding-top: 30px;
  border-top: 1px solid #cccccc;
  border-bottom-width: 1px;
}
@media (max-width: 1023px) {
  .pagination-bar button {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media (max-width: 639px) {
  .sort-refine-bar .form-group select {
    width: 100%;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 30px;
    width: 100%;
  }
  .pagination-bar .pagination {
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
  }
}
@media (min-width: 640px) {
  .pagination-bar .pagination-toolbar {
    border-bottom-width: 1px;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 25px;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .sort-refine-bar .form-group select {
    height: 48px;
  }
  .pagination-bar .pagination,
  .pagination-bar button {
    margin-top: 24px;
  }
}
.item__list {
  margin-top: 30px;
  margin-bottom: 20px;
  padding-left: 0;
  list-style: none;
}
.item__list .item__list--item {
  border-bottom: 1px solid #e5e5e5;
  padding: 15px 0;
}
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap,
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap:after {
  background-color: #f2f2f2;
}
.item__list .item__list--item:nth-child(4n+4) + li .add-to-cart-order-form-wrap .order-form-scroll.down {
  bottom: 0;
  z-index: 9999;
}
.item__list .item__list--item:last-child {
  padding-right: 30px;
}
.item__list .item__list--item .btn-group.open .dropdown-menu {
  padding: 0;
}
.item__list .item__list--item .btn-group.open .dropdown-menu li {
  margin: 0;
}
.item__list .item__list--item .btn-group.open .dropdown-menu li:first-child {
  border-bottom: 1px solid #e5e5e5;
}
.item__list .item__list--item .btn-group.open a {
  padding: 18px 35px 18px 25px;
}
.item__list .item__list--item .item__configurations--display .btn {
  padding-left: 0;
}
.item__list .item__list--item .item__configurations--display .btn:hover {
  color: #154259;
}
.item__list .item__list--header {
  padding-left: 0;
  list-style: none;
  display: table;
  table-layout: fixed;
  width: 100%;
}
.item__list .item__list--header li {
  display: table-cell;
  background-color: #128a9e;
  color: #ffffff;
  font-size: 13px;
  text-transform: uppercase;
  padding: 7px 10px;
}
.item__list .item__list--header li:last-child {
  padding-right: 30px;
}
.item__list .item__toggle {
  font-size: 15px;
  width: 25px;
}
.item__list .item__toggle > * {
  cursor: pointer;
}
.item__list .item__toggle .open .glyphicon:before {
  content: "\e113";
}
.item__list .item__image {
  width: 136px;
  padding: 0 20px;
}
.item__list .item__image img {
  max-width: 96px;
}
.item__list .item__name {
  font-size: 16px;
  font-weight: 700;
}
.item__list .item__quantity {
  text-align: center;
}
.item__list .item__quantity .form-control {
  display: inline-block;
  width: 60px;
  height: 40px;
  text-align: center;
}
.item__list .item__delivery .item__delivery--label {
  text-transform: uppercase;
  color: #929292;
  font-weight: 700;
}
.item__list .item__total--column {
  text-align: right;
}
.item__list .item__total {
  font-size: 15px;
  font-weight: 700;
  text-align: right;
  padding-left: 0;
}
.item__list .item__remove,
.item__list .item__menu {
  width: 45px;
  text-align: right;
}
.item__list .item__remove .btn,
.item__list .item__menu .btn {
  font-size: 25px;
  background-color: transparent;
  padding: 0;
  border: 0;
  color: #ec7205;
}
.item__list .item__remove .btn .glyphicon,
.item__list .item__menu .btn .glyphicon {
  top: 4px;
}
.item__list #cartOrderGridForm .product-grid-container table {
  background-color: #f2f2f2;
}
.item__list #cartOrderGridForm .product-grid-container table th {
  background-color: #e4e4e4;
  color: #19212b;
}
.item__list .promo {
  font-size: 14px;
  font-weight: 700;
  color: #00a651;
}
.item__list .promo ul {
  padding-left: 0;
  list-style: none;
}
.item__list .out-of-stock {
  color: #ed1c24;
}
.item__list .read-only-grid .grid-row > td {
  border-bottom: 1px solid #f2f2f2;
}
.item__list .read-only-grid .grid-prod-img {
  width: 100px;
  padding: 25px 40px 20px 45px;
  vertical-align: top;
}
.item__list .read-only-grid .grid-prod-img + td {
  padding-bottom: 5px;
}
.item__list .read-only-grid .grid-variant,
.item__list .read-only-grid .grid-size {
  font-weight: 700;
}
.item__list .read-only-grid .grid-variant + .grid-variant:before,
.item__list .read-only-grid .grid-size + .grid-variant:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #cccccc;
}
.item__list .read-only-grid .grid-prod-info {
  display: inline-block;
  padding-top: 0;
  padding-right: 40px;
}
.item__list .read-only-grid .grid-qty .grid-qty-label {
  font-size: 12px;
  text-transform: uppercase;
}
.item__list .read-only-grid .grid-price:before {
  content: "|";
  font-size: 15px;
  margin: 0 10px;
  width: 1px;
  color: #cccccc;
}
@media (min-width: 1024px) {
  .item__list > li .add-to-cart-order-form-wrap {
    border-bottom: 1px solid #e5e5e5;
  }
  .item__list .item__list--item {
    display: table;
    table-layout: fixed;
    width: 100%;
  }
  .item__list .item__list--item .item__sku__input,
  .item__list .item__list--item .item__toggle,
  .item__list .item__list--item .item__image,
  .item__list .item__list--item .item__info,
  .item__list .item__list--item .item__price,
  .item__list .item__list--item .item__quantity,
  .item__list .item__list--item .item__delivery,
  .item__list .item__list--item .item__total,
  .item__list .item__list--item .item__remove,
  .item__list .item__list--item .item__menu,
  .item__list .item__list--item .item__quantity__total {
    display: table-cell;
    padding: 0 10px;
    vertical-align: middle;
  }
  .item__list .item__info {
    width: 35%;
    padding: 0 10px;
  }
  .item__list .item__delivery {
    padding-left: 3%;
  }
}
@media (min-width: 640px) {
  .item__list #cartOrderGridForm {
    max-height: 460px;
    overflow: scroll;
  }
  .item__list #cartOrderGridForm table tr:first-child > th:first-child,
  .item__list #cartOrderGridForm table tr > td:first-child {
    border-right: 0;
    padding-left: 40px;
  }
}
@media (max-width: 1023px) {
  .item__list {
    border-top: 1px solid #e5e5e5;
    margin-top: 0;
    clear: both;
  }
  .item__list .item__toggle .glyphicon {
    width: 50px;
    height: 50px;
  }
  .item__list .item__image {
    float: left;
    margin: 0;
  }
  .item__list .item__price .visible-xs {
    display: inline!important;
  }
  .item__list .item__remove,
  .item__list .item__menu {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 0;
    margin: 0;
  }
  .item__list .item__remove .btn,
  .item__list .item__menu .btn {
    text-align: center;
    width: 50px;
    height: 50px;
  }
  .item__list .item__total {
    float: right;
  }
  .item__list .item__quantity__total {
    clear: both;
    float: none;
    width: auto;
    padding-right: 20px;
  }
  .item__list .item__quantity__total > .details {
    cursor: pointer;
  }
  .item__list .item__quantity__total .qty {
    line-height: 42px;
    padding-top: 10px;
  }
  .item__list .item__quantity__total .qty:before,
  .item__list .item__quantity__total .qty:after {
    content: " ";
    display: table;
  }
  .item__list .item__quantity__total .qty:after {
    clear: both;
  }
  .item__list .item__quantity__total .qty:before,
  .item__list .item__quantity__total .qty:after {
    content: " ";
    display: table;
  }
  .item__list .item__quantity__total .qty:after {
    clear: both;
  }
  .item__list .item__quantity__total .qty label {
    float: left;
    margin: 0 10px 0 0;
  }
  .item__list .item__quantity__total .qty input {
    float: left;
    width: 70px;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 10px;
  }
  .item__list .item__quantity__total .qty .qtyValue {
    float: left;
  }
  .item__list .item__quantity__total .qty .glyphicon {
    float: right;
    line-height: 40px;
    padding-left: 5px;
  }
  .item__list .item__quantity__total .open .qty .glyphicon:before {
    content: "\e114";
  }
  .item__list #cartOrderGridForm .product-grid-container {
    font-size: 14px;
    margin: 0;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-detail {
    padding-left: 20px;
    padding-top: 10px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-detail img {
    padding-right: 10px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-select {
    padding-top: 22px;
    padding-right: 20px;
    vertical-align: top;
  }
  .item__list #cartOrderGridForm .product-grid-container > table {
    border-bottom: 1px solid #f2f2f2;
  }
  .item__list #cartOrderGridForm .product-grid-container > table tr td {
    border-bottom: none;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary {
    background-color: transparent;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary > td {
    padding: 0 20px 20px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary .variant-summary-items {
    border: none;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary table tr td {
    padding: 0 10px 0 0;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary table tr td:last-child {
    padding: 0;
  }
  .item__list .read-only-grid .grid-prod-img {
    padding-left: 20px;
    padding-right: 30px;
  }
  .item__list .read-only-grid .grid-variant {
    display: block;
  }
  .item__list .read-only-grid .grid-variant + .grid-variant:before {
    content: none;
  }
  .item__list--item {
    position: relative;
  }
  .item__list--item > div {
    margin-left: 136px;
    padding: 0 80px 0 0;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
.account-orderdetail .item__list {
  clear: both;
  margin-top: 0;
}
.cart-header {
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 20px;
  padding-bottom: 10px;
}
@media (max-width: 1024px) {
  .cart-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart-header.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.cart-header .cart-headline {
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  /*****CODIGO AGREGADO***/
  font-size: 30px;
  color: #00205b;
  /****CODIGO AGREGADO***/
  padding: 0px;
}
.cart-header .cart-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.cart-header .cart__id--label {
  font-size: 18px;
  font-weight: 600;
  padding: 0 5px 0 10px;
}
.cart-header .cart__id--label:before {
  content: "|";
  position: relative;
  left: -2px;
  color: #929292;
  font-weight: 400;
  vertical-align: top;
}
.cart-header .cart__id--label .cart__id {
  padding-left: 5px;
}
.cart-top-bar {
  background: #f2f2f2;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .cart-top-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart-top-bar a.help {
  font-size: 13px;
  position: relative;
  padding-right: 25px;
}
.cart-top-bar a.help .glyphicon {
  color: #ec7205;
  font-size: 1.5em;
  position: absolute;
  right: 0;
  top: -1px;
}
.cart-top-bar .help-popup-content-holder {
  display: none;
}
.cart-restoration-bar {
  background: #F2F4F7;
  margin-bottom: 20px;
  padding: 10px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .cart-restoration-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.help-popup-content strong {
  display: block;
  margin-bottom: 15px;
}
.cart__content {
  margin-left: -10px;
  margin-right: -10px;
  padding: 0;
  margin-left: 1px;
  margin-right: 1px;
  margin: 0;
}
.cart__top--totals {
  text-align: right;
  font-size: 15px;
  margin-top: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .cart__top--totals {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart__top--totals .cart__top--amount {
  margin-left: 5px;
}
.cart__top--totals .cart__top--amount:before {
  content: "|";
  position: relative;
  left: -2px;
  color: #929292;
  font-weight: 400;
  top: -1px;
}
.cart__actions.border {
  border-bottom: 1px solid #e5e5e5;
}
.cart__actions,
.cart__actions--top {
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 0px;
  margin-top: 180px;
}
@media (max-width: 1024px) {
  .cart__actions,
  .cart__actions--top {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 640px) {
  .cart__actions,
  .cart__actions--top {
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0px;
  }
}
.item__list__cart {
  margin-top: 15px;
  margin-bottom: 10px;
}
.item__list__cart table td {
  padding: 0;
}
.item__list__cart > table tbody > .entry-group-header > th {
  background-color: #e4e4e4;
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  padding-right: 35px;
}
.item__list__cart > table tbody > .entry-group-header a {
  color: #ec7205;
}
.item__list__cart > table table td {
  background-color: #f4f4f4;
}
.item__list__cart > table table tbody > .entry-group-header > th {
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  padding: 10px 35px;
}
@media (min-width: 1024px) {
  .item__list__cart .item__remove,
  .item__list__cart .item__menu {
    width: 60px;
  }
}
.item__list__cart .item__list--item {
  border-top: 1px solid #e5e5e5;
}
.item__list__cart .item__list--item .item__image {
  padding: 10px;
}
@media (min-width: 1024px) {
  .item__list__cart .item__list--item .item__remove,
  .item__list__cart .item__list--item .item__menu {
    padding-right: 26px;
  }
}
.item__list__cart .item__list--item .item__menu {
  overflow: visible;
}
.item__list__cart .item__list--item .item__menu .dropdown-menu {
  padding: 5px 0;
}
.item__list__cart .item__list--item .btn-group.open .dropdown-menu {
  padding: 0;
}
.item__list__cart .item__list--item .btn-group.open .dropdown-menu li {
  margin: 0;
  border-top: 1px solid #e5e5e5;
}
.item__list__cart .item__list--item .btn-group.open .dropdown-menu li:first-child {
  border: none;
}
.item__list__cart .item__list--item .btn-group.open a {
  padding: 18px 35px 18px 25px;
}
.item__list__cart .item__list--comment {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.item__list__cart .item__list--comment .item__comment {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .item__list__cart .item__list--comment .item__comment {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.item__list__cart .item__list--comment .item__comment textarea {
  min-height: inherit;
  resize: none;
  margin-bottom: 20px;
}
.item__list__cart .item__list--comment .item__comment--role {
  margin-top: 38px;
}
.item__list__cart .item__list--comment .item__comment--author {
  font-weight: bold;
}
.item__list__cart .item__quantity {
  text-align: left;
}
.item__list__cart .notification.has-error {
  padding: 0 30px;
  text-align: center;
  margin-top: 10px;
}
.item__list__cart .item__configurations {
  margin: 10px 0;
}
@media (max-width: 480px) {
  .item__list__cart .item__configuration--entry {
    margin-bottom: 5px;
  }
}
.item__list__cart .item__configurations--edit .btn {
  padding-left: 0;
}
.item__list__cart .item__configurations--edit .btn:hover {
  color: #154259;
}
.cart__head--link:after {
  content: "|";
  position: relative;
  left: 5px;
  color: #929292;
  font-weight: 400;
  vertical-align: top;
}
.cart__head--link:first-child:after {
  content: "";
  position: relative;
  left: 0px;
  color: #929292;
  font-weight: 400;
  vertical-align: top;
}
.save__cart--link,
.new__cart--link,
.cart__quotes--link {
  text-align: right;
  margin-top: 12px;
  text-transform: uppercase;
  font-weight: 700;
  display: inline-block;
  white-space: nowrap;
  float: right;
  padding: 0 5px;
}
@media (max-width: 1023px) {
  .save__cart--link,
  .new__cart--link,
  .cart__quotes--link {
    text-align: left;
  }
}
@media (max-width: 639px) {
  .save__cart--link,
  .new__cart--link,
  .cart__quotes--link {
    text-align: center;
    margin-top: 0;
  }
}
.export__cart--link {
  text-align: left;
  width: 100%;
  margin-top: 15px;
  padding-right: 20px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 15px;
  display: inline-block;
  white-space: nowrap;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .export__cart--link {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .export__cart--link {
    padding-top: 5px;
  }
}
.cart-totals {
  font-size: 18px;
  line-height: 2em;
  margin-top: 25px;
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1024px) {
  .cart-totals {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.cart-totals .cart-totals-left {
  padding-left: 50px;
}
.cart-totals .cart-totals-right {
  font-weight: bold;
  padding-left: 0;
  padding-right: 60px;
}
.cart-totals .cart-price {
  font-weight: bold;
}
.cart-totals .discount {
  color: #00a651;
}
.cart-totals .quote-discount-link {
  text-transform: uppercase;
}
.cart-totals .grand-total {
  font-size: 22px;
  text-transform: uppercase;
  line-height: 1.3em;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 15px;
}
.cart-totals .cart-totals-taxes {
  clear: both;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.5em;
  padding-right: 60px;
  padding-left: 55px;
}
@media (max-width: 1023px) and (min-width: 640px) {
  .cart-totals .cart-totals-left,
  .cart-totals .cart-totals-right,
  .cart-totals .cart-totals-taxes {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 639px) {
  .cart-totals .cart-totals-left,
  .cart-totals .cart-totals-right,
  .cart-totals .cart-totals-taxes {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .cart__actions .pull-right {
    float: none!important;
  }
  .cart__actions .row {
    margin: 0;
  }
}
.express-checkout {
  background-color: #f2f2f2;
  padding: 20px 40px;
  margin: 20px 0;
}
@media (min-width: 640px) {
  .express-checkout {
    margin-right: 20px;
  }
}
@media (min-width: 1024px) {
  .express-checkout {
    margin-right: 30px;
  }
}
.express-checkout .headline {
  font-size: 24px;
  font-weight: 600;
  margin: 0 0 10px 0;
}
.express-checkout ul {
  margin-top: 5px;
}
.express-checkout ul li {
  list-style-type: disc;
}
@media (max-width: 1023px) and (min-width: 640px) {
  .express-checkout {
    padding: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 639px) {
  .express-checkout {
    margin: 0 0 20px 0;
    padding: 20px;
  }
}
.cartpotproline,
.cartproline {
  font-size: 18px;
  padding-bottom: 25px;
  border-bottom: 1px solid #e5e5e5;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .cartpotproline,
  .cartproline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cartpotproline .info,
.cartproline .info {
  font-size: 14px;
}
.promotion {
  font-size: 14px;
  font-weight: bold;
  color: #00a651;
}
.error-details-section .action {
  text-align: center;
  margin: 10px 0;
}
.doFlowSelectedChange,
#selectPciOption {
  margin-top: 20px;
}
@media (max-width: 639px) {
  .cartpotproline,
  .cartproline {
    padding: 10px 20px 25px;
  }
  .btn--continue-shopping,
  .btn--continue-checkout,
  .btn-create-quote {
    margin-bottom: 15px;
  }
  .doFlowSelectedChange {
    margin-top: 20px;
  }
}
#cboxContent .cart_popup_error_msg {
  margin-bottom: 20px;
}
.content__empty .content {
  margin: 0 auto;
  width: 50%;
}
.mini-cart .mini-cart-body:before,
.mini-cart .mini-cart-body:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body:after {
  clear: both;
}
.mini-cart .mini-cart-body:before,
.mini-cart .mini-cart-body:after {
  content: " ";
  display: table;
}
.mini-cart .mini-cart-body:after {
  clear: both;
}
.mini-cart .mini-cart-body .legend {
  margin-bottom: 10px;
}
.mini-cart .mini-cart-body .legend a {
  float: right;
}
.mini-cart .mini-cart-body .mini-cart-list {
  padding-left: 0;
  list-style: none;
}
.mini-cart .mini-cart-body .mini-cart-list li + li {
  margin-top: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb {
  float: left;
  margin-right: 10px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .thumb img {
  max-width: 65px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details {
  margin-left: 75px;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .details .name {
  font-weight: bold;
  color: inherit;
}
.mini-cart .mini-cart-body .mini-cart-list .mini-cart-item .price {
  text-align: right;
  font-weight: bold;
}
.mini-cart .mini-cart-body .mini-cart-totals {
  border: 1px solid #e5e5e5;
  border-width: 1px 0;
  margin: 10px 0 30px;
  padding: 10px;
}
.mini-cart .mini-cart-body .mini-cart-totals .key {
  float: left;
}
.mini-cart .mini-cart-body .mini-cart-totals .value {
  text-align: right;
}
.mini-cart .mini-cart-body .mini-cart-checkout-button {
  margin: 10px 0;
}
.mini-cart .mini-cart-body img {
  width: 100%;
}
#quoteForm .form__actions {
  margin-bottom: 30px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  #quoteForm .form__actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  #quoteForm .form__actions--cancel,
  #quoteForm .form__actions--done {
    margin-bottom: 15px;
  }
}
.cart__quote__edit .quote__head {
  color: #ffffff;
  background-color: #128a9e;
  padding: 20px 0;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .cart__quote__edit .quote__head {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cart__quote__edit .quote__head .quote__head--label {
  color: #ffffff;
  font-size: 15px;
  margin-bottom: 0;
}
.cart__quote__edit .quote__head .label__value {
  display: inline-block;
}
.cart__quote__edit .quote__head .glyphicon {
  font-size: 30px;
  position: absolute;
  height: 30px;
  line-height: 20px;
}
.cart__quote__edit .quote__head .quote__head--title {
  font-size: 15px;
  text-transform: uppercase;
  margin-left: 33px;
  display: inline-block;
}
@media (max-width: 639px) {
  .cart__quote__edit .quote__head .quote__head--title {
    margin-bottom: 10px;
  }
}
#quoteFormDiv {
  background: #00205b;
  padding-top: 25px;
}
#quoteFormDiv label {
  color: #19212b;
  font-size: 14px;
  font-weight: bold;
}
.quote__comments--wrapper {
  padding-top: 20px;
  padding-bottom: 50px;
}
.quote__form--section {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .quote__form--section {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.quote__estimate .quote__estimate--amount {
  display: block;
}
textarea.quote__comments--textarea {
  min-height: 100px;
  max-width: 100%;
  width: 100%;
}
.quote__comments--toggle,
.quote__form--toggle {
  background: none;
  border: none;
}
.quote__comments--toggle.collapsed:after,
.quote__form--toggle.collapsed:after {
  font-family: 'Glyphicons Halflings', sans-serif;
  content: "\e114";
}
.quote__comments--toggle:after,
.quote__form--toggle:after {
  font-family: 'Glyphicons Halflings', sans-serif;
  content: "\e113";
  position: relative;
  top: 2px;
}
.quote__comments--toggle:focus,
.quote__form--toggle:focus {
  border: none;
  outline: #128a9e;
}
.quote__form--toggle {
  color: #ffffff;
}
.quote__comments__header {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 20px 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 30px;
}
@media (max-width: 1024px) {
  .quote__comments__header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.quote__comments {
  padding-left: 30px;
  padding-right: 30px;
  margin-top: 0;
}
@media (max-width: 1024px) {
  .quote__comments {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.quote__comments .quote__comments--header {
  font-weight: bold;
  text-transform: uppercase;
  font-size: 14px;
  margin-bottom: 20px;
}
#quoteFormDiv .quote__comments {
  margin-top: 0;
}
.quote__comments .quote__comments--time {
  font-weight: bold;
}
@media (max-width: 640px) {
  .quote__comments .quote__comments--time {
    margin-bottom: 5px;
  }
}
.quote__comments .quote__comments--role {
  font-weight: bold;
}
.quote__comments .quote__comments--comment {
  word-break: break-all;
}
@media (min-width: 1024px) {
  .form-element-icon.datepicker.quote__expiration .glyphicon {
    top: 10px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .form-element-icon.datepicker.quote__expiration .glyphicon {
    top: 28px;
  }
}
@media (min-width: 1024px) {
  .quote__expiration .form-group {
    display: table;
    width: 100%;
    margin-bottom: 0;
    margin-top: 10px;
  }
}
@media (min-width: 1024px) {
  .quote__expiration--label {
    display: table-cell;
    text-align: right;
    padding-right: 10px;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .quote__expiration--label {
    margin-bottom: 0px;
  }
}
@media (min-width: 1024px) {
  .quote__expiration--input {
    display: table-cell;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .quote__expiration--input {
    padding: 5px 10px;
    height: 28px;
  }
}
@media (min-width: 1024px) {
  #colorbox #cboxTitle .headline-text {
    display: block !important;
  }
}
.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display:after {
  clear: both;
}
.pickup-component .find-store-display:before,
.pickup-component .find-store-display:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #47b6b1;
}
.pickup-component .find-store-display .store-navigation .pickup-product {
  display: none;
  height: 56px;
  display: table;
  width: 100%;
  font-size: 13px;
  font-weight: bold;
  overflow: hidden;
  border-bottom: 1px solid #ddd;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb,
.pickup-component .find-store-display .store-navigation .pickup-product .name,
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  height: 56px;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb {
  width: 56px;
  padding: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-product .thumb img {
  height: 100%;
  width: 100%;
}
.pickup-component .find-store-display .store-navigation .pickup-product .price {
  padding: 0 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product {
  height: 56px;
  display: table;
  border-bottom: 1px solid #ddd;
  width: 100%;
  font-size: 13px;
  overflow: hidden;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar {
  height: 56px;
  display: table-cell;
  padding-right: 10px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group {
  border: 1px solid #cccccc;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group-btn {
  vertical-align: top;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .form-control {
  border: 0 none;
  height: 42px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn {
  box-shadow: none !important;
  height: 42px;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .pickup-search-bar .input-group .btn .glyphicon {
  top: 0;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me {
  height: 56px;
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  display: none;
}
.pickup-component .find-store-display .store-navigation .pickup-search-product .near-me .near-store span {
  margin-right: 10px;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager {
  height: 42px;
  line-height: 42px;
  padding: 0 10px;
  background: #fff;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:before,
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  content: " ";
  display: table;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager:after {
  clear: both;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .prev {
  float: left;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .next {
  float: right;
}
.pickup-component .find-store-display .store-navigation .store-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.pickup-component .find-store-display .display-details {
  float: left;
  width: 50%;
  position: relative;
  background: #fff;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .store-image {
  float: right;
  width: 150px;
}
.pickup-component .find-store-display .display-details .store-image img {
  width: 100%;
  height: auto;
}
.pickup-component .find-store-display .display-details .distance {
  text-align: right;
  margin-top: 10px;
}
.pickup-component .find-store-display .display-details .store-info .name {
  font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-info .address {
  color: #777777;
}
.pickup-component .find-store-display .display-details .store-links {
  margin: 10px 0;
}
.pickup-component .find-store-display .display-details .store-links a {
  display: block;
}
.pickup-component .find-store-display .display-details .store-openings .title {
  font-weight: bold;
}
.pickup-component .find-store-display .display-details .store-openings dl dt {
  width: 60px;
  text-align: left;
  float: left;
}
.pickup-component .find-store-display .display-details .store-openings dl dd {
  margin-left: 80px;
}
.pickup-component .find-store-display .display-details .pickup-product {
  height: 125px;
  width: 100%;
  font-weight: bold;
  border-top: 1px solid #ddd;
}
.pickup-component .find-store-display .display-details .pickup-product .variants {
  height: 30px;
  margin-top: -30px;
  padding: 5px 10px;
  font-weight: normal;
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:after {
  content: ", ";
}
.pickup-component .find-store-display .display-details .pickup-product .variants span:last-child:after {
  content: "";
}
.pickup-component .find-store-display .display-details .pickup-product .thumb {
  float: left;
  width: 112px;
  height: 112px;
  padding: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .thumb img {
  height: 100%;
  width: auto;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info {
  display: table;
  height: 56px;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name,
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .name {
  font-weight: normal;
  width: 100%;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price {
  padding: 0 10px;
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .pickup-product-info .price .stock {
  white-space: nowrap;
}
.pickup-component .find-store-display .display-details .pickup-product .action {
  height: 70px;
  padding: 10px;
  text-align: right;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
  width: 142px;
}
.pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  height: 48px;
}
.pickup-component .pickup-store-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.pickup-component .pickup-store-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
  border-right: 1px solid #47b6b1;
  text-align: center;
  line-height: 56px;
}
.pickup-component .pickup-store-list li.loading .glyphicon {
  color: #47b6b1;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.pickup-component .pickup-store-list .pickup-store-list-entry {
  height: 56px;
}
.pickup-component .pickup-store-list .pickup-store-list-entry input {
  display: none;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 0 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry label:hover {
  background: #f2f2f2;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-name {
  display: block;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .pickup-store-list-entry-city {
  display: block;
  font-weight: normal;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.pickup-component .pickup-store-list .pickup-store-list-entry .store-availability span div {
  font-size: 10px;
}
.inline-layer {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.9s ease-out;
  -o-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}
.inline-layer.open {
  height: auto !important;
}
@media (min-width: 1024px) {
  .pickup-component .find-store-display .pickup-store-list {
    margin: 0 -1px 0 0;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label {
    padding-right: 14px;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #47b6b1;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label {
    background: #47b6b1;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .pickup-store-info {
    color: #fff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label .store-availability {
    color: #fff;
  }
  .pickup-component .find-store-display .pickup-store-list .pickup-store-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 1023px) {
  .pickup-component {
    overflow: hidden;
  }
  .pickup-component .find-store-display {
    width: 200%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .pickup-component .find-store-display .store-navigation {
    width: 50%;
    border: 0;
  }
  .pickup-component.show-store .find-store-display {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .pickup-component .qty-selector input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .action {
    padding-top: 0 !important;
  }
}
@media (max-width: 639px) {
  .pickup-component .find-store-display .display-details .store-image {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }
  .pickup-component .find-store-display .display-details .store-image:before,
  .pickup-component .find-store-display .display-details .store-image:after {
    content: " ";
    display: table;
  }
  .pickup-component .find-store-display .display-details .store-image:after {
    clear: both;
  }
  .pickup-component .find-store-display .display-details .store-image:before,
  .pickup-component .find-store-display .display-details .store-image:after {
    content: " ";
    display: table;
  }
  .pickup-component .find-store-display .display-details .store-image:after {
    clear: both;
  }
  .pickup-component .find-store-display .display-details .store-image img {
    width: 50%;
    height: auto;
    float: left;
    max-width: 150px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance {
    width: 50%;
    text-align: left;
    float: left;
    margin: 0;
    padding: 0 0 0 10px;
  }
  .pickup-component .find-store-display .display-details .store-image .distance strong {
    display: block;
  }
  .pickup-component .find-store-display .display-details .pickup-product {
    position: relative;
  }
  .pickup-component .find-store-display .display-details .pickup-product .thumb {
    width: 56px;
    height: 56px;
    padding: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: #fff;
    white-space: nowrap;
    padding-top: 0;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector {
    margin-right: 5px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group {
    min-width: 120px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .input-group input {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    width: 60px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .qty-selector .btn {
    padding-left: 10px;
    padding-right: 10px;
  }
  .pickup-component .find-store-display .display-details .pickup-product .action .btn {
    padding-left: 6px;
    padding-right: 6px;
  }
}
.pickup-component .display-details .store-tabs {
  position: relative;
  padding: 0 0 10px 10px;
  height: 252px;
}
.pickup-component .display-details .store-tabs .tabs-list {
  padding-left: 0;
  list-style: none;
  background-image: linear-gradient(to right, #f6f6f6 0%, #ffffff 8px);
  position: absolute;
  right: 0;
  top: 10px;
  padding: 10px 0;
}
.pickup-component .display-details .store-tabs .tabs-list .current-info {
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.pickup-component .display-details .store-tabs .tabs-list:before,
.pickup-component .display-details .store-tabs .tabs-list:after {
  content: "";
  position: absolute;
  background-color: transparent;
  height: 10px;
  left: 0;
  width: 100%;
}
.pickup-component .display-details .store-tabs .tabs-list:before {
  top: 0;
  background-image: linear-gradient(#ffffff, rgba(255, 255, 255, 0));
}
.pickup-component .display-details .store-tabs .tabs-list:after {
  bottom: 0;
  background-image: linear-gradient(rgba(255, 255, 255, 0), #ffffff);
}
.pickup-component .display-details .store-tabs .tabs-list li {
  margin: 5px 0;
  border: 1px solid transparent;
  border-left: 0;
  color: #999;
  position: relative;
}
.pickup-component .display-details .store-tabs .tabs-list li a {
  color: inherit;
  font-size: 18px;
  padding: 5px 10px;
  display: block;
  border-left: 2px solid transparent;
  -webkit-transition: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
}
.pickup-component .display-details .store-tabs .tabs-list li.active {
  border: 1px solid #eee;
  border-left: 0;
  background: #fff;
  color: #000;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
  border-right: 2px solid #47b6b1;
}
.pickup-component .display-details .store-tabs .tabs-list li.active a {
  border-left: 2px solid transparent !important;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover,
.pickup-component .display-details .store-tabs .tabs-list li a:focus {
  color: #000;
  border-left: 2px solid #47b6b1;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:before,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:before {
  display: block;
  content: attr(aria-label);
  width: auto;
  height: 20px;
  line-height: 20px;
  background: #47b6b1;
  position: absolute;
  top: 0;
  left: -10px;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 0);
  -ms-transform: translate(-100%, 0);
  -o-transform: translate(-100%, 0);
  transform: translate(-100%, 0);
  font-size: 12px;
  padding: 0 5px;
  color: #fff;
  white-space: nowrap;
  z-index: 100;
}
.pickup-component .display-details .store-tabs .tabs-list li a:hover:after,
.pickup-component .display-details .store-tabs .tabs-list li a:focus:after {
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border: 5px solid transparent;
  border-left: 5px solid #47b6b1;
  background: transparent;
  position: absolute;
  top: 0;
  left: 0;
  margin: 6px 0;
  -webkit-transform: translate(-100%, 5px);
  -ms-transform: translate(-100%, 5px);
  -o-transform: translate(-100%, 5px);
  transform: translate(-100%, 5px);
}
.pickup-component .display-details .store-tabs .content {
  margin-right: 52px;
  overflow: auto;
  height: 100%;
}
.pickup-component .display-details .store-tabs .tabhead {
  display: none;
}
.pickup-component .display-details .store-tabs .pickup-map {
  height: 232px;
}
.addressbook-component {
  border: 1px solid #eee;
  padding: 0;
  margin: 140px 0;
}
.addressbook-component .addressbook-header {
  background: #eee;
  position: relative;
  border-bottom: 1px solid #47b6b1;
  padding: 10px;
  height: 56px;
  display: table;
  width: 100%;
}
.addressbook-component .addressbook-header .headline {
  line-height: 16px;
  font-weight: bold;
  font-size: 13px;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
}
.addressbook-component .addressbook-header .headline .back-to-storelist {
  display: none;
}
.addressbook-component .addressbook-header .close-addressbook {
  display: table-cell;
}
.addressbook-component .find-address-display:before,
.addressbook-component .find-address-display:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display:after {
  clear: both;
}
.addressbook-component .find-address-display:before,
.addressbook-component .find-address-display:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation {
  float: left;
  width: 50%;
  border-right: 1px solid #47b6b1;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager {
  height: 28px;
  line-height: 28px;
  padding: 0 10px;
  border-top: 1px solid #DDDDDD;
  margin-top: -1px;
  background: #fff;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:before,
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:before,
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  content: " ";
  display: table;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager:after {
  clear: both;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .prev {
  float: left;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .next {
  float: right;
}
.addressbook-component .find-address-display .address-navigation .address-navigation-pager .position {
  text-align: center;
  margin: 0 80px;
}
.addressbook-component .find-address-display .display-details {
  float: left;
  width: 50%;
}
.addressbook-component .find-address-display .display-details .address-details {
  padding: 10px;
  height: 252px;
  overflow: hidden;
}
.addressbook-component .find-address-display .display-details .address-actions {
  height: 56px;
  width: 100%;
  font-weight: bold;
  border-top: 1px solid #ddd;
  padding: 10px 10px;
  position: relative;
}
.addressbook-component .find-address-display .display-details .address-actions .set-default {
  position: absolute;
  top: -50px;
  right: 10px;
}
.addressbook-component .address-list {
  padding-left: 0;
  list-style: none;
  height: 280px;
  overflow: hidden;
  margin: 0;
  position: relative;
}
.addressbook-component .address-list .address-list-entry {
  height: 56px;
  overflow: hidden;
}
.addressbook-component .address-list .address-list-entry input {
  display: none;
}
.addressbook-component .address-list .address-list-entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 0 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #eee;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
}
.addressbook-component .address-list .address-list-entry label:hover {
  background: #f2f2f2;
}
.addressbook-component .address-list .address-list-entry .address-info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.addressbook-component .address-list .address-list-entry .address-info .inner {
  max-height: 56px;
  overflow: hidden;
  display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-name {
  display: block;
}
.addressbook-component .address-list .address-list-entry .address-list-entry-city {
  display: block;
  font-weight: normal;
}
.addressbook-component .address-list .address-list-entry .address-actions {
  display: table;
  height: 100%;
  width: auto;
}
.addressbook-component .address-list .address-list-entry .address-actions span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 5px;
  text-align: center;
}
.inline-layer {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.9s ease-out;
  -o-transition: 0.9s ease-out;
  transition: 0.9s ease-out;
}
.inline-layer.open {
  height: auto !important;
}
@media (min-width: 1024px) {
  .addressbook-component .find-address-display .address-list {
    margin: 0 -1px 0 0;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry label {
    padding-right: 14px;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry label:after {
    content: "";
    display: block;
    width: 1px;
    height: auto;
    position: absolute;
    top: -1px;
    right: 0;
    bottom: -1px;
    background: #47b6b1;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label {
    background: #47b6b1;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label:after {
    display: block;
    content: "";
    width: 28px;
    height: 28px;
    position: absolute;
    top: 50%;
    right: -1px;
    background: transparent;
    border: 14px solid transparent;
    border-right-color: #fff;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
  }
}
@media (max-width: 1023px) {
  .addressbook-component {
    overflow: hidden;
  }
  .addressbook-component .find-address-display {
    width: 200%;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .addressbook-component .find-address-display .address-navigation {
    width: 50%;
    border: 0;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label {
    background: #47b6b1;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-info {
    color: #fff;
  }
  .addressbook-component .find-address-display .address-list .address-list-entry input:checked + label .address-actions {
    color: #fff;
  }
}
.login-page__headline,
.user-register__headline {
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  /*****CODIGO AGREGADO***/
  font-size: 30px;
  color: #00205b;
  /****CODIGO AGREGADO***/
}
.login-page__headline.border,
.user-register__headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.login-left-content-slot {
  /*CODIGO AGREGADO*/
  width: 100%;
  height: 608px;
  max-width: 412px;
  margin: 20px auto;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 40px;
  /*CODIGO AGREGADO*/
}
@media (max-width: 412px) {
  .login-left-content-slot {
    width: 100%;
    max-width: 412px;
    padding: 40px 20px 40px 20px;
  }
}
.login-right-content-slot {
  /*CODIGO AGREGADO*/
  max-width: 726px;
  margin: 20px auto;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 40px;
  /*CODIGO AGREGADO*/
}
@media (max-width: 412px) {
  .login-right-content-slot {
    padding: 40px 20px 40px 20px;
  }
}
@media (max-width: 767px) {
  .login-right-content-slot {
    width: 100%;
    max-width: 412px;
    margin: 20px auto;
    box-sizing: border-box;
    border: solid 1px #ededed;
    padding: 40px;
  }
}
@media (max-width: 1023px) {
  .login-right-content-slot {
    width: 100%;
    max-width: 412px;
    margin: 20px auto;
    box-sizing: border-box;
    border: solid 1px #ededed;
    padding: 40px;
  }
}
form .forgotten-password {
  margin-bottom: 25px;
}
.forgotten-password.alert {
  padding-left: 0;
  padding-right: 0;
}
.forgotten-password .description {
  margin-bottom: 10px;
}
#colorbox .forgotten-password .btn-primary {
  margin-top: 35px;
}
.register-form-action,
.login-form-action {
  margin-top: 35px;
}
.forgotten-password + .login-form-action {
  margin-top: 0;
}
.alert-dismissable .close,
.alert-dismissible .close {
  right: 0;
}
.register__container {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .register__container {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .login-form-action .btn-default {
    margin-top: 30px;
  }
}
@media (max-width: 639px) {
  .login-section .forgotten-password,
  .register-section .forgotten-password {
    margin-bottom: 45px;
  }
}
.checkout-login {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .checkout-login {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-login .headline {
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  /*****CODIGO AGREGADO***/
  font-size: 30px;
  color: #00205b;
  /****CODIGO AGREGADO***/
}
.checkout-login .headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
.checkout-login .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}
.checkout__new-account {
  text-align: center;
  background-color: #f4f4f4;
  border-top: 1px solid #e5e5e5;
  padding: 20px 0 55px;
}
.checkout__new-account .accountActions-bottom {
  margin-top: 35px;
}
.checkout__new-account__headling {
  font-size: 24px;
  font-weight: bold;
}
.checkout__new-account__form {
  text-align: left;
  margin-top: 25px;
}
@media (max-width: 639px) {
  .checkout__new-account {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
    margin-left: 1px;
    margin-right: 1px;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-headline {
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  /*****CODIGO AGREGADO***/
  font-size: 30px;
  color: #00205b;
  /****CODIGO AGREGADO***/
  padding-left: 30px;
}
.checkout-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 1024px) {
  .checkout-headline {
    padding-left: 20px;
  }
}
@media (max-width: 640px) {
  .checkout-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-headline span {
  color: #154259;
  margin-right: 5px;
  top: 2px;
}
.checkout-summary-headline {
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  margin: 0;
  /*****CODIGO AGREGADO***/
  font-size: 30px;
  color: #00205b;
  /****CODIGO AGREGADO***/
  padding-right: 30px;
}
.checkout-summary-headline.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 1024px) {
  .checkout-summary-headline {
    padding-right: 20px;
  }
}
@media (max-width: 640px) {
  .checkout-summary-headline {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-summary-headline span {
  color: #154259;
  margin-right: 5px;
  top: 2px;
}
@media (max-width: 639px) {
  .checkout-summary-headline {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-body-styling {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-steps .deliveryAddress:before {
  position: absolute;
  left: 9px;
  top: 5px;
  width: 32px;
  text-align: center;
  line-height: 49px;
  background-repeat: no-repeat, repeat;
  background-image: url(/italikastorestorefront/_ui/images/401-shipping.svg);
}
.checkout-steps .billingMethod:before {
  position: absolute;
  left: 9px;
  top: 5px;
  width: 23px;
  text-align: center;
  line-height: 49px;
  background-repeat: no-repeat, repeat;
  background-image: url(/italikastorestorefront/_ui/images/405-bill.svg);
}
.checkout-steps .paymentMethod:before {
  position: absolute;
  left: 9px;
  top: 5px;
  width: 26px;
  text-align: center;
  line-height: 49px;
  background-repeat: no-repeat, repeat;
  background-image: url(/italikastorestorefront/_ui/images/406-payment.svg);
}
.checkout-steps .step-head {
  background: #ffffff;
  color: #154259;
  border: 1px solid #cccccc;
  font-size: 18px;
  font-weight: 600;
  position: relative;
  display: table;
  width: 100%;
  padding: 10px 20px 10px 80px;
  height: 49px;
  counter-increment: checkout;
}
.checkout-steps .step-head:before {
  content: counter(checkout) '.';
  color: transparent;
  margin-top: 16px;
  margin-left: 32px;
  /*position: absolute;
               left: 3px;
               top: 0;
               width: 50px;
               text-align: center;
               line-height: @step-height;*/
}
.checkout-steps .step-head + .step-head {
  margin-top: 10px;
}
.checkout-steps .step-head.active {
  background: #a6a6a6;
  color: #ffffff;
  border-color: #cccccc;
}
.checkout-steps .step-head .title {
  vertical-align: middle;
  display: table-cell;
  width: 100%;
}
.checkout-steps .step-head .edit {
  color: #ec7205;
  font-size: 20px;
  display: table-cell;
  vertical-align: top;
}
.checkout-steps .step-body .step-body-form {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-steps .step-body .step-body-form .radiobuttons_paymentselection {
  margin-bottom: 5px;
}
.checkout-steps .step-body .checkout-next {
  margin: 30px 0;
}
.checkout-steps .step-body hr {
  margin: 0 -20px;
  border-color: #e5e5e5;
}
.checkout-steps .step-body .checkout-indent .headline {
  font-size: 20px;
  padding-bottom: 15px;
  padding-top: 30px;
}
@media (max-width: 576px) {
  .item__listm--headerm {
    width: 100%;
    padding-left: 12%;
    padding-right: 13.5%;
  }
  .bc-lineaA {
    display: inline-block;
    max-width: 131px;
    width: 25%;
  }
  .bc-line-arrowEfacturacion {
    left: 0;
  }
  .bc-line-arrowFacturacion {
    left: -3px;
  }
  .bc-circle-arrow {
    left: -6px;
  }
  .bc-triangle-arrowFacturacion {
    right: 2px;
  }
}
@media (max-width: 767px) {
  .item__listm--headerm {
    padding-right: 4.6%;
  }
  .checkout-order-summaryED {
    margin: 40px auto;
  }
}
@media (max-width: 990px) {
  .item__listm--headerm {
    padding-left: 5%;
    padding-right: 4.5%;
  }
  .bc-box {
    height: 58px;
    flex-direction: column;
  }
  .bc-txt-2 {
    display: none;
  }
  .bc-circle {
    margin-right: 0;
  }
  .bc-txt-4 {
    display: none;
  }
  .bc-active {
    display: none;
  }
}
@media (max-width: 1200px) {
  .checkout-steps {
    margin-right: 0;
  }
  .checkout-order-summaryED {
    position: relative;
    margin-top: 20px;
  }
  .bc-lineaA {
    display: inline-block;
    max-width: 273px;
    width: 24%;
  }
  .bc-line-arrowEfacturacion {
    left: 2px;
  }
  .bc-circle-arrow {
    left: -6px;
  }
  .bc-triangle-arrowFacturacion {
    right: -1px;
  }
  .bc-arrowE {
    padding-left: 3px;
  }
}
@media (min-width: 1201px) {
  .bc-lineaA {
    display: inline-block;
    max-width: 302px;
    width: 24%;
  }
  .bc-line-arrowEfacturacion {
    left: 2px;
  }
  .bc-circle-arrow {
    left: -6px;
  }
  .bc-triangle-arrowFacturacion {
    right: -1px;
  }
  .bc-arrowE {
    padding-left: 3px;
  }
}
@media (max-width: 639px) {
  .checkout-steps .step-head {
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .checkout-steps .step-head:before {
    line-height: 68px;
  }
}
.checkout-shipping {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
  padding-top: 0;
  padding-bottom: 10px;
}
.checkout-shipping .checkout-shipping-items .checkout-shipping-items-header {
  text-transform: uppercase;
  padding: 25px 0 10px 0;
  font-size: 16px;
  font-weight: 700;
}
.checkout-shipping .checkout-shipping-items > div {
  padding-bottom: 25px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checkout-shipping .checkout-shipping-items ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .checkout-shipping-items ul li {
  padding-top: 6px;
  line-height: 18px;
}
.checkout-shipping .checkout-shipping-items ul li:first-child {
  padding-top: 1px;
}
.checkout-shipping .checkout-shipping-items ul li .name {
  font-weight: 700;
}
.checkout-shipping .simplify-pickup-locations {
  background: #f2f4f7;
  padding: 10px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header {
  background: #b3bfd0;
  padding: 10px;
  line-height: 35px;
  margin: -10px -10px 10px -10px;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  content: " ";
  display: table;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  clear: both;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:before,
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  content: " ";
  display: table;
}
.checkout-shipping .simplify-pickup-locations .simplify-pickup-location-header:after {
  clear: both;
}
.checkout-shipping .simplify-pickup-locations ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.checkout-shipping .simplify-pickup-locations ul li + li {
  border-top: 1px solid #b3bfd0;
}
.checkout-shipping .simplify-pickup-locations ul a {
  color: #19212b;
  background: #fff;
  display: block;
  padding: 10px;
  text-decoration: none;
}
@media (max-width: 1399px) {
  .checkout-shipping .checkout-shipping-items .qty {
    text-align: right;
  }
  .checkout-shipping .checkout-shipping-items .checkout-pickup-items {
    padding-bottom: 0;
  }
}
.checkout-paymentmethod {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
  padding-top: 0;
}
.step-body .checkout-paymentmethod hr {
  margin-top: 25px;
}
#addressbook,
#savedpayments,
#savedpaymentsbody {
  display: none;
  padding-bottom: 20px;
}
#colorbox #addressbook,
#colorbox #savedpayments,
#colorbox #savedpaymentsbody {
  display: block;
}
#addressbook ul,
#savedpayments ul,
#savedpaymentsbody ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
#addressbook ul li,
#savedpayments ul li,
#savedpaymentsbody ul li {
  padding: 10px 0;
}
.checkout-order-summary {
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .checkout-order-summary {
    padding-right: 20px;
  }
}
@media (max-width: 640px) {
  .checkout-order-summary {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.checkout-order-summary .checkout-order-summary-list {
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #e5e5e5;
  margin: 0;
}
@media (min-width: 640px) {
  .checkout-order-summary .checkout-order-summary-list:first-of-type .checkout-order-summary-list-heading {
    padding-top: 0;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading:only-child {
    border-bottom: 0;
  }
}
.checkout-order-summary .checkout-order-summary-list li {
  padding: 20px;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  content: " ";
  display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:before,
.checkout-order-summary .checkout-order-summary-list li:after {
  content: " ";
  display: table;
}
.checkout-order-summary .checkout-order-summary-list li:after {
  clear: both;
}
.checkout-order-summary .checkout-order-summary-list li:nth-child(2n + 3) {
  background-color: #f2f2f2;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
  background-color: #ffffff !important;
  color: #19212b;
  padding: 60px 0 10px;
  border-bottom: 1px solid #e5e5e5;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading > div {
  float: left;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
  font-weight: 700;
  padding-right: 5px;
}
.checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
  text-overflow: ellipsis;
  overflow: hidden;
  width: 85%;
}
.checkout-order-summary .checkout-order-summary-list .thumb {
  float: left;
  margin-right: 20px;
  width: 65px;
}
.checkout-order-summary .checkout-order-summary-list .thumb img {
  width: 100%;
  height: auto;
}
.checkout-order-summary .checkout-order-summary-list .price {
  float: right;
  margin-left: 10px;
  margin-bottom: 20px;
  font-size: 14px;
  font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details {
  font-size: 14px;
  margin-left: 85px;
}
.checkout-order-summary .checkout-order-summary-list .details .name {
  font-weight: 600;
}
.checkout-order-summary .checkout-order-summary-list .details .qty span {
  font-size: 13px;
  color: #929292;
  font-weight: 600;
  text-transform: uppercase;
  padding-right: 10px;
}
.checkout-order-summary .checkout-order-summary-list .updateQuantityProduct-toggle {
  float: right;
}
.checkout-order-summary .checkout-order-summary-list .stock-status {
  clear: both;
  padding: 10px 0;
  font-size: 13px;
}
@media (max-width: 1023px) {
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .address {
    width: 100%;
  }
}
.checkout-order-summary .subtotals {
  font-size: 18px;
  margin-top: 30px;
}
.checkout-order-summary .subtotals .subtotal,
.checkout-order-summary .subtotals .shipping,
.checkout-order-summary .subtotals .subtotals__item--state-discount,
.checkout-order-summary .subtotals .tax,
.checkout-order-summary .subtotals .totals {
  padding: 5px 0;
}
.checkout-order-summary .subtotals .subtotal span,
.checkout-order-summary .subtotals .shipping span,
.checkout-order-summary .subtotals .subtotals__item--state-discount span,
.checkout-order-summary .subtotals .tax span,
.checkout-order-summary .subtotals .totals span {
  float: right;
  font-weight: 600;
}
.checkout-order-summary .subtotals .totals {
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 15px;
  padding: 10px 0;
  border-top: 1px solid #cccccc;
}
.checkout-order-summary .subtotals .realTotals {
  font-size: 14px;
}
.subtotals__item--state-discount {
  color: #00a651;
}
.label-spacing {
  padding-right: 5px;
}
@media (max-width: 639px) {
  .place-order-form {
    padding: 0 20px;
  }
  .checkout-order-summary {
    padding: 30px 20px 15px;
    border: 1px solid #cccccc;
    border-top: 0;
    margin-left: 20px;
    margin-right: 20px;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
  }
  .checkout-order-summary .checkout-order-summary-list {
    padding-left: 0;
    list-style: none;
    border: none;
    padding: 0;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading {
    background-color: transparent !important;
    color: #19212b;
    padding: 25px 20px;
    border-color: #e5e5e5;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-heading .title {
    text-transform: uppercase;
    font-size: 16px;
  }
  .checkout-order-summary .checkout-order-summary-list .checkout-order-summary-list-items {
    border-bottom: 1px solid #e5e5e5;
  }
  .checkout-order-summary .subtotals {
    padding: 0 20px;
  }
}
.checkout-review {
  padding: 30px 20px 15px;
  border: 1px solid #cccccc;
  border-top: 0;
}
.checkout-review .checkout-order-summary .subtotals {
  margin-top: 0;
}
.place-order-form .checkbox {
  margin: 25px 0 40px;
}
.place-order-form .checkbox label {
  font-size: 14px;
  color: #19212b;
  text-transform: none;
}
.btn-close-terms-and-conditions {
  margin: 30px 0;
}
@media (min-width: 640px) {
  .place-order-form .checkbox {
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-help {
  text-align: center;
  border: 1px solid #cccccc;
  font-size: 15px;
  padding: 10px;
  margin-top: 60px;
}
@media (max-width: 639px) {
  .checkout-help {
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
.checkout-success {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .checkout-success {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.checkout-success__body {
  margin: 30px 0 55px;
  text-align: center;
}
.checkout-success__body__headline {
  font-size: 28px;
  font-weight: bold;
  margin-bottom: 15px;
  text-transform: uppercase;
}
.termsAndConditions-section {
  padding-bottom: 20px;
}
label.terms {
  margin: 15px 0;
}
fieldset#cardDate > .control-label,
fieldset#startDate > .control-label {
  font-weight: bold;
  margin-bottom: 5px;
}
fieldset#cardDate .form-group .control-label,
fieldset#startDate .form-group .control-label {
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
  margin-top: 100px;
  padding: 0;
}
@media (max-width: 1023px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 130px;
  }
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid #cboxLoadedContent {
    margin-top: 170px;
  }
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row {
  border-top: 1px solid #e5e5e5;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-row:nth-child(2n+2) {
  background: #f2f2f2;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid .grid-prod-info {
  display: inline-block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
  padding: 10px 10px 15px;
  vertical-align: top;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td > span {
  display: block;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td.grid-prod-img {
  padding-left: 40px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant,
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-size {
  font-weight: bold;
  min-width: 80px;
}
.page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-variant {
  display: block;
  font-size: 16px;
}
@media (max-width: 639px) {
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td {
    padding: 10px 15px 15px;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td:nth-child(2n+2) {
    background-color: transparent;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info {
    display: block;
    text-align: left;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-prod-info span {
    display: inline-block;
  }
  .page-multiStepCheckoutSummaryPage #colorbox.read-only-grid td .grid-price {
    float: right;
  }
}
@media (max-width: 639px) {
  .checkout-coupon-list {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.checkout-order-summary .checkout-coupon-list {
  padding: 30px 0;
  border-bottom: 1px solid #cccccc;
}
@media (max-width: 639px) {
  .checkout-order-summary .checkout-coupon-list {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.coupon-list__headline {
  font-size: 18px;
  line-height: 38px;
  font-weight: bold;
}
.coupon-list {
  padding-left: 0;
  list-style: none;
  margin-top: 5px;
  margin-bottom: 0;
}
.coupon-code {
  text-transform: uppercase;
}
.cart-voucher {
  margin-top: 27px;
  padding-left: 30px;
}
.cart-voucher__label {
  display: block;
  width: 100%;
}
.cart-voucher__input {
  width: 50%;
  float: left;
  margin-right: 10px;
}
.cart-voucher__input::-moz-placeholder {
  font-size: 13px;
  font-weight: 600;
  color: #19212b;
  text-transform: uppercase;
}
.cart-voucher__input:-ms-input-placeholder,
.cart-voucher__input::-webkit-input-placeholder {
  font-size: 13px;
  font-weight: 600;
  color: #19212b;
  text-transform: uppercase;
}
.cart-voucher__help-block {
  display: none;
}
.has-error .cart-voucher__help-block,
.has-success .cart-voucher__help-block {
  display: block;
}
@media (max-width: 1399px) and (min-width: 1024px) {
  .cart-voucher__input {
    width: 70%;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .cart-voucher {
    padding-left: 30px;
  }
}
@media (max-width: 639px) {
  .cart-voucher {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.voucher-list {
  padding-left: 0;
  list-style: none;
  margin-top: -5px;
}
.voucher-list__item-box {
  display: inline-block;
  border: 1px solid #cccccc;
  background-color: #f2f2f2;
  font-size: 13px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 10px 15px;
  margin-top: 10px;
}
.voucher-list__item-remove {
  color: #cdcdcd;
  padding: 10px;
  cursor: pointer;
  margin: -10px -10px -10px 0;
  position: relative;
  top: 2px;
}
@media (max-width: 1023px) {
  .voucher-list__item {
    display: inline-block;
    padding-right: 5px;
  }
}
.gift__coupons {
  text-align: center;
  border-top: 1px solid #cccccc;
  margin: 0 auto 55px;
  padding-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
  width: 80%;
}
@media (max-width: 1024px) {
  .gift__coupons {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.gift__coupons span {
  display: block;
}
@media (max-width: 480px) {
  .gift__coupons {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .gift__coupons {
    width: 40%;
  }
}
.gift__coupons .gift__coupon--title {
  margin-bottom: 5px;
}
.gift__coupon .gift__coupon--name {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}
#storeFinder {
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  #storeFinder {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#storeFinder #storelocator-query {
  height: 48px;
}
.headline {
  font-size: 18px;
  margin-bottom: 10px;
}
.store__finder--search #storeFinderForm {
  margin-bottom: 10px;
}
.store__finder {
  display: none;
  padding: 0;
}
.store__finder .store__finder--pagination {
  line-height: 48px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: inline-block;
  width: 100%;
}
.store__finder .store__finder--pagination:before,
.store__finder .store__finder--pagination:after {
  content: " ";
  display: table;
}
.store__finder .store__finder--pagination:after {
  clear: both;
}
.store__finder .store__finder--pagination:before,
.store__finder .store__finder--pagination:after {
  content: " ";
  display: table;
}
.store__finder .store__finder--pagination:after {
  clear: both;
}
.store__finder .store__finder--navigation,
.store__finder .store__finder--details {
  position: relative;
  float: left;
  width: 50%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
  padding: 0;
}
.store__finder .store__finder--navigation {
  overflow: hidden;
  height: 561px;
}
@media (min-width: 640px) {
  .store__finder .store__finder--navigation {
    padding-right: 10px;
  }
}
.store__finder .store__finder--map {
  width: 100%;
  height: 200px;
}
.store__finder .stores-nearby {
  margin-bottom: 10px;
}
.store__finder .store__finder--navigation-list {
  padding-left: 0;
  list-style: none;
  margin: 0;
  border: 1px solid #ddd;
  position: relative;
}
.store__finder .store__finder--navigation-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
  text-align: center;
  line-height: 56px;
}
.store__finder .store__finder--navigation-list li.loading .glyphicon {
  color: #ff4444;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.store__finder .store__finder--navigation-list .list__entry {
  height: 56px;
}
.store__finder .store__finder--navigation-list .list__entry:last-child label {
  border: 0;
}
.store__finder .store__finder--navigation-list .list__entry input {
  display: none;
}
.store__finder .store__finder--navigation-list .list__entry label {
  margin: 0;
  height: 100%;
  font-size: 13px;
  padding: 0 14px 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
}
.store__finder .store__finder--navigation-list .list__entry label:hover {
  background: #f2f2f2;
}
.store__finder .store__finder--navigation-list .list__entry input:checked + label {
  /*background: @brand-primary;
		color: #fff !important;*/
}
.store__finder .store__finder--navigation-list .list__entry input:checked + label:after {
  display: block;
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -1px;
  background: transparent;
  border: 14px solid transparent;
  border-right-color: #fff;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.store__finder .store__finder--navigation-list .list__entry .entry__info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.store__finder .store__finder--navigation-list .list__entry .entry__name {
  display: block;
}
.store__finder .store__finder--navigation-list .list__entry .entry__city {
  display: block;
  font-weight: normal;
}
.store__finder .store__finder--navigation-list .list__entry .entry__distance {
  display: table;
  height: 100%;
  width: 80px;
  border-left: 1px solid #ddd;
}
.store__finder .store__finder--navigation-list .list__entry .entry__distance span {
  display: table-cell;
  vertical-align: middle;
  padding: 0 0 0 5px;
  text-align: center;
  white-space: nowrap;
}
.store__finder .store__finder--details .store__finder--details-back {
  margin-bottom: 20px;
  display: none !important;
}
@media (max-width: 639px) {
  .store__finder .store__finder--details .store__finder--details-back {
    display: inline-block !important;
  }
}
.store__finder .store__finder--details .store__finder--details-image {
  width: 112px;
  float: left;
  margin-right: 10px;
}
.store__finder .store__finder--details .store__finder--details-image img {
  width: 100%;
  height: auto;
}
.store__finder .store__finder--details .store__finder--details-info {
  margin-left: 122px;
}
.store__finder .store__finder--details .info__name {
  font-weight: bold;
}
.store__finder .store__finder--details hr {
  clear: both;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 1px;
  position: relative;
  border: 0;
}
.store__finder .store__finder--details hr:after {
  content: '';
  display: block;
  position: absolute;
  top: 10px;
  height: 1px;
  right: 0;
  left: 0;
  background: #ddd;
}
.store__finder .store__finder--details .store__finder--details-map {
  background: #eee;
}
.store__finder .store__finder--details .store__finder--details-openings dl dt {
  text-align: left !important;
  width: 60px;
}
.store__finder .store__finder--details .store__finder--details-openings dl dd {
  margin-left: 60px;
}
.store__finder .store__finder--details .store__finder--details-openings ul {
  padding-left: 0;
  list-style: none;
}
@media (max-width: 639px) {
  .store__finder .back__to__storelist {
    margin-bottom: 10px;
  }
  .store__finder .store__finder--panel {
    width: 200%;
    margin: 0;
    -webkit-transition: -webkit-transform 0.3s ease-out;
    -moz-transition: -moz-transform 0.3s ease-out;
    -o-transition: -o-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
  }
  .store__finder .store__finder--panel > * {
    padding: 0;
  }
  .store__finder .store__finder--panel .store__finder--details {
    display: none;
  }
  .store__finder .store__finder--pagination {
    line-height: 20px;
  }
  .store__finder.show-store .store__finder--pagination {
    color: rgba(0, 0, 0, 0);
    height: 46px;
  }
  .store__finder.show-store .store__finder--pagination * {
    display: none;
  }
  .store__finder.show-store .store__finder--panel {
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  .store__finder.show-store .store__finder--panel .store__finder--navigation {
    padding-right: 20px;
  }
  .store__finder.show-store .store__finder--panel .store__finder--details {
    display: block;
  }
}
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox,
#cboxOverlay,
#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}
#cboxWrapper {
  max-width: none;
}
#cboxOverlay {
  width: 100%;
  height: 100%;
}
#cboxMiddleLeft,
#cboxBottomLeft {
  clear: left;
}
#cboxContent {
  position: relative;
}
#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}
#cboxTitle {
  margin: 0;
}
#cboxLoadingOverlay,
#cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  cursor: pointer;
}
.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}
.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}
#colorbox,
#cboxContent,
#cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}
/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #000;
}
#colorbox {
  outline: 0;
}
#cboxTopLeft {
  width: 14px;
  height: 14px;
}
#cboxTopCenter {
  height: 14px;
}
#cboxTopRight {
  width: 14px;
  height: 14px;
}
#cboxBottomLeft {
  width: 14px;
}
#cboxBottomCenter {
  height: 43px;
}
#cboxBottomRight {
  width: 14px;
}
#cboxMiddleLeft {
  width: 14px;
}
#cboxMiddleRight {
  width: 14px;
}
#cboxContent {
  background: #fff;
  overflow: visible;
}
.cboxIframe {
  background: #fff;
}
#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}
#cboxCurrent {
  position: absolute;
  bottom: -25px;
  left: 58px;
  font-weight: bold;
  color: #7C7C7C;
}
/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious,
#cboxNext,
#cboxSlideshow {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  position: absolute;
  bottom: -29px;
  width: 23px;
  height: 23px;
  text-indent: -9999px;
}
/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
  outline: 0;
}
#cboxPrevious {
  left: 0px;
  background-position: -51px -25px;
}
#cboxPrevious:hover {
  background-position: -51px 0px;
}
#cboxNext {
  left: 27px;
  background-position: -75px -25px;
}
#cboxNext:hover {
  background-position: -75px 0px;
}
.cboxSlideshow_on #cboxSlideshow {
  background-position: -125px 0px;
  right: 27px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -150px 0px;
}
.cboxSlideshow_off #cboxSlideshow {
  background-position: -150px -25px;
  right: 27px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -125px 0px;
}
#cboxTitle {
  background: transparent;
  position: absolute;
  top: 0;
  padding: 43px 40px 15px;
  height: 88px;
  display: table;
  width: 100%;
}
#cboxTitle .headline {
  font-size: 24px;
  line-height: 24px;
  font-weight: bold;
  width: 100%;
  vertical-align: middle;
}
#cboxClose {
  position: absolute;
  right: 13px;
  top: 10px;
  background: transparent;
  border: 0 none;
  color: #797979;
  padding: 5px;
  font-size: 25px;
}
#cboxLoadedContent {
  margin-top: 88px;
  padding: 15px 40px 30px 40px;
}
#cboxLoadedContent .add-to-cart-item {
  margin-bottom: 40px;
}
#cboxLoadedContent .addressEntry + .addressEntry,
#cboxLoadedContent .saved-payment-entry + .saved-payment-entry {
  margin-top: 55px;
}
#cboxLoadedContent .addressEntry ul,
#cboxLoadedContent .saved-payment-entry ul {
  margin-top: -10px;
  margin-bottom: 20px;
}
#cboxLoadedContent .modal-details {
  line-height: 1.8em;
}
#cboxLoadedContent .modal-actions {
  margin-top: 20px;
}
#cboxLoadedContent .modal-actions .btn {
  margin-top: 20px;
}
@media (max-width: 639px) {
  #cboxTitle {
    height: 112px;
    padding-left: 20px;
    padding-right: 20px;
  }
  #cboxTitle:before,
  #cboxTitle:after {
    content: " ";
    display: table;
  }
  #cboxTitle:after {
    clear: both;
  }
  #cboxTitle:before,
  #cboxTitle:after {
    content: " ";
    display: table;
  }
  #cboxTitle:after {
    clear: both;
  }
  #cboxLoadedContent {
    margin-top: 112px;
    padding: 15px 20px 30px 20px;
  }
  #cboxLoadedContent .addressEntry ul {
    margin-top: -25px;
  }
}
.modal__top {
  padding-bottom: 32px;
  margin-bottom: 30px;
  border-bottom: 1px solid #f2f2f2;
}
.modal__top .modal__top--label {
  color: #19212b;
  font-weight: bold;
  font-style: italic;
}
.modal__top .modal__top--text {
  font-style: italic;
}
.modal__text--bold {
  font-weight: bold;
}
.modal__bottom {
  margin-bottom: 40px;
  font-size: 15px;
}
.quote-discount__modal--label {
  font-size: 15px;
  font-weight: 600;
  color: #19212b;
  text-transform: capitalize;
  vertical-align: middle;
  display: table-cell;
  height: 40px;
}
.quote-discount__modal--input {
  margin-bottom: 17px;
  width: 100%;
}
.quote-discount__modal--input input[type=number] {
  -moz-appearance: textfield;
}
.quote-discount__modal--input input[type=number]::-webkit-inner-spin-button,
.quote-discount__modal--input input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.quote-discount__modal--input__label {
  display: table-cell;
  vertical-align: middle;
  font-size: 18px;
  padding-right: 10px;
  width: 25px;
  text-align: right;
}
.quote-discount__modal--original__total {
  font-size: 15px;
  font-style: italic;
  border-bottom: 1px solid #f2f2f2;
  color: #19212b;
  padding-bottom: 13px;
  margin-bottom: 9px;
  margin-top: 10px;
}
.quote-discount__modal--new__total {
  color: #19212b;
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 47px;
}
.price del {
  color: #000;
  font-weight: bold;
}
.price ins {
  color: #19212b;
  text-decoration: none;
}
a.price ins:hover,
a.price ins:focus {
  color: #06080b;
}
.price.msrp {
  color: #666;
}
.account-navigation {
  margin-bottom: 10px;
}
.account-navigation .account-navigation-header {
  padding: 10px;
  text-transform: uppercase;
}
.account-navigation .account-navigation-header a {
  display: block;
}
.account-navigation .account-navigation-list {
  margin: 10px;
  padding-left: 0;
  list-style: none;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .account-navigation .account-navigation-list {
    display: none !important;
  }
}
@media (max-width: 639px) {
  .account-navigation .account-navigation-list {
    display: none !important;
  }
}
.account-navigation .account-navigation-list li.title {
  margin-top: 10px;
  font-weight: bold;
}
.account-navigation .account-navigation-list li.active {
  font-weight: bold;
}
.account-navigation .account-navigation-list li a:hover,
.account-navigation .account-navigation-list li afocus {
  color: #47b6b1;
}
.account-home .account-home-section {
  margin-bottom: 20px;
}
.account-home .account-home-section .account-home-section-header {
  background: #f2f4f7;
  padding: 10px;
  text-transform: uppercase;
}
.account-home .account-home-section .account-home-section-content {
  height: 100px;
  padding: 10px;
  border: 1px solid #f2f4f7;
  border-top: 0;
}
.account-home .account-home-section .account-home-section-content ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
@media (max-width: 1023px) {
  .account-home .account-home-section {
    margin-bottom: 10px;
  }
  .account-home .account-home-section .account-home-section-content {
    height: auto;
    padding: 0;
  }
  .account-home .account-home-section .account-home-section-content ul li a {
    padding: 10px;
    display: block;
  }
  .account-home .account-home-section .account-home-section-content ul li + li {
    border-top: 1px solid #eee;
  }
}
@media (min-width: 1400px) {
  .account-section {
    margin: 0 auto;
    width: 1400px;
  }
}
.account-section .pagination-bar {
  margin: 15px 0 0;
}
.account-section .pagination-bar .pagination-toolbar {
  padding-left: 0;
  padding-right: 0;
  padding-top: 15px;
  border-bottom: none;
}
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .pagination-bar .pagination-toolbar .sort-refine-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .pagination-bar .pagination-toolbar .sort-refine-bar form {
  padding: 0;
}
.account-section .pagination-bar .pagination-bar-results {
  font-size: 13px;
  font-weight: 600;
  margin: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  border-top: 1px solid #cccccc;
}
@media (max-width: 1024px) {
  .account-section .pagination-bar .pagination-bar-results {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #cccccc;
  }
}
.account-section .pagination-bar.bottom .pagination-toolbar {
  padding-top: 5px;
  border: none;
}
@media (max-width: 639px) {
  .account-section .pagination-bar .pagination-toolbar {
    margin: 0;
  }
  .account-section .pagination-bar .pagination-bar-results {
    border-bottom: 1px solid #cccccc;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-overview-table,
  .account-section div.responsive-table {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
    margin-left: 1px;
    margin-right: 1px;
    margin: 0;
  }
}
.account-section .addressBackBtn,
.account-section .orderTopBackBtn {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.account-section .account-section-header {
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  /*****CODIGO AGREGADO***/
  font-size: 30px;
  color: #00205b;
  /****CODIGO AGREGADO***/
  text-transform: capitalize;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.account-section .account-section-header.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 1024px) {
  .account-section .account-section-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-header.account-section-header-secondary {
  color: #19212b;
  font-size: 22px;
  line-height: 32px;
  font-weight: 400;
  padding-bottom: 10px;
}
.account-section .account-section-header.no-border {
  border-bottom: none;
}
.account-section .account-section-header .account-section-header-add {
  font-size: 14px;
  font-weight: 700;
  margin-top: 4px;
}
.account-section .account-section-header__subheadline {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.571;
  text-transform: none;
}
.account-section .account-orderdetail + .account-section-content .pagination-bar {
  margin-top: 0;
}
.account-section .container-lg .account-section-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .container-lg .account-section-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 1400px) {
  .account-section .container-lg .account-section-content {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .account-section .container-lg .account-section-content .account-section-form {
    padding: 0 5px;
  }
}
.account-section .account-section-content .item__list--item .item__total {
  padding-right: 30px;
}
.account-section .account-section-content .account-section-header {
  line-height: 35px;
  font-weight: 700;
  padding: 20px 0;
  /*****CODIGO AGREGADO***/
  font-size: 30px;
  color: #00205b;
  /****CODIGO AGREGADO***/
  text-transform: capitalize;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-left: 30px;
  padding-right: 30px;
}
.account-section .account-section-content .account-section-header.border {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 25px;
}
@media (max-width: 1024px) {
  .account-section .account-section-content .account-section-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .account-section-header.no-border {
  border-bottom: none;
}
.account-section .account-section-content .account-section-header .container-lg {
  float: none;
  padding: 0 10px;
}
@media (min-width: 1400px) {
  .account-section .account-section-content .account-section-header .container-lg {
    padding: 0;
  }
}
@media (min-width: 1400px) {
  .account-section .account-section-content .back-link .container-lg {
    padding: 0;
  }
}
.account-section .account-section-content .account-section-form {
  margin: 40px 0;
}
.account-section .account-section-content .account-section-form .accountActions {
  padding-left: 0;
  padding-right: 0;
}
@media (max-width: 640px) {
  .account-section .account-section-content .account-section-form .accountButtons:last-child {
    padding-top: 20px;
  }
}
.account-section .account-section-content .account-section-form form {
  padding: 0;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list {
  list-style-type: none;
  width: 100%;
  position: relative;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list li {
  border-top: 1px solid #cccccc;
  width: 100%;
  display: inline-flex;
  align-items: center;
  height: 4em;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list li:last-child {
  border-bottom: 1px solid #cccccc;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list li .toggle-switch {
  position: absolute;
  right: 0;
}
.account-section .account-section-content .account-section-form .account-section-form__toggle-list label {
  margin-bottom: 0;
}
.account-section .account-section-content .consent-management-intro {
  padding-bottom: 10px;
}
.account-section .account-section-content .consent-management-list {
  max-width: 100%;
  line-height: 1.6;
  padding: 0;
}
.account-section .account-section-content .consent-management-list__item {
  border: 1px solid #cccccc;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  list-style-type: none;
}
@media (max-width: 1023px) {
  .account-section .account-section-content .consent-management-list__item {
    border-left: 0 none;
    border-right: 0 none;
    margin-left: -20px;
    margin-right: -20px;
  }
}
.account-section .account-section-content .consent-management-list__title {
  padding: 25px 15px 18px 62px;
  display: block;
  position: relative;
  font-weight: 400;
  text-transform: uppercase;
  font-weight: bold;
}
.account-section .account-section-content .consent-management-list__title:before {
  font-family: 'Glyphicons Halflings', sans-serif;
  content: '\e114';
  font-size: 16px;
  position: absolute;
  left: 20px;
  top: 23px;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.account-section .account-section-content .consent-management-list__title:hover,
.account-section .account-section-content .consent-management-list__title:focus {
  cursor: pointer;
  outline: none;
}
.account-section .account-section-content .is-expanded .consent-management-list__title:before {
  content: "\e113";
}
.account-section .account-section-content .consent-management-list__label {
  width: 85%;
  color: #19212b;
  font-size: 15px;
}
@media (max-width: 1023px) {
  .account-section .account-section-content .consent-management-list__label {
    width: 75%;
    font-size: 14px;
  }
}
.account-section .account-section-content .consent-management-list__content-inner {
  padding: 0 40px 10px 65px;
  font-size: 16px;
}
@media (max-width: 1023px) {
  .account-section .account-section-content .consent-management-list__content-inner {
    font-size: 14px;
  }
}
.account-section .account-section-content .consent-management-list__content {
  transition: height 0.3s ease-out;
  height: 0;
  overflow: hidden;
}
.account-section .account-section-content form {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .account-section-content form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content form .accountActions-bottom {
  padding: 0;
}
.account-section .account-section-content #quoteForm {
  padding: 0;
}
.account-section .account-section-content #addNewPermissionForm .account-select-form {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .account-section-content #addNewPermissionForm .account-select-form {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content.content-empty {
  margin: 45px 0;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .account-section-content.content-empty {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .help-block {
  font-size: 14px;
  font-weight: normal;
  color: #c53131;
}
.account-section .account-section-content .account-orderhistory-pagination {
  padding-top: 10px;
}
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar .sort-refine-bar {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .account-section-content .account-orderhistory-pagination .pagination-bar .sort-refine-bar {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-section-content .account-orderhistory-pagination .pagination-bar form {
  padding: 0;
}
.account-section .account-section-content .account-orderhistory-pagination .account-orderhistory-pagination-text {
  line-height: 32px;
}
.account-section .account-section-content .account-orderhistory-pagination .pager {
  margin: 0;
}
.account-section .account-section-content .account-orderhistory-sort {
  background: #f2f4f7;
  padding: 10px;
}
.account-section .account-section-content table > tbody > tr > td:nth-child(2) a {
  font-weight: 600;
}
.account-section .account-section-content .accountActions {
  padding-left: 0;
  padding-right: 0;
  padding-top: 20px;
}
.account-section .account-section-content .cart-voucher form,
.account-section .account-section-content .cart-items form,
.account-section .account-section-content .item-action form {
  padding: 0;
}
@media (min-width: 1024px) {
  .account-section .account-section-content .item__btn {
    margin-bottom: 10px;
  }
}
@media (max-width: 1023px) {
  .account-section .account-section-content .item__btn {
    margin-top: 20px;
  }
}
.account-section .account-section-content .disable-link,
.account-section .account-section-content .enable-link {
  display: inline-block;
  text-align: right;
  margin: 25px 0;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
}
@media (max-width: 639px) {
  .account-section .account-section-content .disable-link,
  .account-section .account-section-content .enable-link {
    text-align: center;
    float: none;
    padding-right: 0 !important;
    width: 100%;
  }
}
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .enable-link button {
  background: transparent;
  border: 0 none;
  text-transform: uppercase;
  font-weight: 600;
  padding: 0;
}
.account-section .account-section-content .disable-link button[disabled],
.account-section .account-section-content .enable-link button[disabled] {
  color: #929292;
}
.account-section .account-section-content .disable-link form,
.account-section .account-section-content .enable-link form {
  display: inline-block;
}
.account-section .account-section-content .enable-link + .disable-link,
.account-section .account-section-content .disable-link + .enable-link,
.account-section .account-section-content .disable-link + .disable-link,
.account-section .account-section-content .enable-link + .enable-link {
  padding-left: 20px;
  position: relative;
}
.account-section .account-section-content .enable-link + .disable-link:before,
.account-section .account-section-content .disable-link + .enable-link:before,
.account-section .account-section-content .disable-link + .disable-link:before,
.account-section .account-section-content .enable-link + .enable-link:before {
  content: "";
  display: block;
  position: absolute;
  height: 24px;
  width: 1px;
  left: 10px;
  background: #cccccc;
  top: 0;
}
@media (max-width: 639px) {
  .account-section .account-section-content .enable-link + .disable-link:before,
  .account-section .account-section-content .disable-link + .enable-link:before,
  .account-section .account-section-content .disable-link + .disable-link:before,
  .account-section .account-section-content .enable-link + .enable-link:before {
    display: none;
  }
}
@media (max-width: 639px) {
  .account-section .account-section-content .enable-link + .disable-link,
  .account-section .account-section-content .disable-link + .enable-link,
  .account-section .account-section-content .disable-link + .disable-link,
  .account-section .account-section-content .enable-link + .enable-link {
    padding-left: 0;
  }
}
.account-section .account-section-content .disable-link a,
.account-section .account-section-content .disable-link button,
.account-section .account-section-content .disable-link form {
  color: #ed1c24;
}
@media (max-width: 639px) {
  .account-section .account-section-content .remove-item-column {
    position: absolute;
    right: -4px;
    top: -5px;
    width: auto;
  }
  .account-section .account-section-content .restore-item-column {
    position: absolute;
    right: -4px;
    top: 50px;
    width: auto;
  }
}
.account-section .account-section-content .restore-item-link {
  text-transform: uppercase;
  font-weight: 700;
}
.account-section .account-section-content .restore-item-link .glyphicon-share-alt {
  font-size: 24px;
  padding: 13px;
  transform: scale(-1, 1);
  margin-right: 13px;
}
.account-section .account-section-content .edit-item-link {
  margin-top: 10px;
  display: block;
}
.account-section .account-section-content .remove-item-link .glyphicon-remove {
  font-size: 21px;
  padding: 0 14px;
}
@media (max-width: 639px) {
  .account-section .account-section-content .remove-item-link .glyphicon-remove {
    padding: 14px;
    margin-right: 20px;
  }
}
.account-section .account-section-content .saved__carts__overview--table .responsive-table-item {
  position: relative;
  padding-right: 35px;
}
@media (min-width: 640px) {
  .account-section .account-section-content .saved-cart .saved-cart-name {
    width: 15%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
  }
  .account-section .account-section-content .saved-cart .saved-cart-description {
    width: 30%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 0;
  }
}
.account-section .account-section-action {
  margin-top: 20px;
}
@media (max-width: 639px) {
  .account-section .account-section-action .row {
    margin: 0;
  }
  .account-section .account-section-action .btn-primary {
    margin-bottom: 20px;
  }
}
.account-section .accountActions-bottom {
  clear: both;
  margin-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .accountActions-bottom {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .account-section .accountActions-bottom .btn-primary {
    margin-bottom: 20px;
  }
}
.account-section .cancel-panel .orderBackBtn {
  padding-right: 0;
}
@media (max-width: 640px) {
  .account-section .cancel-panel .orderBackBtn {
    padding-right: 20px;
    margin-bottom: 20px;
  }
}
@media (min-width: 640px) {
  .account-section .cancel-panel {
    padding-left: 0;
  }
}
.account-section .btn.btn-block + .btn.btn-block {
  margin-top: 10px;
}
.account-section .account-consignment {
  margin-top: 20px;
}
.account-section .account-list.account-addressbook ul,
.account-section .account-list.account-paymentdetails ul {
  margin-bottom: 30px;
}
.account-section .account-list ul {
  padding-left: 0;
  list-style: none;
  display: inline-block;
  width: 90%;
}
.account-section .account-list ul li {
  text-overflow: ellipsis;
  overflow: hidden;
}
.account-section .account-list .account-list-header {
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  background-color: #f4f4f4;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 20px;
  line-height: 1.5;
  margin-top: -1px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .account-list .account-list-header {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-list .account-list-header .account-list-header-add {
  font-size: 15px;
  line-height: 2;
  font-weight: 600;
  position: relative;
  top: 2px;
}
.account-section .account-list .account-cards {
  border-left: 1px solid #cccccc;
  padding: 0 10px;
}
.account-section .account-list .account-cards.card-select {
  border-top: 1px solid #cccccc;
}
.account-section .account-list .account-cards .account-cards-actions {
  display: inline-block;
  width: 10%;
}
.account-section .account-list .account-cards .account-cards-actions .glyphicon {
  font-size: 24px;
  margin-bottom: 20px;
}
.account-section .account-list .account-cards .account-cards-actions .edit-item .glyphicon {
  margin-top: 3px;
}
@media (min-width: 640px) {
  .account-section .account-list .account-cards .row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .account-section .account-list .account-cards .row:before {
    content: none;
  }
  .account-section .account-list .account-cards .row:after {
    content: '';
  }
}
.account-section .account-list .account-cards .card,
.account-section .account-list .account-cards .search-empty {
  list-style: none;
  border-left: 0;
  border-right: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  padding: 30px 30px 25px;
  margin-bottom: 0;
  min-height: 150px;
  clear: both;
}
.account-section .account-list .account-cards .card span,
.account-section .account-list .account-cards .search-empty span {
  padding: 0;
  text-align: right;
}
.account-section .account-list .account-cards .card > ul > li,
.account-section .account-list .account-cards .search-empty > ul > li {
  margin-bottom: 3px;
}
.account-section .account-list .account-cards .card > ul > li:first-child,
.account-section .account-list .account-cards .search-empty > ul > li:first-child {
  text-transform: uppercase;
  font-weight: 600;
}
.account-section .account-list .account-cards .card .action-links,
.account-section .account-list .account-cards .search-empty .action-links {
  float: right;
  height: 50px;
  width: 50px;
  margin-right: -15px;
  margin-top: -15px;
  text-align: right;
}
.account-section .account-list .account-cards .card .action-links .glyphicon-remove,
.account-section .account-list .account-cards .search-empty .action-links .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links .glyphicon-pencil,
.account-section .account-list .account-cards .search-empty .action-links .glyphicon-pencil {
  font-size: 20px;
  color: #929292;
  padding-right: 15px;
  padding-top: 15px;
}
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-remove,
.account-section .account-list .account-cards .card .action-links:hover .glyphicon-pencil,
.account-section .account-list .account-cards .search-empty .action-links:hover .glyphicon-pencil {
  color: #ec7205;
}
@media (max-width: 1024px) {
  .account-section .account-list .account-cards .card,
  .account-section .account-list .account-cards .search-empty {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-section .account-list .account-set-default-address {
  position: absolute;
  left: 25px;
  bottom: 25px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  color: #ec7205;
  background: transparent;
  padding: 0;
  border: 0 none;
}
@media (max-width: 639px) {
  .account-section .account-list .account-set-default-address {
    left: 20px;
  }
}
.account-section .continue__shopping,
.account-section .orderBackBtn {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .continue__shopping,
  .account-section .orderBackBtn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .account-section .account-list .account-cards {
    border: none;
  }
  .account-section .account-list .account-cards .card {
    border-left: 0;
    border-right: 0;
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-list .account-cards .card:first-child {
    margin: 0;
  }
  .account-section .account-list .account-cards .selected:first-child {
    border-left: none;
  }
}
.account-profil .account-profil-info {
  margin: 0 0 10px;
}
.account-profil .account-profil-info .account-profil-info-line {
  line-height: 2em;
}
.account-profil .account-profil-info .account-profil-info-line span {
  display: inline-block;
  width: 100px;
}
.account-profil a.btn {
  margin-top: 10px;
}
.account-profil .btn + .btn {
  margin-left: 10px;
}
.account-orderdetail.well {
  padding-left: 0;
  padding-right: 0;
}
@media (min-width: 1024px) {
  .account-orderdetail .item__list .item__list--item .item__total {
    padding-right: 30px;
  }
}
.account-orderdetail .well-content {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-orderdetail .well-content {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-orderdetail:before,
.account-orderdetail:after {
  content: " ";
  display: table;
}
.account-orderdetail:after {
  clear: both;
}
.account-orderdetail:before,
.account-orderdetail:after {
  content: " ";
  display: table;
}
.account-orderdetail:after {
  clear: both;
}
.account-orderdetail .col-sm-9 > .col-sm-4:nth-child(3n+1) {
  clear: both;
}
.account-orderdetail .order-savings {
  color: #00a651;
  font-weight: 700;
  padding: 10px 10px 25px 0;
}
.account-orderdetail .order-savings + .order-savings {
  padding-top: 0;
}
.account-orderdetail .item-box {
  background: #afb2b5;
  padding: 10px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.account-orderdetail .item-box:before,
.account-orderdetail .item-box:after {
  content: " ";
  display: table;
}
.account-orderdetail .item-box:after {
  clear: both;
}
.account-orderdetail .item-box:before,
.account-orderdetail .item-box:after {
  content: " ";
  display: table;
}
.account-orderdetail .item-box:after {
  clear: both;
}
.account-orderdetail .order-data {
  background-color: #F2F4F7;
  padding: 10px;
}
.account-orderdetail .orderDetail_itemHeader {
  font-size: 20px;
  background-color: #f4f4f4;
  padding: 10px 20px;
}
.account-orderdetail .button-panel {
  float: right;
  max-width: 200px;
}
.account-orderdetail .account-orderdetail-item-section-body ul {
  padding-left: 0;
  list-style: none;
  margin: 0;
}
.account-orderdetail .account-orderdetail-item-section-body ul li {
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #eee;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:before,
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  content: " ";
  display: table;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  clear: both;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:before,
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  content: " ";
  display: table;
}
.account-orderdetail .account-orderdetail-item-section-body ul li:after {
  clear: both;
}
.account-orderdetail .account-orderdetail-item-section-body ul li + li {
  border-top: 1px solid #eee;
}
.account-orderdetail .account-orderdetail-item-section-body ul .thumb {
  float: left;
  margin-right: 10px;
  max-width: 100px;
}
.account-orderdetail .account-orderdetail-item-section-body ul .price-total {
  float: right;
  padding-right: 10px;
}
.account-orderdetail .account-orderdetail-item-section-body ul .details .name {
  font-weight: bold;
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo {
  color: #00a651;
}
@media (min-width: 1024px) and (max-width: 1399px) {
  .account-orderdetail .account-orderdetail-item-section-body ul .promo {
    padding-left: 22px;
  }
}
@media (min-width: 1400px) {
  .account-orderdetail .account-orderdetail-item-section-body ul .promo {
    padding-left: 0;
  }
}
.account-orderdetail .account-orderdetail-item-section-body ul .promo li {
  border-bottom: 0;
}
.account-orderdetail .account-orderdetail__footer {
  padding-top: 55px;
}
.account-orderdetail .account-orderdetail__footer > div {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-orderdetail .account-orderdetail__footer > div {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-orderdetail .order-savings__headline {
  font-size: 18px;
  color: #19212b;
  font-weight: 500;
}
.account-orderdetail .orderTotal {
  font-size: 18px;
  line-height: 38px;
  margin-bottom: 20px;
}
.account-orderdetail .orderTotal .text-right {
  font-weight: 700;
}
.account-orderdetail .orderTotal .totals {
  font-size: 22px;
  line-height: 1.2em;
  font-weight: 700;
  text-transform: uppercase;
  padding-top: 15px;
}
.account-orderdetail .orderTotal .discount {
  color: #00a651;
}
.account-orderdetail .order-store-address .order-track-number,
.account-orderdetail .order-store-hours .order-track-number {
  color: #ed1c24;
}
.account-orderdetail .order-billing-address ul {
  padding: 0;
}
.account-orderdetail .order-billing-address ul li {
  list-style: none;
}
.account-orderdetail .order-billing-address .label-order,
.account-orderdetail .order-payment-data .label-order,
.account-orderdetail .order-ship-to .label-order,
.account-orderdetail .order-shipping-method .label-order,
.account-orderdetail .order-tracking-no .label-order,
.account-orderdetail .order-store-address .label-order,
.account-orderdetail .order-store-hours .label-order {
  text-transform: uppercase;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 2px;
}
.account-orderdetail .order-billing-address .value-order-date,
.account-orderdetail .order-payment-data .value-order-date,
.account-orderdetail .order-ship-to .value-order-date,
.account-orderdetail .order-shipping-method .value-order-date,
.account-orderdetail .order-tracking-no .value-order-date,
.account-orderdetail .order-store-address .value-order-date,
.account-orderdetail .order-store-hours .value-order-date {
  display: inline-block;
  min-width: 15%;
}
.account-orderdetail .value-order {
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 639px) {
  .account-orderdetail .order-shipping-method,
  .account-orderdetail .order-tracking-no,
  .account-orderdetail .order-payment-data,
  .account-orderdetail .order-store-hours {
    padding-top: 20px;
  }
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section {
  clear: both;
  margin-bottom: 20px;
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section .order-total__taxes {
  text-align: right;
}
.account-orderdetail .account-orderdetail-orderTotalDiscount-section .order-savings__info {
  color: #00a651;
  font-weight: 700;
  text-transform: uppercase;
}
.account-address-removal-popup .address {
  margin-top: 20px;
}
.account-address-removal-popup .btn {
  margin-top: 10px;
}
.savedcart_restore_confirm_modal .restore-current-cart-form {
  margin-top: 40px;
}
.not-active {
  pointer-events: none;
  cursor: default;
  font-weight: normal !important;
  color: black !important;
}
.quick-view-popup .product-image {
  float: left;
  width: 33%;
}
.quick-view-popup .product-image a {
  display: block;
}
.quick-view-popup .product-image img {
  width: 100%;
  height: auto;
}
.quick-view-popup .product-details {
  margin-left: 33%;
  padding-left: 20px;
}
.quick-view-popup .product-details .name {
  font-size: inherit;
  font-weight: bold;
}
.quick-view-popup .product-details .rating:after {
  clear: none;
}
.quick-view-popup .product-details .price {
  font-size: inherit;
  font-weight: bold;
}
.quick-view-popup .addtocart-component {
  clear: both;
  padding-top: 20px;
}
table {
  width: 100%;
}
table th {
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
  background-color: #128a9e;
  color: #ffffff;
  padding: 8px 10px;
  vertical-align: top;
}
table th:last-child {
  text-align: right;
}
table tr.entry-group-header a {
  color: lightgrey;
}
table tr.entry-group-header a:hover {
  color: black;
}
table tr.entry-group-header .error {
  background-color: PaleVioletRed;
}
table .entry-group-error-message {
  text-transform: none;
}
table div.left-align {
  text-align: left;
}
table td {
  padding: 20px 10px;
  vertical-align: top;
}
.responsive-table th:first-child {
  padding-left: 30px;
}
@media (max-width: 1024px) {
  .responsive-table th:first-child {
    padding-left: 20px;
  }
}
.responsive-table th:last-child {
  text-align: right;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .responsive-table th:last-child {
    padding-right: 20px;
  }
}
@media (min-width: 640px) {
  .responsive-table td:nth-child(2) {
    padding-left: 20px;
  }
}
@media (min-width: 1024px) {
  .responsive-table td:nth-child(2) {
    padding-left: 30px;
  }
}
.responsive-table td:last-child {
  text-align: right;
  padding-right: 30px;
}
@media (max-width: 640px) {
  .responsive-table td:last-child {
    padding-right: 20px;
  }
}
.responsive-table-item {
  padding: 10px;
}
@media (max-width: 640px) {
  .responsive-table-item {
    padding: 10px 20px;
  }
}
.responsive-table-item:nth-child(even) {
  background-color: #f2f2f2;
}
.responsive-table-item a.responsive-table-link {
  color: #ec7205;
}
.responsive-table-item a:hover,
.responsive-table-item a:focus {
  color: #154259;
}
.responsive-table-item td:last-child {
  text-align: right;
}
@media (max-width: 639px) {
  .responsive-table-item {
    display: block;
  }
  .responsive-table-item .status strong {
    display: block;
  }
  .responsive-table-item td {
    display: inline-block;
    width: 40%;
    padding: 3px 10px;
  }
  .responsive-table-item td:last-child {
    text-align: left;
  }
  .responsive-table-item td.responsive-table-cell {
    width: 55%;
  }
  .responsive-table-item td.responsive-table-cell-bold {
    font-weight: 600;
  }
}
/*input[type="radio"],
input[type="checkbox"] {
  margin-right: 10px;
  margin-bottom: 20px;
}COMENTO ELISEO*/
label {
  display: inherit;
  max-width: inherit;
  margin-bottom: 0;
  font-weight: inherit;
}
label.uncased {
  text-transform: none;
}
/*COMENTO ELISEO
.help-block {
  font-style: italic;
}*/
.form-control:focus {
  border-color: #5adfd9;
  outline: 0;
  box-shadow: none;
}
.form-control::-moz-placeholder {
  color: #b9bdc2;
  opacity: 1;
}
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #b9bdc2;
}
select.form-control {
  text-transform: uppercase;
  font-size: 13px;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  color: #929292;
}
.has-error .control-label {
  color: #153a59;
}
.has-error input.form-control {
  background: #f6e0e0;
  border-color: #c53131;
}
.has-error .help-block {
  font-weight: 600;
  color: #c53131;
}
.has-success .control-label {
  color: #153a59;
}
.has-success input.form-control {
  background: transparent;
  border-color: #cccccc;
}
.has-success .help-block {
  font-weight: 600;
  color: #00a651;
}
legend {
  font-size: 18px;
  border-bottom: 0;
  margin-top: 20px;
  margin-bottom: 20px;
}
.form-element-icon {
  position: relative;
}
.form-element-icon .glyphicon {
  position: absolute;
}
.form-element-icon.datepicker .glyphicon {
  top: 32px;
  right: 10px;
  color: #47b6b1;
  cursor: pointer;
}
@media (max-width: 1023px) {
  .form-element-icon.datepicker .glyphicon {
    top: 38px;
  }
}
.form-control-radio,
.form-control-checkbox {
  display: block;
}
.form-control-radio input,
.form-control-checkbox input {
  margin-bottom: 0;
  float: left;
}
.form-control-radio .form-control-label,
.form-control-checkbox .form-control-label {
  margin-left: 25px;
}
fieldset > div:last-of-type input,
fieldset > div:last-of-type label {
  margin-bottom: 0;
}
.legend {
  margin-bottom: 20px;
}
textarea {
  min-height: 245px;
}
textarea + .help-block {
  font-size: 12px;
  margin-bottom: 25px;
  text-align: right;
}
.input-sm {
  height: 40px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
}
select.input-sm {
  height: 40px;
  line-height: 40px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
/* Toggle Button */
.toggle-button {
  position: absolute;
  top: 19px;
  right: 73px;
}
.toggle-button input[type="checkbox"] {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
}
.toggle-button input[type="checkbox"][disabled] ~ label {
  color: #ffffff;
  pointer-events: none;
}
.toggle-button input[type="checkbox"][disabled] ~ label .toggle-button__switch {
  opacity: 0.4;
}
.toggle-button input[type="checkbox"]:focus ~ label .toggle-button__switch,
.toggle-button input[type="checkbox"]:hover ~ label .toggle-button__switch {
  background-color: #ffffff;
  border-color: #999999;
}
.toggle-button input[type="checkbox"]:checked ~ label .toggle-button__switch {
  background-color: #47b6b1;
}
.toggle-button input[type="checkbox"]:checked ~ label .toggle-button__switch:after {
  content: '\00a0';
  background-color: #ffffff;
  transform: translate3d(22px, 0, 0);
}
.toggle-button input[type="checkbox"]:checked ~ label .toggle-button__switch :before {
  content: '\00a0';
  left: 0;
}
.toggle-button label {
  user-select: none;
  position: relative;
  display: flex;
  align-items: center;
}
.toggle-button label .toggle-button__switch {
  position: relative;
  height: 33px;
  flex: 0 0 56px;
  border-radius: 60px;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.toggle-button label .toggle-button__switch.is-checked {
  border-color: #47b6b1;
}
.toggle-button label .toggle-button__switch:before {
  left: 28px;
  font-size: 12px;
  line-height: 23px;
  width: 28px;
  padding: 0 12px;
  content: '\00a0';
  position: absolute;
  top: 0;
}
.toggle-button label .toggle-button__switch:after {
  top: 4px;
  left: 4px;
  border-radius: 30px;
  width: 23px;
  line-height: 23px;
  font-size: 12px;
  color: #ffffff;
  background-color: #cccccc;
  content: '\00a0';
  position: absolute;
  z-index: 5;
}
.toggle-button input[type="checkbox"]:checked:focus ~ label .toggle-button__switch,
.toggle-button input[type="checkbox"]:checked:hover ~ label .toggle-button__switch {
  background-color: #8fd4d0;
  border-color: #8fd4d0;
}
.textpage-faqs th:last-child {
  text-align: left;
}
/*
## landingLayout2Page
********************************************************************/
.section1 {
  margin: 10px 0;
}
.zoneA .disp-img {
  height: 108px;
  margin: 10px 0 0 0;
  border-bottom: 1px dotted #A5A5A5;
  position: relative;
}
.zoneA .disp-img:first-child {
  margin: 0;
}
.zoneA .disp-img a {
  display: block;
}
.zoneA .disp-img .title {
  display: block;
  margin-left: 106px;
  border-bottom: 1px dotted #A5A5A5;
  margin-bottom: 10px;
}
.zoneA .disp-img .thumb {
  position: absolute;
  top: 0;
}
.zoneA .disp-img .details {
  width: 124px;
  height: 96px;
  margin-left: 106px;
  display: block;
}
.zoneA .action {
  display: none;
}
.zoneB .simple_disp-img:first-child {
  margin: 0 0 10px 0;
}
#homepage_slider.stripViewer {
  position: relative;
  overflow: hidden;
  margin: 0;
}
#homepage_slider.stripViewer ul {
  margin: 0;
  padding: 0;
  position: relative;
  left: 0;
  top: 0;
  width: 1%;
  list-style-type: none;
}
#homepage_slider.stripViewer ul li {
  float: left;
}
#homepage_slider .svw {
  width: 50px;
  height: 20px;
  background-color: #ffffff;
}
#homepage_slider .svw ul {
  position: relative;
  left: -999em;
}
#homepage_slider .tooltip {
  padding: 0.5em;
  background-color: #ffffff;
  color: #000000;
  border: 5px solid #dedede;
}
.stripTransmitter {
  overflow: auto;
  padding: 0 15px ;
  width: 438px !important;
  height: 51px;
  border-bottom: 1px dotted #A5A5A5;
  background-color: #eee;
}
.stripTransmitter ul {
  margin: 0;
  padding: 0;
  position: relative;
  list-style-type: none;
}
.stripTransmitter ul li {
  width: 30px;
  float: left;
}
.stripTransmitter a {
  line-height: 47px;
  display: block;
  padding: 0 0 0 0;
  text-align: center;
  text-decoration: none;
  font-size: 1.4em;
}
.stripTransmitter a:hover,
.stripTransmitter a.current {
  font-weight: bold;
}
.tooltip {
  padding: 0.5em;
  background-color: #ffffff;
  color: #000000;
  border-bottom: 1px dotted #A5A5A5;
}
.section4 .disp-img {
  margin: 0 0 15px 0;
}
.section4 .disp-img .title {
  border-bottom: 1px solid #a5a5a5;
  height: 30px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 1em;
  white-space: nowrap;
  display: block;
  margin: 0 0 10px 0;
}
.section4 .disp-img .thumb {
  margin: 0 0 5px 0;
  display: block;
}
.section4 .disp-img .action {
  display: none;
}
.product-details-toggle {
  position: relative;
  cursor: pointer;
  margin-bottom: 20px;
  padding-right: 20px;
}
.product-details-toggle.name {
  font-weight: 600;
}
.product-details.open .product-details-toggle {
  margin-bottom: 0;
}
.product-details-toggle .glyphicon {
  float: right;
  font-size: 14px;
  line-height: 35px;
}
.product-details.open .product-details-toggle .glyphicon:before {
  content: "\e114";
}
.product-details-toggle-wrap {
  display: none;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .product-details-toggle-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-details.open + .product-details-toggle-wrap {
  display: block;
}
.product-details-toggle-wrap .product-details {
  font-size: 22px;
}
.product-details-toggle-wrap img {
  width: 175px;
  margin: 0 30px 35px 0;
  float: left;
}
@media (min-width: 640px) {
  .product-details-toggle-wrap .product-details {
    text-align: right;
  }
}
@media (max-width: 639px) {
  .product-details-toggle {
    padding: 0 25px 0 10px;
  }
  .product-details-toggle .glyphicon {
    right: 10px;
  }
  .product-details-toggle-wrap {
    margin: 0;
  }
  .product-details-toggle-wrap img {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .product-details-toggle-wrap .product-details {
    margin-bottom: 20px;
  }
}
.product-action {
  overflow: hidden;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 15px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .product-action {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product-action ol {
  list-style: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.product-action ol li {
  font-size: 18px;
  float: right;
  margin: 15px 0 15px 20px;
  line-height: 48.85714286px;
}
.product-action #total-price {
  font-size: 18px;
  font-weight: 600;
}
.product-action div {
  float: left;
  margin: 15px 0;
  line-height: 48.85714286px;
}
@media (max-width: 639px) {
  .product-action {
    margin-bottom: 0;
  }
  .product-action ol li {
    margin-right: 0;
  }
}
@media (max-width: 480px) {
  .product-action ol li,
  .product-action .btn {
    width: 100%;
  }
  .product-action div {
    float: none;
    line-height: 1.42857;
    margin-bottom: 0;
  }
}
.update-future-stock {
  text-align: right;
  padding: 20px 7px 15px 0;
  background-color: #ffffff;
}
.update-future-stock .update_future_stock_button,
.update-future-stock .hide_future_stock_info {
  font-size: 13px;
  font-weight: 700;
}
.update-future-stock .hide_future_stock_info {
  display: none;
}
.product-grid-container .sku-quantity,
#cboxContent .sku-quantity {
  font-size: 13px;
  line-height: 20px;
  width: 60px;
  padding: 9px 10px;
  margin: 5px 0 3px;
  border: 1px solid #cccccc;
  text-align: center;
}
.product-grid-container .td_stock,
#cboxContent .td_stock {
  display: block;
  padding-bottom: 5px;
}
.product-grid-container .td_stock .in-stock,
#cboxContent .td_stock .in-stock {
  color: #929292;
  font-size: 13px;
  font-weight: 600;
}
.product-grid-container .future_stock,
#cboxContent .future_stock {
  display: block;
  font-size: 12px;
  line-height: 14px;
}
.product-grid-container .future_stock .future_stock_value,
#cboxContent .future_stock .future_stock_value {
  margin: 2px 0 8px 0;
}
.product-grid-container .data-grid-total,
#cboxContent .data-grid-total {
  display: inline-block;
  padding-top: 5px;
  border-top: 1px solid #cccccc;
  font-size: 15px;
  font-weight: 700;
}
.product-grid-container table td .price {
  font-size: 15px;
  font-weight: bold;
}
.product-grid-container table td.out-of-stock .variant-prop,
.product-grid-container table td.out-of-stock .price {
  opacity: 0.3;
}
.product-grid-container table td.out-of-stock .sku-quantity {
  opacity: 0.3;
  background-color: #fff;
}
@media (min-width: 640px) {
  .add-to-cart-order-form-wrap {
    position: relative;
    padding-left: 30px;
    padding-right: 30px;
  }
  .add-to-cart-order-form-wrap::after {
    background-color: white;
    bottom: 0;
    content: "";
    height: 17px;
    position: absolute;
    width: 100%;
  }
  .add-to-cart-order-form-wrap::before {
    background-color: white;
    right: 0;
    content: "";
    position: absolute;
    height: 100%;
  }
  .add_to_cart_order_form {
    overflow: scroll;
    max-height: 907px;
  }
  .order-form-scroll {
    cursor: pointer;
    background-color: #47b6b1;
    opacity: 0.4;
    color: #fff;
    text-align: center;
    position: absolute;
    display: none;
  }
  .order-form-scroll.right {
    width: 50px;
    height: 75px;
    line-height: 75px;
    right: 0px;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.left {
    width: 50px;
    height: 75px;
    line-height: 75px;
    left: 0;
    top: 50%;
    margin-top: -35px;
  }
  .order-form-scroll.up {
    width: 75px;
    height: 50px;
    line-height: 50px;
    top: 0;
    left: 50%;
    margin-left: -35px;
  }
  .order-form-scroll.down {
    width: 75px;
    height: 50px;
    line-height: 50px;
    bottom: 17px;
    left: 50%;
    margin-left: -35px;
  }
  .product-grid-container-dim-3,
  .product-grid-container-dim-2 {
    width: 100%;
  }
  .product-grid-container table {
    border-bottom: 1px solid #e5e5e5;
    background-color: #ffffff;
  }
  .product-grid-container table:nth-child(2n) {
    background: #f2f2f2;
  }
  .product-grid-container table tr:first-child > th:first-child {
    border-right: 1px solid #d3d3d3;
    white-space: nowrap;
  }
  .product-grid-container table tr > td:first-child {
    border-right: 1px solid #e5e5e5;
    padding-top: 20px;
  }
  .product-grid-container table th {
    text-align: center;
  }
  .product-grid-container table td {
    text-align: center;
    padding: 25px 10px 15px;
    vertical-align: top;
    max-width: 200px;
  }
}
@media (min-width: 640px) and (max-width: 1024px) {
  .add-to-cart-order-form-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  #cboxContent .sku-quantity {
    font-size: 16px;
  }
  .product-grid-container {
    font-size: 16px;
    margin-left: -10px;
    margin-right: -10px;
  }
  .product-grid-container table {
    table-layout: fixed;
    width: 100%;
  }
  .product-grid-container table tr td {
    border-bottom: 1px solid #e5e5e5;
  }
  .product-grid-container table tr .variant-detail {
    width: 60%;
    padding: 15px 0 15px 20px;
  }
  .product-grid-container table tr .variant-detail img {
    float: left;
    padding-right: 20px;
  }
  .product-grid-container table tr .variant-detail .description {
    padding: 12px 0;
  }
  .product-grid-container table tr .variant-select {
    width: 40%;
    text-align: right;
    font-weight: 600;
    padding-right: 20px;
    vertical-align: middle;
  }
  .product-grid-container table .hidden-size {
    display: none;
  }
  .product-grid-container table .variant-summary {
    display: none;
    background-color: #e5e5e5;
  }
  .product-grid-container table .variant-summary .variant-summary-items {
    margin: 15px 0;
  }
  .product-grid-container table .variant-summary tr td {
    padding: 0 20px;
    font-weight: bold;
  }
  .product-grid-container table .variant-summary tr td:last-child {
    text-align: right;
  }
  .product-grid-container table .variant-summary tr:first-child td {
    font-weight: normal;
  }
  .product-grid-container table .variant-summary span {
    display: none;
  }
  .product-grid-container table .editSize {
    display: none;
  }
  .product-grid-container table.selected .variant-summary {
    display: table-row;
  }
  .product-grid-container table.selected .editSize {
    display: inline;
  }
  .product-grid-container table.selected .selectSize {
    display: none;
  }
  .variantSelectMobile #cboxLoadedContent {
    overflow: visible!important;
    padding-left: 0;
    padding-right: 0;
  }
  .variantSelectMobile #cboxContent table {
    width: 100%;
  }
  .variantSelectMobile #cboxContent table td {
    display: block;
    font-weight: 600;
    text-align: center;
    padding: 25px 0 10px 0;
  }
  .variantSelectMobile #cboxContent table td:first-child {
    width: auto;
  }
  .variantSelectMobile #cboxContent table td:nth-child(2n+2) {
    background: #f2f2f2;
  }
  .variantSelectMobile #cboxContent .product-grid-container {
    margin: 0;
  }
  .variantSelectMobile #cboxContent .orderForm_grid_group {
    position: relative;
  }
  .variantSelectMobile #cboxContent .update-future-stock {
    position: absolute;
    margin-left: -65px;
    left: 50%;
    top: 100px;
  }
  .variantSelectMobile #cboxContent .variant-detail {
    padding: 0 0 60px 0;
  }
  .variantSelectMobile #cboxContent .variant-detail img {
    display: inline-block;
    max-width: 200px;
    float: none;
    padding: 0;
  }
  .variantSelectMobile #cboxContent .variant-detail .description {
    padding: 0;
  }
  .variantSelectMobile #cboxContent .variant-detail .description > div {
    display: inline;
  }
  .variantSelectMobile #cboxContent .mobile-cart-actions {
    padding: 20px;
    border-bottom: none;
    background-color: #fff !important;
  }
  .variantSelectMobile #cboxContent .mobile-cart-actions .btn {
    width: 100%;
  }
  .variantSelectMobile #cboxContent .variant-select,
  .variantSelectMobile #cboxContent .variant-summary {
    display: none;
  }
  .variantSelectMobile #cboxContent .variant-prop > span {
    font-weight: 400;
  }
  .variantSelectMobile #cboxContent .sku-quantity {
    font-weight: 400;
    line-height: 60px;
    width: 120px;
    height: 80px;
  }
}
#orderFormContainer .headline,
#orderFormContainer .advanced-search-wrap {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  #orderFormContainer .headline,
  #orderFormContainer .advanced-search-wrap {
    padding-left: 20px;
    padding-right: 20px;
  }
}
#resultsList.item__list .item__list--item:last-child {
  padding-right: 0;
}
.quick-order__introduction {
  padding-top: 13px;
  margin-top: 10px;
  line-height: 22px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .quick-order__introduction {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 1023px) {
  .quick-order__introduction {
    margin-bottom: 10px;
  }
}
.quick-order__actions {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .quick-order__actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .quick-order__actions .pull-right {
    float: none!important;
  }
}
.quick-order__add-to-cart-btn {
  margin-top: 10px;
}
.quick-order__add-to-cart-btn .btn {
  width: 100%;
}
.quick-order__reset-link {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 16px;
  line-height: 1.375;
  border: none;
  background-color: transparent;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 13px;
  margin-top: 10px;
}
@media (max-width: 639px) {
  .quick-order__reset-link {
    margin: 20px 0;
    text-align: center;
    width: 100%;
    padding-top: 5px;
  }
}
.quick-order__list {
  margin-top: 10px;
}
.quick-order__list.item__list .item__list--item:last-child {
  padding-right: 0;
}
@media (min-width: 1024px) {
  .quick-order__list.item__list .item__remove {
    padding-right: 30px;
    width: 64px;
  }
}
#quickOrder .item__list .item__info {
  width: auto;
}
@media (min-width: 1024px) {
  #quickOrder .item__quantity {
    text-align: left;
  }
}
@media (min-width: 1024px) {
  #quickOrder .item__sku__input input {
    max-width: 300px;
  }
}
@media (min-width: 1024px) {
  #quickOrder .item__list--header .item-sku-input {
    width: 25%;
  }
}
@media (max-width: 1023px) {
  #quickOrder .item__list--header .item-sku-input {
    width: 100%;
    padding: 0 20px;
  }
}
@media (min-width: 1023px) {
  #quickOrder .item__list--header .item__info {
    width: 20%;
  }
}
#quickOrder .item__list--header .item__total--column {
  text-align: left;
}
#quickOrder .item__list--header li:first-child {
  padding-left: 30px;
}
#quickOrder .item__sku__input {
  padding-left: 30px;
  width: 33%;
}
@media (max-width: 1023px) {
  #quickOrder .item__sku__input {
    padding-left: 20px;
    margin: 0 0 10px;
    width: 100%;
  }
}
#quickOrder .item__list--item:nth-child(odd) {
  background: #f2f2f2;
}
#quickOrder .item__list--item:nth-child(4n+4) {
  background-color: transparent;
}
@media (max-width: 1023px) {
  #quickOrder .item__list--item {
    display: inline-block;
    width: 100%;
  }
}
@media (min-width: 1024px) {
  #quickOrder .item__list--item .item__info {
    width: 20%;
  }
}
#quickOrder .item__list--item .item__info .item__name {
  display: block;
  padding-right: 20px;
}
@media (max-width: 1023px) {
  #quickOrder .item__list--item .item__quantity {
    padding-top: 10px;
    text-align: left;
  }
}
@media (min-width: 1024px) {
  #quickOrder .item__list--item .item__total {
    text-align: left;
    padding-left: 10px;
  }
}
@media (max-width: 1023px) {
  #quickOrder .item__list--item .item__total {
    float: left;
  }
}
.account-section .account-section-content .import-csv__form {
  padding: 0;
}
.import-csv__well {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .import-csv__well {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.import-csv__file-spec {
  padding-top: 15px;
}
.import-csv__file-spec-item {
  padding-top: 5px;
}
.import-csv__file-upload {
  padding-top: 20px;
}
.import-csv__actions {
  margin-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .import-csv__actions {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (min-width: 640px) {
  .import-csv__file-upload {
    border-left: 1px solid #cccccc;
    padding-top: 15px;
    padding-bottom: 10px;
    padding-left: 40px;
  }
}
@media (max-width: 639px) {
  .import-csv__well {
    margin: 0;
  }
}
.file-upload {
  margin-top: 15px;
}
.file-upload__label {
  display: block;
}
.file-upload__wrapper {
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}
.file-upload__input {
  position: absolute;
  right: -3px;
  top: -3px;
  bottom: -3px;
  margin: 0;
  padding: 0;
  font-size: 20px;
  cursor: pointer;
  opacity: 0;
}
.file-upload__file-name {
  font-size: 16px;
  display: inline-block;
  white-space: nowrap;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
  position: relative;
  top: 8px;
}
@media print {
  a[href]:after {
    content: "";
  }
  abbr[title]:after {
    content: "";
  }
  .breadcrumb-section {
    border-top: 2px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
  }
  .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
  }
  .col-xs-12 {
    width: 100%;
  }
  .col-xs-11 {
    width: 91.66666667%;
  }
  .col-xs-10 {
    width: 83.33333333%;
  }
  .col-xs-9 {
    width: 75%;
  }
  .col-xs-8 {
    width: 66.66666667%;
  }
  .col-xs-7 {
    width: 58.33333333%;
  }
  .col-xs-6 {
    width: 50%;
  }
  .col-xs-5 {
    width: 41.66666667%;
  }
  .col-xs-4 {
    width: 33.33333333%;
  }
  .col-xs-3 {
    width: 25%;
  }
  .col-xs-2 {
    width: 16.66666667%;
  }
  .col-xs-1 {
    width: 8.33333333%;
  }
  .col-xs-pull-12 {
    right: 100%;
  }
  .col-xs-pull-11 {
    right: 91.66666667%;
  }
  .col-xs-pull-10 {
    right: 83.33333333%;
  }
  .col-xs-pull-9 {
    right: 75%;
  }
  .col-xs-pull-8 {
    right: 66.66666667%;
  }
  .col-xs-pull-7 {
    right: 58.33333333%;
  }
  .col-xs-pull-6 {
    right: 50%;
  }
  .col-xs-pull-5 {
    right: 41.66666667%;
  }
  .col-xs-pull-4 {
    right: 33.33333333%;
  }
  .col-xs-pull-3 {
    right: 25%;
  }
  .col-xs-pull-2 {
    right: 16.66666667%;
  }
  .col-xs-pull-1 {
    right: 8.33333333%;
  }
  .col-xs-pull-0 {
    right: auto;
  }
  .col-xs-push-12 {
    left: 100%;
  }
  .col-xs-push-11 {
    left: 91.66666667%;
  }
  .col-xs-push-10 {
    left: 83.33333333%;
  }
  .col-xs-push-9 {
    left: 75%;
  }
  .col-xs-push-8 {
    left: 66.66666667%;
  }
  .col-xs-push-7 {
    left: 58.33333333%;
  }
  .col-xs-push-6 {
    left: 50%;
  }
  .col-xs-push-5 {
    left: 41.66666667%;
  }
  .col-xs-push-4 {
    left: 33.33333333%;
  }
  .col-xs-push-3 {
    left: 25%;
  }
  .col-xs-push-2 {
    left: 16.66666667%;
  }
  .col-xs-push-1 {
    left: 8.33333333%;
  }
  .col-xs-push-0 {
    left: auto;
  }
  .col-xs-offset-12 {
    margin-left: 100%;
  }
  .col-xs-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-xs-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-xs-offset-9 {
    margin-left: 75%;
  }
  .col-xs-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-xs-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-xs-offset-6 {
    margin-left: 50%;
  }
  .col-xs-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-xs-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-xs-offset-3 {
    margin-left: 25%;
  }
  .col-xs-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-xs-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-xs-offset-0 {
    margin-left: 0%;
  }
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .footer__left {
    width: 100%;
  }
  .footer__right {
    display: none;
  }
  .owl-wrapper {
    width: 100% !important;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item {
    width: 25%!important;
    display: none!important;
  }
  .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:nth-child(-n+4) {
    display: block!important;
  }
  .owl-controls {
    display: none!important;
  }
  .cart-voucher,
  .cart-actions--print {
    width: 100% !important;
  }
  .image-gallery__image,
  .image-gallery__image .owl-wrapper,
  .image-gallery__image .owl-wrapper .owl-item {
    width: 190%!important;
  }
  .tabs .tabhead + .tabbody {
    display: block!important;
  }
  .back-link .label {
    border: 0;
  }
  .carousel-component {
    overflow: hidden;
    height: 320px;
  }
}
.skip,
.skiptocontent,
.skiptonavigation {
  margin: -1px;
  padding: 0;
  clip: rect(0, 0, 0, 0);
  border: 0;
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#registerForm .form_field_error {
  width: auto;
  float: none;
  padding-right: 0;
  clear: both;
}
.carousel-bundles__component .carousel__component--headline {
  text-align: left;
}
.cts-msg-history {
  margin-top: 20px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .cts-msg-history {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.cts-msg-history-item {
  margin-top: 20px;
  display: none;
}
.cts-msg-history-item-info {
  font-size: 16px;
  margin-bottom: 10px;
  padding: 0 20px;
}
@media (max-width: 639px) {
  .cts-msg-history-item-info {
    padding: 0;
  }
}
.cts-msg-history-item-info .author {
  font-weight: bold;
}
.cts-msg-history-item .well {
  border-radius: 3px;
  border: 1px solid #e5e5e5;
}
.cts-msg-history-item .well.well-tertiary {
  border: 1px solid #128a9e;
  opacity: .5;
}
.cts-msg-history-item .well.well-closed {
  background-color: #a1eeae;
}
.cts-msg-history-item .well.well-reopen {
  background-color: #a3e2ff;
}
@media (max-width: 639px) {
  .cts-msg-history-item .well {
    border-radius: 0;
    border-left: 0;
    border-right: 0;
    margin-left: -20px;
    margin-right: -20px;
  }
}
.cts-msg-history-item-msg {
  font-size: 16px;
}
.cts-msg-history-item.ct-msg-visible {
  display: block;
}
.cts-msg-history-item-agent .well,
.cts-msg-history-item-agent .cts-msg-history-item-info {
  text-align: initial;
}
.cts-msg-history #ct-toggle-all-messages {
  display: block;
  text-align: center;
  margin-top: 20px;
}
.cts-msg-history-item-modified-field {
  margin-left: 5px;
}
.cts-msg-history-item-modified-field:before {
  content: "|";
  position: relative;
  left: -3px;
  top: -2px;
  color: #929292;
}
.cts-msg-history-item-modified-field--status {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
}
.cts-msg-history-item-modified-field--status-inprocess,
.cts-msg-history-item-modified-field--status-open,
.cts-msg-history-item-modified-field--status-reopen {
  color: #0486e0;
}
.cts-msg-history-item-modified-field--status-completed,
.cts-msg-history-item-modified-field--status-closed {
  color: #18bc33;
}
#supportTicketForm textarea.form-control {
  height: 240px;
}
.cts-attach-list {
  padding-left: 0;
  list-style: none;
  border-top: 1px solid #e5e5e5;
  margin: 20px -20px 0;
  padding: 10px 20px 0;
  font-size: 16px;
}
.cts-attach-file {
  padding: 3px 0;
}
.cts-attach-file .glyphicon {
  color: #154259;
  font-size: 1.125em;
  margin-right: 3px;
  top: 4px;
}
#textFieldConfigurationForm,
.textFieldConfigurationForm {
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  #textFieldConfigurationForm,
  .textFieldConfigurationForm {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.product__config {
  margin-bottom: 25px;
}
.product__config .product__config-row {
  margin-bottom: 10px;
}
.cpq-price-sum {
  display: inline-block;
  padding: 10px 10px;
}
.cpq-price-sum-slim {
  padding: 10px 3px;
}
.cpq-price-sum-sub {
  padding-bottom: 10px;
  margin: 0px 17px 6px;
  border-bottom: 1px solid #dddddd;
}
.cpq-price-sum-total {
  margin: 0px 17px;
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cpq-price-sum-sub,
  .cpq-price-sum-total {
    margin-left: 0px;
  }
}
@media (max-width: 639px) and (min-width: 1024px) and (max-width: 1399px) and (min-width: 1400px) {
  padding-bottom: 10px;
  margin: 0px 17px 6px;
  border-bottom: 1px solid #dddddd;
  margin: 0px 17px;
}
.cpq-price-value {
  text-align: right;
  overflow: hidden;
}
.cpq-price-label {
  text-align: left;
  overflow: hidden;
  float: left;
}
.cpq-price-total {
  font-weight: bold;
  font-size: 18px;
}
.cpq-price-savings {
  color: #ff0000;
}
.cpq-price-other {
  font-size: 13px;
}
.cpq-pricing-error-container {
  display: inline-flex;
  color: #000000;
  align-items: center;
}
.cpq-pricing-summary-error,
.cpq-pricing-overview-error {
  z-index: 1600;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  display: block;
  padding: 12px 24px;
  box-shadow: 0 0 1px #000000;
}
.cpq-pricing-summary-error {
  background-color: rgba(250, 88, 88, 0.85);
}
.cpq-pricing-summary-error .cpq-pricing-error-icon:before {
  content: "\e101";
}
.cpq-pricing-overview-error {
  background-color: rgba(250, 88, 88, 0.85);
}
.cpq-pricing-overview-error .cpq-pricing-error-icon:before {
  content: "\e101";
}
.cpq-pricing-error-message {
  text-align: left;
  font-size: 18px;
  padding-left: 12px;
}
.cpq-pricing-error-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
}
.cpq-cstic {
  padding: 6px 10px;
  border-top: 1px solid #dddddd;
}
.cpq-cstic-hidden {
  background-color: #f0f0f0;
}
.cpq-legend-row + .cpq-cstic,
.cpq-group .cpq-cstic:first-child {
  border-top: 0px;
}
.cpq-suggestion-box + .cpq-cstic {
  border-top: 0px;
}
.cpq-groups > div:last-child {
  border-bottom: 0px;
}
.cpq-csticlabel {
  padding-top: 10px;
  padding-right: 6px;
  font-size: 14px;
  display: block;
  clear: left;
  float: left;
  max-width: 66%;
}
@media (max-width: 639px) {
  .cpq-csticlabel {
    max-width: 100%;
  }
}
.cpq-csticlabel.cpq-csticlabel-warning {
  color: #d9534f;
  font-weight: bold;
}
.cpq-csticlabel.cpq-csticlabel-error {
  color: #d9534f;
  font-weight: bold;
}
.cpq-csticlabel-longtext-icon {
  display: inline-block;
  cursor: pointer;
}
.cpq-csticlabel-longtext-icon:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e086";
  top: 3px;
  font-size: 18px;
  padding-left: 3px;
  color: #929292;
}
.cpq-csticlabel-required-icon {
  display: inline-block;
}
.cpq-csticlabel-required-icon:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  content: "\2a";
  padding-left: 3px;
  color: #ff0000;
}
.cpq-legend .cpq-csticlabel-required-icon:after {
  padding-right: 3px;
}
.cpq-csticValue-multi {
  display: inline-block;
}
option.cpq-csticValue {
  padding-left: 15px;
}
.cpq-csticValue {
  margin-left: 17px;
  padding: 10px 0px;
  padding-right: 34px;
  font-size: 14px;
  clear: both;
  float: none;
  display: block;
}
.cpq-csticValue.cpq-csticValue-error input,
.cpq-csticValue.cpq-csticValue-error select,
.cpq-csticValue.cpq-csticValue-error .ui-selectmenu-button {
  background-color: #f2dede;
  border: 1px solid #ebccd1;
}
.cpq-csticValue.cpq-csticValue-warning input {
  background-color: #f2dede;
  border: 1px solid #ebccd1;
}
.cpq-csticValue .checkbox.cpq-csticValueSelect-single {
  min-height: 20px;
}
.cpq-csticValue .checkbox:first-child {
  margin-top: 0px;
}
.cpq-csticValue .checkbox:last-child {
  margin-bottom: 0px;
}
.cpq-csticValue .radio:first-child {
  margin-top: 0px;
}
.cpq-csticValue .radio:last-child {
  margin-bottom: 0px;
}
.cpq-csticValue .radio .cpq-selectLine,
.cpq-csticValue .checkbox .cpq-selectLine {
  display: flex;
}
.cpq-csticValue .radio label.cpq-csticValueLabel,
.cpq-csticValue .checkbox label.cpq-csticValueLabel {
  padding-top: 0px;
}
.cpq-csticValue .cpq-csticValueLabelWithoutSelect {
  display: flex;
}
.cpq-csticValueLabel-readOnly {
  text-transform: none;
  padding-left: 20px;
  margin-bottom: 0;
  margin-right: auto;
  font-size: 14px;
  color: #153a59;
  display: inline-block;
}
.cpq-csticValueLabel-readOnly.cpq-csticValueDeltaPrice {
  margin-right: 0px;
  padding-left: 5px;
  min-width: 75px;
  text-align: right;
  float: right;
}
.cpq-csticValueLabel-readOnly.cpq-csticValueStrikeThroughPrice {
  text-decoration: line-through;
  padding-left: 5px;
  min-width: 75px;
  text-align: right;
  float: right;
}
.cpq-csticValueLabel-readOnly.cpq-csticValueStrikeThroughPrice.cpq-price-savings {
  text-decoration: none;
}
.cpq-csticValueLabel-readOnly.cpq-price-savings {
  color: #ff0000;
}
.cpq-csticValueLabel {
  text-transform: none;
  padding-left: 20px;
  margin-bottom: 0;
  margin-right: auto;
  font-size: 14px;
  color: #153a59;
}
.cpq-csticValueLabel.cpq-csticValueDeltaPrice {
  margin-right: 0px;
  padding-left: 5px;
  min-width: 75px;
  text-align: right;
  float: right;
}
.cpq-csticValueLabel.cpq-csticValueStrikeThroughPrice {
  text-decoration: line-through;
  padding-left: 5px;
  min-width: 75px;
  text-align: right;
  float: right;
}
.cpq-csticValueLabel.cpq-csticValueStrikeThroughPrice.cpq-price-savings {
  text-decoration: none;
}
.cpq-csticValueLabel.cpq-price-savings {
  color: #ff0000;
}
.cpq-csticValue .cpq-message {
  margin: 0px;
  margin-left: 20px;
}
.cpq-csticValueAnalytics {
  font-weight: 200;
  padding-top: 1px;
  padding-bottom: 5px;
}
.cpq-csticValueAnalyticsTemplate {
  font-weight: 200;
  padding-top: 1px;
  padding-bottom: 5px;
  visibility: hidden;
  speak: none;
}
.cpq-label-default {
  display: inline;
  padding: .2em .6em .3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #153a59;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
  width: 70px;
  color: #cccccc;
  text-align: left;
  border-style: solid;
  font-weight: normal;
  display: inline-block;
  border-width: 1px;
  padding: 5px;
}
a.cpq-label-default:hover,
a.cpq-label-default:focus {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}
.cpq-label-default:empty {
  display: none;
}
.btn .cpq-label-default {
  position: relative;
  top: -1px;
}
.cpq-label-default:before {
  content: url(../images/users_16x17.png);
  display: block;
  float: left;
  color: #929292;
}
.cpq-label-default .mobileTooltip {
  top: 55px;
  left: -15px;
  max-width: 60%;
  z-index: 10;
  color: #fff;
  border-radius: 5px;
  position: absolute;
  white-space: normal;
  background: #0f2b3f;
  font-size: 13px;
  border: 1px solid #0f2b3f;
  padding: 10px;
}
.cpq-cstic-value-with-image .mobileTooltip {
  top: 175px;
  left: -15px;
  max-width: 155px;
}
.cpq-cstic-value-with-image .cpq-label-default .mobileTooltip:before {
  border-width: 11px;
  left: 77.5px;
}
.cpq-label-default .mobileTooltip::before {
  width: 0;
  height: 0;
  left: 68px;
  bottom: 100%;
  content: " ";
  margin-left: -10px;
  position: absolute;
  pointer-events: none;
  border: solid transparent;
  border-color: rgba(15, 43, 63, 0);
  border-bottom-color: #0f2b3f;
}
.cpq-label-default .mobileTooltip:before {
  border-width: 11px;
}
.cpq-popularity-in-percent {
  position: relative;
  display: inline-block;
  color: #929292;
  top: 3px;
  font-size: 14px;
  padding-left: 5px;
}
.cpq-cstic-long-text {
  display: block;
  margin: 0px 17px 5px;
  font-size: 13px;
  word-wrap: break-word;
  text-align: justify;
  clear: both;
}
.cpq-cstic .radio input[type="radio"],
.cpq-cstic .radio-inline input[type="radio"],
.cpq-cstic .checkbox input[type="checkbox"],
.cpq-cstic .checkbox-inline input[type="checkbox"] {
  margin-left: 0px;
}
@media (max-width: 639px) {
  .cpq-cstic .radio label,
  .cpq-cstic .radio-inline label,
  .cpq-cstic .checkbox label,
  .cpq-cstic .checkbox-inline label {
    padding-top: 3px;
  }
}
.cpq-warning-msg,
.cpq-error-msg {
  color: #d9534f;
}
.cpq-promo,
.cpq-warning,
.cpq-conflict,
.cpq-error,
.cpq-message {
  margin: 0px 17px 5px;
  font-size: 14px;
  display: block;
  clear: both;
}
.cpq-message-info-sign {
  display: inline-block;
  float: left;
}
.cpq-message-info-sign:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e086";
  top: 3px;
  font-size: 18px;
  padding-left: 3px;
  color: #929292;
  font-size: 24px;
  padding-left: 0px;
}
.cpq-message-question-sign {
  display: inline-block;
  float: left;
}
.cpq-message-question-sign:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e085";
  top: 3px;
  font-size: 18px;
  padding-left: 3px;
  color: #f0ad4e;
  font-size: 24px;
  padding-left: 0px;
}
.cpq-message .cpq-message-info-sign,
.cpq-message .cpq-message-question-sign {
  padding-right: 5px;
  margin-top: -5px;
}
.cpq-conflict .cpq-conflict-link {
  color: #ec7205;
  text-decoration: underline;
  padding-left: 5px;
}
.cpq-conflict .cpq-conflict-link:hover {
  color: #154259;
  text-decoration: underline;
  padding-left: 5px;
}
.cpq-conflict-to-config {
  padding-top: 10px;
  font-size: 14px;
  display: block;
  float: right;
  clear: right;
  max-width: 33%;
}
@media (max-width: 639px) {
  .cpq-conflict-to-config {
    padding-top: 1px;
    float: left;
    clear: both;
    max-width: 100%;
  }
}
.cpq-conflict-to-config .cpq-conflict-link-to-config {
  color: #ec7205;
  text-decoration: underline;
  padding-left: 5px;
  float: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  text-align: right;
}
@media (max-width: 639px) {
  .cpq-conflict-to-config .cpq-conflict-link-to-config {
    padding-left: 0px;
  }
}
.cpq-promo-opportunity {
  color: #ff0000;
}
.cpq-promo-applied {
  color: rgba(24, 188, 51, 0.85);
}
.cpq-promo-message-link {
  display: inline-block;
  color: rgba(4, 134, 224, 0.85);
  cursor: pointer;
}
.cpq-promo-message-link:after {
  color: #929292;
}
.cpq-legend-row {
  display: block;
  clear: both;
  padding-right: 10px;
}
.cpq-legend {
  font-size: 14px;
  color: #153a59;
  padding-left: 10px;
}
@media (min-width: 640px) {
  .cpq-legend {
    max-width: 33%;
    float: right;
    text-align: right;
  }
}
@media (max-width: 639px) {
  .cpq-legend {
    max-width: 100%;
    text-align: left;
  }
}
.cpq-conflictgroup + .cpq-group .cpq-legend {
  float: none;
  max-width: 100%;
}
.cpq-label-config-link-row,
.cpq-legend {
  margin-right: 17px;
  margin-left: 17px;
}
.cpq-conflict-retractValue-button {
  /* if you want a button rather than a link, toggle comments below */
  /* and change the a-tag to a button-tag on the retractAction.tag*/
  /*
	.btn-default;
   .btn-block;
   padding-top:  @padding-small-vertical;
   padding-bottom:  @padding-small-vertical;
   */
  text-decoration: underline;
  font-size: 14px;
  width: 33%;
}
@media (max-width: 639px) {
  .cpq-conflict-retractValue-button {
    margin: auto;
    width: 100%;
  }
}
.cpq-conflict-retractValue {
  margin-left: 17px;
  margin-right: 17px;
}
.cpq-cstic-image {
  max-width: 100%;
  max-height: 200px;
}
.cpq-cstic-image-container {
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  clear: none;
  float: left;
}
.cpq-cstic-images {
  clear: both;
  overflow: hidden;
  margin-left: 7px;
  margin-right: 7px;
}
.cpq-cstic-value-with-image {
  clear: none;
  display: inline-block;
  text-align: center;
  vertical-align: top;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 10px;
  padding-left: 10px;
}
.cpq-cstic-value-image {
  max-width: 96px;
  max-height: 96px;
}
.cpq-csticValueImageLabel {
  text-transform: none;
  max-width: 106px;
  text-align: center;
  font-size: 14px;
  font-weight: normal;
  color: #153a59;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-bottom: 0px;
}
.cpq-cstic-value-with-image .cpq-csticValueDeltaPrice {
  max-width: 106px;
  text-align: center;
  float: none;
  display: block;
  padding-left: 0px;
}
.cpq-cstic-value-with-image .cpq-message {
  max-width: 106px;
  margin-left: 0px;
}
.cpq-cstic-value-image-container {
  text-align: center;
  line-height: 104px;
  width: 106px;
  height: 106px;
}
.cpq-cstic-value-with-image-changeable {
  cursor: pointer;
}
.cpq-cstic-value-with-image-changeable .cpq-cstic-value-image-container-hover {
  border: 3px solid #929292;
  cursor: pointer;
  line-height: 98px;
}
.cpq-cstic-value-with-image-changeable .cpq-cstic-value-image-container-hover:focus {
  outline: none;
}
.cpq-cstic-value-with-image-changeable .cpq-csticValueImageLabel {
  cursor: pointer;
}
.cpq-cstic-image-value-selected {
  border: 3px solid #47b6b1;
  line-height: 98px;
}
.cpq-ddlb-option {
  display: block;
  line-height: 1.42857143;
  width: 100%;
  padding: 6px 12px;
  font-size: 14px;
  background-image: none;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.cpq-cstic .cpq-csticValue .ui-selectmenu-button {
  background-color: white;
  color: #19212b;
  width: 100%;
  white-space: normal;
  padding: 0px;
}
.cpq-cstic .cpq-csticValue .ui-selectmenu-button .ui-icon {
  height: 0px;
  width: 0px;
}
.cpq-cstic .cpq-csticValue .ui-selectmenu-button .cpq-csticValue {
  margin-right: -5px;
  display: flex;
}
.cpq-ddlb-option {
  color: #19212b;
}
.cpq-ddlb-option .ui-state-active {
  margin: 0px;
}
.cpq-ddlb-option .ui-state-active .cpq-option-price,
.cpq-ddlb-option .ui-state-active .cpq-option-strikethrough,
.cpq-ddlb-option .ui-state-active .cpq-option-savings {
  color: white;
}
.cpq-ddlb-option .ui-menu-item-wrapper {
  display: flex;
}
.cpq-option-price,
.cpq-option-strikethrough,
.cpq-option-savings {
  text-align: right;
  min-width: 75px;
  float: right;
  padding-left: 5px;
}
.cpq-option-strikethrough {
  text-decoration: line-through;
}
.cpq-valuePrices {
  padding-left: 5px;
  padding-right: 3px;
}
.ui-menu-item-wrapper .cpq-valuePrices,
.ui-selectmenu-button .cpq-valuePrices {
  padding-right: 12px;
}
.cpq-option-text {
  margin-right: auto;
}
.cpq-option-icon {
  margin-right: -12px;
}
.cpq-promo-opportunity {
  color: #ff0000;
}
.cpq-promo-opportunity .cpq-option-strikethrough,
.cpq-promo-opportunity .cpq-option-savings,
.cpq-promo-opportunity .cpq-option-icon {
  color: #19212b;
}
.cpq-promo-applied {
  color: rgba(24, 188, 51, 0.85);
}
.cpq-promo-applied .cpq-option-strikethrough,
.cpq-promo-applied .cpq-option-icon {
  color: #19212b;
}
.cpq-promo-applied .cpq-option-price,
.cpq-promo-applied .cpq-option-savings {
  color: #ff0000;
}
.ui-selectmenu-button-closed .cpq-option-icon:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  float: left;
  cursor: pointer;
  content: "\e114";
}
.ui-selectmenu-button-open .cpq-option-icon:after {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  float: left;
  cursor: pointer;
  content: "\e113";
}
.cpq-group-header {
  background-color: #f2f4f7;
  margin-top: 10px;
  padding: 0px 5px;
  padding-left: 22px;
  border: 1px solid #dddddd;
  overflow: auto;
  overflow-y: hidden;
}
.cpq-group-header .cpq-status-icon {
  margin-top: 10px;
}
.cpq-group-header.cpq-group-title-open,
.cpq-group-header.cpq-group-title-close {
  padding-left: 5px;
}
.cpq-group-header.cpq-group-title-open:hover,
.cpq-group-header.cpq-group-title-close:hover {
  cursor: pointer;
}
@media (max-width: 639px) {
  .cpq-group-header.cpq-group-title-open .cpq-group-title,
  .cpq-group-header.cpq-group-title-close .cpq-group-title {
    width: 79%;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cpq-group-header.cpq-group-title-open .cpq-group-title,
  .cpq-group-header.cpq-group-title-close .cpq-group-title {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .cpq-group-header.cpq-group-title-open .cpq-group-title,
  .cpq-group-header.cpq-group-title-close .cpq-group-title {
    width: 93%;
  }
}
.cpq-group-header.cpq-conflictgroup {
  background-color: #fef7df;
}
.cpq-conflictgroup .cpq-group-title {
  width: 100%;
  padding-right: 22px;
}
.cpq-group-title {
  font-size: 18px;
  display: block;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 10px 0px;
}
@media (max-width: 639px) {
  .cpq-group-title {
    width: 80%;
  }
}
@media (min-width: 640px) {
  .cpq-group-title {
    width: 94%;
  }
}
.cpq-suggestion-box {
  background-color: #f2f4f7;
  margin-top: 10px;
  padding: 0px 5px;
  padding-left: 22px;
  border: 1px solid #dddddd;
  overflow: auto;
  overflow-y: hidden;
  padding-right: 22px;
}
.cpq-suggestion-box .cpq-status-icon {
  margin-top: 10px;
}
.cpq-suggestion-box.cpq-group-title-open,
.cpq-suggestion-box.cpq-group-title-close {
  padding-left: 5px;
}
.cpq-suggestion-box.cpq-group-title-open:hover,
.cpq-suggestion-box.cpq-group-title-close:hover {
  cursor: pointer;
}
@media (max-width: 639px) {
  .cpq-suggestion-box.cpq-group-title-open .cpq-group-title,
  .cpq-suggestion-box.cpq-group-title-close .cpq-group-title {
    width: 79%;
  }
}
@media (min-width: 640px) and (max-width: 1023px) {
  .cpq-suggestion-box.cpq-group-title-open .cpq-group-title,
  .cpq-suggestion-box.cpq-group-title-close .cpq-group-title {
    width: 90%;
  }
}
@media (min-width: 1024px) {
  .cpq-suggestion-box.cpq-group-title-open .cpq-group-title,
  .cpq-suggestion-box.cpq-group-title-close .cpq-group-title {
    width: 93%;
  }
}
.cpq-suggestion-box.cpq-conflictgroup {
  background-color: #fef7df;
}
.cpq-suggestion-box .cpq-suggestion-title {
  width: 100%;
}
.cpq-suggestion-title {
  font-size: 18px;
  display: block;
  float: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 10px 0px;
  padding-top: 1px;
  padding-bottom: 1px;
}
@media (max-width: 639px) {
  .cpq-suggestion-title {
    width: 80%;
  }
}
@media (min-width: 640px) {
  .cpq-suggestion-title {
    width: 94%;
  }
}
.cpq-suggestion-title-text {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cpq-suggestion-title-prefix {
  text-transform: uppercase;
  font-size: 14px;
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cpq-suggestion-title-suffix {
  white-space: nowrap;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.cpq-conflict-msg {
  padding: 10px 10px;
  margin-left: 17px;
}
.cpq-group-title-open:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  float: left;
  cursor: pointer;
  content: "\e113";
  padding: 16px 5px;
}
.cpq-group-title-close:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  float: left;
  cursor: pointer;
  content: "\e114";
  padding: 16px 5px;
}
.cpq-glyphicon-asterisk {
  position: relative;
  top: 1px;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-size: 18px;
  content: "\2a";
  padding-left: 3px;
}
.cpq-glyphicon-info-sign {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e086";
  top: 3px;
  font-size: 18px;
  padding-left: 3px;
}
.cpq-csticlabel-users-icon {
  content: url(../images/users_16x17.png);
  display: block;
  float: left;
}
.cpq-glyphicon-question-sign {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e085";
  top: 3px;
  font-size: 18px;
  padding-left: 3px;
}
.cpq-glyphicon-list {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e056";
}
.glyphicon-remove {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e014";
}
.cpq-glyphicon-chevron {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  float: left;
  cursor: pointer;
}
.cpq-glyphicon-chevron-up {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  float: left;
  cursor: pointer;
  content: "\e113";
}
.cpq-glyphicon-chevron-down {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  float: left;
  cursor: pointer;
  content: "\e114";
}
#configBottombarSlot {
  border-top: 1px solid #dddddd;
}
.name.product-details-glyphicon-chevron-open:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  float: left;
  cursor: pointer;
  content: "\e113";
  padding: 12px 5px;
  font-size: 14px;
}
.name.product-details-glyphicon-chevron-open {
  cursor: pointer;
}
.name.product-details-glyphicon-chevron-close:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  float: left;
  cursor: pointer;
  content: "\e114";
  padding: 12px 5px;
  font-size: 14px;
}
.name.product-details-glyphicon-chevron-close {
  cursor: pointer;
}
body.pageType-ProductConfigPage > main > div > .global-alerts {
  display: none;
}
@media (min-width: 1024px) {
  .cpq-config-page,
  .cpq-overview-page {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media (max-width: 1023px) {
  .cpq-config-page,
  .cpq-overview-page {
    padding-left: 0px;
    padding-right: 0px;
  }
}
.cpq-config-page .product-details,
.cpq-overview-page .product-details {
  margin-bottom: 0px;
}
.sr-only {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.cpq-debug-info {
  margin-top: 5px;
  margin-left: 17px;
}
.cpq-debug-info .cpq-debug-info-name {
  float: left;
  font-size: 14px;
  padding-right: 10px;
  padding-left: 10px;
}
.cpq-debug-info .cpq-debug-info-value {
  float: left;
  padding-right: 10px;
}
.cpq-debug-info div {
  float: left;
}
.cpq-debug-info div div {
  float: left;
}
.cpq-menu-header {
  font-size: 18px;
  margin-top: 10px;
  border: 1px solid #dddddd;
  overflow: auto;
}
.cpq-menu-conflict-title,
.cpq-menu-title {
  padding: 10px 10px;
}
.cpq-menu-conflict-title,
.cpq-menu-title {
  display: block;
  float: left;
  white-space: nowrap;
  width: 64%;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 10px 12px;
  padding-right: 0px;
}
[class^="cpq-menu-level-"] {
  background-color: #b3b3b3;
}
[class^="cpq-menu-level-"] .cpq-menu-title {
  padding-left: 60px;
}
.cpq-menu-level-1 {
  background-color: #f2f2f2;
}
.cpq-menu-level-1 .cpq-menu-title {
  padding-left: 0px;
}
.cpq-menu-level-2 {
  background-color: #e6e6e6;
}
.cpq-menu-level-2 .cpq-menu-title {
  padding-left: 12px;
}
.cpq-menu-level-3 {
  background-color: #d9d9d9;
}
.cpq-menu-level-3 .cpq-menu-title {
  padding-left: 24px;
}
.cpq-menu-level-4 {
  background-color: #cccccc;
}
.cpq-menu-level-4 .cpq-menu-title {
  padding-left: 36px;
}
.cpq-menu-level-5 {
  background-color: #bfbfbf;
}
.cpq-menu-level-5 .cpq-menu-title {
  padding-left: 48px;
}
.cpq-menu-conflict-header {
  background-color: #fde28f;
}
.cpq-menu-conflict-header .cpq-menu-conflict-title {
  padding-left: 0px;
}
.cpq-menu-conflict-node {
  background-color: #fef7df;
}
.cpq-menu-conflict-node.cpq-menu-leaf-selected {
  background-color: #feebb2;
  color: #19212b;
}
.cpq-menu-conflict-header,
.cpq-menu-conflict-node,
.cpq-menu-node,
.cpq-menu-leaf,
.cpq-menu-nonConfLeaf {
  border: 1px solid #dddddd;
  border-top: 0px;
  overflow: auto;
  padding: 0px 5px;
}
.cpq-menu-conflict-header:hover,
.cpq-menu-conflict-node:hover {
  background-color: #feebb2;
  cursor: pointer;
}
.cpq-menu-conflict-header:hover .cpq-status-icon:before,
.cpq-menu-conflict-node:hover .cpq-status-icon:before {
  color: #ffffff;
}
.cpq-menu-conflict-header .cpq-status-icon,
.cpq-menu-conflict-node .cpq-status-icon {
  margin-top: 7px;
}
.cpq-menu-node:hover,
.cpq-menu-leaf:hover {
  background-color: #ec7205;
  color: #ffffff;
  cursor: pointer;
}
.cpq-menu-node:hover .cpq-status-icon:before,
.cpq-menu-leaf:hover .cpq-status-icon:before {
  color: #ffffff;
}
.cpq-menu-node .cpq-status-icon,
.cpq-menu-leaf .cpq-status-icon {
  margin-top: 7px;
}
.cpq-menu-nonConfLeaf .cpq-status-icon {
  margin-top: 7px;
}
.cpq-menu-leaf-selected {
  color: #ffffff;
  background-color: #ec7205;
}
.cpq-menu-conflict-node .cpq-menu-title,
.cpq-menu-leaf .cpq-menu-title,
.cpq-menu-nonConfLeaf .cpq-menu-title,
.cpq-menu-conflict-node .cpq-menu-conflict-title,
.cpq-menu-leaf .cpq-menu-conflict-title,
.cpq-menu-nonConfLeaf .cpq-menu-conflict-title {
  margin-left: 24px;
}
.cpq-menu-expanded:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  float: left;
  cursor: pointer;
  content: "\e113";
  padding: 13px 5px;
  padding-left: 7px;
}
.cpq-menu-collapsed:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
  float: left;
  cursor: pointer;
  content: "\e114";
  padding: 13px 5px;
  padding-left: 7px;
}
.cpq-menu-icon:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e056";
  font-size: 24px;
  padding: 20px 12px 22px 15px;
  color: #ffffff;
}
.cpq-menu-icon-area {
  background-color: #ec7205;
  border-top-left-radius: 5px 5px;
  border-bottom-left-radius: 5px 5px;
  cursor: pointer;
  position: fixed;
  z-index: 1;
  right: 0px;
}
.cpq-menu-icon-remove {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e014";
  background-color: #ec7205;
  color: #ffffff;
  padding: 11px 10px;
  cursor: pointer;
  float: right;
  font-size: 24px;
  top: 0px;
}
.cpq-menu-icon-remove:before {
  content: "\e014";
}
.cpq-status-icon {
  display: none;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  width: 2em;
  height: 2em;
  float: right;
  margin: 0px 5px;
  padding-top: 3px;
  border-radius: 1em;
  -moz-border-radius: 1em;
  -webkit-border-radius: 1em;
}
.cpq-error-sign {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #f0ad4e;
  display: block;
  font-size: 24px;
  float: left;
}
.cpq-conflict .cpq-error-sign {
  top: -1px;
  margin-top: -1px;
}
.cpq-status-icon-error {
  background: #d9534f;
  color: #ffffff;
  display: block;
}
.cpq-group-warning .cpq-status-icon,
.cpq-menu-warning .cpq-status-icon,
.cpq-group-error .cpq-status-icon,
.cpq-menu-error .cpq-status-icon {
  background: #d9534f;
  color: #ffffff;
  display: block;
}
.cpq-group-completed .cpq-status-icon:before,
.cpq-menu-completed .cpq-status-icon:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #5cb85c;
  content: "\e013";
  font-size: 24px;
}
.cpq-group-completed .cpq-status-icon,
.cpq-menu-completed .cpq-status-icon {
  display: block;
}
.cpq-menu-nonConfLeaf .cpq-status-icon:before {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #929292;
  content: "\e013";
  font-size: 24px;
}
.cpq-menu-nonConfLeaf .cpq-status-icon {
  display: block;
}
.cpq-menu-conflict-number .cpq-status-icon {
  background: #d9534f;
  color: #ffffff;
  display: block;
  background: #f0ad4e;
}
.cpq-previous-button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*CODIGO MODIFICADO*/
  /*border-radius: 0 !important;*/
  /*CODIGO MODIFICADO*/
  /*CODIGO MODIFICADO*/
  /*text-transform: uppercase;*/
  /*CODIGO MODIFICADO*/
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 15px;
  font-size: 17px;
  line-height: 1.375;
  border-radius: 3px;
  border-radius: .50rem !important;
  background-color: #47b6b1;
  border-color: #47b6b1;
  border: 3px solid;
  color: #ffffff;
  background-color: #0c45a8;
  border-color: #0c45a8;
  display: block;
  width: 100%;
}
.cpq-previous-button:focus,
.cpq-previous-button:active:focus,
.cpq-previous-button.active:focus,
.cpq-previous-button.focus,
.cpq-previous-button:active.focus,
.cpq-previous-button.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.cpq-previous-button:hover,
.cpq-previous-button:focus,
.cpq-previous-button.focus {
  color: #ffffff;
  text-decoration: none;
}
.cpq-previous-button:active,
.cpq-previous-button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.cpq-previous-button.disabled,
.cpq-previous-button[disabled],
fieldset[disabled] .cpq-previous-button {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.cpq-previous-button.disabled,
fieldset[disabled] a.cpq-previous-button {
  pointer-events: none;
}
.cpq-previous-button.glyphicon {
  padding: 3px 0 4px 0;
}
.cpq-previous-button.glyphicon:before {
  font-size: 25px;
}
.cpq-previous-button,
.cpq-previous-button:active,
.cpq-previous-button.active {
  box-shadow: none;
}
.cpq-previous-button:focus,
.cpq-previous-button:active:focus,
.cpq-previous-button.active:focus {
  outline: 0;
}
.cpq-previous-button:focus,
.cpq-previous-button.focus {
  color: #ffffff;
  background-color: #39918d;
  border-color: #235a58;
}
.cpq-previous-button:hover {
  color: #ffffff;
  background-color: #39918d;
  border-color: #368a86;
}
.cpq-previous-button:active,
.cpq-previous-button.active,
.open > .dropdown-toggle.cpq-previous-button {
  color: #ffffff;
  background-color: #39918d;
  border-color: #368a86;
}
.cpq-previous-button:active:hover,
.cpq-previous-button.active:hover,
.open > .dropdown-toggle.cpq-previous-button:hover,
.cpq-previous-button:active:focus,
.cpq-previous-button.active:focus,
.open > .dropdown-toggle.cpq-previous-button:focus,
.cpq-previous-button:active.focus,
.cpq-previous-button.active.focus,
.open > .dropdown-toggle.cpq-previous-button.focus {
  color: #ffffff;
  background-color: #2f7874;
  border-color: #235a58;
}
.cpq-previous-button:active,
.cpq-previous-button.active,
.open > .dropdown-toggle.cpq-previous-button {
  background-image: none;
}
.cpq-previous-button.disabled:hover,
.cpq-previous-button[disabled]:hover,
fieldset[disabled] .cpq-previous-button:hover,
.cpq-previous-button.disabled:focus,
.cpq-previous-button[disabled]:focus,
fieldset[disabled] .cpq-previous-button:focus,
.cpq-previous-button.disabled.focus,
.cpq-previous-button[disabled].focus,
fieldset[disabled] .cpq-previous-button.focus {
  background-color: #47b6b1;
  border-color: #47b6b1;
}
.cpq-previous-button .badge {
  color: #47b6b1;
  background-color: #ffffff;
}
.cpq-previous-button:hover,
.cpq-previous-button:focus,
.cpq-previous-button:active,
.cpq-previous-button.active,
.open .dropdown-toggle.cpq-previous-button {
  color: #00205b;
  background-color: #00205b;
  border-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cpq-previous-button:active,
.cpq-previous-button.active,
.open .dropdown-toggle.cpq-previous-button {
  background-image: none;
}
.cpq-previous-button.disabled,
.cpq-previous-button[disabled],
fieldset[disabled] .cpq-previous-button,
.cpq-previous-button.disabled:hover,
.cpq-previous-button[disabled]:hover,
fieldset[disabled] .cpq-previous-button:hover,
.cpq-previous-button.disabled:focus,
.cpq-previous-button[disabled]:focus,
fieldset[disabled] .cpq-previous-button:focus,
.cpq-previous-button.disabled:active,
.cpq-previous-button[disabled]:active,
fieldset[disabled] .cpq-previous-button:active,
.cpq-previous-button.disabled.active,
.cpq-previous-button[disabled].active,
fieldset[disabled] .cpq-previous-button.active {
  color: #ffffff;
  background-color: #00205b;
  border-color: #00205b;
}
.cpq-previous-button .badge {
  color: #0c45a8;
  background-color: #ffffff;
}
.cpq-next-button {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*CODIGO MODIFICADO*/
  /*border-radius: 0 !important;*/
  /*CODIGO MODIFICADO*/
  /*CODIGO MODIFICADO*/
  /*text-transform: uppercase;*/
  /*CODIGO MODIFICADO*/
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 15px;
  font-size: 17px;
  line-height: 1.375;
  border-radius: 3px;
  border-radius: .50rem !important;
  background-color: #ec7205;
  border-color: #ec7205;
  /*CODIGO MODIFICADO*/
  border-radius: 0.25em;
  margin: 5px auto;
  /*CODIGO MODIFICADO*/
  color: #ffffff;
  background-color: #0c45a8;
  border-color: #0c45a8;
  display: block;
  width: 100%;
}
.cpq-next-button:focus,
.cpq-next-button:active:focus,
.cpq-next-button.active:focus,
.cpq-next-button.focus,
.cpq-next-button:active.focus,
.cpq-next-button.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.cpq-next-button:hover,
.cpq-next-button:focus,
.cpq-next-button.focus {
  color: #ffffff;
  text-decoration: none;
}
.cpq-next-button:active,
.cpq-next-button.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.cpq-next-button.disabled,
.cpq-next-button[disabled],
fieldset[disabled] .cpq-next-button {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.cpq-next-button.disabled,
fieldset[disabled] a.cpq-next-button {
  pointer-events: none;
}
.cpq-next-button.glyphicon {
  padding: 3px 0 4px 0;
}
.cpq-next-button.glyphicon:before {
  font-size: 25px;
}
.cpq-next-button,
.cpq-next-button:active,
.cpq-next-button.active {
  box-shadow: none;
}
.cpq-next-button:focus,
.cpq-next-button:active:focus,
.cpq-next-button.active:focus {
  outline: 0;
}
.cpq-next-button:focus,
.cpq-next-button.focus {
  color: #ffffff;
  background-color: #ba5a04;
  border-color: #6f3602;
}
.cpq-next-button:hover {
  color: #ffffff;
  background-color: #ba5a04;
  border-color: #b05504;
}
.cpq-next-button:active,
.cpq-next-button.active,
.open > .dropdown-toggle.cpq-next-button {
  color: #ffffff;
  background-color: #ba5a04;
  border-color: #b05504;
}
.cpq-next-button:active:hover,
.cpq-next-button.active:hover,
.open > .dropdown-toggle.cpq-next-button:hover,
.cpq-next-button:active:focus,
.cpq-next-button.active:focus,
.open > .dropdown-toggle.cpq-next-button:focus,
.cpq-next-button:active.focus,
.cpq-next-button.active.focus,
.open > .dropdown-toggle.cpq-next-button.focus {
  color: #ffffff;
  background-color: #974903;
  border-color: #6f3602;
}
.cpq-next-button:active,
.cpq-next-button.active,
.open > .dropdown-toggle.cpq-next-button {
  background-image: none;
}
.cpq-next-button.disabled:hover,
.cpq-next-button[disabled]:hover,
fieldset[disabled] .cpq-next-button:hover,
.cpq-next-button.disabled:focus,
.cpq-next-button[disabled]:focus,
fieldset[disabled] .cpq-next-button:focus,
.cpq-next-button.disabled.focus,
.cpq-next-button[disabled].focus,
fieldset[disabled] .cpq-next-button.focus {
  background-color: #ec7205;
  border-color: #ec7205;
}
.cpq-next-button .badge {
  color: #ec7205;
  background-color: #ffffff;
}
.cpq-next-button:hover,
.cpq-next-button:focus,
.cpq-next-button:active,
.cpq-next-button.active,
.open .dropdown-toggle.cpq-next-button {
  color: #00205b;
  background-color: #00205b;
  border-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cpq-next-button:active,
.cpq-next-button.active,
.open .dropdown-toggle.cpq-next-button {
  background-image: none;
}
.cpq-next-button.disabled,
.cpq-next-button[disabled],
fieldset[disabled] .cpq-next-button,
.cpq-next-button.disabled:hover,
.cpq-next-button[disabled]:hover,
fieldset[disabled] .cpq-next-button:hover,
.cpq-next-button.disabled:focus,
.cpq-next-button[disabled]:focus,
fieldset[disabled] .cpq-next-button:focus,
.cpq-next-button.disabled:active,
.cpq-next-button[disabled]:active,
fieldset[disabled] .cpq-next-button:active,
.cpq-next-button.disabled.active,
.cpq-next-button[disabled].active,
fieldset[disabled] .cpq-next-button.active {
  color: #ffffff;
  background-color: #00205b;
  border-color: #00205b;
}
.cpq-next-button .badge {
  color: #0c45a8;
  background-color: #ffffff;
}
.cpq-button-bar {
  border-top: 1px solid #dddddd;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: auto;
}
.cpq-btn-addToCart,
.cpq-btn-goToCart,
.cpq-btn-backToQuotation,
.cpq-btn-backToOrder,
.cpq-btn-skip {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*CODIGO MODIFICADO*/
  /*border-radius: 0 !important;*/
  /*CODIGO MODIFICADO*/
  /*CODIGO MODIFICADO*/
  /*text-transform: uppercase;*/
  /*CODIGO MODIFICADO*/
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 15px;
  font-size: 17px;
  line-height: 1.375;
  border-radius: 3px;
  border-radius: .50rem !important;
  display: block;
  width: 100%;
  background-color: #ec7205;
  border-color: #ec7205;
  /*CODIGO MODIFICADO*/
  border-radius: 0.25em;
  margin: 5px auto;
  /*CODIGO MODIFICADO*/
  color: #ffffff;
  background-color: #0c45a8;
  border-color: #0c45a8;
}
.cpq-btn-addToCart:focus,
.cpq-btn-goToCart:focus,
.cpq-btn-backToQuotation:focus,
.cpq-btn-backToOrder:focus,
.cpq-btn-skip:focus,
.cpq-btn-addToCart:active:focus,
.cpq-btn-goToCart:active:focus,
.cpq-btn-backToQuotation:active:focus,
.cpq-btn-backToOrder:active:focus,
.cpq-btn-skip:active:focus,
.cpq-btn-addToCart.active:focus,
.cpq-btn-goToCart.active:focus,
.cpq-btn-backToQuotation.active:focus,
.cpq-btn-backToOrder.active:focus,
.cpq-btn-skip.active:focus,
.cpq-btn-addToCart.focus,
.cpq-btn-goToCart.focus,
.cpq-btn-backToQuotation.focus,
.cpq-btn-backToOrder.focus,
.cpq-btn-skip.focus,
.cpq-btn-addToCart:active.focus,
.cpq-btn-goToCart:active.focus,
.cpq-btn-backToQuotation:active.focus,
.cpq-btn-backToOrder:active.focus,
.cpq-btn-skip:active.focus,
.cpq-btn-addToCart.active.focus,
.cpq-btn-goToCart.active.focus,
.cpq-btn-backToQuotation.active.focus,
.cpq-btn-backToOrder.active.focus,
.cpq-btn-skip.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.cpq-btn-addToCart:hover,
.cpq-btn-goToCart:hover,
.cpq-btn-backToQuotation:hover,
.cpq-btn-backToOrder:hover,
.cpq-btn-skip:hover,
.cpq-btn-addToCart:focus,
.cpq-btn-goToCart:focus,
.cpq-btn-backToQuotation:focus,
.cpq-btn-backToOrder:focus,
.cpq-btn-skip:focus,
.cpq-btn-addToCart.focus,
.cpq-btn-goToCart.focus,
.cpq-btn-backToQuotation.focus,
.cpq-btn-backToOrder.focus,
.cpq-btn-skip.focus {
  color: #ffffff;
  text-decoration: none;
}
.cpq-btn-addToCart:active,
.cpq-btn-goToCart:active,
.cpq-btn-backToQuotation:active,
.cpq-btn-backToOrder:active,
.cpq-btn-skip:active,
.cpq-btn-addToCart.active,
.cpq-btn-goToCart.active,
.cpq-btn-backToQuotation.active,
.cpq-btn-backToOrder.active,
.cpq-btn-skip.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.cpq-btn-addToCart.disabled,
.cpq-btn-goToCart.disabled,
.cpq-btn-backToQuotation.disabled,
.cpq-btn-backToOrder.disabled,
.cpq-btn-skip.disabled,
.cpq-btn-addToCart[disabled],
.cpq-btn-goToCart[disabled],
.cpq-btn-backToQuotation[disabled],
.cpq-btn-backToOrder[disabled],
.cpq-btn-skip[disabled],
fieldset[disabled] .cpq-btn-addToCart,
fieldset[disabled] .cpq-btn-goToCart,
fieldset[disabled] .cpq-btn-backToQuotation,
fieldset[disabled] .cpq-btn-backToOrder,
fieldset[disabled] .cpq-btn-skip {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.cpq-btn-addToCart.disabled,
a.cpq-btn-goToCart.disabled,
a.cpq-btn-backToQuotation.disabled,
a.cpq-btn-backToOrder.disabled,
a.cpq-btn-skip.disabled,
fieldset[disabled] a.cpq-btn-addToCart,
fieldset[disabled] a.cpq-btn-goToCart,
fieldset[disabled] a.cpq-btn-backToQuotation,
fieldset[disabled] a.cpq-btn-backToOrder,
fieldset[disabled] a.cpq-btn-skip {
  pointer-events: none;
}
.cpq-btn-addToCart.glyphicon,
.cpq-btn-goToCart.glyphicon,
.cpq-btn-backToQuotation.glyphicon,
.cpq-btn-backToOrder.glyphicon,
.cpq-btn-skip.glyphicon {
  padding: 3px 0 4px 0;
}
.cpq-btn-addToCart.glyphicon:before,
.cpq-btn-goToCart.glyphicon:before,
.cpq-btn-backToQuotation.glyphicon:before,
.cpq-btn-backToOrder.glyphicon:before,
.cpq-btn-skip.glyphicon:before {
  font-size: 25px;
}
.cpq-btn-addToCart,
.cpq-btn-goToCart,
.cpq-btn-backToQuotation,
.cpq-btn-backToOrder,
.cpq-btn-skip,
.cpq-btn-addToCart:active,
.cpq-btn-goToCart:active,
.cpq-btn-backToQuotation:active,
.cpq-btn-backToOrder:active,
.cpq-btn-skip:active,
.cpq-btn-addToCart.active,
.cpq-btn-goToCart.active,
.cpq-btn-backToQuotation.active,
.cpq-btn-backToOrder.active,
.cpq-btn-skip.active {
  box-shadow: none;
}
.cpq-btn-addToCart:focus,
.cpq-btn-goToCart:focus,
.cpq-btn-backToQuotation:focus,
.cpq-btn-backToOrder:focus,
.cpq-btn-skip:focus,
.cpq-btn-addToCart:active:focus,
.cpq-btn-goToCart:active:focus,
.cpq-btn-backToQuotation:active:focus,
.cpq-btn-backToOrder:active:focus,
.cpq-btn-skip:active:focus,
.cpq-btn-addToCart.active:focus,
.cpq-btn-goToCart.active:focus,
.cpq-btn-backToQuotation.active:focus,
.cpq-btn-backToOrder.active:focus,
.cpq-btn-skip.active:focus {
  outline: 0;
}
.cpq-btn-addToCart:focus,
.cpq-btn-goToCart:focus,
.cpq-btn-backToQuotation:focus,
.cpq-btn-backToOrder:focus,
.cpq-btn-skip:focus,
.cpq-btn-addToCart.focus,
.cpq-btn-goToCart.focus,
.cpq-btn-backToQuotation.focus,
.cpq-btn-backToOrder.focus,
.cpq-btn-skip.focus {
  color: #ffffff;
  background-color: #ba5a04;
  border-color: #6f3602;
}
.cpq-btn-addToCart:hover,
.cpq-btn-goToCart:hover,
.cpq-btn-backToQuotation:hover,
.cpq-btn-backToOrder:hover,
.cpq-btn-skip:hover {
  color: #ffffff;
  background-color: #ba5a04;
  border-color: #b05504;
}
.cpq-btn-addToCart:active,
.cpq-btn-goToCart:active,
.cpq-btn-backToQuotation:active,
.cpq-btn-backToOrder:active,
.cpq-btn-skip:active,
.cpq-btn-addToCart.active,
.cpq-btn-goToCart.active,
.cpq-btn-backToQuotation.active,
.cpq-btn-backToOrder.active,
.cpq-btn-skip.active,
.open > .dropdown-toggle.cpq-btn-addToCart,
.open > .dropdown-toggle.cpq-btn-goToCart,
.open > .dropdown-toggle.cpq-btn-backToQuotation,
.open > .dropdown-toggle.cpq-btn-backToOrder,
.open > .dropdown-toggle.cpq-btn-skip {
  color: #ffffff;
  background-color: #ba5a04;
  border-color: #b05504;
}
.cpq-btn-addToCart:active:hover,
.cpq-btn-goToCart:active:hover,
.cpq-btn-backToQuotation:active:hover,
.cpq-btn-backToOrder:active:hover,
.cpq-btn-skip:active:hover,
.cpq-btn-addToCart.active:hover,
.cpq-btn-goToCart.active:hover,
.cpq-btn-backToQuotation.active:hover,
.cpq-btn-backToOrder.active:hover,
.cpq-btn-skip.active:hover,
.open > .dropdown-toggle.cpq-btn-addToCart:hover,
.open > .dropdown-toggle.cpq-btn-goToCart:hover,
.open > .dropdown-toggle.cpq-btn-backToQuotation:hover,
.open > .dropdown-toggle.cpq-btn-backToOrder:hover,
.open > .dropdown-toggle.cpq-btn-skip:hover,
.cpq-btn-addToCart:active:focus,
.cpq-btn-goToCart:active:focus,
.cpq-btn-backToQuotation:active:focus,
.cpq-btn-backToOrder:active:focus,
.cpq-btn-skip:active:focus,
.cpq-btn-addToCart.active:focus,
.cpq-btn-goToCart.active:focus,
.cpq-btn-backToQuotation.active:focus,
.cpq-btn-backToOrder.active:focus,
.cpq-btn-skip.active:focus,
.open > .dropdown-toggle.cpq-btn-addToCart:focus,
.open > .dropdown-toggle.cpq-btn-goToCart:focus,
.open > .dropdown-toggle.cpq-btn-backToQuotation:focus,
.open > .dropdown-toggle.cpq-btn-backToOrder:focus,
.open > .dropdown-toggle.cpq-btn-skip:focus,
.cpq-btn-addToCart:active.focus,
.cpq-btn-goToCart:active.focus,
.cpq-btn-backToQuotation:active.focus,
.cpq-btn-backToOrder:active.focus,
.cpq-btn-skip:active.focus,
.cpq-btn-addToCart.active.focus,
.cpq-btn-goToCart.active.focus,
.cpq-btn-backToQuotation.active.focus,
.cpq-btn-backToOrder.active.focus,
.cpq-btn-skip.active.focus,
.open > .dropdown-toggle.cpq-btn-addToCart.focus,
.open > .dropdown-toggle.cpq-btn-goToCart.focus,
.open > .dropdown-toggle.cpq-btn-backToQuotation.focus,
.open > .dropdown-toggle.cpq-btn-backToOrder.focus,
.open > .dropdown-toggle.cpq-btn-skip.focus {
  color: #ffffff;
  background-color: #974903;
  border-color: #6f3602;
}
.cpq-btn-addToCart:active,
.cpq-btn-goToCart:active,
.cpq-btn-backToQuotation:active,
.cpq-btn-backToOrder:active,
.cpq-btn-skip:active,
.cpq-btn-addToCart.active,
.cpq-btn-goToCart.active,
.cpq-btn-backToQuotation.active,
.cpq-btn-backToOrder.active,
.cpq-btn-skip.active,
.open > .dropdown-toggle.cpq-btn-addToCart,
.open > .dropdown-toggle.cpq-btn-goToCart,
.open > .dropdown-toggle.cpq-btn-backToQuotation,
.open > .dropdown-toggle.cpq-btn-backToOrder,
.open > .dropdown-toggle.cpq-btn-skip {
  background-image: none;
}
.cpq-btn-addToCart.disabled:hover,
.cpq-btn-goToCart.disabled:hover,
.cpq-btn-backToQuotation.disabled:hover,
.cpq-btn-backToOrder.disabled:hover,
.cpq-btn-skip.disabled:hover,
.cpq-btn-addToCart[disabled]:hover,
.cpq-btn-goToCart[disabled]:hover,
.cpq-btn-backToQuotation[disabled]:hover,
.cpq-btn-backToOrder[disabled]:hover,
.cpq-btn-skip[disabled]:hover,
fieldset[disabled] .cpq-btn-addToCart:hover,
fieldset[disabled] .cpq-btn-goToCart:hover,
fieldset[disabled] .cpq-btn-backToQuotation:hover,
fieldset[disabled] .cpq-btn-backToOrder:hover,
fieldset[disabled] .cpq-btn-skip:hover,
.cpq-btn-addToCart.disabled:focus,
.cpq-btn-goToCart.disabled:focus,
.cpq-btn-backToQuotation.disabled:focus,
.cpq-btn-backToOrder.disabled:focus,
.cpq-btn-skip.disabled:focus,
.cpq-btn-addToCart[disabled]:focus,
.cpq-btn-goToCart[disabled]:focus,
.cpq-btn-backToQuotation[disabled]:focus,
.cpq-btn-backToOrder[disabled]:focus,
.cpq-btn-skip[disabled]:focus,
fieldset[disabled] .cpq-btn-addToCart:focus,
fieldset[disabled] .cpq-btn-goToCart:focus,
fieldset[disabled] .cpq-btn-backToQuotation:focus,
fieldset[disabled] .cpq-btn-backToOrder:focus,
fieldset[disabled] .cpq-btn-skip:focus,
.cpq-btn-addToCart.disabled.focus,
.cpq-btn-goToCart.disabled.focus,
.cpq-btn-backToQuotation.disabled.focus,
.cpq-btn-backToOrder.disabled.focus,
.cpq-btn-skip.disabled.focus,
.cpq-btn-addToCart[disabled].focus,
.cpq-btn-goToCart[disabled].focus,
.cpq-btn-backToQuotation[disabled].focus,
.cpq-btn-backToOrder[disabled].focus,
.cpq-btn-skip[disabled].focus,
fieldset[disabled] .cpq-btn-addToCart.focus,
fieldset[disabled] .cpq-btn-goToCart.focus,
fieldset[disabled] .cpq-btn-backToQuotation.focus,
fieldset[disabled] .cpq-btn-backToOrder.focus,
fieldset[disabled] .cpq-btn-skip.focus {
  background-color: #ec7205;
  border-color: #ec7205;
}
.cpq-btn-addToCart .badge,
.cpq-btn-goToCart .badge,
.cpq-btn-backToQuotation .badge,
.cpq-btn-backToOrder .badge,
.cpq-btn-skip .badge {
  color: #ec7205;
  background-color: #ffffff;
}
.cpq-btn-addToCart:hover,
.cpq-btn-goToCart:hover,
.cpq-btn-backToQuotation:hover,
.cpq-btn-backToOrder:hover,
.cpq-btn-skip:hover,
.cpq-btn-addToCart:focus,
.cpq-btn-goToCart:focus,
.cpq-btn-backToQuotation:focus,
.cpq-btn-backToOrder:focus,
.cpq-btn-skip:focus,
.cpq-btn-addToCart:active,
.cpq-btn-goToCart:active,
.cpq-btn-backToQuotation:active,
.cpq-btn-backToOrder:active,
.cpq-btn-skip:active,
.cpq-btn-addToCart.active,
.cpq-btn-goToCart.active,
.cpq-btn-backToQuotation.active,
.cpq-btn-backToOrder.active,
.cpq-btn-skip.active,
.open .dropdown-toggle.cpq-btn-addToCart,
.open .dropdown-toggle.cpq-btn-goToCart,
.open .dropdown-toggle.cpq-btn-backToQuotation,
.open .dropdown-toggle.cpq-btn-backToOrder,
.open .dropdown-toggle.cpq-btn-skip {
  color: #00205b;
  background-color: #00205b;
  border-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cpq-btn-addToCart:active,
.cpq-btn-goToCart:active,
.cpq-btn-backToQuotation:active,
.cpq-btn-backToOrder:active,
.cpq-btn-skip:active,
.cpq-btn-addToCart.active,
.cpq-btn-goToCart.active,
.cpq-btn-backToQuotation.active,
.cpq-btn-backToOrder.active,
.cpq-btn-skip.active,
.open .dropdown-toggle.cpq-btn-addToCart,
.open .dropdown-toggle.cpq-btn-goToCart,
.open .dropdown-toggle.cpq-btn-backToQuotation,
.open .dropdown-toggle.cpq-btn-backToOrder,
.open .dropdown-toggle.cpq-btn-skip {
  background-image: none;
}
.cpq-btn-addToCart.disabled,
.cpq-btn-goToCart.disabled,
.cpq-btn-backToQuotation.disabled,
.cpq-btn-backToOrder.disabled,
.cpq-btn-skip.disabled,
.cpq-btn-addToCart[disabled],
.cpq-btn-goToCart[disabled],
.cpq-btn-backToQuotation[disabled],
.cpq-btn-backToOrder[disabled],
.cpq-btn-skip[disabled],
fieldset[disabled] .cpq-btn-addToCart,
fieldset[disabled] .cpq-btn-goToCart,
fieldset[disabled] .cpq-btn-backToQuotation,
fieldset[disabled] .cpq-btn-backToOrder,
fieldset[disabled] .cpq-btn-skip,
.cpq-btn-addToCart.disabled:hover,
.cpq-btn-goToCart.disabled:hover,
.cpq-btn-backToQuotation.disabled:hover,
.cpq-btn-backToOrder.disabled:hover,
.cpq-btn-skip.disabled:hover,
.cpq-btn-addToCart[disabled]:hover,
.cpq-btn-goToCart[disabled]:hover,
.cpq-btn-backToQuotation[disabled]:hover,
.cpq-btn-backToOrder[disabled]:hover,
.cpq-btn-skip[disabled]:hover,
fieldset[disabled] .cpq-btn-addToCart:hover,
fieldset[disabled] .cpq-btn-goToCart:hover,
fieldset[disabled] .cpq-btn-backToQuotation:hover,
fieldset[disabled] .cpq-btn-backToOrder:hover,
fieldset[disabled] .cpq-btn-skip:hover,
.cpq-btn-addToCart.disabled:focus,
.cpq-btn-goToCart.disabled:focus,
.cpq-btn-backToQuotation.disabled:focus,
.cpq-btn-backToOrder.disabled:focus,
.cpq-btn-skip.disabled:focus,
.cpq-btn-addToCart[disabled]:focus,
.cpq-btn-goToCart[disabled]:focus,
.cpq-btn-backToQuotation[disabled]:focus,
.cpq-btn-backToOrder[disabled]:focus,
.cpq-btn-skip[disabled]:focus,
fieldset[disabled] .cpq-btn-addToCart:focus,
fieldset[disabled] .cpq-btn-goToCart:focus,
fieldset[disabled] .cpq-btn-backToQuotation:focus,
fieldset[disabled] .cpq-btn-backToOrder:focus,
fieldset[disabled] .cpq-btn-skip:focus,
.cpq-btn-addToCart.disabled:active,
.cpq-btn-goToCart.disabled:active,
.cpq-btn-backToQuotation.disabled:active,
.cpq-btn-backToOrder.disabled:active,
.cpq-btn-skip.disabled:active,
.cpq-btn-addToCart[disabled]:active,
.cpq-btn-goToCart[disabled]:active,
.cpq-btn-backToQuotation[disabled]:active,
.cpq-btn-backToOrder[disabled]:active,
.cpq-btn-skip[disabled]:active,
fieldset[disabled] .cpq-btn-addToCart:active,
fieldset[disabled] .cpq-btn-goToCart:active,
fieldset[disabled] .cpq-btn-backToQuotation:active,
fieldset[disabled] .cpq-btn-backToOrder:active,
fieldset[disabled] .cpq-btn-skip:active,
.cpq-btn-addToCart.disabled.active,
.cpq-btn-goToCart.disabled.active,
.cpq-btn-backToQuotation.disabled.active,
.cpq-btn-backToOrder.disabled.active,
.cpq-btn-skip.disabled.active,
.cpq-btn-addToCart[disabled].active,
.cpq-btn-goToCart[disabled].active,
.cpq-btn-backToQuotation[disabled].active,
.cpq-btn-backToOrder[disabled].active,
.cpq-btn-skip[disabled].active,
fieldset[disabled] .cpq-btn-addToCart.active,
fieldset[disabled] .cpq-btn-goToCart.active,
fieldset[disabled] .cpq-btn-backToQuotation.active,
fieldset[disabled] .cpq-btn-backToOrder.active,
fieldset[disabled] .cpq-btn-skip.active {
  color: #ffffff;
  background-color: #00205b;
  border-color: #00205b;
}
.cpq-btn-addToCart .badge,
.cpq-btn-goToCart .badge,
.cpq-btn-backToQuotation .badge,
.cpq-btn-backToOrder .badge,
.cpq-btn-skip .badge {
  color: #0c45a8;
  background-color: #ffffff;
}
.cpq-btn-addToCart .out-of-stock,
.cpq-btn-goToCart .out-of-stock,
.cpq-btn-backToQuotation .out-of-stock,
.cpq-btn-backToOrder .out-of-stock,
.cpq-btn-skip .out-of-stock {
  background: none repeat scroll 0 0 #999999;
  cursor: default;
}
.cpq-btn-refine,
.cpq-btn-backToConfig,
.cpq-vc-viewDetails-btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /*CODIGO MODIFICADO*/
  /*border-radius: 0 !important;*/
  /*CODIGO MODIFICADO*/
  /*CODIGO MODIFICADO*/
  /*text-transform: uppercase;*/
  /*CODIGO MODIFICADO*/
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 15px;
  font-size: 17px;
  line-height: 1.375;
  border-radius: 3px;
  border-radius: .50rem !important;
  background-color: #ec7205;
  border-color: #ec7205;
  /*CODIGO MODIFICADO*/
  border-radius: 0.25em;
  margin: 5px auto;
  /*CODIGO MODIFICADO*/
  background-color: #47b6b1;
  border-color: #47b6b1;
  border: 3px solid;
  color: #ffffff;
  background-color: #0c45a8;
  border-color: #0c45a8;
  display: block;
  width: 100%;
}
.cpq-btn-refine:focus,
.cpq-btn-backToConfig:focus,
.cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine:active:focus,
.cpq-btn-backToConfig:active:focus,
.cpq-vc-viewDetails-btn:active:focus,
.cpq-btn-refine.active:focus,
.cpq-btn-backToConfig.active:focus,
.cpq-vc-viewDetails-btn.active:focus,
.cpq-btn-refine.focus,
.cpq-btn-backToConfig.focus,
.cpq-vc-viewDetails-btn.focus,
.cpq-btn-refine:active.focus,
.cpq-btn-backToConfig:active.focus,
.cpq-vc-viewDetails-btn:active.focus,
.cpq-btn-refine.active.focus,
.cpq-btn-backToConfig.active.focus,
.cpq-vc-viewDetails-btn.active.focus {
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.cpq-btn-refine:hover,
.cpq-btn-backToConfig:hover,
.cpq-vc-viewDetails-btn:hover,
.cpq-btn-refine:focus,
.cpq-btn-backToConfig:focus,
.cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine.focus,
.cpq-btn-backToConfig.focus,
.cpq-vc-viewDetails-btn.focus {
  color: #ffffff;
  text-decoration: none;
}
.cpq-btn-refine:active,
.cpq-btn-backToConfig:active,
.cpq-vc-viewDetails-btn:active,
.cpq-btn-refine.active,
.cpq-btn-backToConfig.active,
.cpq-vc-viewDetails-btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.cpq-btn-refine.disabled,
.cpq-btn-backToConfig.disabled,
.cpq-vc-viewDetails-btn.disabled,
.cpq-btn-refine[disabled],
.cpq-btn-backToConfig[disabled],
.cpq-vc-viewDetails-btn[disabled],
fieldset[disabled] .cpq-btn-refine,
fieldset[disabled] .cpq-btn-backToConfig,
fieldset[disabled] .cpq-vc-viewDetails-btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
a.cpq-btn-refine.disabled,
a.cpq-btn-backToConfig.disabled,
a.cpq-vc-viewDetails-btn.disabled,
fieldset[disabled] a.cpq-btn-refine,
fieldset[disabled] a.cpq-btn-backToConfig,
fieldset[disabled] a.cpq-vc-viewDetails-btn {
  pointer-events: none;
}
.cpq-btn-refine.glyphicon,
.cpq-btn-backToConfig.glyphicon,
.cpq-vc-viewDetails-btn.glyphicon {
  padding: 3px 0 4px 0;
}
.cpq-btn-refine.glyphicon:before,
.cpq-btn-backToConfig.glyphicon:before,
.cpq-vc-viewDetails-btn.glyphicon:before {
  font-size: 25px;
}
.cpq-btn-refine,
.cpq-btn-backToConfig,
.cpq-vc-viewDetails-btn,
.cpq-btn-refine:active,
.cpq-btn-backToConfig:active,
.cpq-vc-viewDetails-btn:active,
.cpq-btn-refine.active,
.cpq-btn-backToConfig.active,
.cpq-vc-viewDetails-btn.active {
  box-shadow: none;
}
.cpq-btn-refine:focus,
.cpq-btn-backToConfig:focus,
.cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine:active:focus,
.cpq-btn-backToConfig:active:focus,
.cpq-vc-viewDetails-btn:active:focus,
.cpq-btn-refine.active:focus,
.cpq-btn-backToConfig.active:focus,
.cpq-vc-viewDetails-btn.active:focus {
  outline: 0;
}
.cpq-btn-refine:focus,
.cpq-btn-backToConfig:focus,
.cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine.focus,
.cpq-btn-backToConfig.focus,
.cpq-vc-viewDetails-btn.focus {
  color: #ffffff;
  background-color: #ba5a04;
  border-color: #6f3602;
}
.cpq-btn-refine:hover,
.cpq-btn-backToConfig:hover,
.cpq-vc-viewDetails-btn:hover {
  color: #ffffff;
  background-color: #ba5a04;
  border-color: #b05504;
}
.cpq-btn-refine:active,
.cpq-btn-backToConfig:active,
.cpq-vc-viewDetails-btn:active,
.cpq-btn-refine.active,
.cpq-btn-backToConfig.active,
.cpq-vc-viewDetails-btn.active,
.open > .dropdown-toggle.cpq-btn-refine,
.open > .dropdown-toggle.cpq-btn-backToConfig,
.open > .dropdown-toggle.cpq-vc-viewDetails-btn {
  color: #ffffff;
  background-color: #ba5a04;
  border-color: #b05504;
}
.cpq-btn-refine:active:hover,
.cpq-btn-backToConfig:active:hover,
.cpq-vc-viewDetails-btn:active:hover,
.cpq-btn-refine.active:hover,
.cpq-btn-backToConfig.active:hover,
.cpq-vc-viewDetails-btn.active:hover,
.open > .dropdown-toggle.cpq-btn-refine:hover,
.open > .dropdown-toggle.cpq-btn-backToConfig:hover,
.open > .dropdown-toggle.cpq-vc-viewDetails-btn:hover,
.cpq-btn-refine:active:focus,
.cpq-btn-backToConfig:active:focus,
.cpq-vc-viewDetails-btn:active:focus,
.cpq-btn-refine.active:focus,
.cpq-btn-backToConfig.active:focus,
.cpq-vc-viewDetails-btn.active:focus,
.open > .dropdown-toggle.cpq-btn-refine:focus,
.open > .dropdown-toggle.cpq-btn-backToConfig:focus,
.open > .dropdown-toggle.cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine:active.focus,
.cpq-btn-backToConfig:active.focus,
.cpq-vc-viewDetails-btn:active.focus,
.cpq-btn-refine.active.focus,
.cpq-btn-backToConfig.active.focus,
.cpq-vc-viewDetails-btn.active.focus,
.open > .dropdown-toggle.cpq-btn-refine.focus,
.open > .dropdown-toggle.cpq-btn-backToConfig.focus,
.open > .dropdown-toggle.cpq-vc-viewDetails-btn.focus {
  color: #ffffff;
  background-color: #974903;
  border-color: #6f3602;
}
.cpq-btn-refine:active,
.cpq-btn-backToConfig:active,
.cpq-vc-viewDetails-btn:active,
.cpq-btn-refine.active,
.cpq-btn-backToConfig.active,
.cpq-vc-viewDetails-btn.active,
.open > .dropdown-toggle.cpq-btn-refine,
.open > .dropdown-toggle.cpq-btn-backToConfig,
.open > .dropdown-toggle.cpq-vc-viewDetails-btn {
  background-image: none;
}
.cpq-btn-refine.disabled:hover,
.cpq-btn-backToConfig.disabled:hover,
.cpq-vc-viewDetails-btn.disabled:hover,
.cpq-btn-refine[disabled]:hover,
.cpq-btn-backToConfig[disabled]:hover,
.cpq-vc-viewDetails-btn[disabled]:hover,
fieldset[disabled] .cpq-btn-refine:hover,
fieldset[disabled] .cpq-btn-backToConfig:hover,
fieldset[disabled] .cpq-vc-viewDetails-btn:hover,
.cpq-btn-refine.disabled:focus,
.cpq-btn-backToConfig.disabled:focus,
.cpq-vc-viewDetails-btn.disabled:focus,
.cpq-btn-refine[disabled]:focus,
.cpq-btn-backToConfig[disabled]:focus,
.cpq-vc-viewDetails-btn[disabled]:focus,
fieldset[disabled] .cpq-btn-refine:focus,
fieldset[disabled] .cpq-btn-backToConfig:focus,
fieldset[disabled] .cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine.disabled.focus,
.cpq-btn-backToConfig.disabled.focus,
.cpq-vc-viewDetails-btn.disabled.focus,
.cpq-btn-refine[disabled].focus,
.cpq-btn-backToConfig[disabled].focus,
.cpq-vc-viewDetails-btn[disabled].focus,
fieldset[disabled] .cpq-btn-refine.focus,
fieldset[disabled] .cpq-btn-backToConfig.focus,
fieldset[disabled] .cpq-vc-viewDetails-btn.focus {
  background-color: #ec7205;
  border-color: #ec7205;
}
.cpq-btn-refine .badge,
.cpq-btn-backToConfig .badge,
.cpq-vc-viewDetails-btn .badge {
  color: #ec7205;
  background-color: #ffffff;
}
.cpq-btn-refine:hover,
.cpq-btn-backToConfig:hover,
.cpq-vc-viewDetails-btn:hover,
.cpq-btn-refine:focus,
.cpq-btn-backToConfig:focus,
.cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine:active,
.cpq-btn-backToConfig:active,
.cpq-vc-viewDetails-btn:active,
.cpq-btn-refine.active,
.cpq-btn-backToConfig.active,
.cpq-vc-viewDetails-btn.active,
.open .dropdown-toggle.cpq-btn-refine,
.open .dropdown-toggle.cpq-btn-backToConfig,
.open .dropdown-toggle.cpq-vc-viewDetails-btn {
  color: #00205b;
  background-color: #00205b;
  border-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cpq-btn-refine:active,
.cpq-btn-backToConfig:active,
.cpq-vc-viewDetails-btn:active,
.cpq-btn-refine.active,
.cpq-btn-backToConfig.active,
.cpq-vc-viewDetails-btn.active,
.open .dropdown-toggle.cpq-btn-refine,
.open .dropdown-toggle.cpq-btn-backToConfig,
.open .dropdown-toggle.cpq-vc-viewDetails-btn {
  background-image: none;
}
.cpq-btn-refine.disabled,
.cpq-btn-backToConfig.disabled,
.cpq-vc-viewDetails-btn.disabled,
.cpq-btn-refine[disabled],
.cpq-btn-backToConfig[disabled],
.cpq-vc-viewDetails-btn[disabled],
fieldset[disabled] .cpq-btn-refine,
fieldset[disabled] .cpq-btn-backToConfig,
fieldset[disabled] .cpq-vc-viewDetails-btn,
.cpq-btn-refine.disabled:hover,
.cpq-btn-backToConfig.disabled:hover,
.cpq-vc-viewDetails-btn.disabled:hover,
.cpq-btn-refine[disabled]:hover,
.cpq-btn-backToConfig[disabled]:hover,
.cpq-vc-viewDetails-btn[disabled]:hover,
fieldset[disabled] .cpq-btn-refine:hover,
fieldset[disabled] .cpq-btn-backToConfig:hover,
fieldset[disabled] .cpq-vc-viewDetails-btn:hover,
.cpq-btn-refine.disabled:focus,
.cpq-btn-backToConfig.disabled:focus,
.cpq-vc-viewDetails-btn.disabled:focus,
.cpq-btn-refine[disabled]:focus,
.cpq-btn-backToConfig[disabled]:focus,
.cpq-vc-viewDetails-btn[disabled]:focus,
fieldset[disabled] .cpq-btn-refine:focus,
fieldset[disabled] .cpq-btn-backToConfig:focus,
fieldset[disabled] .cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine.disabled:active,
.cpq-btn-backToConfig.disabled:active,
.cpq-vc-viewDetails-btn.disabled:active,
.cpq-btn-refine[disabled]:active,
.cpq-btn-backToConfig[disabled]:active,
.cpq-vc-viewDetails-btn[disabled]:active,
fieldset[disabled] .cpq-btn-refine:active,
fieldset[disabled] .cpq-btn-backToConfig:active,
fieldset[disabled] .cpq-vc-viewDetails-btn:active,
.cpq-btn-refine.disabled.active,
.cpq-btn-backToConfig.disabled.active,
.cpq-vc-viewDetails-btn.disabled.active,
.cpq-btn-refine[disabled].active,
.cpq-btn-backToConfig[disabled].active,
.cpq-vc-viewDetails-btn[disabled].active,
fieldset[disabled] .cpq-btn-refine.active,
fieldset[disabled] .cpq-btn-backToConfig.active,
fieldset[disabled] .cpq-vc-viewDetails-btn.active {
  color: #ffffff;
  background-color: #00205b;
  border-color: #00205b;
}
.cpq-btn-refine .badge,
.cpq-btn-backToConfig .badge,
.cpq-vc-viewDetails-btn .badge {
  color: #0c45a8;
  background-color: #ffffff;
}
.cpq-btn-refine .out-of-stock,
.cpq-btn-backToConfig .out-of-stock,
.cpq-vc-viewDetails-btn .out-of-stock {
  background: none repeat scroll 0 0 #999999;
  cursor: default;
}
.cpq-btn-refine:focus,
.cpq-btn-backToConfig:focus,
.cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine.focus,
.cpq-btn-backToConfig.focus,
.cpq-vc-viewDetails-btn.focus {
  color: #ffffff;
  background-color: #39918d;
  border-color: #235a58;
}
.cpq-btn-refine:hover,
.cpq-btn-backToConfig:hover,
.cpq-vc-viewDetails-btn:hover {
  color: #ffffff;
  background-color: #39918d;
  border-color: #368a86;
}
.cpq-btn-refine:active,
.cpq-btn-backToConfig:active,
.cpq-vc-viewDetails-btn:active,
.cpq-btn-refine.active,
.cpq-btn-backToConfig.active,
.cpq-vc-viewDetails-btn.active,
.open > .dropdown-toggle.cpq-btn-refine,
.open > .dropdown-toggle.cpq-btn-backToConfig,
.open > .dropdown-toggle.cpq-vc-viewDetails-btn {
  color: #ffffff;
  background-color: #39918d;
  border-color: #368a86;
}
.cpq-btn-refine:active:hover,
.cpq-btn-backToConfig:active:hover,
.cpq-vc-viewDetails-btn:active:hover,
.cpq-btn-refine.active:hover,
.cpq-btn-backToConfig.active:hover,
.cpq-vc-viewDetails-btn.active:hover,
.open > .dropdown-toggle.cpq-btn-refine:hover,
.open > .dropdown-toggle.cpq-btn-backToConfig:hover,
.open > .dropdown-toggle.cpq-vc-viewDetails-btn:hover,
.cpq-btn-refine:active:focus,
.cpq-btn-backToConfig:active:focus,
.cpq-vc-viewDetails-btn:active:focus,
.cpq-btn-refine.active:focus,
.cpq-btn-backToConfig.active:focus,
.cpq-vc-viewDetails-btn.active:focus,
.open > .dropdown-toggle.cpq-btn-refine:focus,
.open > .dropdown-toggle.cpq-btn-backToConfig:focus,
.open > .dropdown-toggle.cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine:active.focus,
.cpq-btn-backToConfig:active.focus,
.cpq-vc-viewDetails-btn:active.focus,
.cpq-btn-refine.active.focus,
.cpq-btn-backToConfig.active.focus,
.cpq-vc-viewDetails-btn.active.focus,
.open > .dropdown-toggle.cpq-btn-refine.focus,
.open > .dropdown-toggle.cpq-btn-backToConfig.focus,
.open > .dropdown-toggle.cpq-vc-viewDetails-btn.focus {
  color: #ffffff;
  background-color: #2f7874;
  border-color: #235a58;
}
.cpq-btn-refine:active,
.cpq-btn-backToConfig:active,
.cpq-vc-viewDetails-btn:active,
.cpq-btn-refine.active,
.cpq-btn-backToConfig.active,
.cpq-vc-viewDetails-btn.active,
.open > .dropdown-toggle.cpq-btn-refine,
.open > .dropdown-toggle.cpq-btn-backToConfig,
.open > .dropdown-toggle.cpq-vc-viewDetails-btn {
  background-image: none;
}
.cpq-btn-refine.disabled:hover,
.cpq-btn-backToConfig.disabled:hover,
.cpq-vc-viewDetails-btn.disabled:hover,
.cpq-btn-refine[disabled]:hover,
.cpq-btn-backToConfig[disabled]:hover,
.cpq-vc-viewDetails-btn[disabled]:hover,
fieldset[disabled] .cpq-btn-refine:hover,
fieldset[disabled] .cpq-btn-backToConfig:hover,
fieldset[disabled] .cpq-vc-viewDetails-btn:hover,
.cpq-btn-refine.disabled:focus,
.cpq-btn-backToConfig.disabled:focus,
.cpq-vc-viewDetails-btn.disabled:focus,
.cpq-btn-refine[disabled]:focus,
.cpq-btn-backToConfig[disabled]:focus,
.cpq-vc-viewDetails-btn[disabled]:focus,
fieldset[disabled] .cpq-btn-refine:focus,
fieldset[disabled] .cpq-btn-backToConfig:focus,
fieldset[disabled] .cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine.disabled.focus,
.cpq-btn-backToConfig.disabled.focus,
.cpq-vc-viewDetails-btn.disabled.focus,
.cpq-btn-refine[disabled].focus,
.cpq-btn-backToConfig[disabled].focus,
.cpq-vc-viewDetails-btn[disabled].focus,
fieldset[disabled] .cpq-btn-refine.focus,
fieldset[disabled] .cpq-btn-backToConfig.focus,
fieldset[disabled] .cpq-vc-viewDetails-btn.focus {
  background-color: #47b6b1;
  border-color: #47b6b1;
}
.cpq-btn-refine .badge,
.cpq-btn-backToConfig .badge,
.cpq-vc-viewDetails-btn .badge {
  color: #47b6b1;
  background-color: #ffffff;
}
.cpq-btn-refine:hover,
.cpq-btn-backToConfig:hover,
.cpq-vc-viewDetails-btn:hover,
.cpq-btn-refine:focus,
.cpq-btn-backToConfig:focus,
.cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine:active,
.cpq-btn-backToConfig:active,
.cpq-vc-viewDetails-btn:active,
.cpq-btn-refine.active,
.cpq-btn-backToConfig.active,
.cpq-vc-viewDetails-btn.active,
.open .dropdown-toggle.cpq-btn-refine,
.open .dropdown-toggle.cpq-btn-backToConfig,
.open .dropdown-toggle.cpq-vc-viewDetails-btn {
  color: #00205b;
  background-color: #00205b;
  border-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cpq-btn-refine:active,
.cpq-btn-backToConfig:active,
.cpq-vc-viewDetails-btn:active,
.cpq-btn-refine.active,
.cpq-btn-backToConfig.active,
.cpq-vc-viewDetails-btn.active,
.open .dropdown-toggle.cpq-btn-refine,
.open .dropdown-toggle.cpq-btn-backToConfig,
.open .dropdown-toggle.cpq-vc-viewDetails-btn {
  background-image: none;
}
.cpq-btn-refine.disabled,
.cpq-btn-backToConfig.disabled,
.cpq-vc-viewDetails-btn.disabled,
.cpq-btn-refine[disabled],
.cpq-btn-backToConfig[disabled],
.cpq-vc-viewDetails-btn[disabled],
fieldset[disabled] .cpq-btn-refine,
fieldset[disabled] .cpq-btn-backToConfig,
fieldset[disabled] .cpq-vc-viewDetails-btn,
.cpq-btn-refine.disabled:hover,
.cpq-btn-backToConfig.disabled:hover,
.cpq-vc-viewDetails-btn.disabled:hover,
.cpq-btn-refine[disabled]:hover,
.cpq-btn-backToConfig[disabled]:hover,
.cpq-vc-viewDetails-btn[disabled]:hover,
fieldset[disabled] .cpq-btn-refine:hover,
fieldset[disabled] .cpq-btn-backToConfig:hover,
fieldset[disabled] .cpq-vc-viewDetails-btn:hover,
.cpq-btn-refine.disabled:focus,
.cpq-btn-backToConfig.disabled:focus,
.cpq-vc-viewDetails-btn.disabled:focus,
.cpq-btn-refine[disabled]:focus,
.cpq-btn-backToConfig[disabled]:focus,
.cpq-vc-viewDetails-btn[disabled]:focus,
fieldset[disabled] .cpq-btn-refine:focus,
fieldset[disabled] .cpq-btn-backToConfig:focus,
fieldset[disabled] .cpq-vc-viewDetails-btn:focus,
.cpq-btn-refine.disabled:active,
.cpq-btn-backToConfig.disabled:active,
.cpq-vc-viewDetails-btn.disabled:active,
.cpq-btn-refine[disabled]:active,
.cpq-btn-backToConfig[disabled]:active,
.cpq-vc-viewDetails-btn[disabled]:active,
fieldset[disabled] .cpq-btn-refine:active,
fieldset[disabled] .cpq-btn-backToConfig:active,
fieldset[disabled] .cpq-vc-viewDetails-btn:active,
.cpq-btn-refine.disabled.active,
.cpq-btn-backToConfig.disabled.active,
.cpq-vc-viewDetails-btn.disabled.active,
.cpq-btn-refine[disabled].active,
.cpq-btn-backToConfig[disabled].active,
.cpq-vc-viewDetails-btn[disabled].active,
fieldset[disabled] .cpq-btn-refine.active,
fieldset[disabled] .cpq-btn-backToConfig.active,
fieldset[disabled] .cpq-vc-viewDetails-btn.active {
  color: #ffffff;
  background-color: #00205b;
  border-color: #00205b;
}
.cpq-btn-refine .badge,
.cpq-btn-backToConfig .badge,
.cpq-vc-viewDetails-btn .badge {
  color: #0c45a8;
  background-color: #ffffff;
}
.cpq-addToCart-posBottom {
  position: absolute;
  bottom: 0px;
  right: 10px;
  padding: 15px 0px 15px 22px;
}
.cpq-prev-navigation,
.cpq-next-navigation {
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 639px) {
  .cpq-overview-refine,
  .cpq-overview-skip,
  .cpq-backToConfig,
  .cpq-addToCart {
    padding-left: 27px;
    padding-right: 27px;
  }
  .cpq-prev-navigation {
    padding-left: 27px;
    padding-right: 5px;
  }
  .cpq-next-navigation {
    padding-left: 5px;
    padding-right: 27px;
  }
}
@media (min-width: 640px) {
  .cpq-backToConfig {
    padding-left: 27px;
    padding-right: 27px;
  }
  .cpq-prev-navigation,
  .cpq-overview-refine,
  .cpq-backToConfig {
    padding-left: 27px;
    padding-right: 5px;
  }
  .cpq-next-navigation,
  .cpq-overview-skip,
  .cpq-addToCart {
    padding-left: 5px;
    padding-right: 27px;
  }
}
@media (min-width: 1024px) {
  .cpq-prev-navigation,
  .cpq-overview-refine,
  .cpq-backToConfig {
    padding-left: 0px;
  }
  .cpq-next-navigation,
  .cpq-overview-skip,
  .cpq-addToCart {
    padding-right: 0px;
  }
}
.cpq-cart-config a:link {
  font-weight: bold;
  text-transform: uppercase;
}
.cpq-cart-error-sign {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #f0ad4e;
  display: block;
  font-size: 24px;
  float: left;
  padding-right: 10px;
  padding-left: 12px;
  font-size: 18px;
}
.cpq-cart-error-message {
  align-items: center;
  height: 100%;
  display: flex;
  font-size: 13px;
  font-size: 14px;
  font-weight: bold;
}
.cpq-cart-error-message a:hover {
  cursor: pointer;
}
.cpq-cart-error-message a:link {
  text-decoration: underline;
}
.cart-list .product-item.cpq-cart-error-panel {
  background-color: #fde28f;
  padding-top: 15px;
  padding-bottom: 15px;
}
.cart-list .item-list-item.cpq-cart-error-item {
  background-color: #fef7df;
}
.details .cpq-price-value {
  margin-top: 17px;
}
.cpq-error-message {
  align-items: center;
  height: 100%;
  display: flex;
  font-size: 13px;
}
.cpq-error-message a:hover {
  cursor: pointer;
}
#overviewBottombarSlot {
  padding-top: 10px;
}
#overviewContentSlot {
  clear: left;
}
@media (max-width: 639px) {
  #overviewBottombarSlot {
    padding-top: 0px;
  }
}
.cpq-back-button {
  background-color: transparent;
  border: none;
  box-shadow: none;
}
.cpq-overview-refine {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 639px) {
  .cpq-overview-refine {
    margin-bottom: 0px;
  }
}
.cpq-overview-skip {
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 639px) {
  .cpq-overview-skip {
    margin-top: 10px;
  }
}
.cpq-overview {
  margin-top: 10px;
}
.cpq-overview-title {
  font-size: 14px;
}
.cpq-overview-group-title {
  font-size: 16.1px;
  font-weight: 600;
  display: block;
  float: left;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 1px;
}
.cpq-overview-group-title[data-level="1"] {
  font-size: 18px;
  font-weight: bold;
}
.cpq-overview-group-header {
  padding: 0px 24px;
  border-top: 1px solid #dddddd;
  overflow: auto;
  overflow-y: hidden;
}
.cpq-overview-group-header[data-level="1"] {
  background: #eeeeee;
  border: 1px solid #dddddd;
}
.cpq-overview-cstic-row {
  clear: both;
  overflow: auto;
  margin-top: 10px;
  margin-bottom: 10px;
}
.hidden-xs .cpq-overview-messages,
hidden-sm .cpq-overview-messages {
  padding-left: 17px;
}
.cpq-overview-message {
  margin-top: 5px;
}
.cpq-overview-multi-valued-cstic-row {
  clear: both;
  display: block;
}
.cpq-overview-group-content,
.cpq-variant-overview-group-content {
  display: block;
  width: 100%;
  padding-left: 0px;
}
.cpq-overview-group-content .cpq-group:not([data-level="1"]),
.cpq-variant-overview-group-content .cpq-group:not([data-level="1"]) {
  border-top: 1px solid #dddddd;
}
.cpq-overview-group-content .cpq-group {
  margin-bottom: 40px;
  padding-top: 17px;
}
.cpq-overview-group-row {
  display: block;
}
.cpq-overview-group-no-result {
  text-align: center;
  clear: both;
}
@media (max-width: 1023px) {
  .cpq-overview-group-no-result {
    margin-left: 27px;
    margin-right: 27px;
  }
}
@media (min-width: 640px) {
  .cpq-overview .cpq-groups {
    margin-bottom: 10px;
  }
}
.cpq-overview .cpq-groups .cpq-overview-group-no-result {
  border: 1px solid #dddddd;
}
.cpq-overview-no-result {
  font-size: 18px;
  font-weight: bold;
  padding-top: 70px;
}
.cpq-overview-no-result-logtext {
  padding-bottom: 70px;
}
.cpq-overview-cstic-value {
  padding-left: 17px;
  display: block;
  float: left;
}
@media (min-width: 1024px) {
  .cpq-overview-cstic-value {
    width: 50%;
  }
}
.cpq-overview-cstic-label {
  display: block;
  float: left;
}
.cpq-overview-cstic-label label {
  margin-bottom: 0px;
}
@media (max-width: 1023px) {
  .cpq-overview-cstic-label {
    clear: both;
    padding-left: 17px;
  }
}
@media (min-width: 1024px) {
  .cpq-overview-cstic-label {
    width: 50%;
  }
}
.cpq-overview-price-section {
  display: flex;
}
.cpq-overview-price-section .cpq-overview-cstic-obsolete-price {
  margin-left: auto;
}
.cpq-overview-compact-price-section .cpq-overview-cstic-obsolete-price {
  text-align: right;
  margin-right: 17px;
}
.cpq-overview-compact-price-section .cpq-overview-cstic-price {
  float: right;
}
.cpq-overview-cstic-price {
  display: block;
  font-weight: bold;
  margin-right: 17px;
}
.cpq-overview-cstic-obsolete-price {
  text-decoration: line-through;
  margin-right: 5px;
  padding-left: 5px;
}
@media (min-width: 1024px) {
  .cpq-overview-cstic-obsolete-price {
    min-width: 90px;
  }
}
.cpq-overview-filter {
  margin-left: 10px;
}
.cpq-filter-content {
  margin-left: 20px;
}
.cpq-overview-filter-header {
  font-size: 18px;
  font-weight: bold;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  padding: 50px 0px 20px 20px;
}
.cpq-overview-separator {
  border-top: 1px solid #dddddd;
}
.cpq-overview-filter-item {
  margin-left: -10px;
  margin-right: -10px;
  padding: 0;
  margin-left: 1px;
  margin-right: 1px;
  margin: 0;
}
.cpq-overview-facet .facet .facet__list .facet__list__mark {
  margin-top: 0px;
}
.cpq-overview-facet .facet .facet__list .facet__list__text {
  width: 86%;
}
.cpq-overview-facet .facet .facet__list .facet__list__mark.filter-selected {
  background: #ec7205;
  border: 1px solid #ec7205;
}
.cpq-overview-facet .facet .facet__list .facet__checkbox:focus + input + .facet__label .facet__list__mark {
  border: 1px solid #47b6b1;
  -webkit-box-shadow: inset 0 0  0 1px @check-box-bg;
  box-shadow: inset 0 0  0 1px @check-box-bg;
}
@media (min-width: 1024px) {
  .cpq-overview-facet {
    margin: 0;
    border-right: 1px solid #cccccc;
    padding: 0;
    border-left: 1px solid #dddddd;
    border-right: 0px;
  }
  .cpq-overview-facet .facet {
    padding-left: 30px;
  }
  .cpq-overview-facet .facet .facet__list .facet__list__mark {
    margin-top: 0px;
  }
  .cpq-overview-facet .facet .facet__list .facet__list__text {
    width: 86%;
  }
}
.product__facet.cpq-overview-facet {
  border-right: 0px;
}
.cpq-overview-error-sign {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #f0ad4e;
  display: block;
  font-size: 24px;
  float: left;
  padding-right: 10px;
  padding-left: 12px;
  font-size: 18px;
}
.cpq-overview-error-message {
  align-items: center;
  height: 100%;
  display: flex;
  font-size: 13px;
  font-size: 14px;
  font-weight: bold;
}
.cpq-overview-error-message a:hover {
  cursor: pointer;
}
.cpq-overview-error-message a:link {
  text-decoration: underline;
}
.cpq-overview-error-panel {
  background-color: #fde28f;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media (max-width: 1023px) {
  .page-productConfigOverview .main-header {
    margin-bottom: 0px;
  }
}
@media (max-width: 639px) {
  .cpq-backToConfig {
    border-bottom: 1px solid #dddddd;
    padding-top: 30px;
    padding-bottom: 30px;
    overflow: auto;
  }
}
.cpq-overview-page .product-details {
  padding-top: 5px;
  padding-bottom: 5px;
}
.cpq-page .back-link {
  padding-left: 5px;
}
.cpq-vc-container {
  margin-top: 30px;
}
@media (max-width: 1023px) {
  .cpq-vc-container {
    padding-left: 17px;
    padding-right: 17px;
  }
}
@media (min-width: 1024px) {
  .cpq-vc-container {
    padding-left: 0px;
    padding-right: 0px;
    left: 10px;
  }
}
.cpq-vc-title {
  font-size: 24px;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 10px;
}
.cpq-vc-imgContainer {
  padding-bottom: 5px;
}
.cpq-vc-actions {
  padding-top: 5px;
  max-width: 140px;
  max-height: 140px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.cpq-engine-state-container {
  display: inline-flex;
  color: #ffffff;
  align-items: center;
}
.cpq-engine-state-running,
.cpq-engine-state-success {
  z-index: 1700;
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  text-align: center;
  display: block;
  padding: 12px 24px;
  box-shadow: 0 0 1px #000000;
}
.cpq-engine-state-running {
  background-color: rgba(4, 134, 224, 0.85);
}
.cpq-engine-state-running .cpq-engine-state-icon {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
.cpq-engine-state-running .cpq-engine-state-icon:before {
  content: "\e030";
}
.cpq-engine-state-success {
  background-color: rgba(24, 188, 51, 0.85);
}
.cpq-engine-state-success .cpq-engine-state-icon:before {
  content: "\e013";
}
.cpq-engine-state-message {
  text-align: left;
  font-size: 18px;
  padding-left: 12px;
}
.cpq-engine-state-icon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 24px;
}
.glyphicon-spin {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.account-section .account-section-content .label-value {
  display: block;
  font-weight: 600;
  margin-bottom: 15px;
}
@media (min-width: 640px) {
  .account-section .account-section-content .label-value {
    margin-top: 10px;
  }
}
.account-section .account-section-content .accountActions {
  padding-left: 20px;
  padding-right: 20px;
}
@media (max-width: 1024px) {
  .account-section .account-section-content .accountActions {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.account-section .account-section-content .accountActions-link {
  clear: both;
  text-align: right;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .account-section-content .accountActions-link {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .account-section .account-section-content .accountActions-link {
    margin-top: 25px;
  }
}
@media (max-width: 639px) {
  .account-section .account-section-content .accountActions-link .disable-link,
  .account-section .account-section-content .accountActions-link .enable-link {
    margin: 8px 0;
  }
}
.account-section .account-list .account-cards .card .glyphicon-ok {
  font-size: 20px;
  color: #929292;
  padding-right: 15px;
  padding-top: 15px;
}
.account-section .account-list .account-cards .card .roles-wrapper {
  margin: 8px 0 5px;
}
.account-section .account-list .account-cards .card .roles-wrapper > ul {
  display: block;
  width: 100%;
}
.account-section .account-list .account-cards .selected {
  background-color: #f6e7d9;
}
.account-section .account-list .account-cards .selected .glyphicon-ok {
  color: #ec7205;
}
.account-section .account-list .account-cards .selected:first-child {
  border-left: 1px solid #cccccc;
}
.account-section .account-list .search-empty {
  margin: 0;
  padding: 20px;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.account-section .account-list .remove-item,
.account-section .account-list .edit-item {
  color: #e5e5e5;
}
.account-section .account-header-done-btn {
  margin-top: 15px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .account-section .account-header-done-btn {
    padding-left: 20px;
    padding-right: 20px;
  }
}
.account-status-inactive {
  color: #929292;
}
.accountActions-bottom {
  clear: both;
  margin-top: 35px;
  padding-left: 30px;
  padding-right: 30px;
}
@media (max-width: 1024px) {
  .accountActions-bottom {
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 639px) {
  .account-section .account-section-content #addNewPermissionForm form .confirm {
    margin-bottom: 20px;
  }
  .account-section .account-section-content .accountActions-bottom .btn-default {
    margin-top: 0;
  }
  .account-section .account-section-content .accountActions-bottom .btn.confirm {
    margin-bottom: 30px;
  }
  .account-section .pagination-bar.top + .account-list .account-cards {
    margin-top: -1px;
  }
  .account-section .account-list .account-list-header {
    padding-left: 20px;
    padding-right: 20px;
  }
  .account-section .account-list .account-cards {
    border: none;
  }
  .account-section .account-list .account-cards .card {
    border-left: 0;
    border-right: 0;
  }
  .account-section .account-list .account-cards .card:first-child {
    margin: 0;
  }
  .account-section .account-list .account-cards .selected:first-child {
    border-left: none;
  }
  .account-section .account-list .add-user-action-menu .add-user-action-buttons {
    display: none;
  }
  .account-section .account-list .add-user-action-menu.open .add-user-action {
    background-color: #ec7205;
    color: #ffffff;
    padding: 16px 20px;
    text-transform: uppercase;
  }
  .account-section .account-list .add-user-action-menu.open .add-user-action-buttons {
    display: block;
    position: absolute;
    right: 0;
    width: 120px;
    top: 38px;
    z-index: 9000;
  }
  .account-section #unittree {
    padding-left: 0;
    padding-right: 0;
  }
}
.account-section .item-wrapper .framed .item-label,
.account-section .item-wrapper .framed .item-value {
  display: inline-block;
}
.account-section .item-wrapper .framed .item-label {
  font-size: 18px;
  color: #ffffff;
  text-transform: none;
  padding-left: 10px;
  width: 48%;
  float: left;
}
.account-section .item-wrapper .framed .item-value {
  font-weight: 600;
  text-align: right;
  padding-right: 10px;
  width: 50%;
}
.account-section .item-wrapper .framed .item-group.total {
  margin-top: 10px;
  border-top: 1px solid #d3d3d3;
}
.account-section .item-wrapper .framed .item-group.total .item-label,
.account-section .item-wrapper .framed .item-group.total .item-value {
  padding-top: 20px;
}
.account-section .item-wrapper .framed .item-group.total .item-label {
  font-weight: 400;
}
.account-section .account-summary-filter {
  padding-right: 30px;
  padding-left: 30px;
}
@media (max-width: 640px) {
  .account-section .account-summary-filter {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.account-section .section-headline {
  font-size: 20px;
  line-height: 30px;
  padding: 20px 30px;
  border-bottom: 1px solid #cccccc;
  margin-bottom: 30px;
}
@media (max-width: 640px) {
  .account-section .section-headline {
    padding-right: 20px;
    padding-left: 20px;
  }
}
.account-section .account-summary-detail {
  padding-left: 0;
  padding-right: 0;
}
.account-section .date-input {
  position: relative;
}
.account-section .date-input > .glyphicon {
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -7px;
  cursor: pointer;
}
.account-section #search {
  margin-top: 8px;
}
.account-section .download-lnk {
  font-weight: 600;
}
@media (min-width: 1024px) {
  .account-section .item-wrapper .framed {
    border: 1px solid #d3d3d3;
    padding: 15px 20px 10px;
  }
}
@media (max-width: 1023px) {
  .account-section .item-wrapper .framed {
    display: block;
    border-top: 3px solid #d3d3d3;
    margin: 20px -20px 0;
    padding: 30px 10px 0;
  }
}
@media (max-width: 639px) {
  .account-section .section-headline,
  .account-section .account-summary-table {
    margin-left: -10px;
    margin-right: -10px;
    padding: 0;
    margin-left: 1px;
    margin-right: 1px;
    margin: 0;
  }
  .account-section .section-headline {
    padding-left: 20px;
  }
  .account-section .account-summary-filter {
    padding-left: 10px;
    padding-right: 10px;
  }
  .account-section .accountSummaryUnitBackBtn {
    margin-top: 30px;
  }
  .account-section .cancel-panel {
    padding-right: 10px;
  }
}
/* CSS Document */
/*own --------------------------------------- */
@font-face {
  font-family: sf-regular;
  src: url(../fonts/SFProDisplay-Regular.ttf);
}
@font-face {
  font-family: sf-bold;
  src: url(../fonts/SFProDisplay-Bold.ttf);
}
@font-face {
  font-family: sf-semibold;
  src: url(../fonts/SFProDisplay-Semibold.ttf);
}
@font-face {
  font-family: sf-light;
  src: url(../fonts/SFProDisplay-Light.ttf);
}
.txt-light {
  font-family: sf-light;
}
.txt-regular {
  font-family: sf-regular;
}
.txt-semibold {
  font-family: sf-semibold;
}
.txt-bold {
  font-family: sf-bold;
}
/*header*/
.header-1 {
  display: block;
}
.header-2 {
  display: none;
}
.header-3 {
  display: none;
}
.item-padding-right {
  padding-right: 32px;
}
.flex-row {
  flex-direction: row;
}
.brand-container {
  width: 140px;
}
.search-style {
  height: 47px;
  border-color: #0c45a7;
  border-radius: .45rem;
}
.search-style::placeholder {
  color: #abb4bd;
}
.cart-container {
  position: relative;
}
.cart-lot {
  position: absolute;
  top: -2px;
  left: 15px;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
  border: solid 1px white;
  color: #00205b;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
}
.line-menu {
  width: 30px;
  height: 3px;
  border-radius: 3px;
  background-color: white;
  margin: 4px;
}
/*header*/
/*hover desktop*/
.hover-desktop {
  position: fixed;
  width: 100%;
  display: block;
  z-index: 700;
  margin-top: 75px;
}
.hover-desktop > ul {
  padding: 0;
}
.hover-desktop-grid {
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: #666666;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  transition: all 0.3s;
}
.modelos-hover label {
  cursor: pointer;
}
.modelos-hover:hover ~ .hover-desktop > .hover-desktop-grid {
  height: 90px;
}
.hover-desktop-grid li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hover-desktop-grid li:hover {
  background-color: #999999;
}
.hover-desktop-grid a {
  color: white;
  text-decoration: none;
  font-family: sf-bold;
  font-size: 12px;
  text-transform: none;
}
.hover-desktop-img {
  height: 56px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px;
}
.hover-desktop-txt {
  width: 100%;
  text-align: center;
}
.lines-menu-container div {
  transition: all 0.3s;
}
.lines-menu-container:hover {
  cursor: pointer;
}
.hover-hamburger {
  background-color: white;
  position: fixed;
  right: 40px;
  border-bottom-left-radius: 5px;
  height: 0;
  width: 250px;
  transition: all .3s;
  overflow: hidden;
  z-index: 9;
}
.hover-hamburger > .navbar > .navbar-nav > li > a {
  color: #00205b;
}
.hover-hamburger > .navbar > .navbar-nav > li > a:hover {
  color: #a5c6ff;
}
.mobile-menu {
  position: fixed;
  top: 75px;
  display: none;
  width: 80%;
  height: 0;
  background-color: #00205b;
  overflow: hidden;
  transition: all .3s;
  z-index: 999;
}
.mobile-menu-grid {
  display: grid;
  height: calc(25vh);
  width: 100%;
  grid-template-rows: repeat(9, 1fr);
}
.mobile-menu > .navbar {
  padding-top: 0;
}
.mobile-menu > .navbar > .navbar-nav > .navbar-item {
  border-top: solid 1px #173f7f;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*hover desktop*/
/*header breakpoints*/
@media (min-width: 768px) and (max-width: 1200px) {
  /*header*/
  .header-1 {
    display: none;
  }
  .header-2 {
    display: block;
  }
  .header-3 {
    display: none;
  }
  .search-container-style {
    max-width: 80%;
    margin-top: 10px;
  }
  /*header*/
  /*hover desktop*/
  .hover-desktop {
    margin-top: 0;
  }
  .hover-hamburger-container {
    margin-top: -57px;
  }
  /*hover desktop*/
  .hover-hamburger {
    margin-top: 57px !important;
  }
}
@media (max-width: 767px) {
  /*header*/
  .header-1 {
    display: none;
  }
  .header-2 {
    display: none;
  }
  .header-3 {
    display: block;
  }
  .search-container-style {
    max-width: 100%;
    margin-top: 10px;
  }
  /*header*/
  /*hover desktop*/
  .hover-desktop {
    display: none;
  }
  .hover-hamburger-container {
    display: none;
  }
  /*hover desktop*/
  /*hover mobile*/
  .mobile-menu {
    display: block;
  }
  /*hover mobile*/
}
/*header breakpoints*/
/*header inputs*/
.hover-desktop-input:hover ~ .header-1 > .container > .navbar-nav > .navbar-item > .modelos-hover {
  color: #a5c6ff;
}
.hover-desktop-input:hover ~ .header-2 > .nav-italika > .container > .navbar-nav > .navbar-item > .modelos-hover {
  color: #a5c6ff;
}
.hover-desktop-input:hover ~ .hover-desktop > .hover-desktop-grid {
  height: 90px;
}
.hover-desktop-grid:hover {
  height: 90px;
}
.lines-menu:checked ~ .header-1 > .container > .lines-menu-container div:nth-child(1) {
  transform: rotate(45deg);
  margin-top: 7px;
}
.lines-menu:checked ~ .header-1 > .container > .lines-menu-container div:nth-child(2) {
  display: none;
}
.lines-menu:checked ~ .header-1 > .container > .lines-menu-container div:nth-child(3) {
  transform: rotate(-45deg);
  margin-top: -7px;
}
.lines-menu:checked ~ .header-2 > .nav-italika > .container > .lines-menu-container div:nth-child(1) {
  transform: rotate(45deg);
  margin-top: 7px;
}
.lines-menu:checked ~ .header-2 > .nav-italika > .container > .lines-menu-container div:nth-child(2) {
  display: none;
}
.lines-menu:checked ~ .header-2 > .nav-italika > .container > .lines-menu-container div:nth-child(3) {
  transform: rotate(-45deg);
  margin-top: -7px;
}
.mobile-menu-input:checked ~ .header-3 > .nav-italika > .container > .lines-menu-container div:nth-child(1) {
  transform: rotate(45deg);
  margin-top: 7px;
}
.mobile-menu-input:checked ~ .header-3 > .nav-italika > .container > .lines-menu-container div:nth-child(2) {
  display: none;
}
.mobile-menu-input:checked ~ .header-3 > .nav-italika > .container > .lines-menu-container div:nth-child(3) {
  transform: rotate(-45deg);
  margin-top: -7px;
}
.mobile-menu-input:checked ~ .mobile-menu {
  height: 100vh !important;
  position: fixed;
}
/*header inputs*/
/*bootstrap --------------------------------------- */
body {
  font-family: sf-regular;
}
/*header*/
.nav-link {
  color: white;
  font-family: sf-bold;
}
.nav-link:hover {
  color: #a5c6ff;
}
.navbar-nav {
  text-transform: uppercase;
  font-size: 11px;
}
/*header*/
.header-1 {
  display: block;
  z-index: 999;
}
.header-1 .container-header-italika {
  display: block;
  position: relative;
}
.header-1 .navbar-login-top {
  margin-top: 16px;
}
.header-1 .navbar-cart-top {
  margin-top: 26px;
}
.header-1 .nabbar-menu-top {
  margin-top: 26px;
}
.header-1 .navbar-promo {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 28px;
  list-style: none;
}
.header-1 .navbar-search-top {
  width: 450px;
  margin-top: 3px;
}
.header-2 {
  display: none;
}
.header-3 {
  display: none;
}
.nav-italika {
  background-color: #00205b;
  color: white;
  height: 75px;
}
.search-style {
  height: 47px;
  border-color: #0c45a7;
  border-radius: .45rem;
}
.search-style::placeholder {
  color: #abb4bd;
}
.hover-desktop {
  position: fixed;
  width: 100%;
  display: block;
  z-index: 1;
}
.hover-desktop-grid {
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: #666666;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  transition: all .3s;
}
.hover-desktop-grid li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hover-desktop-grid li:hover {
  background-color: #999999;
}
.hover-desktop-grid a {
  color: white;
  text-decoration: none;
  font-family: sf-bold;
  font-size: 12px;
  text-transform: none;
}
.hover-desktop-img {
  height: 56px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px;
}
.hover-desktop-txt {
  width: 100%;
  text-align: center;
}
.hover-desktop-input:checked ~ .header-1 > .container > .navbar-nav > .navbar-item > .modelos-hover {
  color: #a5c6ff;
}
.hover-desktop-input:checked ~ .header-2 > .nav-italika > .container > .navbar-nav > .navbar-item > .modelos-hover {
  color: #a5c6ff;
}
.hover-desktop-input:checked ~ .hover-desktop > .hover-desktop-grid {
  height: 90px;
}
.hover-hamburger {
  background-color: white;
  position: fixed;
  right: 40px;
  border-bottom-left-radius: 5px;
  height: 0;
  width: 250px;
  transition: all .3s;
  overflow: hidden;
  z-index: 9;
}
.hover-hamburger > .navbar > .navbar-nav > li > a {
  color: #00205b;
}
.hover-hamburger > .navbar > .navbar-nav > li > a:hover {
  color: #a5c6ff;
}
.hover-hamburger-container {
  margin-top: -57px;
}
.hover-hamburger-container {
  display: none;
}
.mobile-menu {
  position: fixed;
  top: 75px;
  display: none;
  width: 80%;
  height: 0;
  background-color: #00205b;
  overflow: hidden;
  transition: all .3s;
  z-index: 999;
}
.mobile-menu-grid {
  display: grid;
  height: calc(25vh);
  width: 100%;
  grid-template-rows: repeat(7, 1fr);
}
.mobile-menu > .navbar {
  padding-top: 0;
}
.mobile-menu > .navbar > .navbar-nav > .navbar-item {
  border-top: solid 1px #173f7f;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-menu-input:checked ~ .header-3 > .nav-italika > .container > .lines-menu-container div:nth-child(1) {
  transform: rotate(45deg);
  margin-top: 7px;
}
.mobile-menu-input:checked ~ .header-3 > .nav-italika > .container > .lines-menu-container div:nth-child(2) {
  display: none;
}
.mobile-menu-input:checked ~ .header-3 > .nav-italika > .container > .lines-menu-container div:nth-child(3) {
  transform: rotate(-45deg);
  margin-top: -7px;
}
.mobile-menu-input:checked ~ .mobile-menu {
  height: 85%;
}
media(min-width: 768px) and (max-width: 1200px) {
  display: none;
}
.header-2 {
  display: block;
}
.header-3 {
  display: none;
}
.hover-desktop {
  margin-top: -57px;
}
media(max-width: 767px) {
  display: none;
}
.header-2 {
  display: none;
}
.header-3 {
  display: block;
}
.search-container-style {
  max-width: 100%;
  margin-top: 10px;
}
.hover-desktop {
  display: none;
}
.mobile-menu {
  display: block;
}
.nav-link {
  color: white;
  font-family: sf-bold;
}
.nav-link:hover {
  color: #a5c6ff;
}
.navbar-nav {
  text-transform: uppercase;
  font-size: 11px;
}
/*Aqui inician los estilos del footer*/
.anchor-style-italika {
  color: inherit;
  text-decoration: none;
}
.anchor-style-italika:hover {
  color: inherit;
}
.header-1 {
  display: block;
}
.header-2 {
  display: none;
}
.header-3 {
  display: none;
}
.margin-desktop {
  position: relative;
  margin-top: 75px;
}
.nav-italika {
  position: sticky;
  width: 100%;
  background-color: #00205b;
  color: white;
  height: 75px;
  z-index: 2;
}
.search-style {
  height: 47px;
  border-color: #0c45a7;
  border-radius: .45rem;
}
.search-style::placeholder {
  color: #abb4bd;
}
.hover-desktop {
  position: fixed;
  width: 100%;
  display: block;
  z-index: 1;
  margin-top: 75px;
}
.hover-desktop-grid {
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: #666666;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  transition: all .3s;
}
.hover-desktop-grid li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hover-desktop-grid li:hover {
  background-color: #999999;
}
.hover-desktop-grid a {
  color: white;
  text-decoration: none;
  font-family: sf-bold;
  font-size: 12px;
  text-transform: none;
}
.lines-menu-container div {
  transition: all .3s;
}
.lines-menu-container:hover {
  cursor: pointer;
}
.hover-hamburger {
  background-color: white;
  position: fixed;
  right: 40px;
  border-bottom-left-radius: 5px;
  height: 0;
  width: 250px;
  transition: all .3s;
  overflow: hidden;
  z-index: 9;
}
.hover-hamburger > .navbar > .navbar-nav > li > a {
  color: #00205b;
}
.hover-hamburger > .navbar > .navbar-nav > li > a:hover {
  color: #a5c6ff;
}
.mobile-menu {
  position: fixed;
  top: 75px;
  display: none;
  width: 80%;
  height: 0;
  background-color: #00205b;
  overflow: hidden;
  transition: all .3s;
  z-index: 999;
}
.mobile-menu > .navbar {
  padding-top: 0;
}
.mobile-menu > .navbar > .navbar-nav > .navbar-item {
  border-top: solid 1px #173f7f;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*header inputs*/
.lines-menu:checked ~ .hover-hamburger-container > .hover-hamburger {
  height: 144px;
  margin-top: 75px;
}
.banco-azteca-fixed {
  position: fixed;
  left: 20px;
  bottom: 0;
  width: 280px;
  height: 34px;
  background-color: #17A14D;
  z-index: 3;
  display: flex;
  align-items: center;
  padding-left: 20px;
  border-top-left-radius: .50rem;
  border-top-right-radius: .50rem;
  box-shadow: 1px 0px 13px -2px #000000;
}
.banco-azteca-fixed:hover {
  cursor: pointer;
  background-color: #11823a;
}
.banco-azteca-fixed div {
  font-family: sf-bold;
  text-transform: uppercase;
  color: white;
}
.banco-azteca-fixed-open {
  position: fixed;
  left: 20px;
  bottom: 0;
  width: 280px;
  height: 118px;
  background-color: #ededed;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-shadow: 1px 0px 13px -2px #000000;
  font-size: 14px;
}
.banco-azteca-fixed-arrow {
  position: absolute;
  right: 10px;
  top: 12px;
}
.ss-5 {
  transform: rotate(180deg);
}
.buttons-fixed {
  position: fixed;
  right: 33px;
  bottom: 78px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.whatsapp-button {
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background-color: #1bd741;
  color: #25cf66;
  box-shadow: 1px 0px 13px -2px #000000;
}
.whatsapp-button div:hover {
  cursor: pointer;
}
.button-baz-fixed {
  margin-top: -10px;
  width: 160px;
  height: 34px;
  background-color: #17a14d;
  color: white;
  font-family: sf-bold;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .50rem;
}
.button-baz-fixed:hover {
  cursor: pointer;
}
.main-section-homepage {
  width: 100%;
  max-width: 1140px !important;
  position: relative;
  display: flex;
  padding: 0;
  transform: scale(1.15);
}
.msh-desktop {
  display: block;
}
.msh-mobile {
  display: none;
}
.main-slider-homepage {
  position: relative;
  width: 100%;
  max-width: 753px;
  height: 374px;
  border: solid 1px #e8e8e8;
  box-sizing: border-box;
  margin-right: 20px;
}
.img-slider {
  width: 100%;
}
.txt-slider {
  position: absolute;
  top: 0;
  right: 40px;
  width: 184px;
  height: 290px;
  background-image: url(../../../images/18-txt-back.jpg);
  background-size: cover;
  color: white;
  text-align: center;
  padding-top: 32px;
}
.img-pleca {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.txt-slider-2 {
  font-size: 13px;
  font-family: sf-light;
  color: #cdcdcd;
  text-decoration: line-through;
}
.txt-slider-3 {
  font-size: 18px;
  font-family: sf-light;
}
.baz-slider {
  position: relative;
  margin: 22px auto;
  width: 168px;
  height: 44px;
  background-color: white;
  color: #17a14d;
  font-size: 13px;
  line-height: 16px;
  padding-top: 7px;
}
.baz-line-slider {
  position: absolute;
  top: 0;
  width: 3px;
  height: 44px;
  background-color: #08cc00;
}
.baz-line-slider-2 {
  position: absolute;
  right: 0;
  top: 0;
  width: 3px;
  height: 44px;
  background-color: #08cc00;
}
.txt-baz-1 {
  font-size: 16px;
  font-family: sf-bold;
}
.button-v1 {
  width: 160px;
  height: 35px;
  border-radius: 5px;
  background-color: white;
  color: #0c45a3;
  font-family: sf-bold;
  font-size: 14px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.button-v1:hover {
  box-shadow: 0px 0px 8px 0px #ffffff;
  cursor: pointer;
}
.button-slider-position {
  position: absolute;
  top: 190px;
  right: 52px;
}
.indicators-slider {
  position: absolute;
  bottom: 58px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.indicator-enabled {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #00205b;
  margin-right: 10px;
}
.indicator-disabled {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background-color: #c7c7c7;
  margin-right: 10px;
}
.legal-slider {
  position: absolute;
  bottom: 0;
  margin: 0;
  padding: 3px;
  font-family: sf-light;
  font-size: 9px;
}
.main-banner-1 {
  position: relative;
  width: 100%;
  max-width: 367px;
  height: 177px;
}
.img-banner-1 {
  width: 100%;
}
.txt-banner-1 {
  position: absolute;
  top: 0;
  color: white;
}
.button-banner-1-position {
  position: absolute;
  top: 125px;
  left: 20px;
  font-size: 12px;
  color: #17a04d;
}
.main-banner-2 {
  background-image: url(/italikastorestorefront/_ui/images/22-banner-2.jpg);
  width: 100%;
  max-width: 367px;
  height: 177px;
  margin-top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.img-banner-2 {
  width: 100%;
}
.txt-banner-2 {
  position: absolute;
  top: 0;
  color: #00205b;
}
.txt-banner-2-1 {
  font-size: 17px;
  font-family: sf-regular;
  text-align: center;
}
.txt-banner-2-payment {
  position: relative;
  top: 35px;
  display: flex;
}
.txt-banner-2-2 {
  position: relative;
  top: 5px;
  left: 15px;
  font-size: 14px;
  font-family: sf-regular;
  text-align: center;
}
.button-banner-2-position {
  /*position: absolute;
	top: 210px;
	left: 0;
	right: 0;
	bottom: 0;*/
  margin: auto;
  font-size: 12px;
  background-color: #105fe8;
  color: white;
}
.name-section-container {
  margin-top: 40px;
  margin-bottom: 20px;
}
.ss-1 {
  margin-top: 60px;
}
.name-section-box {
  width: 100%;
  margin-bottom: 20px;
}
.name-section-box h2 {
  margin: 0;
  padding: 0;
  font-family: sf-bold;
  background-size: 26px;
  color: #00205b;
  text-transform: uppercase;
  margin-top: -8px;
}
.name-section-subtitle {
  font-family: sf-light;
  background-size: 14px;
  color: #666666;
  text-transform: uppercase;
}
.benefits-container {
  display: flex;
  overflow: hidden;
  padding: 5px !important;
}
.benefits-box {
  position: relative;
  width: 253px;
  height: 100px;
  background-color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  margin-right: 10px;
  transition: all .2s;
}
.benefits-box:hover {
  background-color: #ededed;
  cursor: pointer;
}
@media (max-width: 1400px) {
  .benefits-box {
    width: 218px;
  }
}
.benefits-half-box {
  width: 100%;
  height: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #00205b;
  text-align: center;
  line-height: 17px;
}
.ss-2 {
  align-items: flex-end;
}
.carousel-card:hover {
  box-shadow: 0px 0px 6px 1px #d6d6d6;
}
.carousel-card:hover > div > .carousel-button-section > .carousel-button {
  visibility: visible;
}
.models-box-big {
  position: relative;
  grid-row: 1 / 3;
  background-color: #e8e8e8;
}
.models-box-big:hover {
  box-shadow: 0px 0px 6px 1px #d6d6d6;
}
.models-box {
  position: relative;
  background-color: #e8e8e8;
  height: 96px;
}
.models-box:hover {
  box-shadow: 0px 0px 6px 1px #d6d6d6;
}
.models-txt {
  font-family: sf-bold;
  font-size: 17px;
  padding-top: 20px;
  padding-left: 14px;
  color: #00205b;
  text-transform: uppercase;
}
.models-img-1 {
  position: absolute;
  bottom: 10px;
  right: 40px;
}
.models-img-2 {
  position: absolute;
  top: 0;
  right: 30px;
}
.blog-container {
  margin-top: 0;
}
.blog-box-container {
  width: 100%;
  display: flex;
}
.blog-box-small-container {
  width: 49.5%;
}
.blog-box-small {
  width: 100%;
  height: 154px;
  box-sizing: border-box;
  border: solid 2px #ededed;
  display: flex;
  margin-bottom: 20px;
  overflow: hidden;
}
.blog-box-small-img {
  width: 154px;
  height: 154px;
}
.blog-box-small-txt {
  padding: 20px 20px 0 20px;
}
.blog-box-small-txt h3 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-family: sf-bold;
  color: #00205b;
}
.blog-box-small-txt p {
  color: #00205b;
  margin: 0;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.button-view-more {
  width: 160px;
  height: 34px;
  border-radius: .50rem;
  background-color: #0c45a3;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  text-transform: uppercase;
  font-size: 14px;
}
.button-view-more:hover {
  background-color: #00205b;
  color: white;
  cursor: pointer;
}
.blog-box-big {
  width: 49%;
  height: 328px;
  box-sizing: border-box;
  border: solid 2px #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white;
  font-size: 24px;
  margin-bottom: 20px;
  background-color: #0b0b5d;
  background-image: url("../../../images/704-background-know.jpg");
  background-position: center;
  background-repeat: no-repeat;
  font-family: sf-light;
  margin-left: 1.5%;
}
.btn-opposite {
  background-color: white;
  color: #0c45a3;
  margin-top: 20px;
  box-sizing: border-box;
}
.btn-opposite:hover {
  border: solid 1px white;
}
.pentalogue-container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  margin-top: 20px;
  overflow: hidden;
  margin-top: 60px;
}
.pentalogue-box {
  position: relative;
  width: 210px;
  height: 178px;
  margin: 0 auto;
}
.pentalogue-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pentalogue-txt-section {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 110px;
  background-color: #e8e8e8;
  border-radius: .50rem;
  text-align: center;
  padding-top: 38px;
}
.pentalogue-title {
  font-family: sf-bold;
  text-transform: uppercase;
}
.pentalogue-txt {
  color: #00205b;
  line-height: 18px;
  font-family: sf-light;
  margin-top: 5px;
}
.pentalogue-line {
  position: absolute;
  width: 75%;
  height: 10px;
  background-color: #00205b;
  z-index: -1;
  top: -78px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.footer-italika-txt-1 {
  font-family: sf-bold;
  font-size: 17px;
  text-transform: uppercase;
  padding-top: 20px;
}
.footer-italika-txt-3 {
  font-family: sf-bold;
  font-size: 17px;
  text-transform: uppercase;
  margin-top: 40px;
  position: relative;
}
.footer-italika-list {
  list-style: none;
  font-family: sf-light;
  margin: 0;
  padding: 0;
  margin-top: 20px;
}
.footer-italika-stamps {
  margin-top: 20px;
}
.subs-container-style {
  margin-top: 20px;
  width: 100%;
  max-width: 450px;
  height: 47px;
  display: flex;
}
.subs-style {
  height: 47px;
}
.subs-style::placeholder {
  font-family: sf-bold;
  font-size: 12px;
  color: #acb5be;
  text-align: left;
}
.button-subs {
  width: 110px;
  height: 45px;
  background-color: #00205b;
  color: white;
  box-sizing: border-box;
  border: solid 2px white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 11px;
  text-transform: uppercase;
  margin-left: 10px;
}
.button-subs:hover {
  background-color: white;
  color: #00205b;
}
.footer-italika-contact {
  padding-top: 86px;
}
.footer-italika-txt-2 {
  font-family: sf-bold;
  font-size: 15px;
  margin-top: 5px;
}
.footer-italika-arrow {
  display: none;
}
.footer-lite {
  background-color: #101f38;
  padding: 20px;
  text-align: center;
  font-size: 14px;
}
.footer-lite p {
  padding: 0;
  margin: 0;
  color: white;
}
.footer-lite a {
  color: white;
  text-decoration: none;
}
.nav-link {
  color: white;
  font-family: sf-bold;
}
.nav-link:hover {
  color: #a5c6ff;
}
.navbar-nav {
  text-transform: uppercase;
  font-size: 11px;
}
/**************MODULO FACTURACION*******************/
.btn-adress-1:hover {
  cursor: pointer;
  background-color: #0c45a8;
}
.checkout-billing-txt-1 {
  float: left;
}
.checkout-billing-txt-2 {
  font-family: sf-bold;
  margin-top: 20px;
  float: left;
}
.d-flex {
  display: flex!important;
}
.form-italika-style-2 {
  max-width: 300px;
  height: 30px;
  border-color: #0c45a8;
}
.form-italika-style-2::placeholder {
  color: #acb5be;
}
.form-italika-style-3::placeholder {
  color: #acb5be;
}
.checkout-adress-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 20px;
}
.btn-adress-2 {
  box-sizing: border-box;
  border: solid 1px #00205b;
  width: 270px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: white;
  color: #00205b;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  margin: 20px 115px 20px 0px;
}
@media (max-width: 767px) {
  .btn-adress-2 {
    margin: 20px auto;
  }
  .checkout-adress-buttons {
    display: block;
  }
}
.btn-adress-2:hover {
  background-color: #00205b;
  color: white;
}
.checkout-container {
  width: 100%;
  max-width: 1200px;
  margin-top: 15px;
  border: solid 1px #ededed;
}
.checkout-title-arrow {
  margin-top: 10px;
  position: absolute;
  right: 20px;
  transform: rotate(180deg);
}
.checkout-title-arrow-2 {
  font-size: 20px;
  display: table-cell;
  vertical-align: top;
  right: 20px;
}
.checkout-steps .step-head {
  border-color: #ededed;
  height: 64px;
}
.checkout-steps .step-head + .step-head {
  margin-top: 0;
}
.checkout-steps .step-head.active {
  background-color: #ededed;
  color: #00205b;
  border-color: #ededed;
}
.checkout-shipping {
  border: #ededed;
  padding: 20px;
}
.control-label {
  color: #212529;
}
.tooltip-img-rfc {
  margin-left: 10px;
}
.btn-checkout-continuar {
  width: 270px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0c45a8;
  color: white;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  margin: 0px;
}
.checkout-title-arrow-disabled {
  margin-top: 7px;
  position: absolute;
  right: 20px;
}
.bc-line-arrowEfacturacion {
  position: absolute;
  top: 4px;
  width: 100%;
  height: 2px;
  background-color: #00205b;
}
.bc-triangle-arrowFacturacion {
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #00205b;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}
/*** STEPS *****/
.checkout-stepsA {
  padding-left: 4.5%;
}
.ss-31 {
  width: 100%;
  height: 30px;
  border-radius: .50rem;
}
.ss-34 {
  border-radius: 4px;
}
/*** STEPS *****/
.has-error .help-block {
  font-weight: 1;
  color: #c53131;
}
.has-error input.form-control {
  background: white;
  border-color: #c53131;
}
.dcss {
  position: relative;
  padding: 0;
  margin-bottom: 90px;
}
.bc-arrow-containerF {
  position: relative;
  padding-left: 0;
  padding-right: 0;
}
.sumary-lineEF {
  width: 80%;
  height: 1px;
  background-color: #d1d1d1;
  margin: 0 auto;
  margin-bottom: 20px;
}
.breadcrumb {
  padding: 0;
  margin-bottom: 0;
  list-style: none;
  background-color: #ffffff;
  border-radius: 0;
}
/*ALERTAS */
.alert-container {
  position: relative;
  padding: 15px 45px 10px 15px !important;
  color: white;
  margin-top: 10px;
  margin-bottom: 10px;
}
.alert-error {
  background-color: #00bfff;
  border-bottom: solid 5px #a5c6ff;
}
.alert-confirmation {
  background-color: #19d8b4;
  border-bottom: solid 5px #abffd7;
}
.alert-warning {
  background-color: #e2b866;
  border-bottom: solid 5px #f9daac;
}
.btnCloseAlert {
  width: 15px;
  position: absolute;
  right: 15px;
  top: 15px;
}
/*ALERTAS */
/* MODAL */
.shopping-cart-modal-back {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
}
.shopping-cart-modal-box {
  width: 95%;
  max-width: 340px;
  height: auto;
  max-height: 180px;
  background-color: white;
  padding: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.shopping-cart-modal-box-2 {
  width: 95%;
  max-width: 440px;
  height: auto;
  max-height: 420px;
  background-color: white;
  padding: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.shopping-cart-modal-title {
  font-family: sf-bold;
  color: #00205b;
}
.scm-products-container {
  margin: 20px 0 40px 0;
}
.scm-box {
  width: 100%;
  display: flex;
  margin-bottom: 20px;
}
.scm-box-img-container {
  width: 20%;
  box-sizing: border-box;
  border: solid 1px #ededed;
  max-height: 50px;
}
.scm-box-img-container img {
  width: 100%;
}
.scm-box-description {
  width: 54%;
  margin: 0 1% 0 1%;
  padding: 0 10px 0 10px;
  font-size: 13px;
  color: #00205b;
  font-family: sf-bold;
  text-transform: uppercase;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.scm-txt-1 {
  color: #0c45a8;
  font-size: 11px;
  margin-top: 10px;
}
.scm-box-price {
  width: 35%;
  color: #00205b;
  font-size: 16px;
  font-family: sf-bold;
  display: flex;
  align-items: center;
}
@media (min-width: 768px) {
  .scm-box-price {
    padding-left: 20px;
  }
}
#cboxContent::-webkit-scrollbar {
  -webkit-appearance: none;
}
/* MODAL */
/*DIRECCIONES*/
.directions-back {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
}
.directions-box {
  width: 95%;
  max-width: 340px;
  height: auto;
  max-height: 560px;
  background-color: white;
  padding: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.directions-title {
  font-family: sf-bold;
  color: #00205b;
}
.directions-container {
  margin-top: 20px;
  padding: 10px 0 10px 0;
  border-top: solid 1px #ededed;
}
.directions-row {
  display: flex;
}
.directions-label {
  font-family: sf-bold;
  color: #00205b;
}
.btn-directions {
  margin-top: 20px;
}
/*DIRECCIONES*/
.headline-text {
  font-family: sf-bold;
  color: #00205b;
}
#cboxClose .glyphicon-remove:before {
  content: "\e014";
  background: url(_ui/images/56-close.svg);
  height: 15px;
  width: 15px;
  display: block;
  color: white;
}
#cboxClose .glyphicon-remove:hover {
  background-color: #143b7a;
  cursor: pointer;
}
#cboxLoadedContent .forgotten-password {
  padding: 0 20px 20px 20px;
}
#cboxLoadedContent .mini-cart {
  padding: 0 20px 20px 20px;
}
#cboxLoadedContent #addressbook {
  padding: 0 20px 20px 20px;
}
#cboxLoadedContent {
  height: auto !important;
}
.forgotten-password.alert {
  padding-left: 30px;
  padding-right: 30px;
}
.stock-message {
  margin-top: 10px;
  color: #00205b;
  font-family: sf-bold;
  line-height: 20px;
}
.stock-back {
  padding: 0 20px 20px 20px;
}
.bc-container-checkout {
  margin-top: 75px;
}
@media (min-width: 768px) {
  .bc-container-checkout {
    margin-top: 94px;
  }
}
@media (max-width: 767px) {
  .bc-container-checkout {
    margin-top: 100px;
  }
}
/**************MODULO FACTURACION*******************/
/*******************************************-----carrito-----******************/
.express-checkoutVoucher {
  padding-top: 20px;
  padding-bottom: 20px;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  background-color: white;
}
.btn {
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 15px;
  font-size: 17px;
  line-height: 1.375;
  border-radius: 3px;
}
.btn {
  border-radius: .50rem !important;
}
.item__list .item__list--item {
  display: table;
  table-layout: fixed;
  width: 100%;
  border: solid 1px #d1d1d1;
}
.item__list .item__list--item .item__sku__input,
.item__list .item__list--item .item__toggle,
.item__list .item__list--item .item__image,
.item__list .item__list--item .item__price,
.item__list .item__list--item .item__quantity,
.item__list .item__list--item .item__delivery,
.item__list .item__list--item .item__total,
.item__list .item__list--item .item__remove,
.item__list .item__list--item .item__menu,
.item__list .item__list--item .item__quantity__total {
  display: table-cell;
  /*padding: 0 10px;
        border: solid 1px #d1d1d1;*/
  text-align: center;
}
.item__list .item__list--item .item__info {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  text-align: center;
  color: #00205b;
  font-weight: 600;
  font-size: 15px;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff;
  border-color: #0c45a8;
  background-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.input-sm {
  width: 220px;
  height: 45px;
  border: solid 1px #ededed;
  border-radius: .50rem;
  margin-right: 10px;
  text-align: left;
  font-size: 13px;
}
.row {
  padding: 0;
  margin-left: 1px;
  margin-right: 1px;
}
/*Breadcrumb checkout*/
.bc-container {
  font-size: 12px;
  color: #999999;
  position: relative;
  padding-right: 0;
  padding-left: 0;
}
.bc-active {
  color: #00205b;
  display: inline-block;
}
.bc-circle-active {
  border-color: #00205b;
}
.bc-arrow-container {
  position: relative;
  /*top: -5px;*/
  padding-left: 0;
  padding-right: 0;
}
.bc-arrow {
  position: relative;
  width: 100%;
  height: 10px;
}
.bc-circle-arrow {
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #00205b;
  border-radius: 50%;
  margin-top: -5px;
}
.bc-triangle-arrow {
  position: absolute;
  right: 0;
  width: 10px;
  height: 10px;
  background-color: #00205b;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  margin-top: -5px;
}
.bc-line-arrow {
  position: absolute;
  top: 4px;
  width: 99.5%;
  height: 2px;
  background-color: #00205b;
  margin-top: -5px;
}
@media (max-width: 990px) {
  .bc-box {
    height: 58px;
    flex-direction: column;
    text-align: center;
  }
  .bc-txt-2 {
    display: none;
  }
  .bc-circle {
    margin-right: 0;
  }
}
@media (max-width: 1400px) {
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container {
    width: 100%;
    max-width: 1320px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .container {
    width: 960px;
  }
}
.ss-23 {
  padding: 0;
}
/*Breadcrumb checkout*/
/*Detail & coupon*/
.detail-container {
  width: 100%;
  max-width: 812px;
  display: flex;
  margin-top: 15px;
}
.detail-box {
  width: 100%;
  /*height: 216px;*/
  border: solid 1px #ededed;
  margin-right: -2px;
}
.detail-boxMenu {
  width: 100%;
  /*height: 216px;
        border: solid 1px #ededed;*/
  margin-right: -2px;
  display: inline-flex;
}
.detail-boxCont {
  width: 100%;
  /* height: 216px; */
  /*border: solid 1px #ededed;
      margin-right: -2px;*/
}
.detail-title {
  width: 100%;
  height: 42px;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-title h3 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.detail-box-prodcut-img {
  width: 100%;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.detail-box-prodcut-txt {
  width: 100%;
  text-align: center;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-box-prodcut-txt h4 {
  font-family: sf-regular;
  font-size: 12px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.detail-box-prodcut-txt-2 {
  font-family: sf-bold;
  font-size: 14px;
}
.detail-box-price {
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #ededed;
  font-family: sf-bold;
  font-size: 18px;
  color: #00205b;
}
.detail-box-image {
  width: 100%;
  height: 210px;
  justify-content: center;
  align-items: center;
  border: solid 1px #ededed;
}
.detail-box-price h4 {
  font-family: sf-bold;
  font-size: 18px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.detail-box-form-container {
  position: relative;
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #ededed;
}
.detail-box-form {
  width: 75px;
  height: 31px;
  border: solid 1px #ededed;
  border-radius: .50rem;
  margin-top: -7px;
  margin-right: 10px;
  font-family: sf-bold;
}
.detail-box-drop-down-arrow {
  position: absolute;
  left: 65px;
}
.detail-box-drop-down-arrow:hover {
  cursor: pointer;
}
.detail-box-drop-down {
  position: absolute;
  width: 75px;
  background-color: white;
  top: 110px;
  left: 16px;
  z-index: 1;
}
.detail-box-drop-down div {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.50rem;
}
.detail-box-drop-down div:hover {
  cursor: pointer;
  background-color: #ededed;
}
.detail-box-ship {
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: solid 1px #ededed;
}
.detail-box-ship h4 {
  font-family: sf-bold;
  font-size: 12px;
  color: #00205b;
  text-align: center;
  padding: 0;
  margin: 0;
}
.coupon-container {
  margin-top: 20px;
  width: 325px;
  height: 106px;
  border: solid 1px #ededed;
  padding: 15px;
}
.coupon-containerVoucher {
  margin-top: 20px;
  width: 390px;
  height: 106px;
  border: solid 1px #ededed;
}
.coupon-container h3 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
  margin-bottom: 6px;
}
.coupon-container-style {
  height: 47px;
  display: flex;
}
.coupon-style {
  height: 47px;
  width: 100%;
}
.coupon-style::placeholder {
  font-family: sf-bold;
  font-size: 12px;
  color: #acb5be;
  text-align: left;
}
.button-coupon {
  width: 110px;
  height: 45px;
  background-color: white;
  color: #00205b;
  box-sizing: border-box;
  border: solid 2px #00205b;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 11px;
  text-transform: uppercase;
  margin-left: 10px;
}
.button-coupon:hover {
  background-color: #00205b;
  color: #ffffff;
}
@media (max-width: 990px) {
  .detail-box-drop-down-arrow {
    left: 55px;
  }
  .detail-box-drop-down {
    left: 8px;
  }
}
@media (max-width: 767px) {
  .detail-container {
    display: block;
    border-top: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
    padding-top: 20px;
  }
  .detail-box {
    width: 50%;
    height: auto;
    border: none;
    margin-right: 0;
  }
  .detail-boxMenu {
    width: 50%;
    height: auto;
    border: none;
    margin-right: 0;
  }
  .detail-title {
    height: auto;
    background-color: white;
    border: none;
    justify-content: flex-start;
    padding-left: 20px;
    padding-bottom: 5px;
  }
  .detail-title h3 {
    color: #333333;
  }
  .detail-title-product {
    display: none;
  }
  .detail-box:nth-child(1) {
    height: 280px;
  }
  .detail-box:nth-child(2) {
    /*position: absolute;*/
    top: 20px;
    right: 0;
  }
  .detail-box:nth-child(3) {
    position: absolute;
    right: 0;
    top: 84px;
  }
  .detail-box:nth-child(4) {
    position: inherit;
    right: 0;
    top: 0px;
    width: 100%;
  }
  .detail-box:nth-child(5) {
    position: absolute;
    right: 0;
    top: 232px;
  }
  .detail-box-prodcut-img {
    margin-top: 0px;
  }
  .detail-box-price {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
    border: 0px;
    margin-bottom: 10px;
  }
  .detail-box-form-container {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
    border: 0px;
  }
  .detail-box-ship {
    height: auto;
    justify-content: flex-start;
    padding-left: 5px;
    border: 0px;
    margin-bottom: 10px;
  }
  .detail-box-drop-down-arrow {
    left: 65px;
  }
  .detail-box-drop-down {
    top: 42px;
    left: 20px;
    box-shadow: 0px 0px 6px 1px #d6d6d6;
  }
  .detail-box-ship h4 {
    text-align: left;
  }
  .bc-txt-3 {
    display: none;
  }
  .coupon-container {
    margin: 20px auto;
  }
  .coupon-containerVoucher {
    margin: 20px auto;
  }
  .sumary-container {
    margin: 20px auto;
  }
}
/*Detail & coupon*/
/*Sumary*/
.sumary-containerEF h1 {
  font-family: sf-bold;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #333333;
  padding: 0;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 15px;
}
.sumary-lineLinea {
  width: 90%;
  height: 1px;
  background-color: #d1d1d1;
  margin: 0 auto;
  margin-bottom: 42px;
}
.sumary-txt {
  position: relative;
  width: 85%;
  margin: 0 auto;
  display: flex;
  font-family: sf-regular;
  font-size: 14px;
  margin-bottom: 8px;
}
.sumary-txt-2 {
  position: absolute;
  right: 0;
}
.sumary-bold {
  font-family: sf-bold;
  font-size: 17px;
}
.sumary-txt-3 {
  width: 85%;
  margin: 0 auto;
  font-family: sf-light;
  font-size: 12px;
  margin-top: -14px;
}
.link-italika-1 {
  width: 100%;
  text-align: center;
  font-family: sf-regular;
  font-size: 17px;
  margin: 0 auto;
}
.link-italika-1 a {
  color: #00205b;
}
@media (max-width: 1200px) {
  .sumary-container {
    position: relative;
    margin-top: 20px;
  }
}
.item__infoo {
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #00205b;
  padding: 0;
  margin: 0;
  font-family: sf-bold;
  text-align: center;
  line-height: 15px;
  margin-top: -8px;
}
/*Sumary*/
@media (max-width: 1023px) {
  .item__list--item > div {
    margin-left: 136px;
    padding: 0 80px 0 0;
    /* overflow: hidden;*/
    text-overflow: ellipsis;
  }
}
.btn-defaultcc {
  color: #00205b;
  background-color: white;
  /*text-decoration: underline;*/
  border: 0px;
}
.btn-defaultcc:hover,
.btn-defaultcc:focus,
.btn-defaultcc:active,
.btn-defaultcc.active,
.open .dropdown-toggle.btn-default {
  color: #00205b;
  background-color: white;
  text-decoration: underline;
}
.btn-primaryap {
  border: solid 3px;
  color: #00205b;
  background-color: white;
  border-color: #0c45a8;
  font-size: 11px;
  height: 45px;
}
.btn-primaryap:hover,
.btn-primaryap:focus,
.btn-primaryap:active,
.btn-primaryap.active,
.open .dropdown-toggle.btn-primaryap {
  color: #ffffff;
  border-color: #0c45a8;
  background-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cart-totals {
  font-size: 14px;
  line-height: 2em;
  margin-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
}
.btn-defaultB {
  color: #ffffff;
  background-color: white;
  border-color: white;
}
.btn-defaultB:hover,
.btn-defaultB:focus,
.btn-defaultB:active,
.btn-defaultB.active,
.open .dropdown-toggle.btn-defaultB {
  color: white;
  background-color: white;
  border-color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}
labelc {
  font-family: sans-serif;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
  margin-bottom: 6px;
  margin-top: 10px;
  font-weight: 550;
}
.headlineVo {
  font-size: 15px;
  font-family: sf-bold;
}
.item__list .item__list--item .item__menu {
  display: inline-table;
  padding: 0 10px;
  vertical-align: middle;
  text-align: center;
  color: #00205b;
  font-weight: 700;
  font-size: 18px;
  border-color: white;
}
.cart-totals .cart-totals-right {
  font-weight: revert;
  padding-left: 0px;
  padding-right: 60px;
}
.cart-totals .cart-totals-rightIVA {
  padding-left: 0px;
  line-height: 18px;
  font-family: sf-light;
  font-size: 12px;
}
.cart-totals .envio {
  color: black;
}
.btn-primary-c {
  border: solid 3px;
  color: white;
  background-color: #0c45a8;
  border-color: #0c45a8;
  text-transform: uppercase;
}
.btn-primary-c:hover,
.btn-primary-c:focus,
.btn-primary-c:active,
.btn-primary-c.active,
.open .dropdown-toggle.btn-primary-c {
  color: #ffffff;
  border-color: #00205b;
  background-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-decoration: underline;
}
ul,
ol {
  padding-left: 0px;
  padding-right: 0px;
}
.item__list .item__deliveryy .item__deliveryy--label {
  color: #00205b;
  font-size: 12px;
}
.item__list .item__quantity .form-control {
  display: inline-block;
  width: 60px;
  height: 40px;
  text-align: center;
  border-radius: .50rem;
}
.item__list .item__list--item .item__pricee {
  display: table-cell;
  padding: 0 10px;
  vertical-align: middle;
  border: solid 1px #d1d1d1;
  text-align: center;
  text-transform: uppercase;
  color: #00205b;
  font-weight: 700;
  font-size: 15px;
}
.cart-totals .grand-total {
  font-size: 17px;
  line-height: 1.3em;
  font-weight: bold;
  padding-top: 10px;
  padding-bottom: 0px;
}
.rowTotal {
  margin-left: 1px;
  margin-right: 1px;
}
.btnSC {
  font-weight: 600;
  padding: 10px 15px;
  font-size: 17px;
  line-height: 1.375;
}
.cart-totals .cart-totals-left {
  text-align: right;
  padding-left: 0px;
  padding-right: 0px;
}
.cart-voucher {
  margin-top: 0px;
  padding: 15px;
  /*border: solid 1px #d1d1d1;*/
  width: 330px;
}
.h1v {
  font-size: 36px;
  text-align: center;
}
@media (max-width: 1023px) {
  .item__list {
    margin-top: 0;
    clear: both;
  }
  .item__list .item__toggle .glyphicon {
    width: 50px;
    height: 50px;
  }
  .item__list .item__image {
    margin: 0;
  }
  .item__list .item__price .visible-xs {
    display: inline!important;
  }
  .item__list .item__remove,
  .item__list .item__menu {
    position: absolute;
    right: 10px;
    top: 8px;
    padding: 0;
    margin: 0;
  }
  .item__list .item__remove .btn,
  .item__list .item__menu .btn {
    text-align: center;
    width: 50px;
    height: 50px;
  }
  .item__list .item__total {
    float: right;
  }
  .item__list .item__total {
    font-size: 15px;
    font-weight: 700;
    text-align: right;
    padding-left: 0;
  }
  .item__list .item__quantity__total {
    clear: both;
    float: none;
    width: auto;
    padding-right: 20px;
  }
  .item__list .item__quantity__total > .details {
    cursor: pointer;
  }
  .item__list .item__quantity__total .qty {
    line-height: 42px;
    padding-top: 10px;
  }
  .item__list .item__quantity__total .qty:before,
  .item__list .item__quantity__total .qty:after {
    content: " ";
    display: table;
  }
  .item__list .item__quantity__total .qty:after {
    clear: both;
  }
  .item__list .item__quantity__total .qty:before,
  .item__list .item__quantity__total .qty:after {
    content: " ";
    display: table;
  }
  .item__list .item__quantity__total .qty:after {
    clear: both;
  }
  .item__list .item__quantity__total .qty label {
    float: left;
    margin: 0 10px 0 0;
  }
  .item__list .item__quantity__total .qty input {
    float: left;
    width: 70px;
    text-align: center;
    padding-left: 12px;
    padding-right: 12px;
    margin-right: 10px;
  }
  .item__list .item__quantity__total .qty .qtyValue {
    float: left;
  }
  .item__list .item__quantity__total .qty .glyphicon {
    float: right;
    line-height: 40px;
    padding-left: 5px;
  }
  .item__list .item__quantity__total .open .qty .glyphicon:before {
    content: "\e114";
  }
  .item__list #cartOrderGridForm .product-grid-container {
    font-size: 14px;
    margin: 0;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-detail {
    padding-left: 20px;
    padding-top: 10px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-detail img {
    padding-right: 10px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-select {
    padding-top: 22px;
    padding-right: 20px;
    vertical-align: top;
  }
  .item__list #cartOrderGridForm .product-grid-container > table {
    border-bottom: 1px solid #f2f2f2;
  }
  .item__list #cartOrderGridForm .product-grid-container > table tr td {
    border-bottom: none;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary {
    background-color: transparent;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary > td {
    padding: 0 20px 20px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary .variant-summary-items {
    border: none;
    margin-top: 0;
    margin-bottom: 5px;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary table tr td {
    padding: 0 10px 0 0;
  }
  .item__list #cartOrderGridForm .product-grid-container .variant-summary table tr td:last-child {
    padding: 0;
  }
  .item__list .read-only-grid .grid-prod-img {
    padding-left: 20px;
    padding-right: 30px;
  }
  .item__list .read-only-grid .grid-variant {
    display: block;
  }
  .item__list .read-only-grid .grid-variant + .grid-variant:before {
    content: none;
  }
  .item__list--item {
    position: relative;
  }
  .item__list--item > div {
    padding: 0 80px 0 0;
    text-overflow: ellipsis;
  }
}
.form-controlCant {
  height: 32px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #19212b;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: .50rem;
}
.item__deliveryy--label {
  font-family: sf-bold;
  font-size: 12px;
  color: #00205b;
  text-align: center;
  padding-left: 15px;
  padding-right: 15px;
}
table td {
  padding: 0px 0px;
  vertical-align: top;
  display: flex;
}
@media (min-width: 1401px) and (max-width: 6000px) {
  .prueba {
    display: none;
  }
  .show2 {
    display: none;
  }
  .show1 {
    display: flex !important;
    width: 100%;
  }
}
@media (min-width: 767px) and (max-width: 1400px) {
  .prueba {
    display: none;
  }
  .show2 {
    display: none;
  }
  .show1 {
    display: flex !important;
    width: 100%;
  }
}
@media (max-width: 766px) {
  .prueba {
    display: block;
    margin-bottom: 15px;
  }
  .show2 {
    display: contents;
  }
  .show1 {
    display: none;
  }
  .detail-boxMenu {
    display: none;
  }
  table tbody tr td {
    padding: 0px 0px;
    vertical-align: top;
    display: flex;
    /* margin-bottom: 15px; */
    border-bottom: solid 1px #ededed;
    padding-right: 30px;
  }
  .item__deliveryy--label {
    font-family: sf-bold;
    font-size: 12px;
    color: #00205b;
    padding-left: 0px;
    padding-right: 15px;
    text-align: left;
  }
  .detail-box-image {
    width: 90%;
    height: 173px;
    /* display: flex; */
    justify-content: center;
    align-items: center;
    border: 0px;
  }
}
.control-labelcupon {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
  margin-bottom: 6px;
}
/*---modalremove----*/
.delete-product-container {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
}
.delete-product-box {
  width: 95%;
  max-width: 600px;
  height: auto;
  max-height: 220px;
  background-color: white;
  padding: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.delete-product-message {
  margin-top: 10px;
  color: #00205b;
  font-family: sf-bold;
  line-height: 20px;
}
.delete-product-message-high {
  font-size: 24px;
  line-height: 26px;
}
.delete-product-buttons {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-top: 40px;
}
.button-confirm {
  width: 100px;
  height: 50px;
  background-color: white;
  box-sizing: border-box;
  border: solid 2px #00205b;
  color: #00205b;
  font-size: 14px;
  font-family: sf-bold;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .50rem;
  margin-right: 100px;
}
.button-deny {
  width: 100px;
  height: 50px;
  background-color: #0c45a8;
  box-sizing: border-box;
  color: white;
  font-size: 14px;
  font-family: sf-bold;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
}
.delete-product-buttons div:hover {
  background-color: #00205b;
  color: white;
  cursor: pointer;
}
/*---modalremove----*/
.checkout-txt-default {
  width: 100%;
  margin-bottom: 20px;
}
.checkout-txt-default div {
  font-family: sf-bold;
  color: #00205b;
  float: left;
}
.checkout-txt-default div:last-child {
  float: none;
}
.sss-34 {
  margin-left: 10px;
  width: 600px;
}
@media (max-width: 320px) {
  .sss-34 {
    margin-left: 10px;
    width: 94%;
  }
}
/*******************************************-----carrito-----******************/
/*********************************************-----envio-----******************/
.checkout-order-summaryED .checkout-order-summary-list {
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px 50px;
  border: solid 1px #ededed;
}
.checkout-order-summaryED .checkout-order-summary-list .checkout-order-summary-list-items {
  display: inline-flex;
}
.checkout-order-summary-list-items {
  display: flex;
  padding: 10px;
  border: solid 1px #ededed;
}
.detailsE {
  width: 60%;
  font-size: 12px;
  color: #666666;
  padding-left: 10px;
  padding-top: 20px;
}
.thumbE {
  width: 40%;
  text-align: center;
}
aE,
button {
  color: #666666;
  text-decoration: none;
  font-weight: 600;
}
.label-spacingE {
  padding-right: 5px;
  font-weight: 600;
}
.qtyE {
  padding-right: 5px;
  font-weight: 600;
}
.checkout-order-summaryED .subtotals {
  font-size: 12px;
  margin-top: 15px;
  padding: 10px 0px;
}
.checkout-order-summaryED .subtotal .subE {
  position: absolute;
  right: 0;
}
.checkout-order-summaryED .shippingE {
  position: relative;
  width: 70%;
  margin: 0 auto;
  display: flex;
  font-family: sf-regular;
  font-size: 16px;
  margin-bottom: 5px;
}
.checkout-order-summaryED .totalsE {
  position: relative;
  width: 70%;
  margin: 0 auto;
  display: flex;
  font-family: sf-regular;
  /*font-size: 14px;*/
  margin-bottom: 0px;
  font-family: sf-bold;
  font-size: 17px;
  /*font-weight: 600;*/
}
.checkout-order-summaryED .totalsE .subE {
  position: absolute;
  right: 0;
}
.checkout-order-summaryED .realTotalsE {
  position: relative;
  width: 70%;
  margin: 0 auto;
  display: flex;
  font-family: sf-regular;
  font-size: 12px;
  margin-bottom: 0px;
}
.btn-shipping {
  margin-left: 0;
  font-size: 12px;
  background-color: #ededed;
  color: #989898;
  box-sizing: border-box;
  border: solid 0;
}
.button-italika-1:hover {
  background-color: #00205b;
  color: #ffffff;
}
.btn-shipping:hover {
  border: solid 2px grey;
  background-color: #ededed;
  color: #989898;
  cursor: pointer;
}
.btn-recolect:hover {
  background-color: #0c45a8;
  cursor: pointer;
}
.checkout-shipping-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-left: 10px;
}
.headlineE {
  font-size: 15px;
  margin-bottom: 0px;
  padding-top: 20px;
}
.radio label,
.checkbox label {
  min-height: 20px;
  padding-left: 0%;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.checkout-steps .step-body .checkout-indent .headline {
  font-size: 15px;
  padding-bottom: 5px;
  padding-top: 7px;
  font-family: sf-bold;
}
.btn-primaryB {
  border: solid 2px;
  color: #00205b;
  background-color: white;
  border-color: #00205b;
  margin-top: 10%;
  height: 45px;
  width: 110px;
  margin-left: 10px;
}
.btn-primaryB:hover,
.btn-primaryB:focus,
.btn-primaryB:active,
.btn-primaryB.active,
.open .dropdown-toggle.btn-primaryB {
  color: #ffffff;
  border-color: #0c45a8;
  background-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.form-group {
  margin-bottom: 15px;
  margin-top: 0px;
  margin-left: 0px;
}
.btnB {
  text-transform: uppercase;
  font-weight: 600;
  padding: 7px 15px;
  font-size: 12px;
  line-height: 1.375;
  border-radius: 3px;
  margin-top: -3px;
}
.form-controlB {
  height: 45px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.5;
  color: #212529;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #ced4da;
  border-radius: .50rem;
  font-weight: 400;
  background-clip: padding-box;
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-radius: .3rem;
}
.store__finder--navigationE {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 20px;
}
.store__finder--search #storeFinderForm {
  margin-bottom: 10px;
}
.store__finder {
  display: none;
  padding: 0;
}
.store__finder .store__finder--pagination {
  line-height: 48px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: inline-block;
  width: 100%;
}
.store__finder .store__finder--pagination:before,
.store__finder .store__finder--pagination:after {
  content: " ";
  display: table;
}
.store__finder .store__finder--pagination:after {
  clear: both;
}
.store__finder .store__finder--pagination:before,
.store__finder .store__finder--pagination:after {
  content: " ";
  display: table;
}
.store__finder .store__finder--pagination:after {
  clear: both;
}
.store__finder .store__finder--navigation,
.store__finder .store__finder--details {
  position: relative;
  width: 100%;
  min-height: 1px;
  padding: 0;
}
.store__finder .store__finder--navigation {
  overflow: hidden;
  height: 561px;
}
@media (min-width: 640px) {
  .store__finder .store__finder--navigation {
    padding-right: 10px;
  }
}
.store__finder .store__finder--map {
  width: 50%;
  height: 250px;
  border: solid 1px #ededed;
}
.store__finder .stores-nearby {
  margin-bottom: 10px;
}
.store__finder .store__finder--navigation-list {
  padding-left: 0;
  list-style: none;
  /*margin: 0;*/
  margin-left: 10px;
  border: 1px solid #ededed;
  position: relative;
}
.store__finder .store__finder--navigation-list li.loading {
  height: 56px;
  background: #f2f4f7;
  border-bottom: 1px solid #ddd;
  text-align: center;
  line-height: 56px;
}
.store__finder .store__finder--navigation-list li.loading .glyphicon {
  color: #ff4444;
  -webkit-animation: spin 1s linear infinite;
  -moz-animation: spin 1s linear infinite;
  animation: spin 1s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.store__finder .store__finder--navigation-list .list__entry {
  height: 42px;
}
.store__finder .store__finder--navigation-list .list__entry:last-child label {
  border: 0;
}
.store__finder .store__finder--navigation-list .list__entry input {
  display: none;
}
.store__finder .store__finder--navigation-list .list__entry label {
  margin: 0;
  height: 100%;
  font-size: 12px;
  padding: 0 14px 0 10px;
  display: table;
  width: 100%;
  cursor: pointer;
  position: relative;
  background: white;
  border-bottom: 1px solid #ededed;
  color: #212529;
  font-weight: 400;
}
.store__finder .store__finder--navigation-list .list__entry label:hover {
  background: #f2f2f2;
}
.checkout-steps .step-body .checkout-indent .headlineE {
  font-size: 15px;
  padding-bottom: 15px;
  padding-top: 15px;
  /*font-family: sf-bold;*/
  margin-left: 11px;
  font-weight: 400;
}
.checkout-title-arrowEI {
  position: inherit;
  right: 20px;
  margin-top: -2px;
}
.store__finder .store__finder--navigation-list .list__entry .entry__info {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
}
.store__finder .store__finder--navigation-list .list__entry .entry__name {
  display: inline-block;
  margin-left: 20px;
}
.store__finder .store__finder--navigation-list .list__entry .entry__city {
  display: block;
  font-weight: normal;
}
.btn-default {
  border: 3px solid;
  color: #ffffff;
  background-color: #0c45a8;
  border-color: #0c45a8;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #ffffff;
  background-color: #00205b;
  border-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.rowM {
  margin-left: 0%;
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-right: 75px;
}
.store__finder .store__finder--details .store__finder--details-info {
  margin-left: 0px;
  display: inline-flex;
  width: 50%;
  border: solid 1px #ededed;
  font-size: 12px;
}
.acomodo {
  display: inline-block;
  text-transform: lowercase;
}
.btnET {
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 15px;
  font-size: 14px;
  line-height: 1.375;
  border-radius: 5px;
  font-family: sf-semibold;
}
.btn-defaultET {
  border: 3px solid;
  color: #ffffff;
  background-color: #0c45a8;
  border-color: #0c45a8;
  margin-top: 20px;
  width: 270px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-defaultET:hover,
.btn-defaultET:focus,
.btn-defaultET:active,
.btn-defaultET.active,
.open .dropdown-toggle.btn-defaultET {
  color: #ffffff;
  background-color: #00205b;
  border-color: #00205b;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.checkoutET-adressET-buttonsET {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 20px;
}
.buttonET-italikaET {
  width: 270px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #0c45a8;
  color: white;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  margin: 20px auto;
}
.buttonET-italikaET:hover {
  background-color: #00205b;
  color: white;
}
.btnET-adressET {
  margin-right: 0;
  box-sizing: border-box;
  border: solid 1px #00205b;
  background-color: white;
  color: #00205b;
}
.btnET-adressET:hover {
  cursor: pointer;
}
@media (max-width: 767px) {
  .checkout-shipping-buttons {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 0px;
  }
  .checkout-phone-container {
    height: 100px;
  }
  .checkout-input-check {
    left: 0;
    top: 70px;
  }
  .checkout-form-grid {
    grid-gap: 10%;
  }
  .checkout-adress-2-container {
    flex-direction: column;
  }
  .checkoutET-adressET-buttonsET {
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
  .checkout-adress-2-txt {
    width: 100%;
  }
  .checkout-adress-2-map-container {
    width: 100%;
    height: 300px;
    border-top: solid 1px #ededed;
  }
  .btnET-adressET {
    /*margin: 20px auto;*/
    width: 230px;
    margin-left: 0px;
  }
}
@media (max-width: 767px) {
  .btn-shipping {
    margin: 20px auto;
    /*width: 200px;*/
  }
  .sumary-container {
    margin: 40px auto;
  }
  .btn-adress-1 {
    margin: 20px auto;
  }
  .btn-adress-2 {
    /* margin: 20px auto; */
    margin-left: 0px;
    width: 230px;
  }
  .radio label,
  .checkbox label {
    left: 0px;
    top: 70px;
    padding-left: 10px;
  }
  .input-groupMini {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .col-lg-12-a {
    /*position: relative;*/
    position: sticky;
    margin-left: -10px;
    margin-right: -35px;
  }
  .pull-right {
    float: initial !important;
    margin-top: 20px;
  }
  .rowM {
    margin-left: 0%;
    display: block;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .store__finder .store__finder--navigation,
  .store__finder .store__finder--details {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding: 0px 0px;
  }
  .btn-defaultET {
    border: 3px solid;
    color: #ffffff;
    background-color: #0c45a8;
    border-color: #0c45a8;
    margin-top: 20px;
    width: 230px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .rowET {
    margin-left: 1px;
    margin-right: 10px;
  }
  .store__finder .store__finder--details .store__finder--details-info {
    display: inline-flex;
    border: solid 1px #ededed;
    width: 100%;
  }
  .store__finder .store__finder--map {
    width: 100%;
    height: 250px;
    border: solid 1px #ededed;
  }
  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
  }
}
@media (max-width: 639px) {
  .store__finder .store__finder--details .store__finder--details-back {
    display: none !important;
  }
  .store__finder .store__finder--panel > * {
    padding: 0;
    flex-direction: column;
    align-items: center;
    margin-left: 5px;
    margin-right: 0px;
  }
  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
  }
}
@media (max-width: 768px) {
  .rowVV {
    margin-left: 0%;
    /* margin-right: 25px; */
  }
}
.rowET {
  margin-left: 1px;
  /*margin-right: 10px;*/
  display: flex;
  padding-right: 75px;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group .form-control {
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group .form-control:focus {
  z-index: 3;
}
.text-centerGuardado {
  text-align: left;
  margin-left: 10px;
}
.store__finder .store__finder--navigation-list .list__entry input:checked + label:after {
  display: none;
  content: "";
  width: 28px;
  height: 28px;
  position: absolute;
  top: 50%;
  right: -1px;
  background: transparent;
  border: 14px solid transparent;
  border-right-color: #fff;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.btnNAV {
  text-transform: uppercase;
  font-weight: 600;
  padding: 10px 15px;
  font-size: 12px;
  line-height: 1.375;
  border-radius: 3px;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #ffffff;
  background-color: #00205b;
  border-color: #00205b;
}
.checkout-steps .step-body .checkout-indent .headlineED {
  font-size: 15px;
  padding-bottom: 15px;
  padding-top: 15px;
  font-family: sf-bold;
  margin-left: 11px;
  font-weight: 400;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group .form-control {
  position: inherit;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.form-groupp {
  margin-bottom: 0px;
  margin-top: 0px;
  margin-left: 0px;
}
labelF {
  display: inline-block;
  max-width: 100%;
  color: #212529;
  text-transform: uppercase;
  padding-left: 0px;
  font-family: 'sf-bold';
}
.radio,
.checkbox {
  position: relative;
  display: block;
  margin-top: -15px;
  margin-bottom: 10px;
  left: 250px;
}
@media (max-width: 991px) {
  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    left: 233px;
  }
}
@media (max-width: 767px) {
  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    left: 0px;
  }
}
@media (max-width: 426px) {
  .radio,
  .checkbox {
    position: relative;
    display: block;
    margin-top: 0px;
    margin-bottom: 10px;
    left: 0px;
  }
  .btn-checkout-continuar {
    width: 100%;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #0c45a8;
    color: white;
    font-family: sf-semibold;
    text-transform: uppercase;
    font-size: 14px;
    text-decoration: none;
    border-radius: .50rem;
  }
  .store__finder .store__finder--navigation-list .list__entry .entry__info {
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
  }
  .store__finder .store__finder--navigation-list .list__entry {
    min-height: 42px;
    height: 56px;
  }
  .store__finder .store__finder--pagination {
    line-height: 48px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 10px;
    display: inline-block;
    width: 100%;
    text-align-last: center;
  }
  .store__finder--navigationE {
    position: relative;
    float: left;
    width: 100%;
    min-height: 1px;
    padding-left: 10px;
    padding-right: 20px;
  }
}
.info__address {
  width: 100%;
  border: solid 1px #ededed;
  padding-left: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.ss-32 {
  width: 106px;
  border-top-left-radius: .50rem;
  border-bottom-left-radius: .50rem;
}
.ss-33 {
  width: 193px;
  border-left: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.checkout-link-adress {
  width: 89%;
  /*margin-bottom: 30px;*/
  display: flex;
  justify-content: center;
  align-items: center;
  color: #00205b;
  font-size: 14px;
}
.store__finder .store__finder--pagination--sent {
  /*line-height: 48px;*/
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 75px;
  display: inline-block;
  width: 100%;
}
@media (max-width: 425px) {
  .store__finder .store__finder--pagination--sent {
    line-height: 48px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 20px;
    display: inline-block;
    width: 100%;
  }
}
.ci-description {
  font-size: 13px;
  line-height: 20px;
  margin: 0;
  padding: 0;
  font-family: sf-regular;
}
.paging-button {
  width: 160px;
  height: 34px;
  border-radius: .50rem;
  text-transform: uppercase;
  font-family: sf-bold;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
}
.checkout-adress-paging {
  /*width: 100%;
    margin-top: 20px;*/
  display: flex;
}
.ss-30 {
  margin-left: 40px;
}
@media (max-width: 677px) {
  .sss-33 {
    margin-left: 15%;
  }
}
@media (max-width: 320px) {
  .sss-33 {
    margin-left: 10%;
  }
}
@media (max-width: 992px) {
  .rowM {
    margin-left: 0%;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 10px;
  }
  .rowET {
    margin-left: 1px;
    /* margin-right: 10px; */
    display: flex;
    padding-right: 10px;
  }
}
@media (max-width: 990px) {
  .rowM {
    margin-left: 0%;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 30px;
  }
  .rowET {
    margin-left: 1px;
    /* margin-right: 10px; */
    display: flex;
    padding-right: 30px;
  }
}
@media (max-width: 768px) {
  .store__finder .store__finder--pagination--sent {
    line-height: 48px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 10px;
    display: inline-block;
    width: 100%;
  }
  .pull-right {
    float: initial !important;
    margin-top: 20px;
  }
  .sss-33 {
    margin-left: 10%;
  }
  .rowM {
    margin-left: 0%;
    display: flex;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-right: 10px;
  }
  .rowET {
    margin-left: 1px;
    /* margin-right: 10px; */
    display: flex;
    padding-right: 10px;
  }
}
@media (max-width: 990px) {
  .checkout-adress-container {
    margin-top: 20px;
    width: 100%;
    max-width: 646px;
  }
  .checkout-recolect-container {
    margin-top: 20px;
    width: 100%;
    max-width: 638px;
    margin-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .checkout-adress-container {
    margin-top: 20px;
    width: 100%;
    max-width: 646px;
    padding-right: 10px;
  }
}
@media (max-width: 639px) {
  .store__finder .store__finder--panel > * {
    padding: 0;
    flex-direction: column;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
  }
}
@media (max-width: 994px) {
  .form-italika-style-3 {
    max-width: 684px;
    height: 30px;
    border-color: #0C45A8;
  }
}
@media (max-width: 993px) {
  .form-italika-style-3 {
    max-width: 634px;
    height: 30px;
    border-color: #0C45A8;
  }
}
.resizeRV {
  resize: none;
}
/*********************************************-----envio-----******************/
/*********************************************-----pago-----******************/
.col-custom-pay {
  display: flex;
  height: 90px;
  align-items: center;
  background-color: white;
  border: solid 1px #ededed;
}
.paym-label-custom.col-xs-8.col-sm-8.col-md-10.col-lg-10 {
  text-align: left;
}
.checkout-paymentmethod {
  padding: 30px 20px 15px;
  border: 0px;
  border-top: 0;
  padding-top: 0;
}
.payment-button-back {
  width: 300px;
  height: 50px;
  box-sizing: border-box;
  border: solid 1px #0c45a8;
  color: #0c45a8;
  font-family: sf-bold;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  border-radius: 0.5rem;
}
.payment-button-back:hover {
  background-color: #00205b;
  color: white;
  cursor: pointer;
}
.custsize {
  margin-left: 270px;
  margin-top: -360px;
}
@media (max-width: 767px) {
  .custsize {
    margin-left: 10px;
    margin-top: 15px;
  }
  .cam {
    display: block;
  }
}
.col-custom-pay:hover {
  background: #f2f2f2;
}
.martop {
  margin-top: 80px;
  margin-bottom: 0px;
}
@media (min-width: 768px) and (max-width: 6000px) {
  .cam {
    display: none;
  }
}
/*********************************************-----pago-----******************/
/*********************************************-----modal pago----******************/
.banco-azteca {
  max-width: 450px;
}
.banco-azteca .bad-img {
  width: 130px;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #EDEDED;
}
.banco-azteca .bad-img img {
  width: 60px;
}
.banco-azteca .bad-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(100% - 130px);
  color: var(--color-brand01);
  text-align: center;
  font-size: 16px;
}
.banco-azteca .bac-nav {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  margin-bottom: 50px;
  position: absolute;
  top: -52px;
  width: 100%;
  left: 0;
}
.banco-azteca .bac-nav label {
  width: 50%;
  text-align: center;
  font-size: 20px;
  font-family: sf-bold;
  cursor: pointer;
  line-height: 50px;
  color: #989898;
  display: block;
}
.banco-azteca .h1-title-container .tc-title {
  font-size: 25px;
  margin: 0 0 10px 0;
  font-family: sf-bold;
  color: #00205b;
}
.banco-azteca .h1-title-container .tc-title-description {
  font-size: 16px;
  margin: 0 0 40px 0;
}
.banco-azteca .ba-flex {
  display: flex;
  padding: 0 0 30px 0;
}
.banco-azteca .bac-nav-client-active .ba-flex {
  border-bottom: 2px solid #17a54d;
}
.banco-azteca .bac-nav-new-active .ba-flex {
  border-bottom: 2px solid var(--color-brand02);
}
@media (max-width: 1000px) {
  .banco-azteca .ba-flex div.ba-flex-w100.hidden-mobile,
  .banco-azteca .ba-flex div.hidden-mobile,
  .banco-azteca .ba-flex article.ba-flex-w100.hidden-mobile,
  .banco-azteca .ba-flex article.hidden-mobile {
    display: none;
  }
  .banco-azteca .ba-flex div.ba-flex-w100,
  .banco-azteca .ba-flex article.ba-flex-w100 {
    width: 100%;
  }
}
.banco-azteca .ba-button-pay {
  width: 300px;
  border-radius: var(--border-radius);
  text-align: center;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 30px 0 0 0;
  cursor: pointer;
  line-height: 50px;
  display: block;
  text-decoration: none;
  background: var(--color-brand02);
  color: white;
}
.banco-azteca .ba-button-pay:hover {
  background: var(--color-brand01);
}
@media (max-width: 1000px) {
  .banco-azteca .ba-button-pay {
    margin: 30px auto 0 auto;
  }
}
.banco-azteca .ba-article {
  margin: 15px 0 0 30px;
}
@media (max-width: 1000px) {
  .banco-azteca .ba-article {
    margin: 15px 0 0 0;
  }
}
.banco-azteca .ba-article p {
  margin: 0 0 10px 30px;
  font-size: 16px;
}
.banco-azteca .ba-article p.ba-article-subtitle {
  margin: 0 0 0 30px;
  font-size: 18px;
}
.banco-azteca .ba-article ul {
  margin: 0 0 10px 30px;
  font-size: 16px;
}
@media (max-width: 1000px) {
  .banco-azteca .ba-article ul {
    margin: 0 0 10px 0;
    padding: 0 0 0 20px;
  }
}
.banco-azteca .ba-article-title {
  font-size: 20px;
  font-family: 'sf-bold';
  margin: 0 0 10px 0;
}
.banco-azteca .ba-article-subtitle {
  font-size: 18px;
  font-family: sf-semibold;
}
.banco-azteca .ba-article-flex {
  margin: 0 0 0 15px;
}
@media (max-width: 1000px) {
  .banco-azteca .ba-article-flex {
    margin: 0;
    text-align: center;
  }
}
/*--navegacion lateral --*/
.banco-azteca .my-account-nav {
  width: 411px;
  border-right: 1px solid #EDEDED;
  padding: 0 30px 0 0;
}
@media (max-width: 1000px) {
  .banco-azteca .my-account-nav {
    border-right: none;
    padding: 0;
    max-width: 100%;
    width: 100%;
  }
}
.banco-azteca .my-account-nav .man-txt {
  display: flex;
}
.banco-azteca .my-account-nav .button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  text-decoration: none;
  color: var(--color-black-text);
  box-sizing: border-box;
  border-bottom: 1px solid var(--color-back-gray);
  cursor: pointer;
  font-size: var(--text-font-size17);
  width: 380px;
}
.banco-azteca .my-account-nav .button:hover {
  background: var(--color-back-gray);
}
.banco-azteca .my-account-nav .button img {
  width: 25px;
  margin: 0 30px;
}
.banco-azteca .my-account-nav .button img.pedidos {
  width: 29px;
  margin: 0 35px 0 25px;
}
.banco-azteca .my-account-nav .button img.correo {
  width: 24px;
  margin: 0 35px 0 30px;
}
.banco-azteca .my-account-nav .button img.favoritos {
  width: 24px;
  margin: 0 35px 0 30px;
}
.banco-azteca .my-account-nav .button img.arrow {
  transform: rotate(-90deg);
  width: 15px;
}
/*-- cliente nuevo / subnavegacion*/
.banco-azteca .ba-nuevo-r,
.banco-azteca .ba-nuevo-p,
.banco-azteca .ba-nuevo-d {
  display: none;
}
/*navegacion*/
.banco-azteca .input-nuevo-r:checked ~ .ba-nuevo-r,
.banco-azteca .input-nuevo-p:checked ~ .ba-nuevo-p,
.banco-azteca .input-nuevo-d:checked ~ .ba-nuevo-d {
  display: block;
}
.banco-azteca .input-nuevo-r:checked ~ .my-account-nav,
.banco-azteca .input-nuevo-p:checked ~ .my-account-nav,
.banco-azteca .input-nuevo-d:checked ~ .my-account-nav {
  display: none;
}
/*-- fin navegacion --*/
.banco-azteca .ba-client {
  position: relative;
}
.banco-azteca .ba-article-back {
  width: 300px;
  border-radius: var(--border-radius);
  text-align: center;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 30px auto 0 auto;
  cursor: pointer;
  line-height: 50px;
  display: block;
  text-decoration: none;
  color: var(--color-brand02);
  border: 2px solid var(--color-brand02);
}
@media (max-width: 767px) {
  .vistaDes {
    display: none;
  }
  .pad {
    padding-left: 0px;
    padding-right: 0px;
  }
  .col-custom-pay {
    display: flex;
    width: 20%;
    height: 70px;
    align-items: center;
    background-color: white;
    border: solid 1px #ededed;
  }
  .checkout-paymentmethod {
    padding: 0px;
    border-top: 0;
    padding-top: 0;
  }
}
@media (max-width: 375px) {
  .col-custom-pay {
    display: flex;
    width: 20%;
    height: 60px;
    align-items: center;
    background-color: white;
    border: solid 1px #ededed;
  }
}
.button-cancel {
  display: block;
  background: white;
  color: var(--color-brand02);
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  margin: 0;
  width: 300px;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  border: var(--color-brand02) 1px solid;
  cursor: pointer;
}
/*********************************************-----modal pago----******************/
.navbar-brand img {
  width: 138px;
}
/**********************HEADER EN CHECKOUT************************/
/*---------- Carrousel slider home:inicio; ------------------->
/* ------Styling Pagination----------*/
@media (max-width: 768px) {
  .main-slider-homepage {
    height: auto;
  }
}
.main-slider-homepage .owl-pagination {
  text-align: center;
}
.main-slider-homepage .owl-theme .owl-controls {
  bottom: 50px;
  position: absolute;
  left: calc(50% - 36px);
}
.main-slider-homepage .owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
}
.main-slider-homepage .owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: alpha(opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  background: #869791;
}
.main-slider-homepage .owl-theme .owl-controls .owl-page.active span,
.main-slider-homepage .owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: alpha(opacity=100);
  /*IE7 fix*/
  opacity: 1;
}
/* Styling Pagination*/
.main-slider-homepage .img-slider {
  padding: 0 0 0 0;
}
.main-slider-homepage .owl-item {
  position: relative;
}
@media (min-width: 768px) {
  .main-slider-homepage .img-slider-movil {
    display: none;
  }
}
@media (max-width: 768px) {
  .main-slider-homepage .img-slider-desk {
    display: none;
  }
  .main-slider-homepage .img-slider-movil {
    display: block;
  }
  .main-slider-homepage .img-pleca.img-slider-movil {
    bottom: -140px;
  }
  .main-slider-homepage .img-slider.img-slider-movil {
    margin-bottom: 50px;
  }
  .main-slider-homepage .legal-slider {
    bottom: 10px;
  }
  .main-slider-homepage .owl-theme .owl-controls {
    bottom: 70px;
  }
}
@media (max-width: 400px) {
  .main-slider-homepage .img-pleca.img-slider-movil {
    bottom: 50px;
  }
  .main-slider-homepage .img-slider.img-slider-movil {
    margin-bottom: 170px;
  }
  .main-slider-homepage .legal-slider {
    bottom: 10px;
  }
  .main-slider-homepage .owl-theme .owl-controls {
    bottom: 110px;
  }
}
@media (min-width: 769px) {
  .main-slider-homepage .img-slide-txt {
    display: none;
  }
}
@media (max-width: 768px) {
  .main-slider-homepage .img-slide-txt {
    top: auto;
    bottom: 120px;
    margin: auto;
  }
}
@media (max-width: 400px) {
  .main-slider-homepage .img-slide-txt {
    bottom: 150px;
  }
}
.main-slider-homepage .owl-theme .owl-controls .owl-page.active span,
.main-slider-homepage .owl-theme .owl-controls.clickable .owl-page:hover span {
  background: var(--color-brand01);
}
.main-slider-homepage .owl-carousel .owl-wrapper-outer .owl-wrapper .owl-item:hover .button-v1 {
  box-shadow: 0px 0px 8px 0px #ffffff;
}
/*---------- Carrousel slider home:fin; -------------------*/
/* **************** Página Categoría **************** */
/* Title inicio----------------*/
.title-container {
  margin: -7px 0 14px 0;
  display: flex;
  align-items: center;
  padding: 10px 0 0 0;
}
@media (max-width: 576px) {
  .title-container {
    margin: 0 5px 14px 5px;
  }
}
.title-container .tc-title {
  font-family: sf-bold;
  font-size: 30px;
  color: #00205b;
  margin: 0;
  padding: 0;
}
.title-container .tc-title-description {
  border-left: #D3DBDB 1px solid;
  line-height: 22px;
  padding: 5px 0 0 9px;
  margin: 0 0 0 9px;
  color: var(--color-brand01);
  font-size: var(--text-font-size16);
  font-family: sf-regular;
}
/* Title: fin---------------*/
/*--- categoria filtros: inicio--------*/
.container-row-category {
  padding: 0;
  margin-bottom: 40px;
}
.container-row-category > .row {
  display: flex;
}
@media (max-width: 992px) {
  .container-row-category > .row {
    display: block;
    position: relative;
  }
}
@media (max-width: 768px) {
  .container.container-row-category {
    max-width: 520px;
  }
}
/* category / sidebar: inicio ------*/
.container-row-category .category-sidebar {
  width: 230px;
  max-width: 230px;
  margin: 0 var(--column-spacing) 0 0;
  padding-right: 0;
  position: relative;
}
@media (max-width: 993px) {
  .container-row-category .category-sidebar {
    width: 100%;
    max-width: 100%;
    flex: none;
    margin: 0;
    position: absolute;
  }
}
@media (max-width: 576px) {
  .container-row-category .category-sidebar {
    margin: 0 5px;
    width: calc(100% - 10px);
  }
}
/* categoria / sidebar: fin-----*/
/* category / items / legends: inicio -----*/
.container-row-category .category-items .category-legends {
  color: var(--color-brand01);
  font-size: var(--text-font-size15);
  text-align: right;
  line-height: 50px;
  margin: 0 10px 20px 0;
}
@media (max-width: 1200px) {
  .container-row-category .category-items .category-legends {
    padding: 50px 10px 0 0;
  }
}
@media (max-width: 992px) {
  .container-row-category .category-items .category-legends {
    padding: 50px 0 0 0;
    text-align: center;
  }
}
.container-row-category .category-items .category-legends .ct-more {
  color: #f9c959;
  font-family: sf-bold;
  margin: 0 10px;
}
.container-row-category .category-items .category-legends img {
  width: 20px;
}
/* category / items / legends: fin------*/
/* category / category filter / card / radio: inicio*/
.category-filters h3 {
  margin: 0;
}
.category-filters .cf-card .cf-card-radio {
  display: block;
  position: relative;
  padding-left: 20px;
  margin: 10px 7px;
  cursor: pointer;
  font-size: var(--text-font-size13);
  color: var(--color-brand01);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.category-filters .cf-card .cf-card-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.category-filters .cf-card .cf-card-radio .cf-card-radio-checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: var(--color-back-gray);
  border-radius: 50%;
  border: 1px solid var(--color-brand01);
  display: block;
}
.category-filters .cf-card .cf-card-radio input:checked ~ .cf-card-radio-checkmark {
  background: var(--color-back-gray);
}
.category-filters .cf-card .cf-card-radio .cf-card-radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}
.category-filters .cf-card .cf-card-radio input:checked ~ .cf-card-radio-checkmark:after {
  display: block;
}
.category-filters .cf-card .cf-card-radio .cf-card-radio-checkmark:after {
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: var(--color-brand01);
}
/* category / category filter / card / radio: fin ------*/
/* category / category filter / card / rank doble: inicio  -------*/
.category-filters .cf-card .cf-card-rank-container {
  margin: 0 auto;
  width: 215px;
  position: relative;
}
.category-filters .cf-card input[type='range'] {
  display: block;
  background: none;
  width: 210px;
  margin: 0 5px;
}
/*quita estilos al boton*/
.category-filters .cf-card input[type='range'],
.category-filters .cf-card input[type='range']::-webkit-slider-runnable-track,
.category-filters .cf-card input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
/*da estilos al boton*/
.category-filters .cf-card input[type=range]::-webkit-slider-thumb {
  border-radius: 50%;
  position: relative;
  background-color: #01D100;
  border: 1px solid #01D100;
  width: 14px;
  height: 14px;
  margin: 2px 0 0 0;
}
.category-filters .cf-card input[type=range]::-webkit-slider-thumb:after {
  content: "";
  width: 10px;
  height: 10px;
  background: white;
  position: absolute;
  left: 0;
  top: 0;
}
.category-filters .cf-card input[type=range]::-webkit-slider-runnable-track {
  background: linear-gradient(0deg, #eff1f5 0%, #f9f9f9 100%);
  height: 18px;
  border-radius: 50px;
  border: 1px solid #EBEBEC;
}
.category-filters .cf-card .cf-card-rank-hasthtags {
  display: flex;
  margin: 0 0 0 52px;
  width: 136px;
  justify-content: space-between;
}
.category-filters .cf-card .cf-card-rank-hashtag {
  color: var(--color-brand01);
  font-size: var(--text-font-size12);
  font-family: sf-light;
  width: 50px;
  text-align: center;
  margin: 0 0 0 5px;
}
.category-filters .cf-card .cf-card-rank-hashtag:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid var(--color-gray-text);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transform: rotate(90deg);
  display: block;
  margin: -2px 22px 3px 20px;
}
.category-filters .cf-card .cf-card-rank-hashtag:before {
  content: "";
  width: 5px;
  height: 5px;
  background: white;
  position: absolute;
  top: 35px;
  left: 79px;
  border-radius: 50%;
  z-index: 1;
}
.category-filters .cf-card .cf-card-rank-hashtag-doble:before {
  content: "";
  width: 5px;
  height: 5px;
  background: white;
  position: absolute;
  top: 35px;
  left: 160px;
  border-radius: 50%;
  z-index: 1;
}
.category-filters .cf-card .cf-card-rank-title {
  color: var(--color-gray-text);
  font-size: var(--text-font-size17);
  font-family: sf-bold;
  text-align: center;
  margin: 6px 0 0 0;
  line-height: var(--text-font-size18);
}
.category-filters .cf-card .cf-card-rank-price {
  color: var(--color-gray-text);
  font-size: var(--text-font-size14);
  font-family: sf-light;
  text-align: center;
  margin: 0 0 15px 0;
  line-height: var(--text-font-size18);
}
.category-filters .cf-card .cf-card-rank-price span {
  font-size: var(--text-font-size16);
  font-family: sf-bold;
}
.category-filters .cf-card .cf-card-rank-doble {
  margin: -18px 0 0px 67px;
}
.category-filters .cf-card .cf-card-rank-doble input[type='range'] {
  width: 100px;
}
.category-filters .cf-card .cf-card-rank-doble input[type=range]::-webkit-slider-runnable-track {
  background: #01D100;
}
.category-filters .cf-card .cf-card-rank-doble.cf-card-rank-doble-price input[type=range]::-webkit-slider-runnable-track {
  background: #98C8FF;
}
.category-filters .cf-card .cf-card-rank-doble input[type=range]::-webkit-slider-thumb {
  background-color: #01D100;
  border: 1px solid #01D100;
  width: 14px;
  height: 14px;
  margin: 2px 0 0 0;
}
.category-filters .cf-card .cf-card-rank-doble.cf-card-rank-doble-price input[type=range]::-webkit-slider-thumb,
.category-filters .cf-card input[type=range].cf-card-rank-price::-webkit-slider-thumb {
  background: #98C8FF;
  border: 1px solid #98C8FF;
  width: 14px;
  height: 14px;
  margin: 2px 0 0 0;
}
/*-category / category filter / card / rank doble : fin --------*/
/* category / Category Filters : inicio ---------------------------*/
.category-filters {
  border-bottom: 1px solid var(--color-gray-text);
  background: var(--color-back-gray);
}
@media (max-width: 991px) {
  .category-filters {
    max-width: 350px;
    width: 100%;
    position: absolute;
    left: -10px;
    border-bottom: none;
  }
  .category-filters:after {
    content: "";
    display: block;
    background-color: white;
    height: 10px;
    width: 100%;
    position: absolute;
    top: 47px;
    z-index: 2;
  }
}
.category-filters .cf-title {
  padding: 0;
  font-size: var(--text-font-size20);
  color: var(--color-gray-text);
  margin: 0;
  font-family: sf-bold;
  font-size: 16px;
}
@media (min-width: 992px) {
  .category-filters .cf-title {
    padding: 15px 0 30px 5px;
  }
}
@media (max-width: 992px) {
  .category-filters .cf-card-title.cf-card-title-filter {
    width: 100%;
  }
}
/* category / Category Filters: fin -----------*/
/* Category Filters / card: inicio -----------------------*/
.category-filters .cf-card {
  border-top: 1px solid #B0B0B0;
}
@media (max-width: 992px) {
  .category-filters .cf-card:first-child {
    border-top: none;
  }
}
.category-filters .cf-card-title.cf-card-title-filter a,
.category-filters .cf-card-title a {
  color: var(--color-brand01);
  font-size: var(--text-font-size16);
  font-family: sf-semibold;
  text-decoration: none;
  display: flex;
  padding: 7px 20px 7px 10px;
  justify-content: space-between;
  line-height: 18px;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 992px) {
  .category-filters .cf-card-title.cf-card-title-filter a {
    line-height: 33px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .category-filters .cf-card-title.cf-card-title-filter a {
    padding: 0;
    margin-bottom: 39px;
  }
}
@media (min-width: 1201px) {
  .category-filters .cf-card-title.cf-card-title-filter a {
    padding: 0;
    margin-bottom: 8px;
  }
}
.category-filters .cf-card-title a .cf-card-title-simbol {
  font-size: var(--text-font-size30);
}
.category-filters .cf-card-title a .cf-card-title-simbol img {
  width: 15px;
}
.category-filters .cf-card-title a .cf-card-title-simbol span {
  font-size: var(--text-font-size24);
}
@media (min-width: 992px) {
  .category-filters .cf-card-title.cf-card-title-filter a .cf-card-title-simbol {
    display: none;
  }
}
.category-filters .cf-card-collapse {
  margin-bottom: 20px;
  width: 100%;
  position: relative;
}
.category-filters .cf-card-collapse.cf-card-container-movil {
  margin-bottom: 0;
}
@media (max-width: 992px) {
  .category-filters .cf-card-collapse.cf-card-container-movil {
    /*display: none;*/
    border-top: solid white 10px;
  }
}
.category-filters .cf-card-collapse.cf-card-container-movil .cf-card h4 {
  margin: 0;
  padding: 0;
}
.category-filters .cf-card-collapse .facet__text {
  display: block;
}
.category-filters .cf-card-collapse .facet__text a {
  font-size: 13px;
  color: var(--color-brand01);
  margin: 0 0 0 10px;
}
/* Category / Category Filters / card: fin -----*/
/* category / category filter / order: inicio ------*/
.categoria-filters-order {
  margin: 0 5px 0 var(--column-spacing);
  padding: 0;
  background: var(--color-back-gray);
  width: calc(50% - (var(--column-spacing) + 5px));
  color: var(--color-brand01);
  font-size: var(--text-font-size14);
  font-family: sf-bold;
  display: flex;
  height: 50px;
  position: absolute;
  right: 0;
  top: 0;
  left: auto;
  z-index: 1;
}
@media (max-width: 991px) {
  .categoria-filters-order {
    margin: 0;
    width: calc(50% - 10px);
    border-bottom: 10px solid white;
    z-index: 1;
    height: 57px;
    border-left: 10px solid white;
  }
  .categoria-filters-order > form {
    width: calc(90%);
    margin: 0 10px 0 0;
  }
}
.categoria-filters-order:hover {
  cursor: pointer;
}
@media (min-width: 992px) {
  .categoria-filters-order {
    float: left;
    left: 19px;
    top: 0;
    width: 280px;
    height: auto;
  }
}
@media (max-width: 500px) {
  .categoria-filters-order {
    width: 250px;
  }
}
.categoria-filters-order .c-fo-name {
  color: var(--color-gray-text);
  margin: 0 10px 0 10px;
  line-height: 47px;
  font-size: 16px;
}
.categoria-filters-order .c-fo-select {
  background-color: var(--color-back-gray);
  border: 0;
  color: var(--color-brand01);
  cursor: pointer;
  display: block;
  width: 100%;
  padding: 0;
  margin-right: 10px;
  font-size: 16px;
  height: 47px;
  margin-top: 0;
}
.categoria-filters-order .categoria-filters-order-icon {
  margin: 14px 1px 0 0;
  position: absolute;
  right: 14px;
  background: var(--color-back-gray);
}
.categoria-filters-order .categoria-filters-order-icon img {
  width: 15px;
}
/* category / category filter / order:fin ----*/
/* category / category items  / category item : inicio -----*/
.container-row-category .category-items {
  width: calc(100% - var(--column-spacing) - 220px);
  padding: 0;
}
@media (max-width: 992px) {
  .container-row-category .category-items {
    width: 100%;
    flex: none;
  }
}
@media (max-width: 500px) {
  .container-row-category .category-items:nth-child(odd) {
    margin: 0 5px 10px 0;
  }
  .container-row-category .category-items:nth-child(even) {
    margin: 0 0 10px 0px;
  }
}
.container-row-category .category-items .container .row .col {
  padding: 0 var(--column-spacing) 10px 0;
}
.container-row-category .category-items .container-fluid {
  padding: 0;
}
@media (max-width: 992px) {
  .container-row-category .category-items .container-fluid {
    padding: 0;
    margin-left: 0px;
  }
}
.container-row-category .category-items .container-fluid .row {
  --bs-gutter-x: 10px;
  /*= --column-spacing*/
  display: flex;
  flex-wrap: wrap;
}
.container-row-category .category-items .container-fluid .row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
@media (max-width: 1200px) {
  .container-row-category .category-items .container-fluid .row .col {
    width: 33.33%;
  }
}
@media (max-width: 768px) {
  .container-row-category .category-items .container-fluid .row .col {
    width: calc(50% - 3px);
  }
  .container-row-category .category-items .container-fluid .row .col:nth-child(odd) {
    margin-right: 3px;
  }
  .container-row-category .category-items .container-fluid .row .col:nth-child(even) {
    margin-left: 3px;
  }
}
.category-item {
  color: var(--color-brand01);
  border: #F6F6F6 solid 1px;
  border-radius: var(--border-radius);
  text-align: center;
  margin-bottom: var(--column-spacing);
  max-width: 214px;
}
@media (max-width: 768px) {
  .category-item {
    margin: 0 auto;
  }
}
.category-item .ci-img {
  margin: 10px;
}
.category-item .ci-img .img {
  height: auto;
}
@media (min-width: 992px) {
  .category-item .ci-img .img {
    width: 90%;
  }
}
.category-item .ci-description {
  font-size: var(--text-font-size14);
  line-height: 20px;
  margin: 0;
  padding: 0;
  font-family: sf-regular;
}
.category-item .ci-title {
  font-size: var(--text-font-size15);
  border-bottom: #EDEDED solid 1px;
  font-family: sf-semibold;
  text-transform: uppercase;
  margin: 0;
  padding: 0 0 5px 0;
  line-height: 19px;
}
.category-item .ci-crossed-out-price {
  font-size: var(--text-font-size13);
  color: var(--color-gray-text);
  margin: 10px 0 0 0;
  padding: 0;
  text-decoration: line-through;
  font-family: sf-regular;
}
.category-item .ci-crossed-out-price span {
  font-family: sf-semibold;
}
.category-item .ci-price {
  font-size: var(--text-font-size18);
  color: var(--color-brand01);
  margin: 0 0 1px 0;
  padding: 0;
}
.category-item .ci-price span {
  font-family: sf-bold;
}
.category-item .ci-banco-azteca {
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  color: var(--color-brand-Azteca);
  padding: 0;
  margin: 0 12px;
}
.category-item .ci-banco-azteca p {
  margin: 0;
  border-left: var(--color-brand-Azteca) 5px solid;
  font-size: var(--text-font-size12);
}
.category-item .ci-banco-azteca p.ci-ba-price {
  padding: 5px 0 0 0 0;
}
.category-item .ci-banco-azteca p.ci-ba-price span {
  font-size: var(--text-font-size18);
  font-family: sf-bold;
}
.category-item .ci-banco-azteca p.ci-ba-legend {
  padding: 0 0 5px 0;
  display: flex;
  justify-content: center;
}
.category-item .ci-banco-azteca p.ci-ba-legend img {
  max-width: calc(46% - 5px);
  margin: 0 0 0 5px;
}
.category-item .ci-btn-comprar .ci-btn-c-link {
  line-height: 35px;
  background: white;
  color: white;
  text-decoration: none;
  display: block;
  padding: 0;
  margin: 14px 30px 10px 30px;
  border-radius: var(--border-radius);
  transition: all 0.5s ease;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
}
.category-item:hover {
  cursor: pointer;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
}
.category-item:hover .ci-btn-comprar .ci-btn-c-link {
  background: var(--color-brand02);
}
@media (max-width: 992px) {
  .category-item .ci-btn-comprar .ci-btn-c-link {
    background: var(--color-brand02);
  }
}
.category-item .ci-btn-comprar .ci-btn-c-link:hover {
  background: var(--color-brand01);
}
.category-item .ci-legend {
  margin: 0 0 10px 0;
  font-size: var(--text-font-size11);
  color: var(--color-gray-text);
}
/* category / category items  / category item: fin ----*/
/* category / overlay - purchase detail: inicio----*/
.category-purchase-detail-overlay {
  background: var(--overlay);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
}
.category-purchase-detail {
  max-width: 436px;
  width: 100%;
  background: white;
  height: 386px;
  padding: 20px;
}
@media (max-width: 500px) {
  .category-purchase-detail {
    margin: 0 10px;
  }
}
.category-purchase-detail .cpd-flex {
  display: flex;
  position: relative;
}
.category-purchase-detail .cpd-btn-close {
  background: var(--color-brand01);
  color: white;
  position: absolute;
  right: -46px;
  top: -45px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
}
.category-purchase-detail .cpd-btn-close img {
  width: 15px;
}
@media (max-width: 789px) {
  .category-purchase-detail .cpd-btn-close {
    right: -20px;
  }
}
.category-purchase-detail .cpd-img {
  width: 160px;
  height: 169px;
}
.category-purchase-detail .cpd-img img {
  height: auto;
  width: 100%;
}
.category-purchase-detail .cpd-txt {
  margin: 0 0 0 20px;
}
.category-purchase-detail .cpd-btn-pay {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  margin: 18px auto;
  max-width: 300px;
  width: 100%;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
}
.category-purchase-detail .cpd-btn-keep-buying {
  display: block;
  color: var(--color-brand02);
  box-shadow: inset 0 0 0 1px var(--color-brand02);
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  font-size: var(--text-font-size14);
  font-family: sf-bold;
  max-width: 300px;
  width: 100%;
  margin: 0 auto;
}
.category-purchase-detail .cpd-txt .cpd-title {
  font-family: sf-bold;
  font-size: var(--text-font-size19);
  color: var(--color-brand01);
  margin: 12px 0 0 0px;
}
.category-purchase-detail .cpd-txt .cpd-amount {
  font-family: sf-light;
  font-size: var(--text-font-size17);
  color: var(--color-black);
  line-height: 30px;
  margin: 0;
}
.category-purchase-detail .cpd-txt .cpd-reduced-price {
  font-family: sf-light;
  font-size: var(--text-font-size19);
  color: var(--color-gray-text);
  text-decoration: line-through;
  margin: 0;
  line-height: 30px;
}
.category-purchase-detail .cpd-txt .cpd-reduced-price span {
  font-family: sf-bold;
}
.category-purchase-detail .cpd-txt .cpd-price {
  font-family: sf-light;
  font-size: var(--text-font-size28);
  color: var(--color-brand01);
  margin: 0;
  line-height: 37px;
}
.category-purchase-detail .cpd-txt .cpd-price span {
  font-family: sf-bold;
  font-size: var(--text-font-size28);
  color: var(--color-brand01);
}
.category-purchase-detail .cpd-txt .cpd-legend {
  font-family: sf-light;
  font-size: var(--text-font-size11);
  color: #333333;
}
/* category / overlay - purchase detail: fin---*/
/* category - cambios desarrollo:inicio ----*/
.container-row-category .product-list-right-component {
  position: relative;
  padding-top: 0;
}
.container-row-category .product-list-right-component .category-legends {
  top: 0;
  right: 10px;
  margin: 0;
}
@media (max-width: 500px) {
  .container-row-category .product-list-right-component .category-legends {
    width: 300px;
    margin: 0 auto 20px auto;
    line-height: 30px;
  }
}
.container-row-category .product-list-right-component .container-fluid {
  margin-top: 20px;
}
@media (max-width: 1200px) {
  .container-row-category .category-items .container-fluid {
    margin-top: 0px;
  }
}
@media (max-width: 992px) {
  .container-row-category .category-items .container-fluid {
    margin-top: 0px;
  }
}
@media (max-width: 768px) {
  .container-row-category .category-items .container-fluid {
    margin-top: 0;
  }
}
@media (min-width: 1000px) {
  .container-row-category .category-items .container-fluid .row {
    margin-left: 20px;
  }
}
@media (max-width: 999px) {
  .container-row-category .category-items .container-fluid .row {
    margin-left: 0;
  }
}
.container-row-category .category-items .container-fluid .row .ci-title {
  height: 40px;
  overflow: hidden;
}
.container-row-category .category-items .container-fluid .category-item .ci-img > img {
  width: 100%;
}
@media (max-width: 992px) {
  .container-row-category .category-sidebar {
    left: 0;
  }
  .category-filters .cf-card-title.cf-card-title-filter {
    border-bottom: 10px solid white;
    width: 250px;
  }
}
@media (max-width: 500px) {
  .category-filters .cf-card-title.cf-card-title-filter {
    border-bottom: 10px solid white;
    width: calc(100% - 225px);
  }
}
.category-filters {
  z-index: 1;
}
@media (max-width: 1199px) {
  .container-row-category .category-items .category-legends {
    padding: 50px 20px 0 0;
  }
}
@media (max-width: 992px) {
  .container-row-category .category-items .category-legends {
    padding: 45px 0 0 0;
  }
}
@media (max-width: 767px) {
  .container-row-category .category-items .category-legends {
    padding: 20px 0 0 0;
  }
}
.product__list--wrapper .pagination-bar {
  margin: 0;
}
@media (max-width: 768px) {
  .container-row-category .category-item {
    margin: 0 auto 10px auto;
  }
}
.container-row-category .pagination-wrap {
  bottom: -46px;
  position: absolute;
  right: 0;
}
@media (max-width: 768px) {
  .container-row-category .pagination-wrap {
    bottom: -46px;
    position: absolute;
    right: 0;
  }
}
@media (max-width: 600px) {
  .container-row-category .pagination-wrap {
    bottom: -76px;
  }
}
.container-row-category .pagination-wrap .glyphicon {
  background: var(--color-brand02);
  border-radius: 5px;
  color: white;
}
.container-row-category .pagination-wrap .pagination > li.pagination-next > a:hover,
.container-row-category .pagination-wrap .pagination > li.pagination-next.disabled > span:hover,
.container-row-category .pagination-wrap .pagination > li.pagination-prev > a:hover,
.container-row-category .pagination-wrap .pagination > li.pagination-prev.disabled > span:hover {
  background: var(--color-brand01);
}
.container-row-category .pagination-wrap .pagination > li.pagination-prev > a,
.container-row-category .pagination-wrap .pagination > li.pagination-next > a {
  color: white;
}
.container-row-category .pagination-wrap .pagination > li > span,
.container-row-category .pagination-wrap .pagination > li > a {
  font-size: 14px;
}
.container-row-category .pagination-wrap .pagination > li > a {
  color: var(--color-brand02);
}
.category-sidebar .product__facet {
  padding: 0;
}
@media (min-width: 640px) {
  .container-row-category .category-items .pagination-bar .row > .col-sm-4 {
    width: 100%;
  }
}
.category-item {
  position: relative;
}
.category-item .ci-price {
  margin-bottom: 60px;
}
.container-row-category .carousel-baz-section {
  position: absolute;
  bottom: 78px;
  left: calc(50% - (184px / 2) );
}
/* category - cambios desarrollo:fin ----*/
/* --- CATEGORIA :fin --------------------------------------*/
/*  DHJ: ESTILOS PARA CATEGORÍA */
/* NEW */
.category-item .ci-btn-comprar .ci-btn-c-link-blocked:hover {
  background: var(--color-back-gray);
  cursor: not-allowed;
}
.product__facet .facet__list .facet__list__checkbox:checked + .facet__list__label .facet__list__text {
  color: var(--color-gray-text);
}
.product__facet .facet__list .facet__list__checkbox:checked + .facet__list__label .cf-card-radio-checkmark {
  background: var(--color-gray-text);
  border: 1px solid var(--color-brand01);
}
section .cf-card-collapse .facet__list form label {
  color: #153a59;
  font-weight: inherit;
  margin-bottom: 5px;
}
.product-list-right-component .container-fluid {
  margin-top: 4.5%;
}
.top_after_header {
  margin-top: 75px;
}
section .cf-card-title .collapsed .cf-card-title-simbol span {
  display: none;
}
section .cf-card-title .collapsed .cf-card-title-simbol:before {
  content: '+';
  font-size: 20px;
}
.pageType-CategoryPage #cboxContent {
  height: auto;
}
.pageType-CategoryPage #cboxLoadedContent {
  width: auto !important;
}
.pageType-CategoryPage #cboxClose .glyphicon-remove {
  background: var(--color-brand01);
  border-radius: 50%;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -25px;
  right: 49px;
  margin: 2px;
}
.pageType-CategoryPage #cboxClose {
  border: 0 none;
  padding: 5px;
  font-size: 16px;
  background: var(--color-brand01);
  color: white;
  position: absolute;
  right: 25px;
  top: 21px;
  width: 10px;
  height: 10px;
  text-align: center;
  border-radius: 50%;
}
.pageType-CategoryPage #cboxTitle {
  background: white;
  position: absolute;
  top: 24px;
  padding: 43px 40px 15px;
  height: 88px;
  display: table;
  width: 50%;
}
@media (max-width: 554px) {
  .pageType-CategoryPage #cboxClose .glyphicon-remove {
    right: 89px;
  }
}
.pageType-CategoryPage #cboxContent {
  margin-top: 10px;
}
.pageType-CategoryPage #colorbox,
.pageType-CategoryPage #colorbox #cboxWrapper {
  width: 475px !important;
}
#cboxLoadedContent {
  margin-top: 88px;
  padding: 15px 10px 30px 10px;
}
@media (max-width: 789px) {
  #cboxLoadedContent {
    padding: 15px 10px 30px 0px;
  }
}
/* MODIF */
.category-purchase-detail {
  max-width: 436px;
  width: 100%;
  height: auto;
  background: white;
  padding: inherit;
}
#cboxLoadedContent .add-to-cart-item {
  margin-bottom: auto;
}
@media (max-width: 768px) {
  .product__list--wrapper .pagination-bar {
    margin-top: auto;
    margin-bottom: 40px;
  }
}
@media (max-width: 1023px) {
  .product__facet {
    padding-bottom: 0;
  }
}
@media (max-width: 992px) {
  .carousel-baz-section {
    width: 170px !important;
  }
}
@media (max-width: 1023px) and (min-width: 640px) {
  .sort-refine-bar .form-group select {
    height: 47px;
    width: 100%;
  }
  .categoria-filters-order .c-fo-select {
    margin-top: auto;
  }
}
section.cf-card .cf-card-title a {
  cursor: pointer;
}
/*  /DHJ: FIN ESTILOS PARA CATEGORÍA */
/* **************** /Fin página Categoría **************** */
/*  DHJ: ESTILOS PARA EL HOMEPAGE */
/* Modif */
.txt-slider-1 {
  font-size: 13px;
  font-family: sf-light;
  color: white;
  margin-bottom: 10px;
}
.txt-banner-1-1 {
  position: relative;
  top: 70px;
  left: 30px;
  font-size: 17px;
  font-family: sf-bold;
  text-align: center;
  color: white;
}
.ss-3 {
  position: absolute;
  left: 75px;
}
.ss-4 {
  position: absolute;
  right: 75px;
}
.models-container {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(3, 1fr);
  grid-gap: 20px;
  width: 100%;
  max-width: 1312px;
}
.models-container::before {
  display: inherit;
  content: none;
}
.carousel-component,
.carousel__component {
  padding: 0 1%;
  margin: 35px 0 15px;
}
.carousel__item:hover .carousel-button {
  visibility: visible;
}
/* NEW */
.main-section-component {
  width: 100%;
  max-width: 1140px;
  position: relative;
  display: flex;
  padding: 0;
  transform: scale(1.15);
}
section.pentalogue-container:before,
section.pentalogue-container:after {
  content: none !important;
}
.anchor-style-benefit {
  color: inherit;
  text-decoration: none;
  width: 313px;
}
.anchor-style-benefit:hover {
  color: inherit;
}
.display_none {
  display: none;
}
/* Sobreescritura a estilos hybris */
.carousel-component:first-child,
.carousel__component:first-child {
  margin: 0;
}
.carousel-component,
.carousel__component {
  padding: 0 1%;
  margin: 35px 0 15px;
}
.carousel,
.carousel__component--carousel {
  width: auto;
  margin: -10px;
  text-align: center;
}
/* FIN Sobreescritura a estilos hybris */
/*  /DHJ: FIN ESTILOS PARA EL HOMEPAGE */
/*  DHJ: ESTILOS PARA PÁG DE BÚSQUEDA */
/* NEW */
.search_top_after_header {
  margin-top: 40px;
}
.top_search_filters {
  margin-top: 28px;
}
.top_search_result {
  margin-top: 50px !important;
}
/* MODIF */
/*  /DHJ: FIN ESTILOS PARA PÁG DE BÚSQUEDA */
/* ********** @MEDIAS *********** */
@media (min-width: 992px) and (max-width: 1200px) {
  .container {
    width: 960px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .header-1 {
    display: none;
  }
  .header-2 {
    display: block;
    height: 75px;
    margin-top: -5px;
    z-index: 999;
  }
  .header-3 {
    display: none;
  }
  .margin-desktop {
    margin-top: 0;
  }
  .search-container-style {
    position: relative;
    max-width: 80%;
    top: 85px;
  }
  .hover-desktop {
    margin-top: -6px;
  }
  .hover-hamburger-container {
    margin-top: -57px;
  }
  .navbar-logo-top {
    margin-top: -21px;
  }
  .navbar-promo {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 5px;
    list-style: none;
  }
  .navbar-cart-top {
    margin-top: -10px;
  }
  .nabbar-menu-top {
    margin-top: -10px;
  }
  .navbar-hamburguer-top {
    margin-left: 10px;
  }
  .navbar-hamburguer {
    margin-right: 25px;
  }
}
@media (min-width: 557px) and (max-width: 767px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media (max-width: 767px) {
  .header-1 {
    display: none;
  }
  .header-2 {
    display: none;
  }
  .header-3 {
    display: block;
  }
  .margin-desktop {
    margin-top: 90px;
  }
  .search-container-style {
    position: relative;
    max-width: 80%;
    top: 85px;
  }
  .hover-desktop {
    display: none;
  }
  .hover-hamburger-container {
    display: none;
  }
  .mobile-menu {
    display: block;
  }
  .carousel-arrow-section {
    display: none;
  }
  .blog-box-container {
    display: block;
  }
  .blog-box-small-container {
    width: 100%;
  }
  .blog-box-big {
    width: 100%;
    margin-left: 0;
    font-size: 21px;
  }
  .footer-italika-contact {
    width: auto;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .footer-italika-list {
    display: none;
  }
  .footer-italika-stamps {
    display: none;
  }
  .footer-italika-txt-3 {
    border-bottom: solid 1px white;
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .footer-italika-arrow {
    display: block;
    width: 12px;
    position: absolute;
    top: 8px;
    right: 20px;
  }
  .navbar-hamburguer {
    margin-right: 15px;
  }
  .navbar-cart-top {
    margin-top: -18px;
  }
  .tooltip-img-rfc:hover ~ .tooltip-container {
    width: 170px;
  }
}
@media (max-width: 580px) {
  .banco-azteca-fixed {
    left: 0;
    display: none;
    /*agregar esta línea*/
  }
  .banco-azteca-fixed-open {
    left: 0;
  }
  .buttons-fixed {
    right: 30px;
    bottom: 77px;
  }
  .models-txt {
    font-size: 14px;
  }
  .models-img-1 {
    top: 50px;
    right: 0;
  }
  .models-img-1 img {
    width: 85%;
  }
  .models-img-2 {
    top: 10px;
    right: -15px;
  }
  .models-img-2 img {
    width: 85%;
  }
}
@media (max-width: 1400px) {
  .main-section-homepage {
    transform: none;
  }
  .container {
    max-width: 1140px;
  }
}
@media (max-width: 1200px) {
  .main-section-homepage {
    max-width: 751px !important;
    display: block;
  }
  .main-banners-container {
    display: flex;
    margin-top: 20px;
  }
  .main-banner-2 {
    margin-top: 0;
    margin-left: 20px;
  }
  .blog-box-small-txt p {
    display: none;
  }
  .btn-mt-20 {
    margin-top: 20px;
  }
  .pentalogue-line {
    width: 100%;
    left: 100px;
  }
}
@media (max-width: 768px) {
  .msh-desktop {
    display: none;
  }
  .msh-mobile {
    display: block;
  }
  .main-slider-homepage-m {
    position: relative;
    width: 100%;
    max-width: 412px;
    height: 450px;
    border-bottom: solid 1px #e8e8e8;
    box-sizing: border-box;
    margin: 0 auto;
  }
  .img-slider-m {
    width: 100%;
  }
  .txt-slider {
    right: 0;
  }
  .button-slider-position {
    right: 12px;
  }
  .indicators-slider {
    bottom: 90px;
  }
  .img-pleca-m {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .img-slide-txt {
    width: 234px;
    position: absolute;
    top: 180px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .main-banners-container {
    width: auto;
    max-width: 367px;
    display: block;
    margin: 20px auto;
  }
  .main-banner-2 {
    margin-top: 20px;
    margin-left: 0;
  }
}
@media (max-width: 400px) {
  .img-pleca-m {
    bottom: 45px;
  }
  .indicators-slider {
    bottom: 120px;
  }
  .img-slide-txt {
    top: 140px;
  }
}
@media (min-width: 1400px) {
  .ss-1 {
    margin-top: 65px;
  }
}
@media (min-width: 991px) and (max-width: 1200px) {
  .models-img-1 {
    top: 70px;
    right: -15px;
  }
  .models-img-1 img {
    width: 70%;
  }
  .models-img-2 {
    top: 20px;
    right: -15px;
  }
  .models-img-2 img {
    width: 70%;
  }
}
@media (max-width: 990px) {
  .models-container {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 1fr);
  }
  .blog-box-big {
    padding: 20px;
  }
  .blog-box-big div {
    text-align: center;
  }
  .footer-italika-contact {
    padding-top: 40px;
  }
  .name-section-container {
    padding-left: 7%;
  }
}
@media (max-width: 570px) {
  .button-view-more {
    width: 130px;
  }
}
@media (min-width: 580px) {
  .container {
    padding: 0;
  }
}
/*aqui empiezan los nuevos estilos*/
.container.my-account {
  padding: 0;
}
.container.my-account .row {
  margin: 0;
}
.my-account-detail {
  border-left: 1px solid var(--color-back-gray);
}
.my-account-detail .mad-title {
  font-size: var(--text-font-size20);
  color: var(--color-brand01);
  padding: 0 0 20px 0;
  margin: 0;
  font-family: sf-bold;
}
.my-account-detail .mad-title.mad-title-visible {
  display: block;
  padding: 0;
  margin: 0 0 20px 0;
}
.my-account-detail .input {
  margin: 0 0 20px 0;
  max-width: 300px;
}
.my-account-detail .input::placeholder {
  color: #acb5be;
}
.my-account-detail .input label {
  font-family: sf-semibold;
}
.my-account-detail .input .longitud {
  font-size: var(--text-font-size12);
  margin: 0 0 0 20px;
}
.my-account-detail .input-save {
  margin: 30px 0 0 0;
}
.my-account-detail .input-save.disable {
  opacity: .15;
}
.my-account-detail .check {
  margin: 20px 0;
  display: flex;
  align-items: center;
  width: 100%;
}
.my-account-detail .check input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.my-account-detail .terms {
  max-width: 375px;
}
.my-account-detail .terms a {
  text-decoration: none;
}
.my-account-detail .btn-return {
  width: 300px;
  background: var(--color-brand01);
  border-radius: var(--border-radius);
  text-align: center;
  color: white;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 40px 0;
  cursor: pointer;
  line-height: 50px;
}
.my-account-detail button {
  margin-left: 0;
}
.my-account-detail .detail-box-ship p {
  margin: 0 10px;
  padding: 0;
  font-size: 14px;
}
.my-account-detail .addresses {
  border-bottom: solid 1px #ededed;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.my-account-detail .addresses .addresses-disable {
  display: none;
}
.my-account-detail .addresses-btn-add {
  width: 300px;
  background: var(--color-brand02);
  border-radius: var(--border-radius);
  text-align: center;
  color: white;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 0 0 40px auto;
  cursor: pointer;
  line-height: 50px;
  display: block;
  text-decoration: none;
}
.my-account-detail .addresses-default {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0 0 20px 0;
}
.my-account-detail .addresses-btn-default {
  width: 300px;
  border: 1px solid var(--color-brand02);
  border-radius: var(--border-radius);
  text-align: center;
  color: var(--color-brand02);
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 20px 0 0 0;
  cursor: pointer;
  line-height: 50px;
}
.my-account-detail .addresses-icons img {
  display: block;
  cursor: pointer;
  margin: 0 0 20px 0;
  width: 20px;
}
.my-account-detail .addresses-add .aad-title {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0 0 20px 0;
}
.my-account-detail .addresses-add label {
  color: black;
  font-family: sf-semibold;
}
.my-account-detail .addresses-add label .aad-mandatory {
  color: #ff0000;
}
.my-account-detail .addresses-add select {
  width: 300px;
  border: 1px solid var(--color-brand02);
  border-radius: var(--border-radius);
  font-family: sf-regular;
  font-size: var(--text-font-size16);
  color: var(--color-text-input);
  height: 50px;
  padding: 0 20px;
}
.my-account-detail .addresses-add .addresses-btn-cancel {
  width: 300px;
  border: 1px solid var(--color-brand02);
  border-radius: var(--border-radius);
  text-align: center;
  color: var(--color-brand02);
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 0 0 20px 0;
  cursor: pointer;
  line-height: 50px;
}
.my-account-detail .addresses-add .addresses-btn-add {
  width: 300px;
  background: var(--color-brand01);
  border-radius: var(--border-radius);
  text-align: center;
  color: white;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 0 0 20px 0;
  cursor: pointer;
  line-height: 50px;
}
.my-account-detail.favorites-list .detail-box.fl-trash {
  width: 50px;
}
.my-account-detail.favorites-list .detail-box.fl-trash:last-child img {
  margin: 14px 10px;
  width: 20px;
}
.my-account-detail.favorites-list .detail-container {
  width: 100%;
  max-width: 812px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
}
.my-account-detail.favorites-list .detail-container .mya-fl-container-title {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
}
.my-account-detail.favorites-list .detail-container .mya-fl-container {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
}
.my-account-detail.favorites-list .detail-box {
  width: 100%;
  height: auto;
  border: solid 1px #ededed;
  margin-right: -2px;
}
.my-account-detail.favorites-list .detail-title {
  width: 100%;
  height: 42px;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-account-detail.favorites-list .detail-title h3 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.favorites-list .detail-box-prodcut-img {
  width: 100%;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.my-account-detail.favorites-list .detail-box-prodcut-img img {
  max-height: 117px;
  margin: 30px;
}
.my-account-detail.favorites-list .dbp-container .dbp-btn-buy {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: var(--border-radius);
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  width: calc(80%);
  font-family: sf-bold;
  font-size: var(--text-font-size12);
  max-width: 200px;
}
.my-account-detail.favorites-list .detail-box-prodcut-txt {
  width: 100%;
  text-align: center;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-account-detail.favorites-list .detail-box-prodcut-txt h4 {
  font-family: sf-regular;
  font-size: 12px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.favorites-list .detail-box-prodcut-txt-2 {
  font-family: sf-bold;
  font-size: 14px;
}
.my-account-detail.favorites-list .detail-box-price {
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  flex-wrap: wrap;
}
.my-account-detail.favorites-list .detail-box-price h4 {
  font-family: sf-bold;
  font-size: 18px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.favorites-list .detail-box-price .detail-box-price-container {
  width: 100%;
  text-align: center;
  padding: 0 10px;
}
.my-account-detail.favorites-list .detail-box-price .detail-box-btn-buy {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: var(--border-radius);
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  margin: 20px 0;
  width: calc(100%);
  font-family: sf-bold;
  font-size: var(--text-font-size12);
}
.my-account-detail.favorites-list .detail-box-form-container {
  position: relative;
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-account-detail.favorites-list .detail-box-form {
  width: 75px;
  height: 31px;
  border: solid 1px #ededed;
  border-radius: .50rem;
  margin-top: -7px;
  margin-right: 10px;
  font-family: sf-bold;
}
.my-account-detail.favorites-list .detail-box-drop-down-arrow {
  position: absolute;
  left: 65px;
}
.my-account-detail.favorites-list .detail-box-drop-down-arrow:hover {
  cursor: pointer;
}
.my-account-detail.favorites-list .detail-box-drop-down {
  position: absolute;
  width: 75px;
  background-color: white;
  top: 110px;
  left: 16px;
  z-index: 1;
}
.my-account-detail.favorites-list .detail-box-drop-down div {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .50rem;
}
.my-account-detail.favorites-list .detail-box-drop-down div:hover {
  cursor: pointer;
  background-color: #ededed;
}
.my-account-detail.favorites-list .detail-box-ship {
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.my-account-detail.favorites-list .detail-box-ship h4 {
  font-family: sf-bold;
  font-size: 12px;
  color: #00205b;
  text-align: center;
  padding: 0;
  margin: 0;
}
.my-account-detail.favorites-list .flex {
  display: flex;
}
.my-account-detail.order-list .detail-title h3 {
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.order-list .detail-box-ship a {
  margin-bottom: 1rem;
  display: block;
}
.my-account-detail.order-list .detail-box-ship img {
  max-width: 120px;
  margin: 0 10px;
}
.my-account-detail.order-list .detail-box-ship .subtitle {
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  color: #00205b;
  padding: 0;
  margin: 20px 0 0 0;
}
.my-account-detail.order-list .detail-box-price {
  font-family: sf-bold;
  font-size: 18px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.my-account-detail-invoice .detail-title h3 {
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.my-account-detail-invoice .descargar {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: var(--border-radius);
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  margin: 0;
  width: 180px;
  font-family: sf-bold;
  font-size: var(--text-font-size12);
}
.my-account-detail.my-account-detail-invoice .mad-i-container {
  text-align: center;
}
.my-account-detail.my-account-detail-invoice .mad-i-container .img-invoice {
  width: 40px;
  margin: 0 0 20px 0;
}
.my-account .my-account-nav {
  width: 100%;
}
.my-account .my-account-nav .man-txt {
  display: flex;
}
.my-account .my-account-nav .button a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  text-decoration: none;
  color: var(--color-black-text);
  box-sizing: border-box;
  border-bottom: 1px solid var(--color-back-gray);
  cursor: pointer;
  font-size: var(--text-font-size17);
}
.my-account .my-account-nav .button:hover {
  background: var(--color-back-gray);
}
.my-account .my-account-nav .button img {
  width: 22px;
  margin: 0 30px;
}
.my-account .my-account-nav .button img.pedidos {
  width: 29px;
  margin: 0 35px 0 25px;
}
.my-account .my-account-nav .button img.correo {
  width: 24px;
  margin: 0 35px 0 30px;
}
.my-account .my-account-nav .button img.favoritos {
  width: 24px;
  margin: 0 35px 0 30px;
}
.my-account .my-account-nav .button img.arrow {
  transform: rotate(-90deg);
  width: 15px;
}
.my-account .my-account-nav .button.active {
  background: var(--color-back-gray);
}
.my-account .cerrar {
  width: 300px;
  border: 1px solid var(--color-brand02);
  border-radius: var(--border-radius);
  text-align: center;
  color: var(--color-brand02);
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 40px 0;
  cursor: pointer;
  line-height: 50px;
}
.my-account .cerrar span {
  display: block;
  line-height: 50px;
}
.my-account input[type=text] {
  border: 1px solid var(--color-brand02);
  border-radius: var(--border-radius);
  font-family: sf-regular;
  font-size: var(--text-font-size16);
  color: var(--color-text-input);
  line-height: 50px;
  padding: 0 20px;
  width: 300px;
}
.my-account input[type=password] {
  border: 1px solid var(--color-brand02);
  border-radius: var(--border-radius);
  font-family: sf-regular;
  font-size: var(--text-font-size16);
  color: var(--color-text-input);
  line-height: 50px;
  padding: 0 20px;
  width: 300px;
}
.my-account input[type=mail] {
  border: 1px solid var(--color-brand02);
  border-radius: var(--border-radius);
  font-family: sf-regular;
  font-size: var(--text-font-size16);
  color: var(--color-text-input);
  line-height: 50px;
  padding: 0 20px;
  width: 300px;
}
.my-account input[type=submit] {
  background: var(--color-brand01);
  border-radius: var(--border-radius);
  color: white;
  font-family: sf-semibold;
  font-size: var(--text-font-size14);
  line-height: 50px;
  padding: 0 20px;
  width: 300px;
  border: 0;
}
.my-account-description {
  margin-bottom: 40px;
}
@media (min-width: 440px) {
  .my-account-nav {
    max-width: 440px;
    margin-right: 23px;
    padding: 0;
  }
}
@media (max-width: 992px) {
  .my-account-detail {
    border-left: none;
  }
  .my-account-detail.favorites-list .detail-box.fl-trash {
    top: 7px;
  }
  .my-account .row .col {
    flex: none;
    margin: 0 0 20px 0;
  }
  .my-account .my-account-nav {
    display: flex;
    margin: 0;
    max-width: 100%;
  }
  .my-account .my-account-nav .man-txt span {
    display: none;
  }
  .my-account .my-account-nav .button {
    width: calc(16.66666667%);
    border: 1px solid var(--color-back-gray);
  }
  .my-account .my-account-nav .button a {
    justify-content: center;
  }
  .my-account .my-account-nav .button img {
    width: 22px;
    margin: 0 9px;
  }
  .my-account .my-account-nav .button img.pedidos {
    margin: 0;
  }
  .my-account .my-account-nav .button img.correo {
    margin: 0;
  }
  .my-account .my-account-nav .button img.favoritos {
    margin: 0;
  }
  .my-account .my-account-nav .button img.arrow {
    display: none;
  }
  .my-account-description {
    margin-bottom: 20px;
  }
}
@media (min-width: 992px) {
  .my-account-detail .mad-title {
    display: none;
  }
  .my-account-detail.my-account-detail-mail .mad-title {
    display: block;
  }
}
@media (max-width: 768px) {
  .my-account-detail.disable {
    display: none;
  }
  .my-account-detail .input {
    margin: 0 0 20px 0;
  }
  .my-account-detail .input-save {
    margin: 0;
    width: 300px;
  }
  .my-account-detail .check {
    margin: 20px auto 20px auto;
    width: 300px;
  }
  .my-account-detail .btn-return {
    margin: 40px auto 0 auto;
  }
  .my-account-detail .form-group {
    width: 300px;
    margin: 0;
  }
  .my-account-detail .button-italika-1 {
    margin: 0;
  }
  .my-account-detail .addresses-btn-add {
    margin: 0 0 40px 0;
  }
  .my-account-detail .addresses-btn-default {
    margin: 20px auto 0 auto;
  }
  .my-account-detail .addresses .check {
    width: 100%;
  }
  .my-account-detail .addresses-add .addresses-btn-add {
    margin: 0 auto 20px auto;
  }
  .my-account-detail.favorites-list .return {
    margin: 0 auto;
  }
  .my-account-detail.favorites-list .detail-box.fl-trash {
    right: 0;
    top: 0;
  }
  .my-account-detail.favorites-list .detail-box-ship {
    padding-left: 0;
  }
  .my-account-detail.favorites-list .detail-box .detail-box-price {
    padding-left: 0;
  }
}
@media (min-width: 768px) {
  .my-account-detail .btn-return {
    display: none;
  }
  .my-account-detail.favorites-list .detail-box-ship p {
    margin: 0 5px;
  }
}
@media (max-width: 1200px) {
  .my-account-detail .detail-box-ship p {
    margin: 0;
  }
  .my-account-detail.favorites-list .detail-box.fl-trash {
    position: absolute;
    right: 26px;
    top: 0px;
    width: 40px;
  }
  .my-account-detail.favorites-list .detail-container {
    align-items: center;
  }
  .my-account-detail.favorites-list .detail-container .mya-fl-container {
    border-top: solid 1px #ededed;
    padding: 20px 0 0 0;
  }
  .my-account-detail.favorites-list .detail-box-price .detail-box-price-container {
    text-align: left;
    padding: 0;
  }
  .my-account-detail.favorites-list .detail-box-price .detail-box-btn-buy {
    display: none;
  }
  .my-account-detail.favorites-list .fl-detail-box {
    width: 160px;
  }
  .my-account-detail.favorites-list .fl-detail-box .detail-title {
    display: none;
  }
  .my-account-detail.favorites-list .flex {
    width: 50%;
    display: block;
    position: relative;
  }
  .my-account-detail.favorites-list .flex .detail-box {
    width: 100%;
  }
  .my-account-detail.favorites-list .detail-box {
    height: auto;
    border: none;
    position: inherit;
    padding: 0 20px 20px 0;
  }
  .my-account-detail.favorites-list .detail-box .detail-title {
    background: none;
    border: none;
    height: auto;
    justify-content: left;
    padding: 0 0 5px 0;
  }
  .my-account-detail.favorites-list .detail-box .detail-box-price {
    height: auto;
    justify-content: left;
  }
  .my-account-detail.favorites-list .detail-box .detail-box-ship {
    height: auto;
  }
  .my-account-detail.order-list .mad-ol-detail-title h3 {
    display: none;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container {
    border-bottom: solid 1px var(--color-back-gray);
    margin: 0 0 20px 0;
    padding: 0 0 40px 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box {
    width: 50%;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child .detail-box-price {
    order: 3;
    top: 15px;
    position: absolute;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child .detail-box-link {
    width: 50%;
    order: 2;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub {
    width: 50%;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box {
    width: 100%;
    margin: 20px 0 0 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box:last-child .detail-title {
    width: 100%;
    order: 2;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box:last-child .detail-box-ship {
    order: 2;
    margin: 0 0 20px 0;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container {
    border-bottom: 0;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .mad-ol-c-f-flex {
    display: block;
    margin: 0 0 0 20px;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .mad-ol-c-f-flex .detail-box:last-child .detail-title {
    width: 100%;
    order: 0;
  }
  .my-account-detail.order-list.order-list-detail .mad-ol-detail-title {
    display: none;
  }
  .my-account-detail.my-account-detail-invoice .mad-i-container {
    margin: 40px 0 0 0;
  }
  .my-account-detail.my-account-detail-invoice .flex {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box {
    margin: 0 20px 0 0;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box .mad-invoice-title {
    display: none;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box-ship span {
    display: block;
  }
}
@media (min-width: 1200px) {
  .my-account-detail.favorites-list .mya-fl-container .detail-title {
    display: none;
  }
  .my-account-detail.favorites-list .dbp-container .dbp-btn-buy {
    display: none;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container {
    text-align: center;
    margin: 0 0 20px 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex {
    display: flex;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box {
    width: calc(20%);
    border-left: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child {
    border-right: solid 1px #ededed;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child .detail-title {
    border-right: solid 1px #d1d1d1;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box .detail-title {
    height: 42px;
    background-color: #ededed;
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    border-left: solid 1px #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box .detail-box-ship {
    display: flex;
    height: 240px;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box .detail-box-ship span {
    display: block;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box .detail-box-price {
    display: flex;
    height: 240px;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub {
    width: calc(20%);
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box {
    width: 100%;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box:last-child .detail-title {
    border-right: 0;
    border-left: 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box .detail-box-ship {
    height: calc(99px);
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-title {
    border-right: 0;
    border-left: 0;
    box-shadow: -1px 0px 1px #d1d1d1;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .mad-ol-c-f-flex {
    display: flex;
    width: calc(50%);
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .mad-ol-c-f-flex .detail-box:last-child .detail-title {
    border-right: 0px;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .detail-box {
    width: calc(16.66666667%);
    border-left: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .detail-box .detail-box-ship {
    height: 260px;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .detail-box .detail-box-price {
    height: 260px;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container:first-child .flex .detail-box {
    width: calc(33.33333333%);
  }
  .my-account-detail.my-account-detail-invoice .flex {
    display: flex;
    margin: 0 0 20px 0;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box {
    width: 33.3%;
    border-left: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box .detail-title {
    height: 42px;
    background-color: #ededed;
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    border-left: solid 1px #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box .detail-box-ship {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
    border-right: solid 1px #ededed;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex {
    display: flex;
    width: 66%;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box {
    width: 50%;
    border-left: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-title {
    height: 42px;
    background-color: #ededed;
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    border-left: solid 1px #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: solid 1px #d1d1d1;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-box-ship {
    height: 250px;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-box-ship p {
    margin: 0;
  }
}
/*thankyou style*/
/*Thankyou txt*/
/*Thankyou box*/
/*thankyou box*/
.thankyou-container {
  width: 100%;
}
.thankyou-container h1 {
  width: 100%;
  text-align: center;
  font-family: sf-bold;
  font-size: 38px;
  color: #00205b;
  margin-bottom: 20px;
}
.thankyou-confeti {
  width: 100%;
  text-align: center;
  margin-top: 95px;
}
.thankyou-order {
  width: 100%;
  text-align: center;
}
.thankyou-txt-1 {
  font-family: sf-bold;
  font-size: 18px;
  color: #0c45a3;
}
.thankyou-line {
  position: relative;
  top: 5px;
  width: 60%;
  height: 5px;
  background-color: #00205b;
  margin: 0 auto;
}
.thankyou-line-baz {
  position: relative;
  top: 5px;
  width: 60%;
  height: 5px;
  background-color: #17a54d;
  margin: 0 auto;
}
.thankyou-message {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.thankyou-message-img {
  position: absolute;
  top: -10px;
  left: -10px;
}
.thankyou-message-txt {
  position: relative;
  width: 80%;
  max-width: 490px;
  background-color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  padding: 10px;
  padding-left: 100px;
}
.thankyou-message-txt-baz {
  position: relative;
  width: 80%;
  max-width: 550px;
  background-color: #17a54d;
  color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  padding: 10px;
  text-align: center;
}
.dcs {
  position: relative;
  margin-top: 20px;
}
.thankyou-container-box {
  width: 100%;
  max-width: 1140px;
  display: flex;
  margin: 15px auto;
}
.thankyou-box {
  width: 164px;
  height: 216px;
  border: solid 1px #ededed;
  margin-right: -2px;
}
.thankyou-box-2 {
  width: 328px;
  height: 216px;
  border: solid 1px #ededed;
  margin-right: -2px;
}
.thankyou-title {
  width: 100%;
  height: 42px;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thankyou-title h3 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.thankyou-title-txt {
  margin-top: 5px;
  margin-bottom: 5px;
}
.thankyou-box-prodcut-img {
  width: 100%;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.thankyou-box-prodcut-txt {
  width: 100%;
  text-align: center;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thankyou-box-prodcut-txt h4 {
  font-family: sf-regular;
  font-size: 12px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.thankyou-box-prodcut-txt-2 {
  font-family: sf-bold;
  font-size: 14px;
}
.thankyou-box-price {
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thankyou-box-price h4 {
  font-family: sf-bold;
  font-size: 18px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.thankyou-box-txt {
  position: relative;
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  color: #00205b;
}
.thankyou-box-form {
  width: 75px;
  height: 31px;
  border: solid 1px #ededed;
  border-radius: .50rem;
  margin-top: -7px;
  margin-right: 10px;
  font-family: sf-bold;
}
.thankyou-box-drop-down-arrow {
  position: absolute;
  left: 65px;
}
.thankyou-box-drop-down-arrow:hover {
  cursor: pointer;
}
.thankyou-box-drop-down {
  position: absolute;
  width: 75px;
  background-color: white;
  top: 110px;
  left: 16px;
  z-index: 1;
}
.thankyou-box-drop-down div {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .50rem;
}
.thankyou-box-drop-down div:hover {
  cursor: pointer;
  background-color: #ededed;
}
.thankyou-box-ship {
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #00205b;
  font-family: sf-bold;
  text-align: center;
  padding: 10px;
}
.thankyou-box-ship h4 {
  font-family: sf-bold;
  font-size: 12px;
  color: #00205b;
  text-align: center;
  padding: 0;
  margin: 0;
}
@media (max-width: 1200px) {
  .thankyou-confeti {
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .thankyou-box-drop-down-arrow {
    left: 55px;
  }
  .thankyou-box-drop-down {
    left: 8px;
  }
  .thankyou-title {
    padding: 10px;
  }
  .thankyou-box-price {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .thankyou-container {
    display: block;
    border-top: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
    padding-top: 20px;
  }
  .thankyou-container-box {
    min-height: 380px;
    border-bottom: solid 1px #ededed;
  }
  .thankyou-confeti {
    margin-top: 95px;
  }
  .thankyou-box {
    width: 50%;
    height: auto;
    border: none;
    margin-right: 0;
  }
  .thankyou-box:nth-child(1) {
    height: 280px;
  }
  .thankyou-box:nth-child(2) {
    position: absolute;
    top: 20px;
    right: 0;
  }
  .thankyou-box:nth-child(3) {
    position: absolute;
    right: 0;
    top: 84px;
  }
  .thankyou-box:nth-child(3) > .thankyou-box-txt {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .thankyou-box:nth-child(4) {
    position: absolute;
    right: 0;
    top: 260px;
  }
  .thankyou-box:nth-child(5) {
    position: absolute;
    right: 0;
    display: none;
  }
  .thankyou-box:nth-child(6) {
    position: absolute;
    right: 0;
    top: 232px;
    display: none;
  }
  .thankyou-box-2 {
    width: 50%;
    height: auto;
    border: none;
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 140px;
  }
  .thankyou-title {
    height: auto;
    background-color: white;
    border: none;
    justify-content: flex-start;
    padding-left: 20px;
    padding-bottom: 5px;
  }
  .thankyou-title h3 {
    color: #333333;
  }
  .thankyou-title-product {
    display: none;
  }
  .thankyou-box-prodcut-img {
    margin-top: 40px;
  }
  .thankyou-box-price {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .thankyou-box-form-container {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .thankyou-box-ship {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
    text-align: left;
  }
  .thankyou-box-ship h4 {
    text-align: left;
  }
  .thankyou-box-drop-down-arrow {
    left: 65px;
  }
  .thankyou-box-drop-down {
    top: 42px;
    left: 20px;
    box-shadow: 0px 0px 6px 1px #d6d6d6;
  }
  .bc-txt-3 {
    display: none;
  }
  .coupon-container {
    margin: 20px auto;
  }
  .sumary-container {
    margin: 20px auto;
  }
}
@media (max-width: 575px) {
  .thankyou-message-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5%;
    right: 80%;
    margin: auto;
  }
}
/*styles*/
.txt-light {
  font-family: sf-light;
}
.txt-regular {
  font-family: sf-regular;
}
.txt-semibold {
  font-family: sf-semibold;
}
.txt-bold {
  font-family: sf-bold;
}
.anchor-style-italika {
  color: inherit;
  text-decoration: none;
}
.anchor-style-italika:hover {
  color: inherit;
}
.style-link {
  color: #0645aa;
  text-decoration: underline;
}
h1 {
  font-family: sf-bold;
  font-size: 30px;
  color: #00205b;
  margin: 0;
  padding: 0;
}
h2 {
  font-family: sf-bold;
  font-size: 21px;
  color: #00205b;
  margin: 0;
  padding: 0;
}
.mandatory {
  color: red;
}
.label-italika-style {
  font-family: sf-semibold;
  padding-left: 10px;
  display: initial;
}
.form-italika-style {
  height: 47px;
  border-color: #0C45A8;
}
.form-italika-style::placeholder {
  color: #acb5be;
}
.checkbox-italika-style {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.checkout-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.form-italika-style-2 {
  max-width: 300px;
  height: 30px;
  border-color: #0C45A8;
}
.form-italika-style-2::placeholder {
  color: #acb5be;
}
.form-italika-style-3 {
  max-width: 686px;
  height: 30px;
  border-color: #0C45A8;
}
.form-italika-style-3::placeholder {
  color: #acb5be;
}
.form-italika-style-4 {
  max-width: 100px;
  height: 30px;
  border-color: #0C45A8;
}
.select-selected {
  background-color: red;
}
.button-italika-1 {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  border: none;
  margin: 5px auto;
}
.carousel-button {
  width: 160px;
  height: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  border-radius: .50rem;
  font-family: sf-bold;
  visibility: hidden;
}
.blog-button {
  width: 160px;
  height: 34px;
  border-radius: .50rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  text-transform: uppercase;
  font-size: 14px;
}
.button-colour-closeColorBox {
  color: #0c45a8;
  border: 1px solid #0c45a8;
  background-color: white;
  font-size: 14px;
}
.button-colour-closeColorBox:hover {
  background-color: #00205b;
  color: white;
}
.button-colour-1 {
  background-color: #105fe8;
  color: white;
  border: 1px solid #105fe8;
  font-size: 14px;
}
.button-colour-1:hover {
  background-color: #00205b;
  border: 1px solid #00205b;
  color: white;
}
.button-colour-2 {
  background-color: white;
  color: #0c45a3;
  margin-top: 20px;
  box-sizing: border-box;
}
.button-colour-2:hover {
  background-color: #00205b;
  color: white;
  border: solid 1px white;
  cursor: pointer;
}
.button-colour-3 {
  background-color: #5670AA60;
  color: white;
}
.button-colour-3:hover {
  background-color: #00205b;
  color: white;
  cursor: pointer;
}
.button-colour-4 {
  background-color: #17a24d;
  color: white;
}
.button-colour-4:hover {
  background-color: #187238;
  cursor: pointer;
}
.button-colour-5 {
  border: solid 1px #00205b;
  background-color: white;
  color: #00205b;
}
.button-colour-5:hover {
  background-color: #00205b;
  color: white !important;
}
.button-colour-6 {
  background-color: #43c673;
  color: white;
}
.button-colour-6:hover {
  background-color: #17a54d;
  color: white;
  cursor: pointer;
}
.button-colour-7 {
  background-color: white;
  color: #43c673;
  border: solid 1px #43c673;
}
.button-colour-7:hover {
  background-color: #17a54d;
  color: white;
  cursor: pointer;
}
.button-disabled {
  opacity: .15;
}
.button-italika-box {
  display: flex;
  position: relative;
  width: 100%;
  height: 61px;
  align-items: center;
  border-bottom: solid 1px #ededed;
}
.button-italika-box:hover {
  background-color: #ededed;
  cursor: pointer;
}
.button-italika-box-img-1 {
  width: 88px;
  text-align: center;
}
.button-italika-box-img-2 {
  position: absolute;
  right: 0;
  width: 68px;
  text-align: center;
}
.mb-black-close {
  width: 50px;
  height: 50px;
  background-color: #00205b;
  border-radius: 50%;
  position: absolute;
  top: -15px;
  right: -15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mb-black-close:hover {
  background-color: #143b7a;
  cursor: pointer;
}
.header-1 {
  display: block;
}
.header-2 {
  display: none;
}
.header-3 {
  display: none;
}
.margin-desktop {
  position: relative;
  margin-top: 75px;
}
.nav-italika {
  position: sticky;
  width: 100%;
  background-color: #00205b;
  color: white;
  height: 75px;
  z-index: 2;
}
.nav-lite {
  position: relative;
}
.item-padding-right {
  padding-right: 32px;
}
.flex-row {
  flex-direction: row;
}
.brand-container {
  width: 140px;
}
.search-container-style {
  width: 95%;
  max-width: 417px;
}
.search-style {
  height: 47px;
  border-color: #0c45a7;
  border-radius: .45rem;
}
.search-style::placeholder {
  color: #abb4bd;
}
.cart-container {
  position: relative;
}
.cart-lot {
  position: absolute;
  top: -2px;
  left: 15px;
  width: 16px;
  height: 16px;
  background-color: white;
  border-radius: 50%;
  border: solid 1px white;
  color: #00205b;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 11px;
  font-weight: 600;
}
.line-menu {
  width: 30px;
  height: 3px;
  border-radius: 3px;
  background-color: white;
  margin: 4px;
}
.hover-desktop {
  position: fixed;
  width: 100%;
  display: block;
  z-index: 700;
  margin-top: 75px;
}
.hover-desktop-grid {
  width: 100%;
  height: 0;
  overflow: hidden;
  background-color: #666666;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  transition: all .3s;
}
.hover-desktop-grid li {
  display: flex;
  justify-content: center;
  align-items: center;
}
.hover-desktop-grid li:hover {
  background-color: #999999;
}
.hover-desktop-grid a {
  color: white;
  text-decoration: none;
  font-family: sf-bold;
  font-size: 12px;
  text-transform: none;
}
.modelos-hover label {
  cursor: pointer;
}
.modelos-hover:hover .hover-desktop > .hover-desktop-grid {
  height: 90px;
}
.hover-desktop-img {
  height: 56px;
  display: flex;
  align-items: flex-end;
  padding-bottom: 5px;
}
.hover-desktop-txt {
  width: 100%;
  text-align: center;
}
.lines-menu-container div {
  transition: all .3s;
}
.lines-menu-container:hover {
  cursor: pointer;
}
.hover-hamburger {
  background-color: white;
  position: fixed;
  right: 40px;
  border-bottom-left-radius: 5px;
  height: 0;
  width: 250px;
  transition: all .3s;
  overflow: hidden;
  z-index: 9;
}
.hover-hamburger > .navbar > .navbar-nav > li > a {
  color: #00205b;
}
.hover-hamburger > .navbar > .navbar-nav > li > a:hover {
  color: #a5c6ff;
}
.mobile-menu {
  position: absolute;
  top: 75px;
  display: none;
  width: 80%;
  height: 0;
  background-color: #00205b;
  overflow: hidden;
  transition: all .3s;
  z-index: 999;
}
.mobile-menu > .navbar {
  padding-top: 0;
}
.mobile-menu > .navbar > .navbar-nav > .navbar-item {
  border-top: solid 1px #173f7f;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mobile-menu-grid {
  display: grid;
  height: calc(25vh);
  width: 100%;
  grid-template-rows: repeat(9, 1fr);
}
.breadcrumb-container {
  display: flex;
  color: #00205b;
  font-size: 14px;
  margin-top: 15px;
}
.breadcrumb-container img {
  margin-left: 5px;
  margin-right: 5px;
}
.breadcrumb-container a {
  text-decoration: none;
  color: #00205b;
}
.margin-top-breadcrumb {
  margin-top: 90px;
}
.bc-box {
  position: relative;
  border: solid 1px #ededed;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bc-active {
  color: #00205b;
}
.bc-circle {
  width: 24px;
  height: 24px;
  box-sizing: border-box;
  border: solid 2px #999999;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
  font-family: sf-bold;
}
.bc-circle-active {
  border-color: #00205b;
}
.bc-arrow-container {
  margin-top: -5px;
}
.bc-arrow {
  position: relative;
  width: 100%;
  height: 10px;
}
.bc-circle-arrow {
  position: absolute;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #00205b;
  border-radius: 50%;
}
.bc-triangle-arrow {
  position: absolute;
  right: -2px;
  width: 10px;
  height: 10px;
  background-color: #00205b;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.bc-line-arrow {
  position: absolute;
  top: 4px;
  width: 100%;
  height: 2px;
  background-color: #00205b;
}
.banco-azteca-fixed {
  position: fixed;
  left: 20px;
  bottom: 0;
  width: 280px;
  height: 34px;
  background-color: #17A14D;
  z-index: 3;
  display: flex;
  align-items: center;
  padding-left: 20px;
  border-top-left-radius: .50rem;
  border-top-right-radius: .50rem;
  box-shadow: 1px 0px 13px -2px #000000;
}
.banco-azteca-fixed:hover {
  cursor: pointer;
  background-color: #11823a;
}
.banco-azteca-fixed div {
  font-family: sf-bold;
  text-transform: uppercase;
  color: white;
}
.banco-azteca-fixed-open {
  position: fixed;
  left: 20px;
  bottom: 0;
  width: 280px;
  height: 118px;
  background-color: #ededed;
  z-index: 3;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
}
.banco-azteca-fixed-arrow {
  position: absolute;
  right: 10px;
  top: 12px;
}
.ss-5 {
  transform: rotate(180deg);
}
.buttons-fixed {
  position: fixed;
  right: 33px;
  bottom: 78px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 3;
}
.whatsapp-button {
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  background-color: #1bd741;
  color: #25cf66;
  box-shadow: 1px 0px 13px -2px #000000;
}
.whatsapp-button div:hover {
  cursor: pointer;
}
.button-baz-fixed {
  margin-top: -10px;
  width: 160px;
  height: 34px;
  background-color: #17a14d;
  color: white;
  font-family: sf-bold;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .50rem;
}
.button-baz-fixed:hover {
  cursor: pointer;
}
.name-section-container {
  margin-top: 40px;
  margin-bottom: 20px;
}
.ss-1 {
  margin-top: 40px;
}
.name-section-subtitle {
  font-family: sf-light;
  background-size: 14px;
  color: #666666;
  text-transform: uppercase;
}
.name-section-title {
  font-size: 26px;
  text-transform: uppercase;
  margin-top: -8px;
}
.ss-3 {
  position: absolute;
  left: -25px;
}
.ss-4 {
  position: absolute;
  right: -25px;
}
.blog-box-container {
  width: 100%;
  display: flex;
}
.blog-box-small-container {
  width: 49.5%;
}
.blog-box-small {
  width: 100%;
  height: 154px;
  box-sizing: border-box;
  border: solid 2px #ededed;
  display: flex;
  margin-bottom: 20px;
  overflow: hidden;
}
.blog-box-small-img {
  width: 154px;
  height: 154px;
}
.blog-box-small-txt {
  padding: 20px 20px 0 20px;
}
.blog-box-small-txt h3 {
  margin: 0;
  padding: 0;
  font-size: 15px;
  font-family: sf-bold;
  color: #00205b;
}
.blog-box-small-txt p {
  color: #00205b;
  margin: 0;
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}
.blog-box-big {
  width: 49%;
  height: 328px;
  box-sizing: border-box;
  border: solid 2px #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: white;
  font-size: 24px;
  margin-bottom: 20px;
  background-color: #0b0b5d;
  background-image: url("../img-home/background-know.jpg");
  background-position: center;
  background-repeat: no-repeat;
  font-family: sf-light;
  margin-left: 1.5%;
}
.pentalogue-container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  margin-top: 20px;
  overflow: hidden;
  margin-top: 60px;
}
.pentalogue-box {
  position: relative;
  width: 210px;
  height: 178px;
  margin: 0 auto;
}
.pentalogue-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pentalogue-txt-section {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 110px;
  background-color: #e8e8e8;
  border-radius: .50rem;
  text-align: center;
  padding-top: 38px;
}
.pentalogue-title {
  font-family: sf-bold;
  text-transform: uppercase;
}
.pentalogue-txt {
  color: #00205b;
  line-height: 18px;
  font-family: sf-light;
  margin-top: 5px;
}
.pentalogue-line {
  position: absolute;
  width: 75%;
  height: 10px;
  background-color: #00205b;
  z-index: -1;
  top: -78px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.dcs {
  position: relative;
  padding: 0;
  margin-bottom: 40px;
}
.checkout-container {
  width: 100%;
  max-width: 812px;
  margin-top: 15px;
  border: solid 1px #ededed;
  margin-bottom: 40px;
}
.checkout-title-container {
  position: relative;
  width: 100%;
  height: 62px;
  background-color: #ededed;
  display: flex;
  align-items: center;
  padding-left: 32px;
}
.checkout-title-container h2 {
  font-family: sf-bold;
  font-size: 17px;
  color: #00205b;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  margin-left: 20px;
}
.checkout-title-arrow {
  position: absolute;
  right: 20px;
  transform: rotate(180deg);
}
.checkout-title-arrow-2 {
  position: absolute;
  right: 20px;
}
.checkout-title-container-disabled {
  position: relative;
  width: 100%;
  height: 62px;
  background-color: white;
  display: flex;
  align-items: center;
  padding-left: 32px;
  box-sizing: border-box;
  border-top: solid 1px #ededed;
}
.checkout-title-container-disabled h2 {
  font-family: sf-bold;
  font-size: 17px;
  color: #00205b;
  text-transform: uppercase;
  margin: 0;
  padding: 0;
  margin-left: 20px;
}
.checkout-title-arrow-disabled {
  position: absolute;
  right: 20px;
}
.checkout-shipping-container {
  width: 100%;
  padding: 20px;
  padding-bottom: 0;
  margin-bottom: 20px;
}
.checkout-shipping-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 20px;
  margin-bottom: 20px;
}
.checkout-shipping-txt-1 {
  float: left;
}
.checkout-input-check {
  display: flex;
  align-items: center;
  position: absolute;
  right: 20px;
  top: 27px;
}
.checkout-input-check div {
  margin-left: 10px;
}
.btn-disabled {
  margin-left: 0 !important;
  opacity: .15;
}
.checkout-phone-container {
  position: relative;
  display: flex;
}
.checkout-recolect-txt {
  font-family: sf-bold;
}
.checkout-recolect-container {
  margin-top: 20px;
  width: 100%;
  max-width: 686px;
  margin-bottom: 20px;
}
.checkout-recolect-container-style {
  height: 47px;
  display: flex;
}
.checkout-recolect-style {
  height: 47px;
}
.checkout-recolect-style::placeholder {
  font-family: sf-bold;
  font-size: 12px;
  color: #acb5be;
  text-align: left;
}
.button-checkout-recolect {
  width: 110px;
  height: 45px;
  background-color: white;
  color: #00205b;
  box-sizing: border-box;
  border: solid 2px #00205b;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 11px;
  text-transform: uppercase;
  margin-left: 10px;
}
.button-checkout-recolect:hover {
  background-color: #00205b;
  color: white;
}
.checkout-adress-container {
  margin-top: 20px;
  width: 100%;
  max-width: 695px;
}
.checkout-adress-row {
  position: relative;
  width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding-left: 20px;
  padding-right: 40px;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.checkout-adress-row:hover {
  background-color: #ededed;
  cursor: pointer;
}
.checkout-adress-row img:nth-child(1) {
  margin-right: 20px;
}
.checkout-adress-arrow {
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}
.checkout-adress-2-container {
  margin-top: 20px;
  width: 100%;
  max-width: 686px;
  display: flex;
  border: solid 1px #ededed;
}
.checkout-adress-2-txt {
  width: 50%;
}
.checkout-adress-2-map-container {
  width: 50%;
  padding: 10px;
}
.checkout-adress-2-map {
  width: 100%;
  height: 100%;
}
.checkout-adress-2-col-1 {
  display: flex;
}
.checkout-adress-2-col-1 div {
  width: 50%;
  padding: 10px;
  border-right: solid 1px #ededed;
  font-size: 12px;
}
.checkout-adress-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 20px;
}
.checkbox-hover {
  margin-left: 10px;
  margin-top: 2px;
}
.checkbox-hover:hover {
  cursor: pointer;
}
.btn-active {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  background-color: #0c45a8;
  color: white;
}
.btn-deactivated {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  border-radius: .50rem;
  margin-left: 0;
  background-color: #ededed;
  color: #989898;
  box-sizing: border-box;
}
.btn-deactivated:hover {
  border: solid 2px grey;
  background-color: #ededed;
  color: #989898;
  cursor: pointer;
}
.btn-select {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  border-radius: .50rem;
  background-color: #0c45a8;
  color: white;
}
.btn-select:hover {
  background-color: #00205b;
  cursor: pointer;
}
.btn-select-2 {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 12px;
  text-decoration: none;
  border-radius: .50rem;
  background-color: white;
  color: #00205b;
  border: solid 1px #00205b;
  box-sizing: border-box;
}
.btn-select-2:hover {
  background-color: #00205b;
  color: white;
  cursor: pointer;
}
.checkout-a2-container {
  padding: 20px;
  padding-top: 0;
  margin-bottom: 20px;
}
.sumary-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 314px;
  min-height: 324px;
  background-color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
}
.sumary-container h1 {
  font-family: sf-bold;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #333333;
  padding: 0;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 15px;
}
.sumary-line {
  width: 80%;
  height: 1px;
  background-color: #d1d1d1;
  margin: 0 auto;
}
.sumary-txt {
  position: relative;
  width: 85%;
  margin: 0 auto;
  display: flex;
  font-family: sf-regular;
  font-size: 14px;
  margin-bottom: 8px;
}
.sumary-txt-2 {
  position: absolute;
  right: 0;
}
.sumary-bold {
  font-family: sf-bold;
  font-size: 17px;
}
.sumary-txt-3 {
  width: 85%;
  margin: 0 auto;
  font-family: sf-light;
  font-size: 12px;
  margin-top: -14px;
}
.sumary-product {
  display: flex;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 10px;
  border: solid 1px #ededed;
}
.sumary-product-img {
  width: 40%;
  text-align: center;
}
.sumary-product-txt {
  width: 60%;
  font-size: 12px;
  color: #666666;
  padding-left: 10px;
  padding-top: 20px;
}
.sumary-product-txt-2 {
  font-family: sf-bold;
}
.legal-container {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
}
.legal-box {
  width: calc(80vw);
  height: calc(80vh);
  background-color: white;
  padding: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.legal-txt {
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}
.footer-italika-txt-1 {
  font-family: sf-bold;
  font-size: 17px;
  text-transform: uppercase;
  padding-top: 20px;
}
.footer-italika-txt-3 {
  font-family: sf-bold;
  font-size: 17px;
  text-transform: uppercase;
  margin-top: 40px;
  position: relative;
}
.footer-italika-list {
  list-style: none;
  font-family: sf-light;
  margin: 0;
  padding: 0;
  margin-top: 20px;
}
.footer-italika-stamps {
  margin-top: 20px;
}
.subs-container-style {
  margin-top: 20px;
  width: 100%;
  max-width: 450px;
  height: 47px;
  display: flex;
}
.subs-style {
  height: 47px;
}
.subs-style::placeholder {
  font-family: sf-bold;
  font-size: 12px;
  color: #acb5be;
  text-align: left;
}
.button-subs {
  width: 110px;
  height: 45px;
  background-color: #00205b;
  color: white;
  box-sizing: border-box;
  border: solid 2px white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 11px;
  text-transform: uppercase;
  margin-left: 10px;
}
.button-subs:hover {
  background-color: white;
  color: #00205b;
}
.footer-italika-contact {
  padding-top: 86px;
}
.footer-italika-txt-2 {
  font-family: sf-bold;
  font-size: 15px;
  margin-top: 5px;
}
.footer-italika-arrow {
  display: none;
}
.footer-lite {
  background-color: #101f38;
  padding: 20px;
  text-align: center;
  font-size: 14px;
}
.footer-lite p {
  padding: 0;
  margin: 0;
  color: white;
}
.footer-lite a {
  color: white;
  text-decoration: none;
}
.ss-21 {
  margin-top: 20px;
}
.ss-22 {
  margin-top: 3px;
}
.ss-23 {
  padding: 0;
}
.ss-24 {
  cursor: pointer;
}
.ss-25 {
  background-color: #0c45a8;
  color: white;
}
.ss-26 {
  margin-bottom: 20px;
}
.ss-27 {
  margin-left: 0;
}
.ss-28 {
  margin-bottom: 20px;
}
.ss-29 {
  margin-right: 0;
}
.sss-30 {
  margin-left: 10px;
  width: 300px;
}
.sss-31 {
  margin-left: 10px;
}
.sss-32 {
  margin-left: 5px;
}
:root {
  --color-brand01: #00205b;
  --color-brand02: #0c45a7;
  --color-brand-azteca: #07A04F;
  --color-gray-text: #666666;
  --color-black-text: black;
  --color-back-gray: #EEEEEE;
  --text-font-size11: 11px;
  --text-font-size12: 12px;
  --text-font-size13: 13px;
  --text-font-size14: 14px;
  --text-font-size15: 15px;
  --text-font-size16: 16px;
  --text-font-size17: 17px;
  --text-font-size18: 18px;
  --text-font-size19: 19px;
  --text-font-size20: 20px;
  --text-font-size24: 24px;
  --text-font-size25: 25px;
  --text-font-size28: 28px;
  --text-font-size30: 30px;
  --column-spacing: 10px;
  --border-radius: .50rem;
  --overlay: #000000;
}
h3 {
  margin: 0;
  padding: 0;
}
h4 {
  margin: 0;
  padding: 0;
}
h5 {
  margin: 0;
  padding: 0;
}
h6 {
  margin: 0;
  padding: 0;
}
figure {
  margin: 0;
  padding: 0;
}
.register-mandatory {
  color: #ff0000;
}
body {
  font-family: sf-regular;
  font-size: 16px;
  line-height: 1.5;
}
.nav-link {
  color: white;
  font-family: sf-bold;
}
.nav-link:hover {
  color: #a5c6ff;
}
.navbar-nav {
  text-transform: uppercase;
  font-size: 11px;
}
.row {
  margin: 0;
}
@media (max-width: 580px) {
  .button-italika-box-img-1 {
    width: 50px;
  }
  .button-italika-box-img-2 {
    width: 40px;
  }
  .mb-black-close {
    top: -25px;
    right: 0;
  }
  .banco-azteca-fixed {
    left: 0;
  }
  .banco-azteca-fixed-open {
    left: 0;
  }
  .buttons-fixed {
    right: 30px;
    bottom: 77px;
  }
}
@media (min-width: 768px) and (max-width: 1200px) {
  .header-1 {
    display: none;
  }
  .header-2 {
    display: block;
    height: 75px;
    z-index: 999;
  }
  .header-3 {
    display: none;
  }
  .margin-desktop {
    margin-top: 0;
  }
  .search-container-style {
    position: relative;
    max-width: 100%;
    top: 85px;
    padding: 0;
  }
  .hover-desktop {
    margin-top: -6px;
  }
  .hover-hamburger-container {
    margin-top: -57px;
  }
}
@media (max-width: 767px) {
  .header-1 {
    display: none;
  }
  .header-2 {
    display: none;
  }
  .header-3 {
    display: block;
    margin-top: -5px;
    z-index: 999;
  }
  .margin-desktop {
    margin-top: 90px;
  }
  .search-container-style {
    position: relative;
    max-width: 100%;
    top: 85px;
    padding: 0;
  }
  .hover-desktop {
    display: none;
  }
  .hover-hamburger-container {
    display: none;
  }
  .mobile-menu {
    display: block;
  }
  .margin-top-breadcrumb {
    margin-top: 100px;
  }
  .carousel-arrow-section {
    display: none;
  }
  .blog-box-container {
    display: block;
  }
  .blog-box-small-container {
    width: 100%;
  }
  .blog-box-big {
    width: 100%;
    margin-left: 0;
    font-size: 21px;
  }
  .checkout-shipping-buttons {
    grid-template-columns: repeat(1, 1fr);
  }
  .checkout-phone-container {
    height: 100px;
  }
  .checkout-input-check {
    left: 0;
    top: 70px;
  }
  .checkout-form-grid {
    grid-gap: 10%;
  }
  .checkout-adress-2-container {
    flex-direction: column;
  }
  .checkout-adress-buttons {
    grid-template-columns: repeat(1, 1fr);
  }
  .checkout-adress-2-txt {
    width: 100%;
  }
  .checkout-adress-2-map-container {
    width: 100%;
    height: 300px;
    border-top: solid 1px #ededed;
  }
  .btn-active {
    margin: 0 auto;
  }
  .btn-deactivated {
    margin: 0 auto;
  }
  .btn-select {
    margin: 0 auto;
  }
  .btn-select-2 {
    margin: 0 auto;
    margin-bottom: 20px;
  }
  .btn-shipping {
    margin: 20px auto;
  }
  .btn-recolect {
    margin: 0 auto;
  }
  .sumary-container {
    margin: 40px auto;
  }
  .sumary-containerEF {
    margin: 40px auto;
  }
  .footer-italika-contact {
    width: auto;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .footer-italika-list {
    display: none;
  }
  .footer-italika-stamps {
    display: none;
  }
  .footer-italika-txt-3 {
    border-bottom: solid 1px white;
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .footer-italika-arrow {
    display: block;
    width: 12px;
    position: absolute;
    top: 8px;
    right: 20px;
  }
  .sss-30 {
    margin-left: 0px;
    width: 100%;
  }
  .checkout-link-adress {
    width: 100%;
  }
  .btn-active {
    margin: 0 auto;
  }
  .btn-deactivated {
    margin: 0 auto;
    margin-top: 20px;
  }
  .navbar-logo-top {
    margin-top: -21px;
  }
  .toltip-mobile {
    width: 171px;
  }
}
@media (max-width: 320px) {
  .sss-30 {
    margin-left: 10px;
    width: 94%;
  }
  .ss-32 {
    width: 78px;
    border-top-left-radius: .50rem;
    border-bottom-left-radius: .50rem;
  }
}
@media (max-width: 1200px) {
  .margin-top-breadcrumb {
    margin-top: 75px;
  }
  .blog-box-small-txt p {
    display: none;
  }
  .btn-mt-20 {
    margin-top: 20px;
  }
  .pentalogue-line {
    width: 100%;
    left: 100px;
  }
  .sumary-container {
    position: relative;
    margin-top: 20px;
  }
  .sumary-containerEF {
    position: relative;
    margin-top: 20px;
  }
}
@media (max-width: 990px) {
  .bc-box {
    height: 58px;
    flex-direction: column;
  }
  .bc-txt-2 {
    display: none;
  }
  .bc-circle {
    margin-right: 0;
  }
  .blog-box-big {
    padding: 20px;
  }
  .blog-box-big div {
    text-align: center;
  }
  .bc-txt-3 {
    display: none;
  }
  .bc-txt-4 {
    display: none;
  }
  .footer-italika-contact {
    padding-top: 40px;
  }
}
@media (min-width: 1400px) {
  .ss-1 {
    margin-top: 65px;
  }
}
@media (max-width: 570px) {
  .button-view-more {
    width: 130px;
  }
}
@media (max-width: 587px) {
  .legal-box {
    width: calc(90vw);
    height: calc(90vh);
  }
}
@media (min-width: 768px) {
  .ss-21 {
    margin-left: 0;
  }
}
@media (min-width: 580px) {
  .container {
    padding: 0;
  }
}
@media (min-width: 1024px) {
  .container {
    width: 100%;
  }
}
/*sign up*/
.register-container {
  width: 100%;
  max-width: 726px;
  margin: 20px auto;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 40px;
  margin-bottom: 40px;
}
.register-container a {
  text-decoration: none;
}
.register-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  position: relative;
}
.register-grid div:nth-child(2) {
  margin-left: 30px;
}
.register-txt {
  margin-top: 40px;
}
.register-txt-2 {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .register-container {
    max-width: 385px;
  }
  .register-grid {
    display: block;
  }
  .register-grid div:nth-child(2) {
    margin-left: 0;
  }
}
@media (max-width: 412px) {
  .register-container {
    padding: 40px 20px 40px 20px;
  }
}
/*cart style*/
/*Detail & coupon*/
/*Sumary shopping cart*/
/*Sumary shopping cart*/
/*Empty cart*/
/*Empty cart*/
.dcs {
  position: relative;
  padding: 0;
}
.detail-container {
  width: 100%;
  max-width: 812px;
  display: flex;
  margin-top: 15px;
}
.detail-box {
  width: 100%;
  height: auto;
  border: solid 1px #ededed;
  margin-right: -2px;
}
.detail-title {
  width: 100%;
  height: 42px;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-title h3 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.detail-box-prodcut-img {
  width: 100%;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.detail-box-prodcut-txt {
  width: 100%;
  text-align: center;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-box-prodcut-txt h4 {
  font-family: sf-regular;
  font-size: 12px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.detail-box-prodcut-txt-2 {
  font-family: sf-bold;
  font-size: 14px;
}
.detail-box-price {
  width: 100%;
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-box-price h4 {
  font-family: sf-bold;
  font-size: 18px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.detail-box-form-container {
  position: relative;
  width: 100%;
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-box-form {
  width: 75px;
  height: 31px;
  border: solid 1px #ededed;
  border-radius: .50rem;
  margin-top: -7px;
  margin-right: 10px;
  font-family: sf-bold;
}
.detail-box-drop-down-arrow {
  position: absolute;
  left: 65px;
}
.detail-box-drop-down-arrow:hover {
  cursor: pointer;
}
.detail-box-drop-down {
  position: absolute;
  width: 75px;
  background-color: white;
  top: 110px;
  left: 16px;
  z-index: 1;
}
.detail-box-drop-down div {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .50rem;
}
.detail-box-drop-down div:hover {
  cursor: pointer;
  background-color: #ededed;
}
.detail-box-ship {
  width: 100%;
  height: 210px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-box-ship h4 {
  font-family: sf-bold;
  font-size: 12px;
  color: #00205b;
  text-align: center;
  padding: 0;
  margin: 0;
}
.coupon-container {
  margin-top: 20px;
  width: 325px;
  height: 106px;
  border: solid 1px #ededed;
  padding: 15px;
  margin-bottom: 40px;
}
.coupon-container h3 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
  margin-bottom: 6px;
}
.coupon-container-style {
  height: 47px;
  display: flex;
}
.coupon-style {
  height: 47px;
}
.coupon-style::placeholder {
  font-family: sf-bold;
  font-size: 12px;
  color: #acb5be;
  text-align: left;
}
.coupon-button {
  width: 110px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 11px;
  text-transform: uppercase;
  /*margin-left: 10px;*/
}
.sumary-container {
  position: absolute;
  top: 0;
  right: 0;
  width: 314px;
  min-height: 324px;
  background-color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
}
.sumary-container h1 {
  font-family: sf-bold;
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #333333;
  padding: 0;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 15px;
}
.sumary-line {
  width: 80%;
  height: 1px;
  background-color: #d1d1d1;
  margin: 0 auto;
  margin-bottom: 20px;
}
.sumary-txt {
  position: relative;
  width: 85%;
  margin: 0 auto;
  display: flex;
  font-family: sf-regular;
  font-size: 14px;
  margin-bottom: 8px;
}
.sumary-txt-2 {
  position: absolute;
  right: 0;
}
.sumary-bold {
  font-family: sf-bold;
  font-size: 17px;
}
.sumary-txt-3 {
  width: 85%;
  margin: 0 auto;
  font-family: sf-light;
  font-size: 12px;
  margin-top: -14px;
}
.button-to-payment {
  width: 270px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 17px;
  text-decoration: none;
  border-radius: .50rem;
  margin: 20px auto;
}
.link-italika-1 {
  width: 100%;
  text-align: center;
  font-family: sf-regular;
  font-size: 17px;
  margin: 0 auto;
}
.link-italika-1 a {
  color: #00205b;
}
.empty-cart-container {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 40px;
}
.empty-cart-container h1 {
  margin-bottom: 20px;
}
.empty-cart-container a {
  text-decoration: none;
}
.bfs-1 {
  font-size: 14px;
}
@media (max-width: 990px) {
  .detail-box-drop-down-arrow {
    left: 55px;
  }
  .detail-box-drop-down {
    left: 8px;
  }
}
@media (max-width: 767px) {
  .detail-container {
    display: block;
    border-top: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
    padding-top: 20px;
  }
  .detail-box {
    width: 50%;
    height: auto;
    border: none;
    margin-right: 0;
  }
  .detail-box:nth-child(1) {
    height: 280px;
  }
  .detail-box:nth-child(2) {
    position: absolute;
    top: 20px;
    right: 0;
  }
  .detail-box:nth-child(3) {
    position: absolute;
    right: 0;
    top: 84px;
  }
  .detail-box:nth-child(4) {
    right: 0;
    top: 163px;
  }
  .detail-box:nth-child(5) {
    position: absolute;
    right: 0;
    top: 232px;
  }
  .detail-title {
    height: auto;
    background-color: white;
    border: none;
    justify-content: flex-start;
    padding-left: 20px;
    padding-bottom: 5px;
  }
  .detail-title h3 {
    color: #333333;
  }
  .detail-title-product {
    display: none;
  }
  .detail-box-prodcut-img {
    margin-top: 40px;
  }
  .detail-box-price {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .detail-box-form-container {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .detail-box-ship {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .detail-box-ship h4 {
    text-align: left;
  }
  .detail-box-drop-down-arrow {
    left: 65px;
  }
  .detail-box-drop-down {
    top: 42px;
    left: 20px;
    box-shadow: 0px 0px 6px 1px #d6d6d6;
  }
  .bc-txt-3 {
    display: none;
  }
  .coupon-container {
    margin: 20px auto;
  }
  .sumary-container {
    margin: 20px auto;
  }
  .sumary-containerEF {
    margin: 20px auto;
  }
}
@media (max-width: 1200px) {
  .sumary-container {
    position: relative;
    margin-top: 20px;
  }
}
/*shipping*/
.shipping .banner-general .ba-ge-shipping-back {
  background: #5686d1;
  position: relative;
}
.shipping .banner-general .ba-ge-shipping-back .ba-ge-uno {
  margin: 0 0 0 100px;
  z-index: 1;
}
.shipping .banner-general .ba-ge-shipping-back .ba-ge-uno img {
  margin: 0;
}
.shipping .banner-general .ba-ge-shipping-back2 {
  position: absolute;
  z-index: 0;
}
.shipping .banner-general .ba-ge-dos {
  z-index: 1;
}
.shipping .banner-general .ba-ge-dos .link-margin {
  margin: 0;
}
.shipping .banner-general .ba-ge-dos .link {
  margin: 0 auto 20px auto;
}
.shipping .banner-general .ba-ge-dos .legal {
  font-size: 14px;
  font-family: 'sf-regular';
  margin: 0;
}
.shipping .banner-general .ba-ge-dos .ba-ge-dos-img {
  margin: 25px 0 0 0;
}
.shipping .name-section-title2 {
  font-family: 'sf-bold';
  font-size: 20px;
}
.shipping .shipping-map {
  position: relative;
}
.shipping .shipping-map .sp-A {
  position: absolute;
  background: #EDEDED;
  padding: 29px 100px;
  font-size: 20px;
  font-family: 'sf-bold';
  width: 56%;
  bottom: 57px;
  left: 0;
  z-index: -1;
  color: #999999;
}
.shipping .shipping-map .sp-A span {
  margin: 0 0 0 50px;
}
.shipping .shipping-map .sp-B {
  max-width: 625px;
  width: 100%;
  margin: 0 auto;
}
.shipping .shipping-map .sp-B img {
  width: 100%;
  max-width: 609px;
}
.shipping .shipping-map .sp-C {
  position: absolute;
  background: #EDEDED;
  padding: 42px 60px;
  font-size: 20px;
  font-family: 'sf-bold';
  width: 56%;
  top: 62px;
  right: 0;
  z-index: -1;
  color: #999999;
}
.shipping .shipping-map .sp-C-five {
  display: flex;
  justify-content: flex-end;
  margin: 0 50px 0 0;
}
.shipping .shipping-map .sp-C-five:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #B8A388;
  display: inline-block;
  margin: 5px 10px 0 0;
}
.shipping .shipping-map .sp-C-nine {
  margin: 0 0 0 50px;
  display: flex;
  justify-content: flex-end;
}
.shipping .shipping-map .sp-C-nine:before {
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #E7D1B5;
  display: inline-block;
  margin: 5px 10px 0 0;
}
.shipping .shipping-search {
  background-image: url("../img-shipping/back-shipping.jpg");
  background-position: center;
  height: 168px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 40px 0;
}
.shipping .shipping-search .s-s-container {
  max-width: 650px;
  margin: 0 auto;
  position: relative;
  width: 100%;
}
.shipping .shipping-search .s-s-container .btn {
  width: 114px;
  background: var(--color-brand01);
  border: 2px solid white;
  border-radius: 5px;
  color: white;
  position: absolute;
  right: 0;
  top: 0;
  line-height: 31px;
  font-size: 12px;
}
.shipping .shipping-search .s-s-container .search-style {
  border: white;
}
.shipping .shipping-search-results {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
.shipping .shipping-search-results ul {
  border: 1px solid var(--color-back-gray);
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
.shipping .shipping-search-results li {
  height: 42px;
  display: flex;
  align-items: center;
  padding: 0 10px;
  border-bottom: 1px solid var(--color-back-gray);
  justify-content: space-between;
  font-size: 12px;
  cursor: pointer;
}
.shipping .shipping-search-results li .s-s-flex {
  display: flex;
  align-items: center;
}
.shipping .shipping-search-results li img {
  margin: 0 10px 0 0;
}
.shipping .shipping-search-results li .ss-result-arrow {
  transform: rotate(-90deg);
}
.shipping .shipping-search-results li:hover {
  background: var(--color-back-gray);
}
.shipping .shipping-search-results .s-s-title {
  color: var(--color-brand01);
  font-family: 'sf-semibold';
}
.shipping .shipping-search-results .s-s-control {
  display: flex;
  margin: 0 0 40px 0;
}
.shipping .shipping-search-results .s-s-control .s-s-btn-behind {
  color: white;
  background: var(--color-back-gray);
  padding: 10px;
  border-radius: var(--border-radius);
  width: 160px;
  line-height: 16px;
  text-align: center;
  margin: 0 40px 0 0;
  font-size: 14px;
  border: 2px solid var(--color-back-gray);
}
.shipping .shipping-search-results .s-s-control .s-s-btn-next {
  color: white;
  background: var(--color-back-gray);
  padding: 10px;
  border-radius: var(--border-radius);
  width: 160px;
  line-height: 16px;
  text-align: center;
  margin: 0 40px 0 0;
  font-size: 14px;
  border: 2px solid var(--color-back-gray);
}
.shipping .shipping-search-results .s-s-control .s-s-btn-behind.active {
  background: var(--color-brand02);
  cursor: pointer;
}
.shipping .shipping-search-results .s-s-control .s-s-btn-next.active {
  background: var(--color-brand02);
  cursor: pointer;
}
.shipping .s-s-legals ul {
  margin-left: -12px;
}
.shipping .s-s-control {
  display: flex;
  margin: 0 0 40px 0;
}
.shipping .shipping-search-results-selected {
  max-width: 645px;
  margin: 0 auto;
}
.shipping .shipping-search-results-selected .s-s-title {
  font-family: 'sf-bold';
}
.shipping .shipping-search-results-selected .s-s-container {
  display: flex;
  width: 100%;
  align-items: flex-start;
}
.shipping .shipping-search-results-selected .s-s-container-data {
  width: 100%;
}
.shipping .shipping-search-results-selected .s-s-map {
  padding: 10px;
  border-left: 1px solid var(--color-back-gray);
}
.shipping .shipping-search-results-selected .s-s-select-flex {
  display: flex;
  width: 100%;
  align-items: center;
}
.shipping .shipping-search-results-selected .s-s-select-flex p {
  width: 50%;
  padding: 6px 10px;
  margin: 0;
  font-size: 12px;
}
.shipping .shipping-search-results-selected .s-s-select-flex .s-s-data {
  border-left: 1px solid var(--color-back-gray);
}
.shipping .shipping-search-results-selected .s-s-select-flex.s-s-office p {
  padding: 16px 10px 6px 10px;
}
.shipping .shipping-search-results-selected .s-s-select-flex.s-s-bottom .s-s-data {
  height: 60px;
}
.shipping .s-s-btn-behind {
  width: 300px;
  border-radius: var(--border-radius);
  text-align: center;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 40px 0 0 0;
  cursor: pointer;
  line-height: 50px;
  display: block;
  text-decoration: none;
  color: var(--color-brand02);
  border: 2px solid var(--color-brand02);
}
@media (max-width: 1000px) {
  .shipping .banner-general .ba-ge-shipping-back2 {
    bottom: 88px;
    width: 100%;
  }
  .shipping .banner-general .ba-ge-shipping-back .ba-ge-uno {
    margin: 0;
    justify-content: center;
  }
  .shipping .banner-general .ba-ge-dos .legal {
    margin: 0 0 20px 0;
  }
  .shipping .shipping-map {
    margin: 0 0 68px 0px;
  }
  .shipping .shipping-map .sp-A {
    width: 100%;
    bottom: -49px;
    padding: 69px 100px 0px 100px;
  }
  .shipping .shipping-map .sp-A .sp-A-text {
    text-align: center;
  }
  .shipping .shipping-map .sp-B {
    padding-top: 60px;
  }
  .shipping .shipping-map .sp-C {
    top: 0;
    width: 100%;
    padding: 22px 60px 62px;
  }
  .shipping .shipping-map .sp-C-five {
    width: 180px;
    margin: 0 auto;
  }
  .shipping .shipping-map .sp-C-nine {
    width: 250px;
    margin: 0 auto;
  }
  .shipping .shipping-search .s-s-container {
    margin: 0 10px;
  }
  .shipping .shipping-search-results-selected .s-s-container {
    flex-wrap: wrap;
  }
  .shipping .shipping-search-results-selected .s-s-container-data {
    border: 1px solid var(--color-back-gray);
    margin: 0 0 10px 0;
  }
  .shipping .shipping-search-results-selected .s-s-map {
    border: 1px solid var(--color-back-gray);
    width: 100%;
  }
  .shipping .s-s-btn-behind {
    margin: 40px auto 0 auto;
  }
}
@media (min-width: 1000px) {
  .shipping .banner-general .ba-ge-shipping-back2 {
    top: 206px;
  }
  .shipping .shipping-search-results-selected .s-s-container {
    border: 1px solid var(--color-back-gray);
  }
  .shipping .shipping-search-results-selected .s-s-map iframe {
    width: 307px;
  }
}
/*promotion*/
/*landing / promotions*/
/*landing / promotions*/
@media (min-width: 1000px) {
  .promotions .promotions-container-thumbs {
    display: flex;
  }
}
.promotions .promotions-container-thumbs .pc-thumb {
  box-shadow: 0px 0px 6px 0px #000000;
  width: calc(23.3%);
  margin: 10px 0 10px 20px;
}
.promotions .promotions-container-thumbs .pc-thumb:first-child {
  margin: 10px 0 10px 0;
}
.promotions .promotions-container-thumbs .pc-img {
  text-align: center;
  line-height: 50px;
  border-bottom: 1px solid #EDEDED;
}
.promotions .promotions-container-thumbs .pc-img img {
  height: 20px;
}
.promotions .promotions-container-thumbs .pc-discount {
  display: flex;
  text-align: center;
  height: 70px;
  justify-content: center;
  align-items: center;
  margin: 0px 10px -20px 10px;
}
.promotions .promotions-container-thumbs .pc-discount strong {
  font-size: 30px;
  margin: 0 10px;
}
.promotions .promotions-container-thumbs .pc-legal {
  display: flex;
  text-align: center;
  height: 70px;
  font-family: 'sf-bold';
  justify-content: center;
  align-items: center;
  margin: 0 10px;
}
.promotions .promotions-container-thumbs .pc-link {
  display: block;
  text-align: center;
  line-height: 60px;
  font-family: 'sf-bold';
  border-top: 1px solid #EDEDED;
}
.promotions .title-container-margin-top {
  margin: 30px 0 20px 0;
  width: 100%;
}
.promotions .promotions-tables {
  display: flex;
  flex-wrap: wrap;
}
.promotions .dpo-m-table-container {
  width: 33.3%;
  padding: 0 20px 0 0;
}
.promotions .dpo-m-table-container:last-child {
  padding: 0;
}
.promotions .dpo-m-table-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: var(--color-back-gray);
  color: var(--color-brand01);
  align-items: center;
}
.promotions .dpo-m-table-title .dpo-m-table-item {
  text-align: center;
  width: calc(16.66666667%);
  line-height: 48px;
  border-right: 1px solid white;
  font-family: 'sf-bold';
}
.promotions .dpo-m-table-title .dpo-m-table-item:last-child {
  border-right: 0;
}
.promotions .dpo-m-table-title .dpo-m-table-item-principal {
  width: 95px;
  font-size: 13px;
  line-height: 14px;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'sf-regular';
}
.promotions .dpo-m-table {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.promotions .dpo-m-table .dpo-m-table-item {
  text-align: center;
  width: calc(16.66666667%);
  line-height: 48px;
  border-right: 1px solid var(--color-back-gray);
  border-bottom: 1px solid var(--color-back-gray);
  height: 49px;
}
.promotions .dpo-m-table .dpo-m-table-item img {
  width: 13px;
}
.promotions .dpo-m-table .dpo-m-table-item img.dpo-m-table-azteca-img {
  width: 40px;
  margin: 0 16px;
}
.promotions .dpo-m-table .dpo-m-table-item img.dpo-m-table-banamex-img {
  width: 61px;
}
.promotions .dpo-m-table .dpo-m-table-item img.dpo-m-table-bbva-img {
  width: 31px;
  margin: 0px 20px;
}
.promotions .dpo-m-table .dpo-m-table-item img.dpo-m-table-santander-img {
  width: 58px;
  margin: 0px 6px;
}
.promotions .dpo-m-table .dpo-m-table-item img.dpo-m-table-hsbc-img {
  width: 41px;
  margin: 0px 15px;
}
.promotions .dpo-m-table .dpo-m-table-item img.dpo-m-table-american-img {
  width: 20px;
  margin: 0px 26px;
}
.promotions .dpo-m-table .dpo-m-table-item img.dpo-m-table-scotiabank-img {
  width: 62px;
  margin: 0;
}
.promotions .dpo-m-table .dpo-m-table-item img.dpo-m-table-imbursa-img {
  width: 62px;
  margin: 0;
}
.promotions .dpo-m-table .dpo-m-table-item img.dpo-m-table-falabella-img {
  width: 62px;
  margin: 0;
}
.promotions .dpo-m-table .dpo-m-table-item img.dpo-m-table-afirme-img {
  width: 55px;
  margin: 0;
}
.promotions .dpo-m-table .dpo-m-table-item img.dpo-m-table-banbajio-img {
  width: 45px;
  margin: 0;
}
.promotions .dpo-m-table .dpo-m-table-item img.dpo-m-table-palap-img {
  width: 71px;
  margin: 0;
}
.promotions .dpo-m-table .dpo-m-table-item-principal {
  width: 99px;
  border-left: 1px solid var(--color-back-gray);
  border-bottom: 1px solid var(--color-back-gray);
  padding: 0 3px;
}
.promotions .promotion-copy {
  margin: 40px 0 80px 0;
}
@media (max-width: 1000px) {
  .promotions .promotions-container .promotions-container-thumbs {
    max-width: 600px;
    margin: 0 auto;
  }
  .promotions .promotions-container-thumbs .pc-thumb {
    min-width: 350px;
    width: 100%;
    margin: 20px auto;
  }
  .promotions .promotions-container-thumbs .pc-thumb:first-child {
    margin: 10px auto;
  }
  .promotions .dpo-m-table-container {
    width: 100%;
    padding: 0;
  }
  .promotions .dpo-m-table-title.hidden-mobile {
    display: none;
  }
}
@media (max-width: 800px) {
  .promotions .promotions-tables {
    display: block;
  }
}
/*product-detail*/
/*PD Main*/
/*More information*/
/*More information*/
/*Technical sheet*/
/*Technical sheet*/
/*Comparator*/
/*Comparator*/
/*Name section*/
/*Name section*/
/*Carousel*/
/*Carousel*/
/*Pentalogue*/
/*Pentalogue*/
/*Footer*/
/*Footer*/
/*Footer lite*/
/*Footer lite*/
/*bootstrap --------------------------------------- */
/*header*/
/*header*/
.pd-container {
  position: relative;
  width: 100%;
  height: 538px;
  margin-top: 20px;
}
.pd-section-1 {
  position: relative;
  width: 100%;
  max-width: 454px;
  height: auto;
  box-sizing: border-box;
  border: solid 1px #ededed;
}
.pd-badge-section {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
}
.pd-badge-helmet {
  width: 96px;
  height: 16px;
  background-color: #3f6796;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  font-size: 11px;
  color: white;
  clip-path: polygon(95% 0, 99% 49%, 95% 100%, 0 100%, 0 0);
  margin-right: 5px;
  margin-left: 5px;
}
.pd-badge-msi {
  width: 74px;
  height: 16px;
  background-color: #f3c359;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  font-size: 11px;
  color: #00205b;
  clip-path: polygon(95% 0, 99% 49%, 95% 100%, 0 100%, 0 0);
  margin-right: 5px;
}
.pd-badge-offer {
  width: 36px;
  height: 16px;
  background-color: #3f6794;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  font-size: 11px;
  color: white;
  clip-path: polygon(90% 0, 99% 49%, 90% 100%, 0 100%, 0 0);
}
.pd-add-favourite {
  position: absolute;
  top: 15px;
  right: 15px;
}
.pd-add-favourite:hover {
  cursor: pointer;
}
.pd-indicators-section {
  margin-top: 24px;
  width: 100%;
}
.pd-indicators {
  width: 456px;
  height: 60px;
  display: flex;
  overflow: hidden;
}
.pd-indicators div {
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  margin-right: 10px;
}
.pd-indicators:hover {
  cursor: pointer;
}
.pd-indicators-arrows {
  position: relative;
  width: 456px;
  height: 30px;
}
.pd-arrow {
  margin-top: -44px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.pd-arrow:hover {
  border: solid 5px #d8d8d8;
  cursor: pointer;
}
.ss-5 {
  position: absolute;
  left: -15px;
}
.ss-6 {
  position: absolute;
  right: -15px;
}
.pd-section-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 845px;
  height: 538px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding-left: 20px;
  padding-right: 20px;
}
.pd-title-reviews {
  position: relative;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
}
.pd-title {
  font-size: 18px;
  font-family: sf-bold;
  color: #00205b;
}
.pd-reviws {
  position: absolute;
  right: 0;
  display: flex;
}
.pd-reviws-txt {
  color: #969696;
  text-decoration: underline;
}
.pd-reviws-txt:hover {
  cursor: pointer;
  text-decoration: underline;
}
.pd-reviws-stars {
  margin-right: 10px;
  margin-top: -2px;
}
.pd-pricing-section {
  width: 100%;
  height: 206px;
  display: flex;
  border-bottom: solid 1px #ededed;
}
.pd-pricing {
  width: 50%;
  border-right: solid 1px #ededed;
  padding-top: 10px;
}
.pd-credit {
  width: 50%;
  padding: 10px 10px 0 20px;
}
.pd-price-normal {
  font-size: 19px;
  color: #959595;
  text-decoration: line-through;
}
.pd-price-offer {
  font-size: 28px;
  color: #00205b;
  margin-top: -5px;
}
.online-only {
  font-size: 11px;
}
.pd-price-months {
  display: flex;
}
.pd-pricing-msi {
  font-family: sf-bold;
  font-size: 14px;
}
.pd-credit-title-container {
  display: flex;
}
.pd-credit-title {
  font-size: 21px;
  color: #17a14d;
  margin-right: 10px;
}
.pd-credit-weekly {
  font-family: sf-bold;
  font-size: 27px;
  color: #17a14d;
  margin-top: -5px;
}
.pd-credit-txt {
  font-size: 12px;
  line-height: 14px;
}
.pd-credit-button {
  width: 130px;
  height: 28px;
  border-radius: .50rem;
  font-size: 11px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  font-family: sf-bold;
}
.pd-complementary {
  padding: 20px 0 20px 0;
}
.pd-complementary-buttons {
  display: flex;
}
.pd-unit-control {
  width: 180px;
  height: 50px;
  display: flex;
}
.pd-unit-control-substract {
  width: 60px;
  height: 100%;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pd-unit-control-substract:hover {
  cursor: pointer;
  background-color: #ededed;
}
.ss-7 {
  width: 16px;
  height: 3px;
  background-color: #00205b;
}
.pd-unit-control-number {
  width: 60px;
  height: 100%;
  background-color: #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 20px;
  color: #00205b;
}
.pd-unit-control-add {
  position: relative;
  width: 60px;
  height: 100%;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  box-sizing: border-box;
  border: solid 1px #ededed;
}
.pd-unit-control-add:hover {
  cursor: pointer;
  background-color: #ededed;
}
.ss-8 {
  position: absolute;
  width: 16px;
  height: 3px;
  background-color: #00205b;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pd-principal-button {
  width: 100%;
  max-width: 418px;
  height: 50px;
  font-family: sf-bold;
  font-size: 17px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .50rem;
  margin-left: 22px;
}
.pd-txt-container {
  display: flex;
  margin-bottom: 20px;
  line-height: 24px;
}
.pd-icon {
  width: 30px;
}
.pd-txt {
  padding-left: 20px;
}
.pd-share {
  position: absolute;
  display: flex;
  bottom: 20px;
  right: 20px;
}
.pd-share:hover {
  cursor: pointer;
}
.more-information {
  margin-top: 40px;
  width: 100%;
  height: 238px;
  display: flex;
}
.mi-section-1 {
  width: 49%;
}
.mi-section-1-title {
  width: 100%;
  height: 40px;
  display: flex;
}
.title-active {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 15px;
  color: #00205b;
  box-sizing: border-box;
  border-bottom: solid 2px #4087f1;
}
.title-disabled {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 15px;
  color: #969696;
}
.title-disabled:hover {
  cursor: pointer;
}
.mi-section-1-content {
  width: 100%;
  height: 198px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 40px;
}
.mi-section-1-content-txt {
  color: #00205b;
  margin-top: 10px;
  margin-bottom: 10px;
}
.technical-sheet-title {
  width: 100%;
  height: 60px;
  background-color: #a5c6ff;
  clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
  padding-top: 15px;
  padding-left: 15px;
}
.technical-sheet-title h3 {
  font-size: 16px;
  color: white;
  font-family: sf-bold;
  text-transform: uppercase;
  float: left;
}
.technical-sheet-title-img {
  position: absolute;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 15px;
  left: 0;
  right: 0;
  margin: auto;
}
.technical-sheet-info {
  width: 100%;
  height: 425px;
  text-align: left;
  margin-top: 35px;
}
.technical-sheet-row {
  width: 100%;
  display: flex;
  padding: 5.9px;
}
.technical-sheet-row:nth-child(2n+1) {
  background-color: #f2f2f2;
}
.technical-sheet-row div {
  width: 50%;
  font-size: 12px;
}
.technical-sheet-row div:nth-child(2) {
  font-family: sf-bold;
}
.ss-9 {
  margin-right: 21px;
}
.comparator-container {
  margin-top: 40px;
  width: 100%;
  height: 270px;
  border: solid 1px #ededed;
  display: flex;
}
.comparator-section-1 {
  width: 60%;
  display: flex;
}
.comparator-section-2 {
  width: 40%;
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.comparator-box {
  width: 50%;
  position: relative;
}
.comparator-box-img-1 {
  position: absolute;
  top: 70px;
  left: 60px;
}
.comparator-box-img-2 {
  position: absolute;
  top: 30px;
  left: 110px;
}
.comparator-box-txt-1 {
  font-size: 24px;
  font-family: sf-bold;
  margin-top: 80px;
}
.comparator-box-txt-2 {
  font-size: 20px;
  margin-top: -5px;
  margin-bottom: 10px;
}
.comparator-benefits-box {
  width: 420px;
  height: 244px;
}
.comparator-button:hover {
  cursor: pointer;
}
.ss-10 {
  display: block;
}
.ss-11 {
  display: none;
}
.name-section-container {
  margin-top: 40px;
  margin-bottom: 20px;
}
.ss-1 {
  margin-top: 40px;
}
.name-section-subtitle {
  font-family: sf-light;
  background-size: 14px;
  color: #666666;
  text-transform: uppercase;
}
.ss-3 {
  position: absolute;
  left: -25px;
}
.ss-4 {
  position: absolute;
  right: -25px;
}
.pentalogue-container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  margin-top: 20px;
  overflow: hidden;
  margin-top: 60px;
}
.pentalogue-box {
  position: relative;
  width: 210px;
  height: 178px;
  margin: 0 auto;
}
.pentalogue-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pentalogue-txt-section {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 110px;
  background-color: #e8e8e8;
  border-radius: .50rem;
  text-align: center;
  padding-top: 38px;
}
.pentalogue-title {
  font-family: sf-bold;
  text-transform: uppercase;
}
.pentalogue-txt {
  color: #00205b;
  line-height: 18px;
  font-family: sf-light;
  margin-top: 5px;
}
.pentalogue-line {
  position: absolute;
  width: 75%;
  height: 10px;
  background-color: #00205b;
  z-index: -1;
  top: -78px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.footer-italika {
  margin-top: 80px;
  padding-bottom: 40px;
  background-color: #00205b;
  color: white;
}
.footer-italika-txt-1 {
  font-family: sf-bold;
  font-size: 17px;
  text-transform: uppercase;
  padding-top: 20px;
}
.footer-italika-txt-3 {
  font-family: sf-bold;
  font-size: 17px;
  text-transform: uppercase;
  margin-top: 40px;
  position: relative;
}
.footer-italika-list {
  list-style: none;
  font-family: sf-light;
  margin: 0;
  padding: 0;
  margin-top: 20px;
}
.footer-italika-stamps {
  margin-top: 20px;
}
.subs-container-style {
  margin-top: 20px;
  width: 100%;
  max-width: 450px;
  height: 47px;
  display: flex;
}
.subs-style {
  height: 47px;
}
.subs-style::placeholder {
  font-family: sf-bold;
  font-size: 12px;
  color: #acb5be;
  text-align: left;
}
.button-subs {
  width: 110px;
  height: 45px;
  background-color: #00205b;
  color: white;
  box-sizing: border-box;
  border: solid 2px white;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 11px;
  text-transform: uppercase;
  margin-left: 10px;
}
.button-subs:hover {
  background-color: white;
  color: #00205b;
}
.footer-italika-contact {
  padding-top: 86px;
}
.footer-italika-txt-2 {
  font-family: sf-bold;
  font-size: 15px;
  margin-top: 5px;
}
.footer-italika-arrow {
  display: none;
}
.footer-lite {
  background-color: #101f38;
  padding: 20px;
  text-align: center;
  font-size: 14px;
}
.footer-lite p {
  padding: 0;
  margin: 0;
  color: white;
}
.footer-lite a {
  color: white;
  text-decoration: none;
}
body {
  font-family: sf-regular;
}
.nav-link {
  color: white;
  font-family: sf-bold;
}
.nav-link:hover {
  color: #a5c6ff;
}
.navbar-nav {
  text-transform: uppercase;
  font-size: 11px;
}
@media (max-width: 1400px) {
  .pd-section-2 {
    width: 662px;
  }
}
@media (max-width: 1200px) {
  .pd-container {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pd-section-2 {
    position: relative;
    margin-top: 80px;
  }
  .pd-indicators {
    width: 100%;
    max-width: 456px;
    margin: 0 auto;
  }
  .pd-indicators-arrows {
    margin: 0 auto;
  }
  .comparator-container {
    height: auto;
    flex-direction: column;
  }
  .comparator-section-1 {
    width: 100%;
  }
  .comparator-section-2 {
    width: 100%;
    margin-top: 100px;
    padding-bottom: 20px;
  }
  .comparator-box {
    padding-left: 120px;
  }
  .comparator-box-img-1 {
    position: absolute;
    top: 70px;
    left: 170px;
  }
  .comparator-box-img-2 {
    position: absolute;
    top: 30px;
    left: 210px;
  }
  .carousel-button {
    visibility: visible;
  }
  .pentalogue-line {
    width: 100%;
    left: 100px;
  }
}
@media (max-width: 767px) {
  .pd-indicators-arrows {
    display: none;
  }
  .pd-section-2 {
    width: 100%;
    height: auto;
    border: none;
    padding-left: 0;
    padding-right: 0;
    border-bottom: solid 1px #ededed;
    margin-top: 80px;
  }
  .pd-title-reviews {
    height: auto;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .pd-reviws {
    position: relative;
  }
  .pd-pricing-section {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    border-bottom: solid 1px #ededed;
  }
  .pd-pricing {
    width: 100%;
    border-right: none;
    padding: 0;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: solid 1px #ededed;
  }
  .pd-credit {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .pd-price-months {
    width: 100%;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .pd-credit-title-container {
    justify-content: center;
  }
  .pd-credit-title {
    font-size: 21px;
    color: #17a14d;
  }
  .pd-credit-weekly {
    text-align: center;
  }
  .pd-credit-txt {
    text-align: center;
  }
  .pd-credit-button {
    width: 182px;
    height: 40px;
    font-size: 16px;
    margin: 20px auto;
  }
  .pd-complementary-buttons {
    flex-direction: column;
    align-items: center;
  }
  .pd-principal-button {
    margin: 20px auto;
    height: 60px;
  }
  .carousel-arrow-section {
    display: none;
  }
  .footer-italika-contact {
    width: auto;
    margin: 0 auto;
    margin-bottom: 40px;
  }
  .footer-italika-list {
    display: none;
  }
  .footer-italika-stamps {
    display: none;
  }
  .footer-italika-txt-3 {
    border-bottom: solid 1px white;
    padding-bottom: 20px;
    margin-top: 20px;
  }
  .footer-italika-arrow {
    display: block;
    width: 12px;
    position: absolute;
    top: 8px;
    right: 20px;
  }
}
@media (max-width: 990px) {
  .more-information {
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .mi-section-1 {
    width: 100%;
  }
  .mi-section2 {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    height: 250px;
    display: flex;
    justify-content: center;
  }
  .comparator-box {
    padding-left: 90px;
  }
  .comparator-box-img-1 {
    left: 60px;
  }
  .comparator-box-img-2 {
    left: 110px;
  }
  .footer-italika-contact {
    padding-top: 40px;
  }
}
@media (max-width: 580px) {
  .mi-section-1-content {
    height: 220px;
    padding: 20px;
  }
  .pd-share {
    bottom: 10px;
    right: 10px;
  }
  .comparator-section-2 {
    margin-top: 30px;
  }
  .comparator-box {
    padding: 10px;
  }
  .comparator-box-img-1 {
    transform: scale(0.6);
    top: 40px;
    left: -30px;
  }
  .comparator-box-img-2 {
    transform: scale(0.6);
    top: 0;
    left: 0;
  }
  .comparator-box-txt-1 {
    margin-top: 50px;
  }
  .ss-10 {
    display: none;
  }
  .ss-11 {
    display: block;
  }
}
@media (min-width: 1401px) {
  .ss-9 {
    margin-right: 108px;
  }
}
@media (max-width: 760px) {
  .comparator-box {
    padding-left: 50px;
  }
  .comparator-box-img-1 {
    left: 30px;
  }
  .comparator-box-img-2 {
    left: 80px;
  }
}
@media (min-width: 1400px) {
  .ss-1 {
    margin-top: 65px;
  }
}
@media (min-width: 580px) {
  .container {
    padding: 0;
  }
}
/*product overlay*/
/*detail product / overlay */
/* detail product / overlay */
/* detail product / overlay / compare*/
/* detail product / overlay / compare*/
/* detail product / overlay / quotes*/
/* detail product / overlay / quotes*/
/* detail product / overlay / quotes / rank*/
/* detail product / overlay / quotes / rank*/
/* detail product / overlay / warranty*/
/* detail product / overlay / warranty*/
/* detail product / overlay / |*/
/*------------------------------*/
/* detail product / overlay / service*/
/* detail product / overlay / careful*/
/* detail product / overlay / careful*/
/* detail product / overlay / license*/
/* detail product / overlay / license*/
/* detail product / overlay / qualification*/
/* detail product / overlay / qualification*/
/* detail product / overlay / months*/
/* detail product / overlay / months*/
/* detail product / overlay / compare table*/
/* detail product / overlay / compare table*/
/* generals */
@media (max-width: 1100px) {
  .detail-product-overlay-container {
    width: calc(80%);
    margin: 0 10px;
  }
}
.detail-product-overlay-back {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.detail-product-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  left: 0;
}
.detail-product-overlay .detail-product-overlay-container {
  max-width: 992px;
  width: 100%;
  background: white;
  padding: 20px;
  position: relative;
  padding: 20px 50px;
}
.detail-product-overlay .detail-product-overlay-container .dpo-close {
  background: var(--color-brand01);
  position: absolute;
  right: -25px;
  top: -25px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
  cursor: pointer;
}
.detail-product-overlay .detail-product-overlay-container .dpo-close img {
  width: 15px;
}
.detail-product-overlay .detail-product-overlay-container .dpo-flex {
  display: flex;
}
.detail-product-overlay .detail-product-overlay-container .dpo-flex .input-container {
  margin: 0 20px 0 0;
}
.detail-product-overlay .detail-product-overlay-container .dpo-text {
  width: 100%;
  font-size: 16px;
  margin-bottom: 16px;
}
.detail-product-overlay .dpo-title {
  font-size: var(--text-font-size30);
  color: var(--color-brand01);
  padding: 20px 20px 0 20px;
  margin: 0 0 15px 0;
  font-family: sf-bold;
  width: 100%;
}
.detail-product-overlay-compare .detail-product-overlay-container {
  padding: 60px 80px;
  max-width: 1100px;
}
.detail-product-overlay-compare .dpo-flex {
  justify-content: space-between;
  align-items: flex-end;
}
.detail-product-overlay-compare .form-italika-style {
  width: 300px;
}
.detail-product-overlay.detail-product-overlay-quotes {
  position: absolute;
  display: block;
  padding: 40px 10px;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container {
  max-width: 775px;
  padding: 20px 60px;
  margin: 0 auto;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container {
  margin: 0;
  width: calc(40%);
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container input {
  width: 100%;
  max-width: 100%;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-name {
  width: 100%;
  max-width: 100%;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-name input {
  margin: 0;
  width: 100%;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-mail {
  margin: 0 20px 0 0;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-price {
  margin: 0 20px 0 0;
}
.detail-product-overlay-quotes .dpo-banco-azteca {
  position: absolute;
  right: 70px;
  top: 0;
}
.detail-product-overlay-quotes .dpo-banco-azteca img {
  width: 161px;
}
.detail-product-overlay-quotes .input-container-name .form-italika-style {
  width: 100%;
  max-width: 100%;
}
.detail-product-overlay-quotes .check {
  margin: 0 0 20px 0;
  font-size: var(--text-font-size14);
  display: flex;
  align-items: center;
}
.detail-product-overlay-quotes .check input {
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
}
.detail-product-overlay-quotes .dpo-text-legals {
  font-size: var(--text-font-size14);
}
.detail-product-overlay-quotes .btn_brand2 {
  margin: 20px 0 0 0;
}
.detail-product-overlay-quotes .dpo-pay {
  display: flex;
  justify-content: space-between;
  width: 400px;
  margin: 40px auto;
}
.detail-product-overlay-quotes .dpo-pay .dpo-pay-txt {
  font-family: sf-semibold;
  font-size: var(--text-font-size16);
  margin: 0;
}
.detail-product-overlay-quotes .dpo-pay .dpo-pay-number {
  font-size: var(--text-font-size30);
  color: var(--color-brand01);
  padding: 0;
  margin: 0;
  font-family: sf-bold;
}
.detail-product-overlay-quotes .dpo-img {
  width: 100%;
  text-align: center;
}
.detail-product-overlay-quotes .dpo-img img {
  width: 100%;
  max-width: 400px;
}
.detail-product-overlay-quotes .dpo-btn-buy {
  margin: 20px auto;
}
.detail-product-overlay-quotes .dpo-title {
  padding: 20px 20px 0 0;
}
.detail-product-overlay-quotes input[type='range'] {
  display: block;
  background: none;
  width: 210px;
  -webkit-appearance: none;
}
.detail-product-overlay-quotes input[type='range']::-webkit-slider-runnable-track {
  -webkit-appearance: none;
}
.detail-product-overlay-quotes input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
.detail-product-overlay-quotes input[type=range]::-webkit-slider-thumb {
  border-radius: 50%;
  position: relative;
  background-color: #01D100;
  border: 1px solid #01D100;
  width: 16px;
  height: 16px;
  margin: 0;
}
.detail-product-overlay-quotes input[type=range]::-webkit-slider-runnable-track {
  background: linear-gradient(0deg, #eff1f5 0%, #f9f9f9 100%);
  height: 18px;
  border-radius: 50px;
  border: 1px solid #EBEBEC;
}
.detail-product-overlay-quotes .dpo-rank-container {
  display: flex;
  justify-content: space-between;
  margin: 0 40px;
}
.detail-product-overlay-quotes .dpo-rank-container.dpo-rank-container-price {
  margin: 0 36px;
}
.detail-product-overlay-quotes .dpo-rank-hashtag {
  color: var(--color-brand01);
  font-size: var(--text-font-size12);
  font-family: sf-light;
  width: 50px;
  text-align: center;
  position: relative;
}
.detail-product-overlay-quotes .dpo-rank-hashtag:after {
  content: "";
  width: 1px;
  height: 10px;
  background: var(--color-gray-text);
  display: block;
  margin: -2px auto 0px auto;
}
.detail-product-overlay-quotes .dpo-rank-hashtag.dpo-rank-before:before {
  content: "";
  width: 5px;
  height: 5px;
  background: white;
  position: absolute;
  top: 33px;
  left: 23px;
  border-radius: 50%;
  z-index: 1;
}
.detail-product-overlay-quotes .dpo-rank-price {
  margin: 10px 0 0 5px;
}
.detail-product-overlay-quotes .dpo-rank-price:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid var(--color-gray-text);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transform: rotate(90deg);
  display: block;
  margin: -26px auto 0 auto;
  background: white;
}
.detail-product-overlay-warranty .detail-product-overlay-container {
  max-width: 640px;
}
.detail-product-overlay-warranty .dpo-flex {
  justify-content: space-around;
}
.detail-product-overlay-warranty .dpo-dots ul {
  margin: 25px 0 0 0;
  padding: 0;
}
.detail-product-overlay-warranty .dpo-dots li {
  display: block;
  background: var(--color-brand01);
  color: white;
  margin: 0 0 10px 0;
  padding: 0 10px;
  text-align: center;
  line-height: 40px;
  font-size: 25px;
  border-radius: var(--border-radius);
}
.detail-product-overlay-warranty .dpo-dots p {
  font-size: var(--text-font-size30);
  color: var(--color-brand01);
  padding: 0;
  margin: 0 0 15px 0;
  font-family: sf-bold;
  text-align: center;
  line-height: 20px;
}
.detail-product-overlay-warranty .dpo-dots-second .dpo-dots-title {
  display: block;
  background: var(--color-brand01);
  color: white;
  margin: 0 0 10px 0;
  padding: 0 10px;
  text-align: center;
  font-size: var(--text-font-size18);
  border-radius: .2em;
  width: 200px;
}
.detail-product-overlay-warranty .dpo-dots-second p {
  font-size: var(--text-font-size14);
  color: var(--color-brand01);
}
.detail-product-overlay-warranty .dpo-line {
  width: 100%;
  height: 26px;
  background: #00205b;
  background: linear-gradient(270deg, #00205b 0%, #0c45a7 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
.detail-product-overlay-warranty .dpo-img {
  margin: 0 0 20px 0;
}
.detail-product-overlay-warranty .dpo-img img {
  width: 240px;
}
.detail-product-overlay-service {
  position: absolute;
  display: block;
  padding: 40px 20px;
}
.detail-product-overlay-service .detail-product-overlay-container {
  margin: 0 auto;
}
.detail-product-overlay-service .dpo-title {
  text-align: center;
}
.detail-product-overlay-service .dpo-text {
  text-align: center;
  margin: 0 0 30px 0;
}
.detail-product-overlay-service .dpo-legals {
  font-size: var(--text-font-size12);
  width: 100%;
  margin: 0;
  color: var(--color-brand01);
}
.detail-product-overlay-service .dpo-important {
  font-size: var(--text-font-size11);
  width: 100%;
  color: var(--color-brand01);
}
.detail-product-overlay-service .dpo-important p {
  margin: 0;
}
.detail-product-overlay-service .dpo-qualities {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 20px 0;
}
.detail-product-overlay-service .dpo-qualities .dpo-qualities-quality {
  display: flex;
  font-family: sf-semibold;
  color: var(--color-brand01);
  font-size: var(--text-font-size15);
  text-align: center;
  margin: 0 0 0 30px;
}
.detail-product-overlay-service .dpo-qualities .dpo-qualities-quality img {
  width: 43px;
}
.detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p {
  margin: 0 0 0 5px;
  padding: 0;
  line-height: 40px;
}
.detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p.dpo-oil {
  width: 240px;
}
.detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p.dpo-bujia {
  width: 155px;
}
.detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p.dpo-quality {
  width: 220px;
}
.detail-product-overlay-service .dpo-table-title-container {
  display: flex;
}
.detail-product-overlay-service .dpo-table-container {
  margin: 10px 0 0 0;
}
.detail-product-overlay-service .dpo-table-title .dpo-tt-cell-bold {
  font-family: 'sf-bold';
  display: block;
  font-size: 20px;
  width: 100%;
  text-align: center;
}
.detail-product-overlay-service .dpo-table-title .dpo-tt-cell-light {
  width: 100%;
  display: block;
  text-align: center;
}
.detail-product-overlay-service .dpo-table-title .dpo-tt-cell-empty {
  background: #E7EBED;
}
.detail-product-overlay-service .dpo-table {
  max-width: 805px;
  width: 100%;
}
.detail-product-overlay-service .dpo-table .dpo-table-row {
  display: flex;
  width: 100%;
}
.detail-product-overlay-service .dpo-tri-cell {
  width: calc(20%);
  text-align: center;
  border-right: 1px solid gray;
  margin: 0 5px;
}
.detail-product-overlay-service .dpo-tri-cell span {
  display: block;
  font-size: 9px;
}
.detail-product-overlay-service .dpo-tri-cell:last-child {
  border-right: 0px;
}
.detail-product-overlay-service .dpo-table-row-icons .dpo-twi-cell-primary {
  margin: 0 0 0 159px;
  width: 248px;
}
.detail-product-overlay-service .dpo-table-row-icons .dpo-t-cell {
  border-left: 0;
}
.detail-product-overlay-service .dpo-table-row-border {
  border-bottom: 1px solid gray;
}
.detail-product-overlay-service .dpo-tr {
  font-size: 30px;
  width: calc(25%);
  border-right: 1px solid gray;
  text-align: center;
  font-family: sf-bold;
  justify-content: center;
  align-items: center;
  display: flex;
}
.detail-product-overlay-service .dpo-tr:last-child {
  border-right: 0px;
}
.detail-product-overlay-service .dpo-tr.dpo-tr-title {
  border-right: 0px;
}
.detail-product-overlay-service .dpo-table-second {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.detail-product-overlay-service .dpo-table-second.dpo-table-title {
  background: var(--color-brand01);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
.detail-product-overlay-service .dpo-tt-cell-zero {
  width: 270px;
}
.detail-product-overlay-service .dpo-tr-title-back {
  line-height: 15px;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: var(--color-brand01);
  color: white;
  padding: 5px;
  border-radius: var(--border-radius);
  font-family: sf-semibold;
  margin: 10px 0;
  width: 135px;
  height: 40px;
}
.detail-product-overlay-service .dpo-tt-cell-primary {
  width: 147px;
  display: flex;
  align-items: center;
  font-size: 30px;
  font-family: sf-bold;
  color: var(--color-brand01);
}
.detail-product-overlay-service .dpo-tt-cell-primary span {
  font-size: 7px;
  text-align: center;
  line-height: 15px;
  display: block;
  height: 15px;
  width: 100%;
}
.detail-product-overlay-service .dpo-tt-cell-primary-img {
  position: relative;
}
.detail-product-overlay-service .dpo-tt-cell-primary-img img {
  position: absolute;
  top: -48px;
  left: -73px;
  width: 173px;
}
.detail-product-overlay-service .dpo-t-cell {
  width: 121px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 5px;
  padding: 8px 0 8px 10px;
  border-left: 1px solid gray;
}
.detail-product-overlay-service .dpo-t-cell.dpo-tt-cell {
  color: white;
  line-height: 20px;
}
.detail-product-overlay-service .dpo-tr-cell {
  font-size: 30px;
  font-family: sf-bold;
  color: var(--color-brand01);
}
.detail-product-overlay-service .dpo-tr-cell span {
  font-size: 7px;
  text-align: center;
  line-height: 15px;
  display: block;
  height: 15px;
  width: 100%;
}
.detail-product-overlay-service .dpo-tt-cell-primary.dpo-tt-cell-primary-icons {
  margin: 0 0 15px 0;
}
.detail-product-overlay-service .dpo-tt-cell-primary.dpo-tt-cell-primary-icons img {
  width: 29px;
  margin: 0 4px;
}
.detail-product-overlay-service .dpo-tt-cell-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.detail-product-overlay-service .dpo-tt-cell-icons img {
  width: 29px;
  margin: 0 4px;
}
.detail-product-overlay-service .dpo-table-flex {
  display: flex;
}
.detail-product-overlay-service .dpo-banner {
  background: var(--color-brand01);
  color: white;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
  position: relative;
  width: 65px;
  margin: 0 0 0 10px;
}
.detail-product-overlay-service .dpo-banner .dpo-banner-rotate {
  transform: rotate(-90deg);
  width: 400px;
  height: 68px;
  position: absolute;
  left: -164px;
  top: 150px;
  padding: 7px 0 0 0;
}
.detail-product-overlay-service .dpo-banner span {
  display: block;
}
.detail-product-overlay-service .dpo-banner-title {
  font-size: 27px;
  font-family: sf-bold;
  line-height: 26px;
}
.detail-product-overlay-service .dpo-line {
  width: 100%;
  height: 26px;
  background: #00205b;
  background: linear-gradient(270deg, #00205b 0%, #0c45a7 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 10px 0 0 0;
}
.detail-product-overlay-careful .detail-product-overlay-container {
  max-width: 846px;
  padding: 0;
}
.detail-product-overlay-careful .detail-product-overlay-container .dpo-flex img {
  width: 100%;
}
.detail-product-overlay.detail-product-overlay-license {
  position: absolute;
  display: block;
  padding: 40px 10px;
}
.detail-product-overlay.detail-product-overlay-license .detail-product-overlay-container .dpo-flex {
  display: flex;
  flex-wrap: wrap;
}
.detail-product-overlay-license .detail-product-overlay-container {
  max-width: 510px;
  padding: 0;
  margin: 0 auto;
}
.detail-product-overlay-license .dpo-flex {
  margin: 0 15px;
}
.detail-product-overlay-license .dpo-l-blockU {
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}
.detail-product-overlay-license .dpo-l-blockU img {
  max-width: 200px;
  margin: 0 20px 0 0;
}
.detail-product-overlay-license .dpo-l-steps {
  margin: 0 10px;
  width: 100%;
  background: #cbcbcb;
  border-radius: 15px;
}
.detail-product-overlay-license .dpo-l-s-number {
  display: block;
  background: #0A84FF;
  border: 3px solid #0C45A5;
  color: white;
  width: 50px;
  border-radius: 5px;
  text-align: center;
  margin: 20px auto 10px auto;
}
.detail-product-overlay-license .dpo-l-s-text {
  display: block;
  width: 100%;
  font-family: sf-bold;
  margin: 0 0 20px 0;
  text-align: center;
}
.detail-product-overlay-license .dpo-l-bullets {
  width: 100%;
  margin: 20px 10px;
}
.detail-product-overlay-license .dpo-l-bullets p {
  position: relative;
  margin: 0 0 0 23px;
}
.detail-product-overlay-license .dpo-l-bullets p:before {
  content: "";
  background: #0A84FF;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: block;
  position: absolute;
  left: -15px;
  top: 7px;
}
.detail-product-overlay-license .btn_brand2 {
  margin: 0 auto 20px auto;
}
.detail-product-overlay-license.detail-product-overlay .dpo-title {
  padding: 20px 0 0 10px;
}
.detail-product-overlay-qualification {
  position: absolute;
  display: block;
  padding: 40px 20px;
}
.detail-product-overlay-qualification .detail-product-overlay-container {
  margin: 0 auto;
  padding: 20px 0;
  max-width: 750px;
}
.detail-product-overlay-qualification .dpo-flex {
  margin: 0 10px;
}
.detail-product-overlay-qualification .dpo-title {
  margin: 0 0 15px 0;
}
.detail-product-overlay-qualification .dpo-qualification-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.detail-product-overlay-qualification .dpo-qualification {
  width: 50%;
  max-width: 230px;
  margin: 0 0 0 20px;
}
.detail-product-overlay-qualification .dpo-qualification-number {
  font-size: var(--text-font-size30);
  color: var(--color-brand01);
  padding: 0;
  margin: 0 10px 0 0;
  font-family: sf-bold;
  width: 50px;
}
.detail-product-overlay-qualification .dpo-qualification-star {
  width: calc(50%);
  display: block;
  margin: 13px 0 0 0;
}
.detail-product-overlay-qualification .dpo-qualification-legend {
  display: block;
  width: 100%;
  font-size: 14px;
  color: var(--color-gray-text);
}
.detail-product-overlay-qualification .dpo-q-button-add {
  width: calc(94%);
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 415px;
  padding: 0 30px;
  border-bottom: 1px solid var(--color-back-gray);
  cursor: pointer;
}
.detail-product-overlay-qualification .dpo-q-button-add .dpo-q-button-add-ic-resena {
  margin: 0 20px 0 0;
  width: 27px;
}
.detail-product-overlay-qualification .dpo-q-button-add .dpo-q-button-add-ic-flecha {
  width: 20px;
  margin: 0 0 0 20px;
}
.detail-product-overlay-qualification .dpo-q-button-add .dpo-q-button-add-close {
  transform: rotate(180deg);
}
.detail-product-overlay-qualification .dpo-q-scroll {
  width: 100%;
  margin: 20px 0 0 0;
  height: 400px;
  overflow: auto;
  padding: 0 20px 0 25px;
}
.detail-product-overlay-qualification .dpo-qas-form-container {
  display: flex;
  flex-wrap: wrap;
}
.detail-product-overlay-qualification .dpo-qas-form-hidden {
  display: none;
}
.detail-product-overlay-qualification .dpo-qasf-item {
  width: calc(29%);
  margin: 0 0 20px 0;
}
.detail-product-overlay-qualification input {
  width: 300px;
}
.detail-product-overlay-qualification .dpo-qasf-review {
  height: 150px;
}
.detail-product-overlay-qualification label {
  display: block;
}
.detail-product-overlay-qualification .dpo-qasf-item-post {
  padding: 30px 0 0 0;
}
.detail-product-overlay-qualification .dpo-qasf-item-post .label-italika-style {
  margin: 0;
}
.detail-product-overlay-qualification .dpo-qasf-item-post .button-italika-1 {
  margin: 45px 0 0 0;
  background-color: #0c45a8;
}
.detail-product-overlay-qualification .dpo-q-historical {
  border-top: 1px solid var(--color-back-gray);
}
.detail-product-overlay-qualification .dpo-q-historical .dpo-qh-item {
  margin: 20px 0 0 0;
}
.detail-product-overlay-qualification .dpo-q-historical .dpo-qh-title {
  font-size: 16px;
  font-family: sf-semibold;
}
.detail-product-overlay-qualification .dpo-q-historical .dpo-qh-opinion {
  font-size: 14px;
  margin: 0;
}
.detail-product-overlay-qualification .dpo-q-historical .dpo-qu-author {
  font-size: 14px;
  color: gray;
  margin: 0 0 20px 0;
}
.detail-product-overlay-qualification .dpo-qualification-stars img {
  width: 14px;
}
.detail-product-overlay-months {
  position: absolute;
  display: block;
  padding: 40px 20px;
}
.detail-product-overlay-months .detail-product-overlay-container {
  margin: 0 auto;
  max-width: 450px;
  padding: 20px 0;
}
.detail-product-overlay-months .dpo-m-table-container {
  width: 100%;
  padding: 0 20px;
}
.detail-product-overlay-months .dpo-m-table-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: var(--color-brand01);
  color: white;
  align-items: center;
}
.detail-product-overlay-months .dpo-m-table-title .dpo-m-table-item {
  text-align: center;
  width: calc(16.66666667%);
  line-height: 48px;
  border-right: 1px solid white;
}
.detail-product-overlay-months .dpo-m-table-title .dpo-m-table-item-principal {
  width: 95px;
  font-size: 14px;
  line-height: 14px;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-product-overlay-months .dpo-m-table {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.detail-product-overlay-months .dpo-m-table .dpo-m-table-item {
  text-align: center;
  width: calc(16.66666667%);
  line-height: 48px;
  border-right: 1px solid var(--color-back-gray);
  border-bottom: 1px solid var(--color-back-gray);
  height: 49px;
}
.detail-product-overlay-months .dpo-m-table .dpo-m-table-item-principal {
  width: 99px;
  border-left: 1px solid var(--color-back-gray);
  border-bottom: 1px solid var(--color-back-gray);
  padding: 0 3px;
}
.detail-product-overlay-months .dpo-m-table-banco-azteca-img {
  width: 40px;
  margin: 0 16px;
}
.detail-product-overlay-months .dpo-m-table-banamex-img {
  width: 61px;
}
.detail-product-overlay-months .dpo-m-table-bbva-bancomer-img {
  width: 31px;
  margin: 0px 20px;
}
.detail-product-overlay-months .dpo-m-table-santander-img {
  width: 58px;
  margin: 0px 6px;
}
.detail-product-overlay-months .dpo-m-table-hsbc-img {
  width: 41px;
  margin: 0px 15px;
}
.detail-product-overlay-months .dpo-m-table-american-express-img {
  width: 20px;
  margin: 0px 26px;
}
.detail-product-overlay-months .dpo-m-btn {
  display: block;
  color: var(--color-brand01);
  border: 1px solid var(--color-brand01);
  color: var(--color-brand02);
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  margin: 20px auto;
  max-width: 300px;
  width: 100%;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  cursor: pointer;
}
.detail-product-overlay-months .dpo-m-payment-methods {
  border-top: 1px solid var(--color-back-gray);
  border-bottom: 1px solid var(--color-back-gray);
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 20px 0;
}
.detail-product-overlay-months .dpo-m-payment-methods img {
  margin: 0 auto;
}
.detail-product-overlay-months .dpo-link-payment {
  padding: 20px;
  margin: 0 auto;
}
.detail-product-overlay-months .dpo-m-table-two .dpo-m-table-title {
  background: white;
  margin: 40px 0;
}
.detail-product-overlay-months .dpo-m-table-two .dpo-m-table-dove {
  background: white;
  border-right: 1px solid var(--color-back-gray);
  border-bottom: 1px solid var(--color-back-gray);
}
.detail-product-overlay-months .dpo-m-table-two .dpo-m-table-number {
  background: var(--color-brand01);
  border-top: 1px solid white;
}
.detail-product-overlay-months .dpo-m-table-two .dpo-m-table-item-principal {
  background: var(--color-brand01);
  height: 96px;
}
.detail-product-overlay-months .dpo-m-table-two.dpo-m-table-container {
  padding: 0 60px;
}
.detail-product-overlay-months .dpo-m-img-bank-row {
  border: 1px solid var(--color-back-gray);
  margin: 0 40px;
  display: flex;
  width: calc(60%);
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-santander {
  width: 50px;
  margin: 0 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-scotiabank {
  width: 50px;
  margin: 0 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-invex {
  width: 35px;
  margin: 0 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-banjercito {
  width: 51px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-banorte {
  width: 50px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-banregio {
  width: 43px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-afirme {
  width: 41px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-banbanjio {
  width: 50px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-bacamifel {
  width: 55px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-falabella {
  width: 47px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-inbursa {
  width: 45px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-palap {
  width: 50px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row figure {
  width: calc(16.66666667%);
  border-left: 1px solid var(--color-back-gray);
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
}
.detail-product-overlay-months .dpo-m-img-bank {
  width: 100%;
  margin: 0 40px 0 0px;
}
.detail-product-overlay-compare-table {
  position: absolute;
  display: block;
  padding: 40px 20px;
}
.detail-product-overlay-compare-table .detail-product-overlay-container {
  margin: 0 auto;
  padding: 0 0 20px 0;
}
.detail-product-overlay-compare-table .dpo-ct-item {
  padding: 10px 20px;
  min-height: 70px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
}
.detail-product-overlay-compare-table .dpo-ct-item .dpo-ct-item-hidden {
  display: none;
}
.detail-product-overlay-compare-table .dpo-ct-item:nth-child(even) {
  background: var(--color-back-gray);
}
.detail-product-overlay-compare-table .dpo-ct-item span {
  font-family: sf-bold;
  width: 100%;
  display: block;
}
.detail-product-overlay-compare-table .dpo-ct-item span:nth-child(2) {
  margin: 5px 0 0 0;
}
.detail-product-overlay-compare-table .dpo-ct-item .dpo-ct-model-bold {
  font-family: sf-bold;
  width: 100%;
  font-size: 14px;
}
.detail-product-overlay-compare-table .dpo-ct-item .dpo-ct-model-light {
  font-family: 'sf-regular';
  font-size: 14px;
}
.detail-product-overlay-compare-table .dpo-ct-item-hidden {
  display: none;
}
.detail-product-overlay-compare-table .ci-banco-azteca {
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  color: var(--color-brand-Azteca);
  padding: 0;
  margin: 0 24px 0 0;
}
.detail-product-overlay-compare-table .ci-banco-azteca p {
  font-size: var(--text-font-size12);
  margin: 0;
  border-left: var(--color-brand-Azteca) 5px solid;
  text-align: center;
}
.detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-price span {
  font-size: var(--text-font-size18);
  font-family: sf-bold;
  display: initial;
}
.detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-legend {
  padding: 0 0 5px 0;
  display: flex;
  justify-content: center;
}
.detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-legend span {
  width: auto;
}
.detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-legend img {
  max-width: calc(41%);
  margin: 0 0 0 5px;
}
.detail-product-overlay-compare-table .dpo-ct-item-weekly {
  display: block;
}
.detail-product-overlay-compare-table .dpo-ct-item-weekly.dpo-ct-item-title {
  display: flex;
}
.detail-product-overlay-compare-table .dpo-ct-btn {
  width: 110px;
  border: 1px solid var(--color-brand02);
  color: var(--color-brand02);
  background: none;
  line-height: 30px;
  cursor: pointer;
}
.detail-product-overlay-compare-table .dpo-ct-btn:hover {
  color: var(--color-brand02);
}
.detail-product-overlay-compare-table .dpo-ct-img {
  margin: 0 20px 0 20px;
  text-align: center;
  height: 190px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.detail-product-overlay-compare-table .dpo-ct-img img {
  max-width: 150px;
}
.detail-product-overlay-compare-table .dpo-ct-imgs {
  width: 100%;
  display: flex;
  margin: 10px 0 20px 0;
  justify-content: space-between;
}
.detail-product-overlay-compare-table .img-trash {
  width: 20px;
}
.detail-product-overlay-compare-table .img-trash.img-trash-hidden {
  height: 0;
}
.detail-product-overlay-compare-table .dpo-ct-img.dpo-ct-img-logo {
  justify-content: center;
}
.detail-product-overlay-compare-table .dpo-ct-img.dpo-ct-img-logo .img {
  width: 67px;
}
.detail-product-overlay-compare-table .dpo-ct-item-model span {
  width: 100%;
}
.detail-product-overlay-compare-table .dpo-ct-column {
  width: calc(25%);
}
.detail-product-overlay-compare-table .dpo-ct-btn-add {
  cursor: pointer;
}
.detail-product-overlay-compare-table .dpo-ct-btn-add .dpo-ct-btn-add-img {
  width: 27px;
  margin: 0 0 10px 0;
}
.detail-product-overlay-compare-table .dpo-ct-btn-add .dpo-ct-btn-icon {
  margin: 0 auto 10px auto;
}
.detail-product-overlay-compare-table .dpo-ct-btn-icon {
  border: 3px solid var(--color-brand02);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 21px;
  text-align: center;
  display: block;
}
.detail-product-overlay-compare-table .dpo-ct-btn-copy {
  font-size: 14px;
  display: block;
}
.detail-product-overlay-compare-table .dpo-ct-btn-info {
  margin: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.detail-product-overlay-compare-table .dpo-ct-btn-info .dpo-ct-btn-info-img {
  width: 27px;
  margin: 0 10px 0 0;
}
.detail-product-overlay-compare-table .dpo-ct-btn-info .dpo-ct-btn-icon {
  margin: 0 10px 0 0;
}
.btn_brand2 {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  margin: 0;
  max-width: 300px;
  width: 100%;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  cursor: pointer;
  border: 0;
}
.btn_brand2:hover {
  color: white;
  background-color: #00205b;
}
.btn_brand2.disable {
  opacity: .15;
}
@media (max-width: 1200px) {
  .detail-product-overlay .detail-product-overlay-container {
    margin: 0 auto;
  }
  .detail-product-overlay-compare .detail-product-overlay-container {
    padding: 60px 20px;
    margin: 0 30px;
  }
  .detail-product-overlay-compare .btn_brand2 {
    margin: 40px 0 0 0;
  }
  .detail-product-overlay.detail-product-overlay-compare .detail-product-overlay-container .dpo-flex {
    display: block;
    width: 300px;
    margin: 0 auto;
  }
  .detail-product-overlay.detail-product-overlay-compare .detail-product-overlay-container .dpo-flex .input-container {
    margin: 0 0 20px 0;
  }
}
@media (max-width: 768px) {
  .detail-product-overlay .detail-product-overlay-container {
    margin: 0 10px;
  }
  .detail-product-overlay .detail-product-overlay-container .dpo-close {
    right: 0;
  }
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container {
    width: calc(80%);
    margin: 0 10px;
  }
  .detail-product-overlay-qualification .dpo-title {
    text-align: center;
  }
  .detail-product-overlay-qualification .dpo-qualification {
    width: 100%;
    max-width: 100%;
    text-align: center;
    margin: 0 0 20px 0;
  }
  .detail-product-overlay-qualification .dpo-qas-form-container {
    display: block;
  }
  .detail-product-overlay-qualification .dpo-qasf-item {
    margin: 0 auto 20px auto;
    width: 300px;
  }
  .detail-product-overlay-qualification .dpo-qasf-item-post {
    padding: 0;
  }
  .detail-product-overlay-qualification .dpo-qasf-item-post .button-italika-1 {
    margin: 20px 0 0 0;
  }
}
@media (min-width: 800px) {
  .detail-product-overlay .detail-product-overlay-container .dpo-flex {
    flex-wrap: wrap;
  }
}
@media (max-width: 700px) {
  .detail-product-overlay .detail-product-overlay-container .dpo-text {
    width: 300px;
    margin: 0 auto 1rem auto;
  }
  .detail-product-overlay .dpo-title {
    text-align: center;
  }
  .detail-product-overlay-warranty .detail-product-overlay-container {
    max-width: calc(100%);
    padding: 20px;
  }
  .detail-product-overlay-warranty .dpo-dots ul {
    margin: 25px 0 20px 0;
  }
}
@media (max-width: 992px) {
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container {
    width: 100%;
  }
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-phone {
    margin: 20px 0 0 0;
  }
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-rank {
    margin: 0 0 30px 0;
  }
  .detail-product-overlay.detail-product-overlay-quotes .dpo-flex {
    display: block;
    margin: 55px auto 0 auto;
  }
  .detail-product-overlay-quotes .dpo-banco-azteca {
    right: auto;
    text-align: center;
    width: calc(60%);
  }
  .detail-product-overlay-quotes .dpo-rank-hashtag.dpo-rank-before:before {
    content: "";
    left: 19px;
  }
  .detail-product-overlay.detail-product-overlay-warranty {
    position: absolute;
    display: block;
    padding: 40px 10px;
  }
  .detail-product-overlay-service .dpo-qualities {
    margin: 20px 0;
    justify-content: space-between;
  }
  .detail-product-overlay-service .dpo-qualities .dpo-qualities-quality {
    margin: 0;
    display: block;
    text-align: center;
  }
}
@media (max-width: 900px) {
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container {
    width: calc(20%);
    margin: 0 40px;
  }
  .detail-product-overlay-careful .detail-product-overlay-container {
    margin: 0 20px;
  }
}
@media (max-width: 600px) {
  .detail-product-overlay-quotes .dpo-pay {
    width: 100%;
  }
  .detail-product-overlay-service .dpo-table-title .dpo-tt-cell-bold {
    font-size: 16px;
  }
  .detail-product-overlay-service .dpo-table-title .dpo-tt-cell-light {
    font-size: 16px;
  }
  .detail-product-overlay-service .dpo-tt-cell-icons img {
    width: 20px;
  }
  .detail-product-overlay-service .dpo-tt-cell-primary-icons img {
    width: 20px;
  }
  .detail-product-overlay-service .dpo-table-second.dpo-table-title .dpo-t-cell.dpo-tt-cell {
    border-left: none;
  }
  .detail-product-overlay-service .dpo-tt-cell-zero {
    width: 206px;
  }
  .detail-product-overlay-service .dpo-tt-cell-primary-img img {
    left: -93px;
  }
  .detail-product-overlay-service .dpo-t-cell {
    width: 83px;
  }
  .detail-product-overlay-service .dpo-table-second .dpo-t-cell {
    min-width: 90px;
    width: 100%;
    position: relative;
  }
  .detail-product-overlay-service .dpo-table-row-motoneta .dpo-t-cell:after {
    content: "";
    width: 1px;
    height: 70px;
    background: gray;
    left: -1px;
    position: absolute;
    top: -67px;
  }
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table-second .dpo-t-cell {
    width: 83px;
  }
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table {
    max-width: 320px;
  }
  .detail-product-overlay-service .dpo-tr-cell {
    font-size: 20px;
    margin: 0 0 0 9px;
  }
  .detail-product-overlay-service .dpo-tt-cell-primary {
    font-size: 20px;
    margin: 0 0 0 9px;
  }
  .detail-product-overlay-service .dpo-tt-cell-primary.dpo-tt-cell-primary-icons {
    margin: 0 0 15px 32px;
    width: 51px;
  }
  .detail-product-overlay-service .dpo-tt-cell-mobile-padding:before {
    content: "";
    height: 100px;
  }
}
@media (max-width: 1000px) {
  .detail-product-overlay-quotes .dpo-title {
    text-align: center;
  }
  .detail-product-overlay-service .dpo-qualities .dpo-qualities-quality img {
    margin: 0 0 20px 0;
  }
}
@media (max-width: 1010px) {
  .detail-product-overlay.detail-product-overlay-warranty .detail-product-overlay-container .dpo-flex {
    display: flex;
    flex-wrap: wrap;
  }
  .detail-product-overlay-service .dpo-table-hidden-mobile {
    display: none;
  }
  .detail-product-overlay-service .dpo-table-flex01 {
    max-width: 488px;
    margin: 0 auto 20px auto;
  }
  .detail-product-overlay-service .dpo-table-flex02 {
    max-width: 500px;
    margin: 0 auto 20px auto;
  }
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table {
    max-width: 428px;
    margin: 0 0 0 auto;
  }
  .detail-product-overlay-service .detail-product-overlay-container {
    padding: 20px;
  }
  .detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p.dpo-oil {
    width: 100%;
    margin: 0 5px;
    line-height: 20px;
  }
  .detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p.dpo-bujia {
    width: 100%;
    margin: 0 5px;
    line-height: 20px;
  }
  .detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p.dpo-quality {
    width: 100%;
    margin: 0 5px;
    line-height: 20px;
  }
  .detail-product-overlay-service .dpo-tt-cell-mobile-padding {
    position: relative;
  }
  .detail-product-overlay-service .dpo-tt-cell-mobile-padding:before {
    content: "";
    width: 10px;
    height: 57px;
    background: white;
    left: -11px;
    top: 0px;
    position: absolute;
  }
  .detail-product-overlay .detail-product-overlay-container .dpo-flex {
    display: block;
  }
  .detail-product-overlay-months .dpo-m-img-bank-row {
    width: calc(20%);
  }
  .detail-product-overlay.detail-product-overlay-compare-table .detail-product-overlay-container .dpo-flex {
    display: flex;
    overflow: hidden;
  }
  .detail-product-overlay-compare-table .dpo-ct-item-motor {
    min-height: 110px;
  }
  .detail-product-overlay-compare-table .dpo-ct-item-suspension {
    min-height: 110px;
  }
  .detail-product-overlay-compare-table .dpo-ct-item-brake {
    min-height: 110px;
  }
  .detail-product-overlay-compare-table .dpo-ct-item-model {
    min-height: 110px;
  }
}
@media (max-width: 540px) {
  .detail-product-overlay-warranty .dop-title {
    order: 1;
  }
  .detail-product-overlay-warranty .dpo-img {
    order: 3;
  }
  .detail-product-overlay-warranty .dpo-dots {
    order: 2;
  }
  .detail-product-overlay-warranty .dpo-dots-second {
    order: 4;
  }
}
@media (min-width: 1010px) {
  .detail-product-overlay-service .dpo-table-flex02 {
    display: none;
  }
}
@media (min-width: 768px) {
  .detail-product-overlay-qualification .dpo-title {
    text-align: center;
  }
  .detail-product-overlay-qualification .dpo-qasf-item {
    margin: 0 auto 20px auto;
    width: 300px ;
  }
  .detail-product-overlay-qualification .dpo-qasf-item-post {
    padding: 0;
  }
  .detail-product-overlay-qualification .dpo-qasf-item-post .button-italika-1 {
    margin: 20px 0 0 0;
  }
}
@media (max-width: 800px) {
  .detail-product-overlay.detail-product-overlay-compare-table .detail-product-overlay-container .dpo-flex {
    display: flex;
    width: 771px;
  }
  .detail-product-overlay-compare-table .dpo-ct-scroll {
    overflow: hidden;
    max-width: 780px;
  }
  .detail-product-overlay-compare-table .dpo-ct-img.dpo-ct-img-logo {
    width: 100px;
  }
  .detail-product-overlay-compare-table .dpo-ct-column {
    width: 200px;
  }
  .detail-product-overlay-compare-table .dpo-ct-column.dpo-ct-column-title {
    width: 170px;
  }
}
@media (max-width: 1100px) {
  .detail-product-overlay-compare-table .detail-product-overlay-container .dpo-close {
    right: 0;
  }
}
/*payment*/
.checkout-payment-container {
  width: 100%;
  padding: 10px 10px 20px 0px;
}
.checkout-payment-flex {
  display: flex;
}
.checkout-payment-menu {
  width: 245px;
}
.checkout-payment-menu-box {
  position: relative;
  width: 100%;
  height: 90px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  display: flex;
}
.checkout-payment-menu-box:hover {
  cursor: pointer;
  background-color: #ededed;
}
.checkout-payment-menu-box-img {
  width: 70px;
  height: auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.checkout-payment-menu-box-txt {
  display: flex;
  align-items: center;
  font-family: sf-semibold;
  line-height: 18px;
  font-size: 15px;
}
.cpmb-active {
  background-color: #EDEDED;
}
.cpmb-line {
  position: absolute;
  width: 6px;
  height: 100%;
  background-color: #17a14d;
}
.checkout-payment-active {
  width: 69%;
  margin-left: 10px;
  margin-top: 15px;
}
.cp-banner-banco-azteca {
  width: 100%;
  height: 180px;
  /*background-image: url("../img-payment/back-banco-azteca.jpg"); /italikastorestorefront*/
  background-image: url("/_ui/images/back-banco-azteca.jpg");
  background-size: cover;
  text-align: center;
  color: white;
}
.cp-banner-banco-azteca h3 {
  font-family: sf-bold;
  font-size: 20px;
  margin-top: 25px;
}
.cp-banner-banco-azteca-benefits {
  display: flex;
}
.cp-banner-banco-azteca-box {
  display: flex;
  justify-content: center;
  width: 33.3%;
  padding: 20px;
  font-size: 12px;
}
.cp-banner-banco-azteca-box div {
  text-align: left;
  line-height: 15px;
  margin-left: 10px;
}
.cp-cta-container {
  width: 100%;
  height: 160px;
  box-sizing: border-box;
  border-bottom: solid 1px #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.cp-cta-more {
  display: flex;
  margin-bottom: 10px;
}
.cp-cta-more > div > img:hover {
  cursor: pointer;
}
.checkout-payment-active-2 {
  width: 69%;
  margin-left: 10px;
}
.cp-credit-card-logos {
  display: flex;
  margin-top: 10px;
  margin-bottom: 20px;
}
.cp-credit-card-logos-box {
  width: 68px;
  height: 40px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  border-radius: .25rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.cp-credit-card-expiry {
  display: flex;
  position: relative;
  margin-bottom: 20px;
}
.cp-credit-card-line {
  position: absolute;
  width: 1px;
  height: 24px;
  background-color: #00205b;
  bottom: 3px;
  left: 140px;
  transform: rotate(12deg);
}
.cp-form-absolute {
  position: absolute;
  bottom: 0;
  left: 160px;
}
.cp-credit-card-txt {
  font-family: sf-semibold;
  font-size: 18px;
  margin-bottom: 20px;
  color: #00205b;
}
.cp-banner-paypal {
  width: 100%;
  height: 180px;
  /*background-image: url("../img-payment/back-paypal.jpg");*/
  background-image: url("/_ui/images/back-paypal.jpg");
  background-size: cover;
  text-align: center;
  color: white;
}
.cp-banner-paypal h3 {
  font-family: sf-bold;
  font-size: 20px;
  margin-top: 15px;
}
.cp-banner-paypal-logo {
  margin-top: 10px;
}
.cp-banner-paypal-benefits {
  display: flex;
}
.cp-banner-paypal-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 33.3%;
  padding: 10px;
  font-size: 12px;
}
.cp-banner-paypal-box div {
  text-align: left;
  line-height: 15px;
  margin-left: 10px;
  font-family: sf-bold;
}
.cp-banner-paypal-txt {
  font-size: 12px;
  line-height: 15px;
  padding-left: 17px;
  padding-right: 17px;
}
.cp-banner-paypal-txt-2 {
  text-align: center;
  font-size: 11px;
  margin-top: 5px;
  margin-bottom: 20px;
}
.cp-banner-mercado-pago {
  width: 100%;
  height: 180px;
  background-image: url("/_ui/images/back-mercado-pago.jpg");
  background-size: cover;
  text-align: center;
  color: #00a8ea;
  margin-bottom: 20px;
}
.cp-banner-mercado-pago h3 {
  font-family: sf-bold;
  font-size: 20px;
  margin-top: 15px;
}
.cp-banner-mercado-pago-logo {
  margin-top: 20px;
  width: 95px;
}
.cp-banner-mercado-pago-benefits {
  display: flex;
  width: 80%;
  margin: 0 auto;
}
.cp-banner-mercado-pago-box {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  padding: 10px;
  font-size: 12px;
}
.cp-banner-mercado-pago-box div {
  text-align: left;
  line-height: 15px;
  margin-left: 10px;
  font-family: sf-bold;
}
.cp-banner-mercado-pago-txt {
  font-size: 12px;
  line-height: 15px;
  padding-left: 17px;
  padding-right: 17px;
}
.cp-banner-mercado-pago-txt-2 {
  text-align: center;
  font-size: 11px;
  margin-top: 5px;
}
.cp-banner-deposito-efectivo {
  width: 100%;
  height: 180px;
  background-image: url("/_ui/images/back-cash-deposit.jpg");
  background-size: cover;
  text-align: center;
  color: white;
}
.cp-banner-deposito-efectivo h3 {
  font-family: sf-bold;
  font-size: 18px;
  margin: 0;
  padding: 0;
  margin-left: 10px;
}
.cp-banner-deposito-efectivo-title {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 35px;
}
.cp-banner-deposito-efectivo-txt {
  width: 90%;
  margin: 0 auto;
  font-size: 14px;
  margin-top: 10px;
}
.cp-banner-deposito-efectivo-txt-2 {
  margin-top: 20px;
  margin-bottom: 10px;
  display: flex;
}
.number-circle-baz {
  font-family: sf-bold;
  color: #17a54d;
  font-size: 12px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  border: solid 2px #17a54d;
  margin-right: 10px;
}
.cp-banner-deposito-efectivo-txt-container {
  width: 80%;
  margin: 0 auto;
  margin-bottom: 20px;
}
.mandatory {
  color: red;
}
.checkout-form-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.label-italika-style {
  font-family: sf-semibold;
  padding-left: 10px;
}
.form-italika-style-2 {
  max-width: 300px;
  height: 30px;
  border-color: #0C45A8;
}
.form-italika-style-2::placeholder {
  color: #acb5be;
}
@media only screen and (min-width: 375px) and (max-width: 425px) {
  .form-italika-style-2 {
    max-width: 363px;
  }
}
@media (max-width: 374px) {
  .form-italika-style-2 {
    max-width: 314px;
  }
}
@media (max-width: 516px) {
  .margin-numberst {
    margin-top: 23px ;
  }
}
.form-italika-style-3 {
  max-width: 686px;
  height: 30px;
  border-color: #0C45A8;
}
.form-italika-style-3::placeholder {
  color: #acb5be;
}
.form-italika-style-4 {
  max-width: 100px;
  height: 30px;
  border-color: #0C45A8;
}
.form-italika-style-5 {
  max-width: 444px;
  height: 30px;
  border-color: #0C45A8;
}
.form-italika-style-5::placeholder {
  color: #acb5be;
}
@media (max-width: 767px) {
  .form-italika-style-5 {
    max-width: 299px;
  }
}
.form-italika-style-6 {
  max-width: 300px;
  height: 47px;
  border-color: #0C45A8;
}
.form-italika-style-6::placeholder {
  color: #acb5be;
}
.form-italika-style-7 {
  width: 118px;
  height: 30px;
  border-color: #0C45A8;
}
.form-italika-style-7::placeholder {
  color: #acb5be;
}
.select-selected {
  background-color: red;
}
.checkout-input-check {
  display: flex;
  align-items: center;
  position: absolute;
  right: 20px;
  top: 27px;
}
.checkout-input-check div {
  margin-left: 10px;
}
.checkout-input-check-2 {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.checkout-input-check-2 div {
  margin-left: 10px;
}
.btn-disabled {
  opacity: .15;
  margin-left: 0 !important;
}
.checkout-phone-container {
  position: relative;
  display: flex;
}
.checkout-recolect-txt {
  font-family: sf-bold;
}
.checkout-recolect-container {
  margin-top: 20px;
  width: 100%;
  max-width: 686px;
  margin-bottom: 20px;
}
.checkout-recolect-container-style {
  height: 47px;
  display: flex;
}
.checkout-recolect-style {
  height: 47px;
}
.checkout-recolect-style::placeholder {
  font-family: sf-bold;
  font-size: 12px;
  color: #acb5be;
  text-align: left;
}
.button-checkout-recolect {
  width: 110px;
  height: 45px;
  background-color: white;
  color: #00205b;
  box-sizing: border-box;
  border: solid 2px #00205b;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 11px;
  text-transform: uppercase;
  margin-left: 10px;
}
.button-checkout-recolect:hover {
  background-color: #00205b;
  color: white;
}
.checkout-adress-container {
  margin-top: 20px;
  width: 100%;
  max-width: 695px;
}
.checkout-adress-row {
  position: relative;
  width: 100%;
  min-height: 42px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding-left: 20px;
  padding-right: 40px;
  display: flex;
  align-items: center;
  font-size: 12px;
}
.checkout-adress-row:hover {
  background-color: #ededed;
  cursor: pointer;
}
.checkout-adress-row img:nth-child(1) {
  margin-right: 20px;
}
.checkout-adress-arrow {
  transform: rotate(-90deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
}
.checkout-adress-2-container {
  margin-top: 20px;
  width: 100%;
  max-width: 686px;
  display: flex;
  border: solid 1px #ededed;
}
.checkout-adress-2-txt {
  width: 50%;
}
.checkout-adress-2-map-container {
  width: 50%;
  padding: 10px;
}
.checkout-adress-2-map {
  width: 100%;
  height: 100%;
}
.checkout-adress-2-col-1 {
  display: flex;
}
.checkout-adress-2-col-1 div {
  width: 50%;
  padding: 10px;
  border-right: solid 1px #ededed;
  font-size: 12px;
}
.checkout-adress-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin-top: 20px;
}
.checkbox-hover {
  margin-left: 10px;
  margin-top: 2px;
}
.checkbox-hover:hover {
  cursor: pointer;
}
.button-italika-baz-1 {
  width: 270px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #43c673;
  color: white;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  margin: 20px auto;
}
.button-italika-baz-1:hover {
  cursor: pointer;
  background-color: #17a54d;
  color: white;
}
.btn-italika-baz-2 {
  background-color: white;
  color: #43c673;
  box-sizing: border-box;
  border: solid 1px #43c673;
}
.btn-billing {
  margin-left: 0;
  font-size: 12px;
  background-color: #ededed;
  color: #989898;
  box-sizing: border-box;
}
.btn-billing:hover {
  border: solid 2px grey;
  background-color: #ededed;
  color: #989898;
  cursor: pointer;
}
.btn-recolect {
  /*margin-left: 0;*/
  font-size: 14px;
  border: 0px;
}
.btn-recolect:hover {
  background-color: #0c45a8;
  cursor: pointer;
}
.link-italika-1 {
  width: 100%;
  text-align: center;
  font-family: sf-regular;
  font-size: 17px;
  margin: 0 auto;
}
.link-italika-1 a {
  color: #00205b;
}
.btn-adress-1 {
  margin-left: 0;
}
.btn-adress-1:hover {
  cursor: pointer;
  background-color: #0C45A8;
}
.btn-adress-2 {
  margin-left: 0;
  box-sizing: border-box;
  border: solid 1px #00205b;
  background-color: white;
  color: #00205b;
}
.btn-adress-2:hover {
  cursor: pointer;
}
.btn-left {
  margin-left: 0;
}
.modal-black-container {
  position: fixed;
  width: 100%;
  height: 100vh;
  background-color: #000000;
  z-index: 3;
}
.modal-black-box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 90%;
  height: 350px;
  max-width: 520px;
  background-color: white;
  padding: 30px;
}
.mb-black-box-title {
  font-family: sf-bold;
  font-size: 24px;
  color: #00205b;
}
.mb-black-list {
  width: 90%;
  margin: 0 auto;
  margin-top: 35px;
}
.mb-black-list-row {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 58px;
  box-sizing: border-box;
  border-bottom: solid 1px #ededed;
}
.mb-black-list-row:hover {
  background-color: #ededed;
  cursor: pointer;
}
.mb-black-list-box-1 {
  width: 80px;
  text-align: center;
}
.mb-black-list-box-2 {
  position: absolute;
  right: 0;
  width: 80px;
  text-align: center;
}
.mb-black-close {
  width: 50px;
  height: 50px;
  background-color: #00205b;
  border-radius: 50%;
  position: absolute;
  top: -15px;
  right: -15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.mb-black-close:hover {
  background-color: #143b7a;
  cursor: pointer;
}
.modal-black-box-2 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 90%;
  height: 370px;
  max-width: 520px;
  background-color: white;
  padding: 30px;
}
.modal-black-box-3 {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 90%;
  height: 450px;
  max-width: 520px;
  background-color: white;
  padding: 30px;
}
.mb-black-list-2 {
  width: 90%;
  height: 100%;
  margin: 0 auto;
  overflow: scroll;
}
.mb-black-list-2 ul {
  margin-top: 20px;
}
.mb-black-list-2 ol {
  margin-top: 20px;
}
.mb-black-list-2 ol li {
  font-size: 12px;
}
.mb-black-list-strong {
  font-family: sf-bold;
}
.mb-black-list-txt {
  font-family: sf-light;
  font-size: 13px;
  margin-bottom: 15px;
}
.mb-black-list-txt-2 {
  font-family: sf-light;
  font-size: 13px;
  margin-top: 0 !important;
  margin-bottom: 15px;
}
.mb-black-list-txt-3 {
  font-family: sf-light;
  font-size: 13px;
}
@media (max-width: 767px) {
  .checkout-payment-container {
    padding-right: 0;
  }
  .checkout-payment-flex {
    flex-direction: column;
  }
  .checkout-payment-menu {
    width: 100%;
    /*display: flex;*/
  }
  .checkout-payment-menu-box {
    position: relative;
    width: 20%;
    height: 56px;
  }
  .checkout-payment-menu-box-img {
    width: 100%;
  }
  .checkout-payment-menu-box-txt {
    display: none;
  }
  .cpmb-line {
    width: 100%;
    height: 6px;
  }
  .checkout-payment-active {
    width: 100%;
    margin-left: 0;
    margin-top: 10px;
  }
  .cp-banner-banco-azteca h3 {
    font-size: 17px;
  }
  .cp-banner-banco-azteca-box {
    margin-top: 10px;
    padding: 5px;
  }
  .checkout-payment-active-2 {
    width: 100%;
    margin: 0;
    padding: 10px;
  }
  .form-italika-style-6 {
    width: 80%;
  }
  .cp-banner-paypal {
    height: 190px;
  }
  .cp-banner-paypal h3 {
    font-size: 18px;
  }
  .cp-banner-paypal-benefits {
    display: flex;
  }
  .cp-banner-paypal-box {
    font-size: 10px;
  }
  .cp-banner-paypal-txt {
    font-size: 10px;
    padding-left: 12px;
    padding-right: 12px;
  }
  .cp-banner-paypal-txt-2 {
    font-size: 10px;
  }
  .cp-banner-mercado-pago-benefits {
    width: 90%;
  }
  .checkout-billing-buttons {
    display: block;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .checkout-phone-container {
    height: 100px;
  }
  .checkout-input-check {
    left: 0;
    top: 70px;
  }
  .checkout-form-grid {
    grid-gap: 10%;
  }
  .checkout-adress-2-container {
    flex-direction: column;
  }
  .checkout-adress-buttons {
    display: block;
    text-align: center;
    margin-bottom: 20px;
  }
  .checkout-adress-2-txt {
    width: 100%;
  }
  .checkout-adress-2-map-container {
    width: 100%;
    height: 300px;
    border-top: solid 1px #ededed;
  }
  .modal-black-box {
    padding: 15px;
  }
  .mb-black-list {
    width: 95%;
  }
  .mb-black-display-none {
    display: none;
  }
  .mb-black-close {
    top: -25px;
    right: 0;
  }
}
/*payment met*/
.payment-methods .banner-general-container {
  background: #17a54f;
}
.payment-methods .name-section-title2 {
  font-family: sf-bold;
  font-size: 21px;
  color: #00205b;
}
.payment-methods .pm-cards {
  display: flex;
  background: gray;
  justify-content: center;
  padding: 30px 0;
  align-items: center;
  margin: 0 0 40px 0;
}
.payment-methods .pm-cards .pm-cards-text {
  font-family: 'sf-bold';
  font-size: 20px;
  margin: 0 40px 0 0;
}
.payment-methods .pm-cards .pm-cards-img img {
  margin: 0 20px 0 0;
}
.payment-methods .pm-banner {
  display: flex;
  margin: 0 0 40px 0;
}
.payment-methods .pm-banner > div {
  width: 33.3%;
  margin: 0 10px 0 0;
}
.payment-methods .pm-banner > div:last-child {
  margin: 0;
}
.payment-methods .paypal {
  font-size: 12px;
  background: blue;
  color: white;
}
.payment-methods .paypal .title {
  font-size: 20px;
  font-family: 'sf-semibold';
  text-align: center;
}
.payment-methods .paypal p {
  margin: 0;
}
.payment-methods .paypal .pm-banner-flex {
  display: flex;
  margin: 10px 0 0 0;
}
.payment-methods .paypal .flex-50 {
  display: flex;
  width: 50%;
  flex-wrap: wrap;
  margin: 10px;
}
.payment-methods .paypal .subtitle {
  display: flex;
  font-family: 'sf-semibold';
}
.payment-methods .paypal .subtitle img {
  margin: 0 10px 0 0;
}
.payment-methods .paypal .text {
  margin: 0 0 0 25px;
}
.payment-methods .paypal .center {
  text-align: center;
  margin: 0 0 20px 0;
}
.payment-methods .paypal .center .subtitle {
  margin: 0 auto;
  width: 120px;
}
.payment-methods .paypal .legal {
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 10px;
}
.payment-methods .mercado-pago {
  color: blue;
  font-size: 12px;
  font-family: 'sf-semibold';
}
.payment-methods .mercado-pago .title {
  font-size: 20px;
  font-family: 'sf-semibold';
  text-align: center;
  margin: 0 0 30px;
}
.payment-methods .mercado-pago p {
  margin: 0 0 20px 0;
  text-align: center;
}
.payment-methods .mercado-pago p img {
  margin: 0 10px 0 0;
}
.payment-methods .banco-azteca {
  font-size: 12px;
  background: green;
  color: white;
}
.payment-methods .banco-azteca .ic {
  margin: 0 auto 40px auto;
  width: 10px;
  display: block;
}
.payment-methods .banco-azteca .ic-title {
  margin: 0 auto;
  width: 10px;
  display: block;
}
.payment-methods .banco-azteca .title {
  font-size: 20px;
  font-family: 'sf-semibold';
  text-align: center;
  margin: 0 0 40px 0;
}
.payment-methods .banco-azteca p {
  margin: 0;
  text-align: center;
}
/*models2*/
.models .banner-general .ba-ge-models-back {
  background-image: url("../img-models/banner-back01.jpg");
  position: relative;
}
.models .banner-general .ba-ge-models-back2 {
  position: absolute;
  width: 100%;
  text-align: center;
  margin: 50px 0 0 0;
}
.models .banner-general .ba-ge-models-back2 img {
  width: 90%;
}
.models .mm-uno {
  display: flex;
  flex-wrap: wrap;
  margin: 0 10px 0 0;
}
.models .mm-uno .mm-uno-A {
  margin: 0 0 20px 0;
}
.models .mm-uno .w50.mm-uno-A-AA {
  width: calc(40%);
  margin: 0 10px 0 0;
  height: calc(210px);
  position: relative;
}
.models .mm-uno .w50.mm-uno-A-AA h3 {
  width: 100px;
  position: absolute;
  left: 0;
  top: 0;
}
.models .mm-uno .w50.mm-uno-B {
  width: calc(40%);
  margin: 0 10px 0 0;
}
.models .mm-uno .w100.mm-uno-A-AB {
  width: calc(90%);
  margin: 0 0 20px 10px;
}
.models .mm-uno .w100.mm-uno-A-AC {
  width: calc(90%);
  margin: 0 0 0 10px;
}
.models .mm-uno .w50.mm-uno-C {
  width: calc(40%);
  margin: 0 0 0 10px;
}
.models .mm-dos {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0 10px;
}
.models .mm-dos article:nth-child(odd) {
  width: calc(40%);
  margin: 0 10px 20px 0;
}
.models .mm-dos article:nth-child(even) {
  width: calc(40%);
  margin: 0 0 20px 10px;
}
.models .motorcycle-models {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 0 0;
}
.models .motorcycle-models .w50.mm-uno {
  width: calc(40%);
}
.models .motorcycle-models .w50.mm-dos {
  width: calc(40%);
}
.models .motorcycle-models .mm-uno .w50.mm-uno-A-AA .mm-img {
  width: calc(50%);
  margin: 0 0 0 50px;
}
.models .motorcycle-models article {
  background: #E7E7E7;
  display: flex;
  height: 95px;
}
.models .motorcycle-models article h3 {
  width: 50%;
  color: var(--color-brand01);
  text-transform: uppercase;
  font-size: 18px;
  padding: 20px 0 0 10px;
  font-family: 'sf-semibold';
}
.models .motorcycle-models .mm-img {
  width: 50%;
  padding: 10px 10px 10px 0;
  display: flex;
  justify-content: center;
}
.models .motorcycle-models .mm-flex {
  display: flex;
  flex-wrap: wrap;
}
.models .motorcycle-models .w100 {
  width: 100%;
}
.models .motorcycle-models .w50 {
  width: 50%;
}
.banner-general.banner-general-models .ba-ge-dos {
  padding: 10px 0 0 0;
}
.banner-general.banner-general-models .ba-ge-dos .titulo {
  font-size: 25px;
  font-family: 'sf-semibold';
  line-height: 50px;
  color: white;
  margin: 30px 0;
  background: rgba(59, 242, 181, 0.5);
  position: relative;
}
.banner-general.banner-general-models .ba-ge-dos .titulo:before {
  content: "";
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-top: 12px solid transparent;
  border-left: 9px solid rgba(59, 242, 181, 0.5);
  border-bottom: 12px solid rgba(59, 242, 181, 0.5);
  left: -19px;
  top: 0;
  position: absolute;
  transform: rotate(180deg);
}
.banner-general.banner-general-models .ba-ge-dos .titulo:after {
  content: "";
  width: 0;
  height: 0;
  border-right: 14px solid transparent;
  border-top: 11px solid transparent;
  border-left: 14px solid rgba(59, 242, 181, 0.5);
  border-bottom: 7px solid rgba(59, 242, 181, 0.5);
  left: -23px;
  top: 27px;
  position: absolute;
  transform: rotate(270deg);
}
.banner-general.banner-general-models .ba-ge-dos .link-margin {
  margin: 0;
}
@media (max-width: 1000px) {
  .models .banner-general .ba-ge-models-back2 {
    margin: 270px 0 0 0;
  }
  .models .motorcycle-models .w50.mm-uno {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .models .motorcycle-models .w50.mm-dos {
    width: 100%;
    margin: 0 0 20px 0;
  }
  .models .motorcycle-models article h3 {
    padding: 40px 0 0 10px;
  }
  .banner-general.banner-general-models .ba-ge-dos .titulo {
    padding: 0 20px 0 0;
    margin: 30px 0 40px 30px;
  }
}
@media (max-width: 767px) {
  .models .mm-uno .w100.mm-uno-A-AC h3 {
    padding: 25px 0 0 10px;
  }
}
/*login*/
.login-container {
  width: 100%;
  max-width: 412px;
  margin: 20px auto;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 40px 56px 40px 56px;
  margin-bottom: 40px;
}
.login-container a {
  text-decoration: none;
}
.login-container h2 {
  font-family: sf-bold;
  font-size: 19px;
  color: #00205b;
  margin-top: 40px;
}
.login-txt {
  margin-top: 40px;
}
.btn-new-account {
  margin-top: 20px;
}
@media (max-width: 412px) {
  .login-container {
    padding: 40px 20px 40px 20px;
  }
}
/*bancoazteca*/
.banco-azteca .banco-azteca-banner {
  background-image: url("../img-banco-azteca/banner-back-d.png");
  display: flex;
  justify-content: space-between;
  max-height: 330px;
  background-size: cover;
  text-decoration: none;
}
.banco-azteca .title-container-margin-top {
  margin: 0px 0 14px 0;
}
.banco-azteca .bab-center-uno {
  width: calc(-95%);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin: 0 0 0 150px;
}
.banco-azteca .bab-center-uno img {
  width: 100%;
  margin: 30px;
}
.banco-azteca .bab-center-dos {
  text-align: center;
  width: calc(-55%);
  order: 1;
  margin: 0 100px 0 0;
}
.banco-azteca .bab-center-dos p {
  font-size: 25px;
  font-family: 'sf-semibold';
  line-height: 25px;
  color: white;
  margin: 30px 0;
}
.banco-azteca .bab-center-dos .link {
  display: block;
  background: white;
  color: var(--color-brand-Azteca);
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  margin: 0 auto 40px auto;
  max-width: 300px;
  width: 100%;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  cursor: pointer;
  border: 0;
}
.banco-azteca .bab-center-dos img {
  width: 225px;
}
.banco-azteca .banco-azteca-beneficios {
  display: flex;
  justify-content: space-between;
  margin: 30px 0 40px 0;
  overflow: hidden;
}
.banco-azteca .bab-item {
  box-shadow: 0px 0px 6px 0px #000000;
  width: calc(23.3%);
  padding-right: 10px;
  display: flex;
  min-width: 350px;
  margin: 10px 0 10px 10px;
}
.banco-azteca .bad-img {
  width: 130px;
  height: 76px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-right: 1px solid #EDEDED;
}
.banco-azteca .bad-img img {
  width: 60px;
}
.banco-azteca .bad-copy {
  display: flex;
  justify-content: center;
  align-items: center;
  width: calc(-30%);
  color: var(--color-brand01);
  text-align: center;
}
.banco-azteca .bac-nav {
  display: flex;
  justify-content: space-between;
  padding-bottom: 30px;
  margin-bottom: 50px;
}
.banco-azteca .bac-nav .bac-nav-item {
  width: 50%;
  text-align: center;
  position: relative;
}
.banco-azteca .bac-nav .bac-nav-item a {
  width: 300px;
  border-radius: var(--border-radius);
  text-align: center;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 0 auto;
  cursor: pointer;
  line-height: 50px;
  display: block;
  text-decoration: none;
}
.banco-azteca .bac-nav .bac-nav-item a:after {
  content: "";
  width: 49px;
  height: 21px;
  position: absolute;
  top: 33px;
  left: calc(25%);
  z-index: 1;
}
.banco-azteca .bac-nav .bac-nav-item .bac-nav-triangle {
  position: absolute;
  width: 40px;
  height: 40px;
  -webkit-transform: rotate(45deg) skew(15deg, 15deg);
  -moz-transform: rotate(45deg) skew(15deg, 15deg);
  -ms-transform: rotate(45deg) skew(15deg, 15deg);
  -o-transform: rotate(45deg) skew(15deg, 15deg);
  transform: rotate(45deg) skew(15deg, 15deg);
  margin: 10px 0 0 0;
  margin-left: calc(30%);
}
.banco-azteca .bac-nav .bac-nav-item .bac-nav-triangle:after {
  content: "";
  width: 39px;
  height: 63px;
  transform: rotate(45deg) skew(0deg, 0deg);
  -webkit-transform: rotate(45deg) skew(0deg, 0deg);
  -moz-transform: rotate(45deg) skew(0deg, 0deg);
  -ms-transform: rotate(45deg) skew(0deg, 0deg);
  -o-transform: rotate(45deg) skew(0deg, 0deg);
  position: absolute;
  top: 0;
  margin-top: -27px;
  margin-left: -34px;
}
.banco-azteca .bac-nav .bac-nav-item.bac-nav-item-new a {
  color: var(--color-brand02);
  border: 2px solid var(--color-brand02);
}
.banco-azteca .bac-nav .bac-nav-item.bac-nav-item-new a:hover {
  color: white;
  border: 2px solid var(--color-brand02);
  background: var(--color-brand02);
}
.banco-azteca .bac-nav .bac-nav-item.bac-nav-item-client a {
  color: #43c673;
  border: 2px solid #43c673;
}
.banco-azteca .bac-nav .bac-nav-item.bac-nav-item-client a:hover {
  background: #17a54d;
  border: 2px solid #17a54d;
  color: white;
}
.banco-azteca .bac-nav-new-active .bac-nav {
  border-bottom: 2px solid var(--color-brand02);
}
.banco-azteca .bac-nav-new-active .bac-nav-item.bac-nav-item-new a {
  background: var(--color-brand02);
  color: white;
  border: 2px solid var(--color-brand02);
  cursor: default;
}
.banco-azteca .bac-nav-new-active .bac-nav-item.bac-nav-item-new a:after {
  background: var(--color-brand02);
  content: "";
}
.banco-azteca .bac-nav-new-active .bac-nav-item.bac-nav-item-new .bac-nav-triangle {
  border: 3px solid var(--color-brand02);
  background: white;
}
.banco-azteca .bac-nav-new-active .bac-nav-item.bac-nav-item-new .bac-nav-triangle:after {
  content: "";
  background: white;
}
.banco-azteca .bac-nav-new-active .ba-flex {
  border-bottom: 2px solid var(--color-brand02);
}
.banco-azteca .bac-nav-client-active .bac-nav {
  border-bottom: 2px solid #17a54d;
}
.banco-azteca .bac-nav-client-active .bac-nav-item.bac-nav-item-client a {
  background: #17a54d;
  color: white;
  border: 2px solid #17a54d;
  cursor: default;
}
.banco-azteca .bac-nav-client-active .bac-nav-item.bac-nav-item-client a:after {
  background: var(--color-brand-Azteca);
  content: "";
}
.banco-azteca .bac-nav-client-active .bac-nav-item.bac-nav-item-client .bac-nav-triangle {
  border: 3px solid #17a54d;
  background: white;
}
.banco-azteca .bac-nav-client-active .bac-nav-item.bac-nav-item-client .bac-nav-triangle:after {
  content: "";
  background: white;
}
.banco-azteca .bac-nav-client-active .ba-flex {
  border-bottom: 2px solid #17a54d;
}
.banco-azteca .h1-title-container .tc-title {
  font-size: 25px;
  margin: 0 0 10px 0;
}
.banco-azteca .h1-title-container .tc-title-description {
  font-size: 16px;
  margin: 0 0 40px 0;
}
.banco-azteca .ba-flex {
  display: flex;
  padding: 0 0 30px 0;
}
.banco-azteca .ba-button-pay {
  width: 300px;
  border-radius: var(--border-radius);
  text-align: center;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 30px 0 0 0;
  cursor: pointer;
  line-height: 50px;
  display: block;
  text-decoration: none;
  background: #43c673;
  color: white;
}
.banco-azteca .ba-button-pay:hover {
  background: #17a54d;
}
.banco-azteca .ba-article {
  margin: 15px 0 0 30px;
}
.banco-azteca .ba-article p {
  margin: 0 0 10px 30px;
}
.banco-azteca .ba-article p.ba-article-subtitle {
  margin: 0 0 0 30px;
}
.banco-azteca .ba-article ul {
  margin: 0 0 10px 30px;
}
.banco-azteca .ba-article-title {
  font-size: 20px;
  font-family: 'sf-bold';
  margin: 0 0 10px 0;
}
.banco-azteca .ba-article-subtitle {
  font-size: 18px;
  font-family: sf-semibold;
}
.banco-azteca .ba-article-flex {
  margin: 0 0 0 15px;
}
.banco-azteca .my-account-nav {
  width: 411px;
  border-right: 1px solid #EDEDED;
  padding: 0 30px 0 0;
}
.banco-azteca .my-account-nav .man-txt {
  display: flex;
}
.banco-azteca .my-account-nav .button a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  text-decoration: none;
  color: var(--color-black-text);
  box-sizing: border-box;
  border-bottom: 1px solid var(--color-back-gray);
  cursor: pointer;
  font-size: var(--text-font-size17);
}
.banco-azteca .my-account-nav .button:hover {
  background: var(--color-back-gray);
}
.banco-azteca .my-account-nav .button img {
  width: 25px;
  margin: 0 30px;
}
.banco-azteca .my-account-nav .button img.pedidos {
  width: 29px;
  margin: 0 35px 0 25px;
}
.banco-azteca .my-account-nav .button img.correo {
  width: 24px;
  margin: 0 35px 0 30px;
}
.banco-azteca .my-account-nav .button img.favoritos {
  width: 24px;
  margin: 0 35px 0 30px;
}
.banco-azteca .my-account-nav .button img.arrow {
  transform: rotate(-90deg);
  width: 15px;
}
.banco-azteca .my-account-nav .button.active {
  background: var(--color-back-gray);
}
:root {
  --color-brand01: #00205b;
  --color-brand02: #0c45a7;
  --color-brand-azteca: #07A04F;
  --color-gray-text: #666666;
  --color-black-text: black;
  --color-back-gray: #EEEEEE;
  --text-font-size11: 11px;
  --text-font-size12: 12px;
  --text-font-size13: 13px;
  --text-font-size14: 14px;
  --text-font-size15: 15px;
  --text-font-size16: 16px;
  --text-font-size17: 17px;
  --text-font-size18: 18px;
  --text-font-size19: 19px;
  --text-font-size20: 20px;
  --text-font-size24: 24px;
  --text-font-size25: 25px;
  --text-font-size28: 28px;
  --text-font-size30: 30px;
  --column-spacing: 10px;
  --border-radius: .50rem;
  --overlay: #000000;
}
@media (max-width: 1000px) {
  .banco-azteca .banco-azteca-banner {
    flex-wrap: wrap;
    background-image: url("../img-banco-azteca/banner-back-m.png");
    max-height: 100%;
  }
  .banco-azteca .bab-center-uno {
    width: 100%;
    order: 2;
    margin: 0;
  }
  .banco-azteca .bab-center-uno img {
    width: 86%;
  }
  .banco-azteca .bab-center-dos {
    width: 100%;
    margin: 0;
  }
  .banco-azteca .bac-nav .bac-nav-item a {
    width: 100%;
  }
  .banco-azteca .ba-flex div.ba-flex-w100.hidden-mobile {
    display: none;
  }
  .banco-azteca .ba-flex div.hidden-mobile {
    display: none;
  }
  .banco-azteca .ba-flex article.ba-flex-w100.hidden-mobile {
    display: none;
  }
  .banco-azteca .ba-flex article.hidden-mobile {
    display: none;
  }
  .banco-azteca .ba-flex div.ba-flex-w100 {
    width: 100%;
  }
  .banco-azteca .ba-flex article.ba-flex-w100 {
    width: 100%;
  }
  .banco-azteca .ba-button-pay {
    margin: 30px auto 0 auto;
  }
  .banco-azteca .ba-article {
    margin: 15px 0 0 0;
  }
  .banco-azteca .ba-article ul {
    margin: 0 0 10px 0;
  }
  .banco-azteca .ba-article-flex {
    margin: 0;
    text-align: center;
  }
  .banco-azteca .my-account-nav {
    border-right: none;
    padding: 0;
    max-width: 100%;
    width: 100%;
  }
}
/*billing*/
.checkout-billing-container {
  width: 100%;
  padding: 20px;
}
.checkout-billing-buttons {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
.checkout-billing-txt-1 {
  float: left;
}
.checkout-billing-txt-2 {
  font-family: sf-bold;
  margin-top: 20px;
  float: left;
}
.checkout-billing-save {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.checkout-billing-without-rfc {
  display: flex;
  align-items: center;
}
/*JPG  PRODUCT*/
/*Breadcrumb*/
.breadcrumb-container {
  display: flex;
  color: #00205b;
  font-size: 14px;
  margin-top: 15px;
}
.breadcrumb-container img {
  margin-left: 5px;
  margin-right: 5px;
}
.breadcrumb-container a {
  text-decoration: none;
  color: #00205b;
}
.margin-top-breadcrumb {
  margin-top: 110px;
}
section#breadcrumbUrl ol.breadcrumb {
  text-transform: lowercase;
}
@media (max-width: 1200px) {
  .margin-top-breadcrumb {
    margin-top: 110px;
  }
}
@media (max-width: 767px) {
  .margin-top-breadcrumb {
    margin-top: 115px;
  }
}
/*Breadcrumb*/
/*PD Main*/
.pd-container {
  position: relative;
  width: 100%;
  height: 538px;
  margin-top: 20px;
}
.pd-section-1 {
  position: relative;
  width: 100%;
  max-width: 456px;
  height: auto;
  box-sizing: border-box;
  border: solid 1px #ededed;
}
.pd-section-111 {
  position: relative;
  width: 100%;
  max-width: 466px;
  height: auto;
  margin-top: 10px;
}
.pd-badge-section {
  width: 100%;
  height: 34px;
  display: flex;
  align-items: center;
}
.pd-badge-helmet {
  width: 96px;
  height: 16px;
  background-color: #3f6796;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  font-size: 11px;
  color: white;
  clip-path: polygon(95% 0, 99% 49%, 95% 100%, 0 100%, 0 0);
  margin-right: 5px;
  margin-left: 5px;
}
.pd-badge-msi {
  width: 74px;
  height: 16px;
  background-color: #f3c359;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  font-size: 11px;
  color: #00205b;
  clip-path: polygon(95% 0, 99% 49%, 95% 100%, 0 100%, 0 0);
  margin-right: 5px;
}
.pd-badge-offer {
  width: 36px;
  height: 16px;
  background-color: #3f6794;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  font-size: 11px;
  color: white;
  clip-path: polygon(90% 0, 99% 49%, 90% 100%, 0 100%, 0 0);
}
.pd-add-favourite {
  position: absolute;
  top: 15px;
  right: 15px;
}
.pd-add-favourite:hover {
  cursor: pointer;
}
.pd-indicators-section {
  margin-top: 24px;
  width: 100%;
}
.pd-indicators {
  width: 456px;
  height: 60px;
  display: flex;
  overflow: hidden;
}
.pd-indicators div.owl-item {
  width: 60px;
  height: 60px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  margin-right: 10px;
}
.pd-s1B {
  border: solid 1px #ededed;
  margin-right: 10px;
  width: 106%;
}
.pd-indicators:hover {
  cursor: pointer;
}
.pd-indicators-arrows {
  position: relative;
  width: 456px;
  height: 30px;
}
.pd-arrow {
  margin-top: -44px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.pd-arrow:hover {
  border: solid 5px #d8d8d8;
  cursor: pointer;
}
.ss-5 {
  position: absolute;
  left: -15px;
}
.ss-6 {
  position: absolute;
  right: -15px;
}
.pd-section-2 {
  position: absolute;
  top: 0;
  right: 0;
  width: 845px;
  height: 538px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding-left: 20px;
  padding-right: 20px;
}
.pd-title-reviews {
  position: relative;
  width: 100%;
  height: 50px;
  display: flex;
  align-items: center;
}
.pd-title-reviews h1 {
  font-size: 18px;
  font-family: sf-bold;
  color: #00205b;
}
.pd-reviws {
  position: absolute;
  right: 0;
  display: flex;
}
.pd-reviws-txt {
  color: #969696;
  text-decoration: underline;
}
.pd-reviws-txt:hover {
  cursor: pointer;
  text-decoration: underline;
}
.pd-reviws-stars {
  margin-right: 10px;
  margin-top: -2px;
}
.pd-pricing-section {
  width: 100%;
  height: 206px;
  display: flex;
  border-bottom: solid 1px #ededed;
}
.pd-pricing {
  width: 50%;
  border-right: solid 1px #ededed;
  padding-top: 10px;
}
.pd-credit {
  width: 50%;
  padding: 10px 10px 0 20px;
}
.pd-price-normal {
  font-size: 19px;
  color: #959595;
  text-decoration: line-through;
}
.pd-price-offer {
  font-size: 28px;
  color: #00205b;
  margin-top: -5px;
}
.online-only {
  font-size: 11px;
}
.pd-price-months {
  display: flex;
}
.pd-pricing-msi {
  font-family: sf-bold;
  font-size: 14px;
}
.pd-pricing-link {
  font-size: 13px;
  color: #0645aa;
  text-decoration: underline;
}
.pd-credit-title-container {
  display: flex;
}
.pd-credit-title {
  font-size: 21px;
  color: #17a14d;
  margin-right: 10px;
}
.pd-credit-weekly {
  font-family: sf-bold;
  font-size: 27px;
  color: #17a14d;
  margin-top: -5px;
}
.pd-credit-txt {
  font-size: 12px;
  line-height: 14px;
}
.pd-credit-button {
  width: 130px;
  height: 28px;
  background-color: #17a24d;
  color: white;
  border-radius: .50rem;
  font-size: 11px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  font-family: sf-bold;
}
.pd-credit-button:hover {
  background-color: #187238;
  cursor: pointer;
}
.pd-complementary {
  padding: 20px 0 20px 0;
  font-size: 15px;
}
.pd-complementary-buttons {
  display: flex;
}
.pd-unit-control {
  width: 180px;
  height: 50px;
  display: flex;
}
.pd-unit-control-substract {
  width: 60px;
  height: 100%;
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}
.pd-unit-control-substract:hover {
  cursor: pointer;
  background-color: #ededed;
}
.ss-7 {
  width: 16px;
  height: 3px;
  background-color: #00205b;
}
.pd-unit-control-number {
  width: 60px;
  height: 100%;
  background-color: #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 20px;
  color: #00205b;
}
.pd-unit-control-add {
  position: relative;
  width: 60px;
  height: 100%;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  background-color: #fff;
}
.pd-unit-control-add:hover {
  cursor: pointer;
  background-color: #ededed;
}
.ss-8 {
  position: absolute;
  width: 16px;
  height: 3px;
  background-color: #00205b;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pd-principal-button {
  width: 100%;
  max-width: 418px;
  height: 50px;
  background-color: #0c45a4;
  color: white;
  font-family: sf-bold;
  font-size: 17px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .50rem;
  margin-left: 22px;
}
.pd-principal-button:hover {
  cursor: pointer;
  background-color: #00205b;
}
.pd-txt-container {
  display: flex;
  margin-bottom: 20px;
  line-height: 24px;
}
.pd-icon {
  width: 30px;
}
.pd-txt {
  padding-left: 20px;
}
.pd-share {
  position: absolute;
  display: flex;
  bottom: 20px;
  right: 20px;
}
.pd-share:hover {
  cursor: pointer;
}
@media (max-width: 1400px) {
  .pd-section-2 {
    width: 662px;
  }
}
@media (max-width: 1200px) {
  .pd-container {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .pd-section-2 {
    position: relative;
    margin-top: 80px;
  }
  .pd-indicators {
    width: 100%;
    max-width: 456px;
    margin: 0 auto;
  }
  .pd-indicators-arrows {
    margin: 0 auto;
  }
}
@media (max-width: 767px) {
  .pd-indicators-arrows {
    display: none;
  }
  .pd-section-2 {
    width: 100%;
    height: auto;
    border: none;
    padding-left: 0;
    padding-right: 0;
    border-bottom: solid 1px #ededed;
    margin-top: 80px;
  }
  .pd-title-reviews {
    height: auto;
    flex-direction: column;
    margin-bottom: 20px;
  }
  .pd-reviws {
    position: relative;
  }
  .pd-pricing-section {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    border-bottom: solid 1px #ededed;
  }
  .pd-pricing {
    width: 100%;
    border-right: none;
    padding: 0;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: solid 1px #ededed;
  }
  .pd-credit {
    width: 100%;
    padding: 0;
    margin-top: 20px;
  }
  .pd-price-months {
    width: 100%;
    justify-content: center;
    margin-top: 10px;
    margin-bottom: 10px;
  }
  .pd-credit-title-container {
    justify-content: center;
  }
  .pd-credit-title {
    font-size: 21px;
    color: #17a14d;
  }
  .pd-credit-weekly {
    text-align: center;
  }
  .pd-credit-txt {
    text-align: center;
  }
  .pd-credit-button {
    width: 182px;
    height: 40px;
    font-size: 16px;
    margin: 20px auto;
  }
  .pd-complementary-buttons {
    flex-direction: column;
    align-items: center;
    margin-top: 40px;
  }
  .pd-principal-button {
    margin: 20px auto;
    height: 60px;
  }
}
/*PD Main*/
/*More information*/
.more-information {
  margin-top: 40px;
  width: 100%;
  height: 238px;
  display: flex;
}
.mi-section-1 {
  width: 49%;
}
.mi-section2 {
  width: 49%;
  margin-left: 2%;
  background-position: center;
  overflow: hidden;
  display: flex;
  justify-content: center;
}
.mi-section-1-title {
  width: 100%;
  height: 40px;
  display: flex;
}
.title-active {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 15px;
  color: #00205b;
  box-sizing: border-box;
  border-bottom: solid 2px #4087f1;
}
.title-disabled {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 15px;
  color: #969696;
}
.title-disabled:hover {
  cursor: pointer;
}
.mi-section-1-content {
  width: 100%;
  height: 198px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 40px;
  font-size: 15px;
}
.mi-section-1-content-txt {
  color: #00205b;
  margin-top: 10px;
  margin-bottom: 10px;
}
@media (max-width: 990px) {
  .more-information {
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .mi-section-1 {
    width: 100%;
  }
  .mi-section2 {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    height: 250px;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 580px) {
  .mi-section-1-content {
    height: 220px;
    padding: 20px;
  }
  .pd-share {
    bottom: 10px;
    right: 10px;
  }
}
/*More information*/
/*Technical sheet*/
.technical-sheet-container {
  width: 100%;
  margin-top: 40px;
  display: flex;
  overflow: hidden;
}
.technical-sheet-container::before {
  display: inherit;
  content: none;
}
.technical-sheet-title {
  width: 100%;
  height: 60px;
  background-color: #a5c6ff;
  clip-path: polygon(100% 0, 100% 75%, 50% 100%, 0 75%, 0 0);
  padding-top: 15px;
  padding-left: 15px;
}
.technical-sheet-title h3 {
  font-size: 16px;
  color: white;
  font-family: sf-bold;
  text-transform: uppercase;
}
.technical-sheet-title-img {
  position: absolute;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background-color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 35px;
  left: 0;
  right: 0;
  margin: auto;
}
.technical-sheet-info {
  width: 100%;
  margin-top: 45px;
  /*min-height: 453px*/
}
.technical-sheet-row {
  width: 100%;
  display: flex;
  padding: 5.9px;
}
.technical-sheet-row:nth-child(2n+1) {
  background-color: #f2f2f2;
}
.technical-sheet-row div {
  width: 50%;
  font-size: 12px;
}
.technical-sheet-row div:nth-child(2) {
  font-family: sf-bold;
}
.ss-9 {
  margin-right: 21px;
}
@media (min-width: 1400px) {
  .ss-9 {
    margin-right: 108px;
  }
}
/*Technical sheet*/
/*Comparator*/
.comparator-container {
  margin-top: 40px;
  width: 100%;
  height: 270px;
  border: solid 1px #ededed;
  display: flex;
}
.comparator-section-1 {
  width: 60%;
  display: flex;
}
.comparator-section-2 {
  width: 40%;
  margin-top: 10px;
  display: flex;
  justify-content: center;
}
.comparator-box {
  width: 50%;
  position: relative;
}
.comparator-box-img-1 {
  position: absolute;
  top: 70px;
  left: 60px;
}
.comparator-box-img-2 {
  position: absolute;
  top: 30px;
  left: 110px;
}
.comparator-box-txt-1 {
  font-size: 24px;
  font-family: sf-bold;
  margin-top: 80px;
}
.comparator-box-txt-2 {
  font-size: 20px;
  margin-top: -5px;
  margin-bottom: 10px;
}
.comparator-benefits-box {
  width: 420px;
  height: 244px;
}
.comparator-benefits-row {
  display: flex;
  position: relative;
  width: 100%;
  height: 61px;
  align-items: center;
  border-bottom: solid 1px #ededed;
}
.comparator-benefits-row:hover {
  background-color: #ededed;
  cursor: pointer;
}
.comparator-benefits-box-img-1 {
  width: 88px;
  text-align: center;
}
.comparator-benefits-box-img-2 {
  position: absolute;
  right: 0;
  width: 68px;
  text-align: center;
}
.ss-10 {
  display: block;
}
.ss-11 {
  display: none;
}
@media (max-width: 1200px) {
  .comparator-container {
    height: auto;
    flex-direction: column;
  }
  .comparator-section-1 {
    width: 100%;
  }
  .comparator-section-2 {
    width: 100%;
    margin-top: 100px;
    padding-bottom: 20px;
  }
  .comparator-box {
    padding-left: 120px;
  }
  .comparator-box-img-1 {
    position: absolute;
    top: 70px;
    left: 170px;
  }
  .comparator-box-img-2 {
    position: absolute;
    top: 30px;
    left: 210px;
  }
}
@media (max-width: 990px) {
  .comparator-box {
    padding-left: 90px;
  }
  .comparator-box-img-1 {
    left: 60px;
  }
  .comparator-box-img-2 {
    left: 110px;
  }
}
@media (max-width: 760px) {
  .comparator-box {
    padding-left: 50px;
  }
  .comparator-box-img-1 {
    left: 30px;
  }
  .comparator-box-img-2 {
    left: 80px;
  }
}
@media (max-width: 580px) {
  .comparator-section-2 {
    margin-top: 30px;
  }
  .comparator-box {
    padding: 10px;
  }
  .comparator-box-img-1 {
    transform: scale(0.6);
    top: 40px;
    left: -30px;
  }
  .comparator-box-img-2 {
    transform: scale(0.6);
    top: 0;
    left: 0;
  }
  .comparator-box-txt-1 {
    margin-top: 50px;
  }
  .comparator-benefits-box-img-1 {
    width: 50px;
  }
  .comparator-benefits-box-img-2 {
    width: 40px;
  }
  .ss-10 {
    display: none;
  }
  .ss-11 {
    display: block;
  }
}
/*Comparator*/
/*Name section*/
.name-section-container {
  margin-top: 40px;
  margin-bottom: 20px;
}
.ss-1 {
  margin-top: 40px;
}
.name-section-box {
  width: 100%;
  margin-bottom: 0;
}
.name-section-subtitle {
  font-family: sf-light;
  background-size: 14px;
  color: #666666;
  text-transform: uppercase;
}
.name-section-box h2 {
  margin: 0;
  padding: 0;
  font-family: sf-bold;
  font-size: 26px;
  color: #00205b;
  text-transform: uppercase;
  margin-top: -3px;
}
@media (min-width: 1400px) {
  .ss-1 {
    margin-top: 65px;
  }
}
/*Name section*/
/*Carousel*/
.carousel-container {
  overflow: hidden;
  padding-top: 0 !important;
  padding-bottom: 50px !important;
  margin-top: 40px;
}
.carousel-card {
  box-sizing: border-box;
  border: solid 1px #ededed;
  border-radius: .50rem;
  margin-right: 10px;
  height: auto;
  min-height: 450px;
}
.carousel-card:hover {
  box-shadow: 0px 0px 6px 1px #d6d6d6;
}
.carousel-card:hover > div > .carousel-button-section > .carousel-button {
  visibility: visible;
}
.carousel-box-top {
  width: 100%;
  height: 240px;
  border-bottom: solid 1px #ededed;
}
.badge-section {
  width: 100%;
  height: 36px;
  display: flex;
  align-items: center;
  padding-left: 10px;
  z-index: 1;
}
.badge-msi {
  width: 74px;
  height: 16px;
  background-color: #f3c359;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  font-size: 11px;
  color: #00205b;
  clip-path: polygon(95% 0, 99% 49%, 95% 100%, 0 100%, 0 0);
  margin-right: 5px;
}
.badge-offer {
  width: 36px;
  height: 16px;
  background-color: #3f6794;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  font-size: 11px;
  color: white;
  clip-path: polygon(90% 0, 99% 49%, 90% 100%, 0 100%, 0 0);
}
.carousel-product-img {
  width: 100%;
  height: 160px;
}
.carousel-product-img img {
  width: 100%;
}
.carousel-name {
  width: 100%;
  text-align: center;
  font-size: 14px;
  color: #00205b;
  line-height: 20px;
}
.carousel-name-strong {
  font-family: sf-bold;
  background-size: 15px;
}
.carousel-price {
  width: 100%;
  height: 60px;
  text-align: center;
  font-family: sf-bold;
  line-height: 20px;
  padding-top: 10px;
}
.carousel-price-normal {
  color: #949494;
  text-decoration: line-through;
}
.compra-min {
  font-size: 14px;
  font-weight: bold;
  color: #00205b;
  font-family: sf-bold;
}
.carousel-price-offer {
  font-size: 20px;
  color: #00205b;
}
.carousel-baz-section {
  position: relative;
  margin: 0 auto;
  width: 184px;
  height: 50px;
  background-color: white;
  color: #17a14d;
  font-size: 13px;
  line-height: 16px;
  padding-top: 8px;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  text-align: center;
}
.carousel-baz-line {
  position: absolute;
  top: 0;
  width: 4px;
  height: 100%;
  background-color: #08cc00;
}
.carousel-baz-txt {
  color: #17a14d;
}
.carousel-baz-strong {
  font-family: sf-bold;
  font-size: 18px;
}
.carousel-button-section {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  margin-top: 10px;
}
.carousel-button {
  width: 160px;
  height: 36px;
  background-color: #0c45a3;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  border-radius: .50rem;
  font-family: sf-bold;
  visibility: hidden;
}
.carousel-button:hover {
  background-color: #00205b;
}
.carousel-message {
  width: 100%;
  text-align: center;
  font-family: sf-light;
  background-size: 10px;
  color: #949494;
  font-size: 11px;
}
.carousel-arrow-section {
  position: relative;
  width: 100%;
  display: flex;
}
.carousel-arrow {
  margin-top: -240px;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background-color: #e5e5e5;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.carousel-arrow:hover {
  border: solid 5px #d8d8d8;
  cursor: pointer;
}
.ss-3 {
  position: absolute;
  left: -25px;
}
.ss-4 {
  position: absolute;
  right: -25px;
}
@media (max-width: 1200px) {
  .carousel-button {
    visibility: visible;
  }
}
@media (max-width: 767px) {
  .carousel-arrow-section {
    display: none;
  }
}
/* New for carousel */
.owl-carousel .owl-controls .owl-buttons .owl-prev span.glyphicon,
.owl-carousel .owl-controls .owl-buttons .owl-next span.glyphicon {
  position: absolute;
  left: 0;
  top: -39px !important;
  bottom: 0;
  right: 0;
  width: auto;
  height: auto;
  font-size: 20px !important;
  line-height: 125px;
  color: #00205b;
  -webkit-transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  transition: 0.3s ease-in;
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
  right: -3px !important;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #e5e5e550;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
  left: -3px !important;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #e5e5e550;
}
.owl-buttons {
  margin-top: -50px !important;
}
.carousel .item .thumb img,
.carousel__component--carousel .item .thumb img,
.carousel .carousel__item .thumb img,
.carousel__component--carousel .carousel__item .thumb img,
.carousel .item .carousel__item--thumb img,
.carousel__component--carousel .item .carousel__item--thumb img,
.carousel .carousel__item .carousel__item--thumb img,
.carousel__component--carousel .carousel__item .carousel__item--thumb img {
  max-width: none;
  max-height: none;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  margin-top: -20px;
}
/* /End new for carousel */
/*Carousel*/
/*Pentalogue*/
.pentalogue-container {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-gap: 20px;
  margin-top: 20px;
  overflow: hidden;
}
.pentalogue-box {
  position: relative;
  width: 210px;
  height: 178px;
  margin: 0 auto;
}
.pentalogue-img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.pentalogue-txt-section {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 110px;
  background-color: #e8e8e8;
  border-radius: .50rem;
  text-align: center;
  padding-top: 38px;
}
.pentalogue-title {
  font-family: sf-bold;
  text-transform: uppercase;
}
.pentalogue-txt {
  color: #00205b;
  line-height: 18px;
  font-family: sf-light;
  margin-top: 5px;
}
.pentalogue-line {
  position: absolute;
  width: 75%;
  height: 10px;
  background-color: #00205b;
  z-index: -1;
  top: -78px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
@media (max-width: 1200px) {
  .pentalogue-line {
    width: 100%;
    left: 100px;
  }
}
/*Pentalogue*/
section.pentalogue-container:before,
section .pentalogue-container:after {
  content: none !important;
}
.pd-container1 {
  position: relative;
  width: 100%;
  height: 538px;
  margin-top: 20px;
}
.more-information {
  margin-top: 40px;
  width: 100%;
  height: 238px;
  display: flex;
}
.mi-section-1 {
  width: 49%;
}
.mi-section-1-title {
  width: 100%;
  height: 40px;
  display: flex;
}
@media (max-width: 990px) {
  .more-information {
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .mi-section-1 {
    width: 100%;
  }
  .mi-section2 {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    height: 250px;
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 1200px) {
  .pd-container1 {
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px;
  }
}
/* ID-MATERIAL */
.idfert {
  font-family: sf-bold;
  color: #00205a;
  font-weight: bold;
}
@media (max-width: 767px) {
  .idfert {
    text-align: center;
  }
}
.fert-replace {
  margin-top: 10px;
}
.fert-replace h4 {
  color: #656565;
  font-size: 20px;
  font-weight: bold;
}
.fert-replace p {
  color: #FE0144;
  font-family: sf-bold;
}
/* ID-MATERIAL */
/* Tabla Compatibles con */
.compatibleWith {
  /* BOTON MODAL VER MÁS MODELOS */
  /* BOTON MODAL VER MÁS MODELOS */
}
.compatibleWith .button-more-models {
  width: 100%;
  max-width: 218px;
  height: 30px;
  font-family: sf-bold;
  font-size: 12px;
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .50rem;
  background-color: #0c45a8;
  color: white;
  text-decoration: none;
}
.compatibleWith .button-more-models:hover {
  background-color: white;
  border: 1px solid #0c45a8 ;
  color: #00205a;
}
.compatibleWith .button-more-models:focus {
  color: white;
}
@media (max-width: 557px) {
  .compatibleWith .button-more-models {
    max-width: 382px;
    width: 100%;
  }
}
.compatibleWith table thead th {
  text-align: left;
}
.compatibleWith table tbody td {
  display: table-cell;
}
.compatibleWith table th {
  background-color: inherit;
  color: black;
}
/* Tabla Compatibles con */
/*JPG  PRODUCT FIN*/
.detail-product-overlay-license .dpo-l-blockU {
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}
detail-product-overlay-license .dpo-l-s-text {
  display: block;
  width: 100%;
  font-family: sf-bold;
  margin: 0 0 20px 0;
  text-align: center;
}
a.dpo-l-s-text {
  color: #0d6efd;
  /*text-decoration: underline;*/
}
.stock-box {
  width: 95%;
  max-width: 300px;
}
.form-italika-styleRV {
  height: 47px;
  border-color: #0C45A8;
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  /* font-size: 1rem; */
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .50rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-italika-styleRV:placeholder {
  color: #acb5be;
}
.hta {
  min-height: 150px;
  width: 100%;
}
.form-italika-styleR {
  font-family: sf-semibold;
  padding-left: 10px;
}
.form-italika-styleR:placeholder {
  color: #acb5be;
}
@media (max-width: 768px) {
  .detail-product-overlay-qualification .dpo-qualification-stars {
    width: 100%;
    position: fixed;
    padding-top: 9px;
  }
  .detail-product-overlay-qualification .dpo-q-button-add {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
    padding: 0 0 20px 0;
  }
  .detail-product-overlay-qualification .dpo-qasf-item {
    margin: 0 auto 20px auto;
    width: 300px ;
  }
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table-second .dpo-t-cell {
    width: 83px;
  }
  .detail-product-overlay-service .dpo-table-second .dpo-t-cell {
    min-width: 90px;
    width: 100%;
    position: relative;
  }
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table {
    max-width: 320px;
  }
  .detail-product-overlay .detail-product-overlay-container .dpo-text1 {
    width: 100%;
    margin-bottom: 30px;
    /* font-size: 16px; */
    /* margin-bottom: 16px; */
  }
}
.detail-product-overlay-months .dpo-m-img-bank-row {
  border: 1px solid var(--color-back-gray);
  margin: 0 40px;
  display: flex;
  width: calc(89%);
}
@media (max-width: 1010px) {
  .detail-product-overlay-months .dpo-m-img-bank-row {
    width: calc(83%);
  }
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-santander {
  width: 50px;
  margin: 0 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-scotiabank {
  width: 50px;
  margin: 0 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-invex {
  width: 35px;
  margin: 0 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-banjercito {
  width: 51px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-banorte {
  width: 50px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-banregio {
  width: 43px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-afirme {
  width: 41px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-banbanjio {
  width: 50px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-bacamifel {
  width: 55px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-falabella {
  width: 47px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-inbursa {
  width: 45px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-palap {
  width: 50px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row div {
  width: calc(99%);
  border-left: 1px solid var(--color-back-gray);
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-product-overlay-months .dpo-m-img-bank {
  width: 100%;
  margin: 0 40px 0 0px;
}
/* detail product / overlay / months*/
/* detail product / overlay / compare table*/
@media (max-width: 1010px) {
  .detail-product-overlay.detail-product-overlay-compare-table .detail-product-overlay-container .dpo-flex {
    display: flex;
    overflow: hidden;
  }
}
@media (max-width: 800px) {
  .detail-product-overlay .detail-product-overlay-compare-table .detail-product-overlay-container .dpo-flex {
    display: flex;
    width: 771px;
  }
  .detail-product-overlay-compare-table .dpo-ct-scroll {
    overflow: hidden;
    max-width: 780px;
    overflow-x: auto;
    overflow-y: auto;
    height: 45em;
  }
}
.detail-product-overlay-compare-table .detail-product-overlay-container {
  margin: 0 auto;
  padding: 0 0 20px 0;
}
.detail-product-overlay-compare-table .dpo-ct-item {
  padding: 10px 20px;
  min-height: 70px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
}
.detail-product-overlay-compare-table .dpo-ct-item.dpo-ct-item-hidden {
  display: none;
}
@media (max-width: 1010px) {
  .dpo-ct-item-motor {
    min-height: 110px;
  }
  .dpo-ct-item-suspension {
    min-height: 110px;
  }
  .dpo-ct-item-brake {
    min-height: 110px;
  }
  .dpo-ct-item-model {
    min-height: 110px;
  }
}
.detail-product-overlay-compare-table .dpo-ct-item:nth-child(even) {
  background: var(--color-back-gray);
}
.detail-product-overlay-compare-table .dpo-ct-item span {
  font-family: sf-bold;
  display: block;
  width: 100%;
}
.detail-product-overlay-compare-table .dpo-ct-item span.dpo-ct-model-light {
  font-family: 'sf-regular';
  font-size: 14px;
}
.detail-product-overlay-compare-table .dpo-ct-item span:nth-child(2) {
  margin: 5px 0 0 0;
}
.detail-product-overlay-compare-table .ci-banco-azteca {
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  color: var(--color-brand-Azteca);
  padding: 0;
  margin: 0 24px 0 0;
}
.detail-product-overlay-compare-table .ci-banco-azteca p {
  font-size: var(--text-font-size12);
  margin: 0;
  border-left: #07A04F 5px solid;
  text-align: center;
  color: #07A04F;
}
.detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-price span {
  font-size: var(--text-font-size18);
  font-family: sf-bold;
  display: initial;
}
.detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-legend {
  padding: 0 0 5px 0;
  display: flex;
  justify-content: center;
}
.detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-legend span {
  width: auto;
}
.detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-legend img {
  max-width: "calc(46% - (var(" --column-spacing ") - 5px))";
  margin: 0 0 0 5px;
}
.detail-product-overlay-compare-table .dpo-ct-item-weekly {
  display: block;
}
.detail-product-overlay-compare-table .dpo-ct-item-weekly.dpo-ct-item-title {
  display: flex;
}
.detail-product-overlay-compare-table .dpo-ct-btn {
  width: 110px;
  border: 1px solid var(--color-brand02);
  color: var(--color-brand02);
  background: none;
  line-height: 30px;
  cursor: pointer;
}
.detail-product-overlay-compare-table .dpo-ct-img {
  margin: 0 20px 0 20px;
  text-align: center;
  height: 190px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: left;
}
.detail-product-overlay-compare-table .dpo-ct-img img {
  max-width: 130px;
}
.detail-product-overlay-compare-table .dpo-ct-imgs {
  width: 100%;
  display: flex;
  margin: 10px 0 20px 0;
  justify-content: space-between;
}
.detail-product-overlay-compare-table .img-trash.img-trash-hidden {
  height: 0;
}
.detail-product-overlay-compare-table .img-trash {
  width: 20px;
}
.detail-product-overlay-compare-table .dpo-ct-img.dpo-ct-img-logo {
  justify-content: center;
}
@media (max-width: 800px) {
  .detail-product-overlay-compare-table .dpo-ct-img.dpo-ct-img-logo {
    width: 100px;
  }
}
.detail-product-overlay-compare-table .dpo-ct-img.dpo-ct-img-logo .img {
  width: 67px;
}
.detail-product-overlay-compare-table .dpo-ct-item-model span {
  width: 100%;
}
.detail-product-overlay-compare-table .dpo-ct-column {
  width: "calc(100% - (var(" --column-spacing ") /4))";
}
@media (max-width: 800px) {
  .detail-product-overlay-compare-table .dpo-ct-column {
    width: 200px;
  }
  .detail-product-overlay-compare-table .dpo-ct-column.dpo-ct-column-title {
    width: 170px;
  }
}
.detail-product-overlay-compare-table .dpo-ct-btn-add {
  cursor: pointer;
}
.detail-product-overlay-compare-table .dpo-ct-btn-add .dpo-ct-btn-add-img {
  width: 27px;
  margin: 0 0 10px 0;
}
.detail-product-overlay-compare-table .dpo-ct-btn-add .dpo-ct-btn-icon {
  margin: 0 auto 10px auto;
}
.detail-product-overlay-compare-table .dpo-ct-btn-icon {
  border: 3px solid var(--color-brand02);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 21px;
  text-align: center;
  display: block;
}
.detail-product-overlay-compare-table .dpo-ct-btn-copy {
  font-size: 14px;
  display: block;
}
.detail-product-overlay-compare-table .dpo-ct-btn-info {
  margin: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.detail-product-overlay-compare-table .dpo-ct-btn-info .dpo-ct-btn-info-img {
  width: 27px;
  margin: 0 10px 0 0;
}
.detail-product-overlay-compare-table .dpo-ct-btn-info .dpo-ct-btn-icon {
  margin: 0 10px 0 0;
}
@media (max-width: 1100px) {
  .detail-product-overlay-compare-table .detail-product-overlay-container .dpo-close {
    right: 0;
  }
}
.colorSp {
  color: var(--color-brand02);
  text-decoration: none;
}
.colorSp:hover {
  color: white;
}
.widthVideo {
  width: 100%;
}
/*------------ detail product overlay / compare / cambios desarrollo------------------*/
.detail-product-overlay-compare-table .dpo-ct-item span:nth-child(2) {
  margin: 5px 0 0 0;
  display: block;
  height: 42px;
  overflow: hidden;
}
.detail-product-overlay-compare-table .dpo-ct-item-motor {
  min-height: 98px;
}
.detail-product-overlay-compare-table .dpo-ct-item-suspension {
  min-height: 110px;
}
.detail-product-overlay-compare-table .dpo-ct-item-brake {
  min-height: 98px;
}
.detail-product-overlay-compare-table .dpo-ct-item-model {
  min-height: 98px;
}
/*------------ detail product overlay / compare / cambios desarrollo------------------*/
/* --------------------- my account -------------------------------------------------------------------------*/
.container.my-account {
  padding: 0;
}
.container.my-account > .row {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media (min-width: 440px) {
  .my-account-nav {
    max-width: 440px;
    margin-right: 23px;
    padding: 0;
  }
}
.my-account-detail {
  border-left: 1px solid var(--color-back-gray);
  padding-left: 42px;
  width: calc(100% - 463px);
}
@media (max-width: 992px) {
  .my-account-detail {
    border-left: none;
    width: calc(100% - 0px);
    padding: 0 10px;
  }
}
.my-account-detail .mad-title {
  font-size: var(--text-font-size20);
  color: var(--color-brand01);
  padding: 0 0 20px 0;
  margin: 0;
  font-family: sf-bold;
}
@media (min-width: 992px) {
  .my-account-detail .mad-title {
    display: none;
  }
}
.my-account-detail .mad-title.mad-title-visible {
  display: block;
  padding: 0;
  margin: 0 0 20px 0;
}
.my-account-detail .mad-subtitle {
  font-size: 16px;
  margin: 0 0 40px 0;
}
.my-account-detail .mad-subtitle strong {
  color: var(--color-brand02);
}
@media (max-width: 768px) {
  .my-account-detail.disable {
    display: none;
  }
}
@media (max-width: 992px) {
  .my-account-detail.my-account-detail-mail .mad-title {
    display: block;
  }
}
@media (min-width: 993px) {
  .my-account-detail.my-account-detail-mail .mad-title {
    display: none;
  }
}
.my-account-detail .input {
  margin: 0 0 20px 0;
  max-width: 300px;
}
@media (max-width: 768px) {
  .my-account-detail .input {
    margin: 0 0 20px 0;
  }
}
.my-account-detail .input::placeholder {
  color: #acb5be;
}
.my-account-detail .input label {
  font-family: sf-semibold;
}
.my-account-detail .input-save {
  margin: 30px 0 0 0;
}
.my-account-detail .input-save .btn.btn-primary {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  border: none;
  margin: 5px auto 0 0;
}
.my-account-detail .input-save .btn.btn-primary:active {
  background-color: #0c45a8;
}
@media (max-width: 768px) {
  .my-account-detail .input-save {
    margin: 0;
    width: 300px;
  }
}
.my-account-detail .input-save.disable {
  opacity: .15;
}
.my-account-detail .input .longitud {
  font-size: var(--text-font-size12);
  margin: 0 0 0 20px;
}
.my-account-detail .check {
  margin: 20px 0;
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 768px) {
  .my-account-detail .check {
    margin: 20px auto 20px auto;
    width: 300px;
  }
}
.my-account-detail .check input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.my-account-detail .terms {
  max-width: 375px;
}
.my-account-detail .terms a {
  text-decoration: none;
}
.my-account-detail .btn-return {
  width: 300px;
  background: var(--color-brand01);
  border-radius: .50rem;
  text-align: center;
  color: white;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 40px 0;
  cursor: pointer;
  line-height: 50px;
}
@media (min-width: 768px) {
  .my-account-detail .btn-return {
    display: none;
  }
}
.my-account-detail.my-account-detail-mail .form-group {
  width: 300px;
  margin: 0;
}
@media (max-width: 768px) {
  .my-account-detail .btn-return {
    margin: 40px auto 0 auto;
  }
  .my-account-detail .form-group {
    width: 300px;
    margin: 0;
  }
  .my-account-detail .checkout-phone-container {
    max-width: 300px;
  }
  .my-account-detail .button-italika-1 {
    margin: 0;
  }
}
.my-account-detail button {
  margin-left: 0;
}
.my-account-detail .detail-box-ship {
  border: none;
}
.my-account-detail .detail-box-ship p {
  margin: 0 10px;
  padding: 0;
  font-size: 14px;
  text-align: center;
  width: calc(100% - 20px);
}
@media (max-width: 1200px) {
  .my-account-detail .detail-box-ship p {
    margin: 0;
    text-align: left;
  }
}
.my-account-detail .detail-box-ship p > span {
  display: block;
}
.my-account-detail .label-italika-style {
  font-size: 16px;
  display: inline;
}
.my-account-detail .label-italika-style:after,
.my-account-detail .control-label:after {
  content: " *";
  color: red;
}
.my-account-detail .btn.button-italika-1.button-colour-1 {
  background-color: #0c45a8;
}
/*--------my account detail / favorites list ----------------------*/
@media (max-width: 768px) {
  .my-account-detail.favorites-list .return {
    margin: 0 auto;
  }
}
.my-account-detail.favorites-list .detail-box.fl-trash {
  width: 50px;
}
.my-account-detail.favorites-list .detail-box.fl-trash:last-child img {
  margin: 14px 10px;
  width: 20px;
}
.my-account-detail.favorites-list .detail-container {
  width: 100%;
  max-width: 812px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .detail-container {
    align-items: center;
    border-top: 0;
    border-bottom: 0;
    padding-top: 0;
  }
}
.my-account-detail.favorites-list .detail-container .mya-fl-container-title,
.my-account-detail.favorites-list .detail-container .mya-fl-container {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .detail-container .mya-fl-container {
    border-top: solid 1px #ededed;
    padding: 20px 0 0 0;
  }
  .my-account-detail.favorites-list .detail-container .mya-fl-container-title {
    display: none;
  }
}
.my-account-detail.favorites-list .detail-box {
  width: 145px;
  height: 216px;
  border: solid 1px #ededed;
  margin-right: -2px;
}
.my-account-detail.favorites-list .mya-fl-container-title .detail-box {
  height: auto;
}
.my-account-detail.favorites-list .detail-title {
  width: 100%;
  height: 42px;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1200px) {
  .my-account-detail.favorites-list .mya-fl-container .detail-title {
    display: none;
  }
}
.my-account-detail.favorites-list .detail-title h3 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.favorites-list .detail-box-prodcut-img {
  width: 100%;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.my-account-detail.favorites-list .dbp-container .dbp-btn-buy {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: .50rem;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  width: calc(100% - 20px);
  font-family: sf-bold;
  font-size: var(--text-font-size12);
  max-width: 200px;
}
@media (min-width: 1200px) {
  .my-account-detail.favorites-list .dbp-container .dbp-btn-buy {
    display: none;
  }
}
@media (max-width: 1024px) {
  .my-account-detail.favorites-list .dbp-container .dbp-btn-buy {
    margin: 47px auto -5px auto !important;
  }
}
.my-account-detail.favorites-list .detail-box-prodcut-txt {
  width: 100%;
  text-align: center;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.my-account-detail.favorites-list .detail-box-prodcut-txt h4 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.favorites-list .detail-box-prodcut-txt h5 {
  font-family: sf-regular;
  font-size: 142px;
  color: #00205b;
  padding: 0;
  margin: 0;
  width: 100%;
}
.my-account-detail.favorites-list .detail-box-prodcut-txt-2 {
  font-family: sf-bold;
  font-size: 14px;
}
.my-account-detail.favorites-list .detail-box-price {
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  flex-wrap: wrap;
  border: none;
}
.my-account-detail.favorites-list .detail-box-price > .btn-default {
  background: none;
  border: none;
}
@media (min-width: 1200px) {
  .my-account-detail.favorites-list .detail-box-price .db-title,
  .my-account-detail.favorites-list .detail-box-ship .db-title,
  .my-account-detail.favorites-list .detail-box-price .detail-box-price-container .db-title {
    display: none;
  }
}
.my-account-detail.favorites-list .detail-box-price .db-title,
.my-account-detail.favorites-list .detail-box-ship .db-title,
.my-account-detail.favorites-list .detail-box-price .detail-box-price-container .db-title {
  margin: 0;
  width: 100%;
}
.my-account-detail.favorites-list .detail-box-price h4 {
  font-family: sf-bold;
  font-size: 18px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.favorites-list .detail-box-price .detail-box-price-container {
  width: 100%;
  text-align: center;
  padding: 0 10px;
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .detail-box-price .detail-box-price-container {
    text-align: left;
    padding: 0;
  }
}
.my-account-detail.favorites-list .detail-box-price .detail-box-btn-buy {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: .50rem;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  margin: 20px 0;
  width: calc(100% - 0px);
  font-family: sf-bold;
  /* box-sizing: border-box; */
  font-size: var(--text-font-size12);
}
.my-account-detail.favorites-list .detail-box-price .detail-box-btn-buy:hover {
  background-color: #00205b;
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .detail-box-price .detail-box-btn-buy {
    display: none;
  }
}
.my-account-detail.favorites-list .detail-box-form-container {
  position: relative;
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-account-detail.favorites-list .detail-box-form {
  width: 75px;
  height: 31px;
  border: solid 1px #ededed;
  border-radius: .50rem;
  margin-top: -7px;
  margin-right: 10px;
  font-family: sf-bold;
}
.my-account-detail.favorites-list .detail-box-drop-down-arrow {
  position: absolute;
  left: 65px;
}
.my-account-detail.favorites-list .detail-box-drop-down-arrow:hover {
  cursor: pointer;
}
.my-account-detail.favorites-list .detail-box-drop-down {
  position: absolute;
  width: 75px;
  background-color: white;
  top: 110px;
  left: 16px;
  z-index: 1;
}
.my-account-detail.favorites-list .detail-box-drop-down div {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
}
.my-account-detail.favorites-list .detail-box-drop-down div:hover {
  cursor: pointer;
  background-color: #ededed;
}
.my-account-detail.favorites-list .detail-box-ship {
  width: 100%;
  height: 194px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 10px 0;
}
.my-account-detail.favorites-list .detail-box-ship h4 {
  font-family: sf-bold;
  font-size: 12px;
  color: #00205b;
  text-align: center;
  padding: 0;
  margin: 0;
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .fl-detail-box {
    width: 160px;
  }
  .my-account-detail.favorites-list .fl-detail-box .detail-title {
    display: none;
  }
}
.my-account-detail.favorites-list .detail-box-prodcut-img img {
  max-height: 117px;
  margin: 30px;
}
@media (max-width: 768px) {
  .my-account-detail.favorites-list .detail-box-ship {
    padding-left: 0;
  }
}
.my-account-detail.favorites-list .detail-box-ship p {
  max-height: 187px;
}
@media (min-width: 768px) {
  .my-account-detail.favorites-list .detail-box-ship p {
    margin: 0 5px;
  }
}
.my-account-detail.favorites-list .flex {
  display: flex;
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .flex {
    width: calc(100% - (160px + 40px));
    display: block;
    position: relative;
  }
  .my-account-detail.favorites-list .flex .detail-box {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .detail-box {
    height: auto;
    border: none;
    position: initial;
    padding: 0 20px 20px 0;
  }
  .my-account-detail.favorites-list .detail-box .detail-title {
    background: none;
    border: none;
    height: auto;
    justify-content: left;
    padding: 0 0 5px 0;
  }
  .my-account-detail.favorites-list .detail-box .detail-box-price {
    height: auto;
    justify-content: left;
  }
  .my-account-detail.favorites-list .detail-box .detail-box-ship {
    height: auto;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .my-account-detail.favorites-list .detail-box .detail-box-price {
    padding-left: 0;
  }
}
@media (max-width: 1000px) {
  .my-account-detail.favorites-list .mad-title {
    padding: 0;
  }
}
/*--------my account detail / favorites list ----------------------*/
/*--------my account detail / adresss ----------------------*/
.my-account-detail .addresses {
  border-bottom: solid 1px #ededed;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 24px;
}
.my-account-detail .addresses .addresses-icons {
  width: 25px;
}
.my-account-detail .addresses .addresses-data {
  width: calc(100% - 25px);
}
.my-account-detail .addresses .addresses-street:before {
  content: "Calle: ";
  display: inline-block;
  font-family: 'sf-bold';
  margin-right: 10px;
}
.my-account-detail .addresses .addresses-number:before {
  content: "N&uacute;mero exterior: ";
  display: inline-block;
  font-family: 'sf-bold';
  margin-right: 10px;
}
.my-account-detail .addresses .addresses-city:before {
  content: "Ciudad: ";
  display: inline-block;
  font-family: 'sf-bold';
  margin-right: 10px;
}
.my-account-detail .addresses .addresses-phone:before {
  content: "Tel&eacute;fono: ";
  display: inline-block;
  font-family: 'sf-bold';
  margin-right: 10px;
}
.my-account-detail .addresses .addresses-region:before {
  content: "Estado: ";
  display: inline-block;
  font-family: 'sf-bold';
  margin-right: 10px;
}
.my-account-detail .addresses .addresses-country:before {
  content: "Pa&iacute;s: ";
  display: inline-block;
  font-family: 'sf-bold';
  margin-right: 10px;
}
.my-account-detail .addresses .addresses-postalCode:before {
  content: "C&oacute;digo Postal: ";
  display: inline-block;
  font-family: 'sf-bold';
  margin-right: 10px;
}
.my-account-detail .addresses-btn-add {
  width: 300px;
  background: var(--color-brand02);
  border-radius: .50rem;
  text-align: center;
  color: white;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 0 0 40px auto;
  cursor: pointer;
  line-height: 50px;
  display: block;
  text-decoration: none;
}
@media (max-width: 768px) {
  .my-account-detail .addresses-btn-add {
    margin: 0 0 40px 0;
  }
}
.my-account-detail .addresses-default {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0 0 20px 0;
}
.my-account-detail .addresses-btn-default {
  width: 300px;
  border: 1px solid var(--color-brand02);
  border-radius: .50rem;
  text-align: center;
  color: var(--color-brand02);
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 20px 0 0 0;
  cursor: pointer;
  line-height: 50px;
}
@media (max-width: 768px) {
  .my-account-detail .addresses-btn-default {
    margin: 20px auto 0 auto;
  }
}
.my-account-detail .addresses-icons img {
  display: block;
  cursor: pointer;
  margin: 0 0 20px 0;
  width: 20px;
}
.my-account-detail .addresses .addresses-disable {
  display: none;
}
@media (max-width: 768px) {
  .my-account-detail .addresses .check {
    width: 100%;
  }
}
.my-account-detail .addresses-add .aad-title {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0 0 20px 0;
}
.my-account-detail .addresses-add label {
  color: black;
  font-family: sf-semibold;
  font-size: 16px;
}
.my-account-detail .addresses-add label .aad-mandatory {
  color: #ff0000;
}
.my-account-detail .addresses-add select {
  width: 300px;
  border: 1px solid var(--color-brand02);
  border-radius: .50rem;
  font-family: sf-regular;
  font-size: var(--text-font-size16);
  color: var(--color-text-input);
  height: 50px;
  padding: 0 20px;
}
.my-account-detail .addresses-add select.w100 {
  width: calc(100% - 30px);
  max-width: calc(100% - 30px);
}
.my-account-detail .addresses-add .addresses-btn-cancel {
  width: 300px;
  border: 1px solid var(--color-brand02);
  border-radius: .50rem;
  text-align: center;
  color: var(--color-brand02);
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 0 0 20px 0;
  cursor: pointer;
  line-height: 50px;
}
.my-account-detail .addresses-add .addresses-btn-add {
  width: 300px;
  background: var(--color-brand01);
  border-radius: .50rem;
  text-align: center;
  color: white;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 0 0 20px 0;
  cursor: pointer;
  line-height: 50px;
}
@media (max-width: 768px) {
  .my-account-detail .addresses-add .addresses-btn-add {
    margin: 0 auto 20px auto;
  }
}
/*-----my account detail / order list------------------*/
.my-account-detail.order-list .detail-title h3 {
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  color: #00205b;
  padding: 0;
  margin: 0;
}
@media (max-width: 1200px) {
  .my-account-detail.order-list .mad-ol-detail-title h3 {
    display: none;
  }
  .my-account-detail.order-list .detail-box-ship {
    border: 0;
  }
}
.my-account-detail.order-list .detail-box-ship a {
  margin-bottom: 1rem;
  display: block;
}
.my-account-detail.order-list .detail-box-ship img {
  max-width: 120px;
  margin: 0 10px;
}
.my-account-detail.order-list .detail-box-ship .subtitle {
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  color: #00205b;
  padding: 0;
  margin: 20px 0 0  0;
}
.my-account-detail.order-list .detail-box-price {
  font-family: sf-bold;
  font-size: 18px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
@media (max-width: 1200px) {
  .my-account-detail.order-list .detail-box-price {
    border: 0;
  }
}
.my-account-detail.order-list > .detail-container {
  flex-wrap: wrap;
  display: block;
  margin-top: 0;
}
@media (max-width: 767px) {
  .my-account-detail.order-list > .detail-container {
    border-top: 0;
    border-bottom: 0;
  }
}
.my-account-detail.order-list > .detail-container .detail-box {
  height: auto;
}
@media (max-width: 767px) {
  .my-account-detail.order-list > .detail-container .detail-box:nth-child(2) {
    position: initial;
  }
}
@media (max-width: 1200px) {
  .my-account-detail.order-list > .detail-container .detail-box {
    border: 0;
  }
  .my-account-detail.order-list > .detail-container .detail-box .detail-title {
    background-color: white;
    height: auto;
    border: 0;
    display: block;
  }
  .my-account-detail.order-list > .detail-container .detail-box .detail-box-price {
    height: auto;
    display: block;
  }
  .my-account-detail.order-list > .detail-container .detail-box .detail-box-ship {
    height: auto;
    display: block;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container {
    border-bottom: solid 1px var(--color-back-gray);
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: solid 1px var(--color-back-gray);
    padding-bottom: 20px;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box {
    width: 50%;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub {
    width: 50%;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub.detail-box-sub-last {
    width: 100%;
    display: flex;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub.detail-box-sub-last .detail-box {
    width: 50%;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box {
    width: 100%;
    margin: 20px 0 0 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: initial;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box:last-child .detail-title {
    width: 100%;
    order: 2;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box:last-child .detail-box-ship {
    order: 2;
    margin: 0 0 20px 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child .detail-box-price {
    order: 3;
    top: 15px;
    padding-left: 0px;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child .detail-box-price {
    position: initial;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child .detail-box-link {
    width: 50%;
    order: 2;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container {
    border-bottom: 0;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .mad-ol-c-f-flex {
    display: block;
    margin: 0 0 0 20px;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .mad-ol-c-f-flex .detail-box:last-child .detail-title {
    width: 100%;
    order: 0;
  }
  .my-account-detail.order-list.order-list-detail .mad-ol-detail-title {
    display: none;
  }
}
@media (min-width: 1200px) {
  .my-account-detail.order-list .detail-container .mad-ol-container {
    text-align: center;
    margin: 0 0 20px 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex {
    display: flex;
    margin-bottom: 20px;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .mad-ol-c-f-flex {
    display: flex;
    width: calc((100% / 6)*3);
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .mad-ol-c-f-flex .detail-box:last-child .detail-title {
    border-right: 0px;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box {
    width: calc(100% / 4);
    border-left: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub {
    width: calc(100% / 4);
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .detail-box {
    width: calc(100% / 6);
    border-left: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container:first-child .flex .detail-box {
    width: calc((100% / 6)*2);
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child {
    border-right: solid 1px #ededed;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box {
    width: 100%;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-title {
    border-right: 0;
    border-left: 0;
    box-shadow: -1px 0px 1px #d1d1d1;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box .detail-title {
    height: 42px;
    background-color: #ededed;
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    border-left: solid 1px #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child .detail-title {
    border-right: solid 1px #d1d1d1;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box:last-child .detail-title {
    border-right: 0;
    border-left: 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box .detail-box-ship,
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box .detail-box-price {
    display: flex;
    height: 240px;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box .detail-box-ship {
    height: calc(198px  /2);
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .detail-box .detail-box-ship,
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .detail-box .detail-box-price {
    height: 260px;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box .detail-box-ship span {
    display: block;
  }
}
/*-----------my account detail / order list--------------------------------*/
/*-----------my account detail / invoice------------------------------------*/
.my-account-detail.my-account-detail-invoice .detail-title h3 {
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.my-account-detail-invoice .disabled .descargar {
  cursor: default;
  opacity: .15;
}
.my-account-detail.my-account-detail-invoice .descargar {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: .50rem;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  width: 220px;
  font-family: sf-bold;
  font-size: var(--text-font-size12);
}
.my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-box-ship p.legal,
.my-account-detail.my-account-detail-invoice .legal {
  display: none;
  margin-top: 10px;
  font-size: 12px;
}
.my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-box-ship .disabled p.legal,
.my-account-detail.my-account-detail-invoice .disabled .legal {
  display: block;
}
.my-account-detail.my-account-detail-invoice .mad-i-container {
  text-align: center;
}
@media (max-width: 1200px) {
  .my-account-detail.my-account-detail-invoice .mad-i-container {
    margin: 0;
  }
}
.my-account-detail.my-account-detail-invoice .mad-i-container .img-invoice {
  width: 40px;
  margin: 0 0 20px 0;
}
.my-account-detail.my-account-detail-invoice .mad-i-container .img-invoice.disable {
  display: none;
}
@media (max-width: 1000px) {
  .my-account-detail.my-account-detail-invoice .flex {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box {
    margin: 0 0;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box .mad-invoice-title {
    display: none;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box-ship span {
    display: block;
  }
}
@media (min-width: 1000px) {
  .my-account-detail.my-account-detail-invoice .flex {
    display: flex;
    margin: 0 0 20px 0;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box {
    width: 50%;
    margin: 0;
    border-left: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex {
    display: flex;
    width: 50%;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box {
    width: 100%;
    border-left: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box .detail-title,
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-title {
    height: 42px;
    background-color: #ededed;
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    border-left: solid 1px #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box .detail-box-ship {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
    border-right: solid 1px #ededed;
    height: 250px;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-box-ship {
    height: 250px;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-box-ship p {
    margin: 0;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-title {
    border-right: solid 1px #d1d1d1;
  }
  .my-account-detail.my-account-detail-invoice .detail-box-ship p {
    width: 100%;
    max-width: 250px;
  }
}
.my-account-detail.my-account-detail-invoice .detail-box-ship p {
  text-align: center;
}
.my-account-detail.my-account-detail-invoice .detail-container {
  margin-top: 0;
  max-width: 100%;
  border-top: 0;
  border-bottom: 0;
  padding-top: 0;
}
.my-account-detail.my-account-detail-invoice .detail-container .mad-container {
  width: 100%;
}
.my-account-detail.my-account-detail-invoice .detail-container .detail-box {
  height: auto;
}
@media (max-width: 1000px) {
  .my-account-detail.my-account-detail-invoice .detail-container .detail-box {
    height: auto;
    width: auto;
    border: 0;
  }
  .my-account-detail.my-account-detail-invoice .detail-container .detail-box .detail-title {
    height: auto;
    background: none;
    border: 0;
    display: block;
  }
  .my-account-detail.my-account-detail-invoice .detail-container .detail-box .mad-invoice-title {
    display: none;
  }
  .my-account-detail.my-account-detail-invoice .detail-container .detail-box .detail-box-ship {
    display: block;
    height: auto;
    border: 0;
  }
  .my-account-detail.my-account-detail-invoice .detail-container .detail-box .detail-box-ship {
    width: 220px;
  }
  .my-account-detail.my-account-detail-invoice .mad-invoice-flex .detail-box:nth-child(2) {
    position: initial;
  }
}
/*------------------my account detail / invoice---------------------*/
@media (max-width: 1200px) {
  .my-account-detail .checkout-phone-container .form-group:first-child {
    width: 100px;
  }
  .my-account-detail .checkout-phone-container .form-group:last-child {
    width: 100%;
  }
}
/*------------------my account / nav-----------------------------------*/
@media (max-width: 992px) {
  .my-account .row .col {
    flex: none;
    margin: 0 0 20px 0;
  }
}
.my-account .my-account-nav {
  width: 100%;
}
@media (max-width: 992px) {
  .my-account .my-account-nav {
    display: flex;
    margin: 0 0 20px 0;
    max-width: 100%;
  }
}
.my-account .my-account-nav .man-txt {
  display: flex;
}
@media (max-width: 992px) {
  .my-account .my-account-nav .man-txt span {
    display: none;
  }
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button {
    width: calc(100% / 6);
    border: 1px solid var(--color-back-gray);
  }
}
.my-account .my-account-nav .button a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  text-decoration: none;
  color: var(--color-black-text);
  box-sizing: border-box;
  border-bottom: 1px solid var(--color-back-gray);
  cursor: pointer;
  font-size: var(--text-font-size17);
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button a {
    justify-content: center;
  }
}
.my-account .my-account-nav .button:hover {
  background: var(--color-back-gray);
}
.my-account .my-account-nav .button img {
  width: 22px;
  margin: 0 30px;
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button img {
    width: 22px;
    margin: 0 9px;
  }
}
.my-account .my-account-nav .button img.pedidos {
  width: 29px;
  margin: 0 35px 0 25px;
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button img.pedidos {
    margin: 0;
  }
}
.my-account .my-account-nav .button img.correo {
  width: 24px;
  margin: 0 35px 0 30px;
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button img.correo {
    margin: 0;
  }
}
.my-account .my-account-nav .button img.favoritos {
  width: 24px;
  margin: 0 35px 0 30px;
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button img.favoritos {
    margin: 0;
  }
}
.my-account .my-account-nav .button img.arrow {
  transform: rotate(-90deg);
  width: 15px;
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button img.arrow {
    display: none;
  }
}
.my-account .my-account-nav .button.active {
  background: var(--color-back-gray);
}
.my-account .row {
  position: relative;
}
.my-account .row .btn-close {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  border: 1px solid #0c45a8;
  margin: 0 auto 0 30px;
  color: #0c45a8;
}
@media (min-width: 993px) {
  .my-account .row .btn-close:hover {
    background-color: #0c45a8;
    color: white;
  }
}
@media (max-width: 993px) {
  .my-account .row .btn-close {
    margin-left: 12px;
  }
}
@media (min-width: 1000px) {
  .my-account .row .btn-close {
    position: absolute;
    left: 0;
    top: 400px;
    margin: 0 auto 0 0;
  }
}
.my-account .row .my-account-nav {
  margin-bottom: 90px;
}
@media (max-width: 992px) {
  .my-account .row .my-account-nav {
    margin-bottom: 20px;
  }
}
/*--------------my account / nav --------------------------*/
/*--------------my account / cerrar --------------------------*/
.my-account .cerrar {
  width: 300px;
  border: 1px solid var(--color-brand02);
  border-radius: .50rem;
  text-align: center;
  color: var(--color-brand02);
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 40px 0;
  cursor: pointer;
  line-height: 50px;
}
.my-account .cerrar span {
  display: block;
  line-height: 50px;
}
.my-account input[type=text],
.my-account input[type=password],
.my-account input[type=mail],
.my-account input[type=number] {
  border: 1px solid var(--color-brand02);
  border-radius: .50rem;
  font-family: sf-regular;
  font-size: var(--text-font-size16);
  color: var(--color-text-input);
  line-height: 50px;
  padding: 0 20px;
  max-width: 300px;
  width: 300px;
  height: 50px;
  margin-bottom: 20px;
}
.my-account input[type=text].w100,
.my-account input[type=password].w100,
.my-account input[type=mail].w100,
.my-account input[type=number].w100 {
  width: calc(100% - 30px);
}
.my-account input[type=submit] {
  background: var(--color-brand01);
  border-radius: .50rem;
  color: white;
  font-family: sf-semibold;
  font-size: var(--text-font-size14);
  line-height: 50px;
  padding: 0 20px;
  width: 300px;
  border: 0;
}
.my-account .input-save input[disabled] {
  opacity: .15;
  cursor: auto;
}
.my-account .button-colour-1[disabled]:hover {
  cursor: auto;
}
.my-account .checkout-input-check {
  position: initial;
  margin-bottom: 30px;
}
.my-account .checkout-input-check > label {
  font-size: 14px;
  font-family: 'sf-regular';
}
@media (max-width: 1200px) {
  .my-account .checkout-form-grid {
    display: block;
  }
}
.my-account-description {
  margin-bottom: 40px;
  font-size: 16px;
}
@media (max-width: 992px) {
  .my-account-description {
    margin-bottom: 20px;
  }
}
/* ----------------------------------my account ------------------------------------------------------------*/
.account-section .h1-title-container .h1-title {
  text-align: left;
  margin: 20px 0;
}
.my-account-detail.my-account-detail-mail label {
  font-family: "sf-semibold";
}
/*------------- my account / box close --------------------*/
#colorbox.account-section-box-close #cboxTitle {
  padding: 20px;
}
#colorbox.account-section-box-close #cboxLoadedContent {
  padding: 0 20px;
}
#colorbox.account-section-box-close .btn.btn-primary.btn-block {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  border: solid 2px #00205b;
  margin: 5px auto;
  background-color: white;
  color: #00205b;
}
.my-account-detail .addresses .account-set-default-address {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  border: 1px solid #0c45a8;
  margin: 20px auto 40px 0;
  color: var(--color-brand01);
}
/*------------------editar direccion / inputs: inicio----------------------*/
.i18nAddressForm {
  max-width: 700px;
  width: 640px;
}
.i18nAddressForm input,
.i18nAddressForm select {
  height: 50px;
  width: 300px;
  max-width: 300px;
  border-radius: .50rem !important;
  margin-bottom: 0;
}
.i18nAddressForm select,
.i18nAddressForm .phone-label-input input,
.i18nAddressForm .district-label-input input {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 980px) and (max-width: 1200px) {
  .i18nAddressForm select,
  .i18nAddressForm .phone-label-input input,
  .i18nAddressForm .district-label-input input {
    width: 300px;
    max-width: 300px;
  }
}
@media (max-width: 990px) {
  .i18nAddressForm select,
  .i18nAddressForm .phone-label-input input,
  .i18nAddressForm .district-label-input input {
    width: 300px;
    max-width: 300px;
  }
}
.i18nAddressForm .phone-label-input .checkbox {
  position: initial;
  margin-top: 0;
  margin-bottom: 20px;
  width: 100%;
}
.i18nAddressForm .phone-label-input .checkbox input[type="checkbox"] {
  position: initial;
  margin-left: 0;
  margin: 0 10px 0 0;
  height: auto;
  width: auto;
}
@media (max-width: 980px) {
  .i18nAddressForm .col-sm-6 {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .i18nAddressForm .col-sm-6 {
    width: 100%;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  .i18nAddressForm .col-md-6 {
    width: 100%;
    padding: 0;
  }
}
.form-actions.custom-class-lib-dir .btn.change_address_button,
.form-actions.custom-class-lib-dir .col-sm-6.accountButtons a {
  font-size: 14px;
  height: 50px;
  padding: 0;
  line-height: 43px;
  width: 300px;
}
.form-actions.custom-class-lib-dir .col-sm-push-6 {
  left: 0;
  margin: 0 10px 0 0;
  width: calc(40%);
}
@media (max-width: 980px) {
  .form-actions.custom-class-lib-dir .col-sm-push-6 {
    padding-left: 0;
  }
}
.form-actions.custom-class-lib-dir .col-sm-pull-6 {
  display: none;
  right: 0;
  margin: 0 0 0 10px;
  width: calc(40%);
}
@media (max-width: 640px) {
  .form-actions.custom-class-lib-dir .col-sm-pull-6 {
    margin: 0;
  }
}
.account-section .account-section-content .account-section-form {
  margin: 40px 0 0 0;
}
.account-section .account-section-content .account-section-form .accountActions {
  max-width: 700px;
  width: 620px;
}
/*------------------editar direccion: fin----------------------*/
/*------------------cambios: inicio----------------------*/
.container.my-account .back-link.border {
  padding: 0;
  border-bottom: 0;
  margin-bottom: 20px;
}
.container.my-account .back-link.border .container-lg.col-md-6 {
  border-left: 0;
}
.container.my-account .container-lg.col-md-6 {
  padding: 0;
  width: 100%;
}
@media (min-width: 992px) {
  .container.my-account .container-lg.col-md-6 {
    border-left: 1px solid var(--color-back-gray);
    width: 50%;
  }
}
@media (max-width: 992px) {
  .account-section .container-lg .account-section-content {
    padding-left: 10px;
  }
  .i18nAddressForm .col-sm-12 {
    padding-left: 0;
  }
}
.account-section .account-section-content .account-section-form {
  margin: 0;
}
@media (max-width: 1024px) {
  .my-account .row .my-account-nav {
    order: 1;
  }
  .my-account .container-lg.col-md-6,
  .my-account .my-account-detail {
    order: 2;
  }
  .my-account > .row > a {
    order: 3;
    margin-top: 20px;
  }
}
.account-section .account-section-content form {
  padding-left: 0;
}
.i18nAddressForm .form-group {
  min-height: 75px;
}
#cboxContent #cboxTitle {
  padding: 30px 20px 0 20px;
  height: 25px;
}
#cboxContent #cboxTitle .headline {
  margin: 0;
}
#cboxLoadedContent {
  padding: 0;
}
#cboxLoadedContent .addressItem {
  padding: 0 20px 20px 20px;
}
#cboxLoadedContent .addressItem .modal-actions > .row > div:last-child {
  display: none;
}
#cboxLoadedContent .addressItem .modal-actions > .row > div.col-sm-push-6 {
  width: 300px;
  left: calc(-100%);
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: .50rem;
  border: 2px solid var(--color-brand01);
  margin: 20px auto 40px 0;
}
#cboxLoadedContent .addressItem .modal-actions > .row > div.col-sm-push-6 a {
  background-color: white;
  border-color: white;
  color: var(--color-brand01);
  margin: 0;
  padding: 0;
}
#cboxClose .glyphicon-remove:before {
  content: "";
  background: url(/_ui/images/ic-close.svg);
  height: 15px;
  width: 15px;
  display: block;
}
.my-account input[type=text] {
  margin-bottom: 0;
}
.account-section-content .content-empty {
  display: none;
}
.my-account-detail.favorites-list .alert.alert-info {
  margin-top: 20px;
  width: calc(100% - 11px);
}
.my-account .form-actions.custom-class-lib-dir .row {
  position: initial;
}
.account-section .account-section-content.content-empty {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 0;
  font-family: 'sf-light';
  font-size: 16px;
}
/*------------------cambios: fin----------------------*/
/* ----------------------------------my account: fin; ------------------------------------------------------------*/
/*Footer*/
.technical-sheet-duplex {
  width: 366px;
  height: 100%;
  margin-right: 20px;
}
.technical-sheet-duplex > div:nth-child(2) {
  margin-top: 20px;
}
.technical-sheet-box {
  width: 366px;
  min-width: 366px;
  height: 560px;
  box-sizing: border-box;
  border: solid 1px #a5c6ff;
  position: relative;
  margin-right: 20px;
}
.technical-sheet-medium-box {
  width: 366px;
  min-width: 366px;
  height: 270px;
  box-sizing: border-box;
  border: solid 1px #a5c6ff;
  position: relative;
  margin-right: 20px;
}
/*HEADER ESTEBAN */
.container-header-italika {
  position: initial;
  display: flex;
  height: 75px;
  align-items: center;
}
.cart-container {
  position: absolute;
  right: 72px;
}
.cart-container:hover {
  cursor: pointer;
}
.login-header-menu {
  position: absolute;
  right: 125px;
}
.login-header-menu-lite {
  position: absolute;
  right: 15px;
}
.lines-menu-container {
  position: absolute;
  right: 0;
  display: block;
  margin-left: 32px;
}
.lines-menu-container div {
  transition: all .3s;
}
.lines-menu-container:hover {
  cursor: pointer;
}
.input-hamburger {
  position: relative;
}
.hover-hamburger > .navbar > .navbar-nav > li > a {
  color: #00205b;
}
.hover-hamburger > .navbar > .navbar-nav > li > a:hover {
  color: #a5c6ff;
}
.navbar {
  border-radius: 0;
  min-height: inherit;
  margin-bottom: 0;
  border: none;
}
.lines-menu:checked ~ .input-hamburger > .hover-hamburger-container > .hover-hamburger {
  height: 180px;
  margin-top: 75px;
  display: flex;
  align-items: center;
  background-color: #00205b;
  color: white;
}
.hover-hamburger-container > .hover-hamburger > .navbar > .mx-auto > .navbar-item {
  list-style: none;
}
.hover-hamburger-container > .hover-hamburger > .navbar > .mx-auto > .navbar-item > a {
  font-family: sf-regular;
  font-size: 11px;
  text-transform: uppercase;
}
.hover-hamburger-container > .hover-hamburger > .navbar > .mx-auto > .navbar-item > a:hover {
  color: #a5c6ff;
  text-decoration: none;
}
/*HEADER ESTEBAN */
/* CLASES PARA FOOTER */
@media (min-width: 1200px) {
  .col-lg-8 {
    width: 66.66666667%;
  }
}
@media (min-width: 1200px) {
  .col-lg-4 {
    width: 33.33333333%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9 {
    float: left;
  }
}
/* CLASES PARA FOOTER */
.mostrarTodoCart {
  font-family: sf-bold;
  color: #0c45a8;
  margin-right: 150px;
  text-decoration: underline;
}
.convertirMinusculas button {
  text-transform: lowercase;
  text-decoration: underline;
}
.convertirMinusculas button::first-letter {
  text-transform: uppercase;
}
/*------------------- landing / payment methods -----------------------------------------------*/
/*------------------- landing / payment methods -----------------------------------------------*/
.payment-methods {
  font-size: 15px;
}
.payment-methods .banner-general-container {
  background-image: url("../../../images/banner-back-desk.jpg");
  background-size: cover;
}
.payment-methods .name-section-title2 {
  font-family: sf-bold;
  font-size: 21px;
  color: #00205b;
}
.payment-methods .pm-cards {
  display: flex;
  background: #ededed;
  justify-content: center;
  padding: 30px 0;
  align-items: center;
  margin: 0 0 40px 0;
  color: #999999;
}
.payment-methods .pm-cards .pm-cards-text {
  font-family: 'sf-bold';
  font-size: 20px;
  margin: 0 40px 0 0;
}
.payment-methods .pm-cards .pm-cards-img img {
  margin: 0 20px 0 0;
  width: 226px;
}
.payment-methods .pm-banner {
  display: flex;
  margin: 0 0 40px 0;
}
.payment-methods .pm-banner > div {
  width: 33.3%;
  margin: 0 20px 0 0;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  background-size: cover;
}
.payment-methods .pm-banner > div:last-child {
  margin: 0;
}
.payment-methods .paypal {
  background-image: url("../../../images/paypal-back.jpg");
  font-size: 12px;
  color: white;
}
.payment-methods .paypal .title {
  font-size: 20px;
  font-family: 'sf-semibold';
  text-align: center;
}
.payment-methods .paypal p {
  margin: 0;
}
.payment-methods .paypal .pm-banner-flex {
  display: flex;
  margin: 10px 0 0 0;
}
.payment-methods .paypal .flex-50 {
  display: flex;
  width: 50%;
  flex-wrap: wrap;
  margin: 18px;
}
.payment-methods .paypal .subtitle {
  display: flex;
  font-family: 'sf-semibold';
}
.payment-methods .paypal .subtitle img {
  margin: 0 10px 0 0;
}
.payment-methods .paypal .text {
  margin: 0 0 0 25px;
}
.payment-methods .paypal .center {
  text-align: center;
  margin: 0 0 20px 0;
}
.payment-methods .paypal .center .subtitle {
  margin: 0 auto;
  width: 120px;
}
.payment-methods .paypal .legal {
  margin: 0 0 10px 0;
  text-align: center;
  font-size: 10px;
}
.payment-methods .paypal .logo {
  margin: 15px auto;
  width: 130px;
  display: block;
}
.payment-methods .mercado-pago {
  color: #00A8EA;
  font-size: 12px;
  font-family: 'sf-semibold';
  background-image: url("../../../images/mercadopago-back.jpg");
  font-family: 'sf-bold';
}
.payment-methods .mercado-pago .title {
  font-size: 20px;
  font-family: 'sf-semibold';
  text-align: center;
  margin: 0 0 30px;
}
.payment-methods .mercado-pago p {
  margin: 0 0 20px 0;
  text-align: center;
}
.payment-methods .mercado-pago p img {
  margin: 0 10px 0 0;
}
.payment-methods .mercado-pago .logo {
  height: 37px;
  margin: 15px auto;
  display: block;
  width: 151px;
}
.payment-methods .banco-azteca {
  font-size: 12px;
  background: green;
  color: white;
  background-image: url("../../../images/baz-back.jpg");
}
.payment-methods .banco-azteca .ic {
  margin: 0 auto 30px auto;
  width: 140px;
  display: block;
}
.payment-methods .banco-azteca .ic-title {
  margin: 0 auto 10px auto;
  width: 24px;
  display: block;
}
.payment-methods .banco-azteca .title {
  font-size: 20px;
  font-family: 'sf-semibold';
  text-align: center;
  margin: 0 0 30px 0;
}
.payment-methods .banco-azteca p {
  margin: 0;
  text-align: center;
}
.payment-methods .banner-general .ba-ge-uno {
  margin: 0 0 0 250px;
  width: calc(-100%);
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.payment-methods .banner-general .ba-ge-uno img.img-uno {
  margin: 30px 0 30px 30px;
  width: 130px;
}
.payment-methods .banner-general .ba-ge-uno img.img-dos {
  margin: 30px 30px 30px 0;
}
.payment-methods .banner-general .ba-ge-dos {
  text-align: center;
  width: 50%;
  order: 1;
  margin: 0;
}
.payment-methods .banner-general .ba-ge-dos .ba-ge-dos-banco-azteca {
  width: 225px;
  margin: 0 100px 0 0;
}
.payment-methods .banner-general .ba-ge-dos .titulo-azteca {
  margin: 30px 100px 30px 0;
}
.payment-methods .banner-general .ba-ge-dos p {
  font-size: 25px;
  font-family: 'sf-semibold';
  line-height: 25px;
  color: white;
}
.payment-methods .banner-general .ba-ge-dos .link-margin {
  margin: 0 100px 0 0;
}
.payment-methods .banner-general .ba-ge-dos .link {
  display: block;
  background: white;
  color: var(--color-brand02);
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  margin: 0 auto 40px auto;
  max-width: 300px;
  width: 100%;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  cursor: pointer;
  border: 0;
}
.payment-methods .banner-general .ba-ge-dos .link.link-banco-azteca {
  color: var(--color-brand-Azteca);
}
.payment-methods .banner-general .banner-general-container {
  display: flex;
  justify-content: space-between;
  max-height: 330px;
  background-size: cover;
  text-decoration: none;
}
.payment-methods .pm-legals .pm-banner-legals {
  position: relative;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
}
.payment-methods .pm-legals .pm-banner-legals .pm-position {
  position: absolute;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  margin: 60px 0 0 0;
}
.payment-methods .pm-legals .pm-banner-legals .pm-position > span {
  display: block;
  text-align: center;
  font-size: 25px;
  margin: 20px 0;
  width: 100%;
}
.payment-methods .pm-legals .pm-banner-legals .pm-position > img {
  margin: 0;
  padding: 0;
  width: 44px;
}
.payment-methods .pm-legals .pm-banner-legals .pm-link {
  display: block;
  background: white;
  color: var(--color-brand02);
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  margin: 0 auto 40px auto;
  max-width: 300px;
  width: 100%;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  cursor: pointer;
  border: 0;
}
@media (max-width: 1000px) {
  .payment-methods .banner-general-container {
    background-image: url("../../../images/banner-back-movil.jpg");
    background-size: cover;
  }
  .payment-methods .pm-cards {
    flex-wrap: wrap;
    padding: 10px 0 20px 0;
  }
  .payment-methods .pm-cards .pm-cards-text {
    margin: 0 0 10px 0;
  }
  .payment-methods .pm-banner {
    flex-wrap: wrap;
    margin: 0 0 20px 0;
  }
  .payment-methods .pm-banner > div {
    width: 100%;
    max-width: 400px;
    margin: 0 auto 20px auto;
  }
  .payment-methods .pm-banner > div:last-child {
    margin: 0 auto 20px auto;
  }
  .payment-methods .banner-general .ba-ge-uno {
    margin: 0;
    width: 100%;
    order: 2;
    flex-wrap: wrap;
  }
  .payment-methods .banner-general .ba-ge-uno img.img-uno {
    display: block;
    margin: 0 auto 20px auto;
  }
  .payment-methods .banner-general .ba-ge-uno img.img-dos {
    display: block;
    margin: 0 auto;
    width: 80%;
  }
  .payment-methods .banner-general .ba-ge-dos {
    width: 100%;
    margin: 0;
  }
  .payment-methods .banner-general .ba-ge-dos .ba-ge-dos-banco-azteca {
    width: 225px;
    margin: 0;
  }
  .payment-methods .banner-general .ba-ge-dos .titulo-azteca {
    margin: 30px 0;
  }
  .payment-methods .banner-general .ba-ge-dos .link-margin {
    margin: 0;
  }
  .payment-methods .banner-general .banner-general-container {
    flex-wrap: wrap;
    max-height: 100%;
  }
  .payment-methods .pm-legals img {
    width: 100%;
  }
  .payment-methods .pm-legals > div {
    margin: 0 0 40px 0;
  }
  .payment-methods .pm-legals .pm-banner-legals > img {
    width: 100%;
  }
}
@media (min-width: 1000px) {
  .payment-methods .pm-legals {
    display: flex;
  }
  .payment-methods .pm-legals > div {
    margin: 0 20px 0 0;
  }
}
.navbar-brand {
  float: left;
  padding: 11px 10px;
  font-size: 18px;
  line-height: 20px;
  height: 50px;
}
.navbar-promo {
  margin-left: 30px;
  margin-right: 30px;
  margin-top: 28px;
  list-style: none;
}
.navbar-login-top {
  margin-top: 16px;
}
.nabbar-menu-top {
  margin-top: 23px;
}
/*JUEVES*/
.linkPromociones {
  color: #337ab7;
  text-decoration: underline;
}
.linkPromociones:hover {
  color: #00205b;
  text-decoration: underline;
}
/*JUEVES*/
.CPW {
  width: 300px;
}
.footer-italika-contact-2a-sec {
  display: flex;
}
.description {
  margin-top: 20px;
}
@media (min-width: 1400px) {
  .main-section-homepage {
    margin-top: 34px;
  }
}
.divTituloClass {
  position: relative;
  top: 25px;
}
.checkout-txt-default2 {
  font-family: sf-bold;
  color: #00205b;
  float: left;
  text-transform: uppercase;
}
a,
button {
  color: #0645ad;
}
a {
  color: #0645ad;
}
/* DHJ: Sobreescritura de los estilos para página de detalle de producto */
/*----------detail product / overlay ---------------------------------------------------------------------------------*/
.detail-product-overlay-back {
  background: var(--overlay);
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
}
.detail-product-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  left: 0;
}
.detail-product-overlay .detail-product-overlay-container {
  max-width: 992px;
  width: 100%;
  background: white;
  padding: 20px;
  position: relative;
  padding: 20px 50px;
}
@media (max-width: 1200px) {
  .detail-product-overlay .detail-product-overlay-container {
    margin: 0 auto;
  }
}
@media (max-width: 640px) {
  .detail-product-overlay .detail-product-overlay-container {
    margin: 0 10px;
  }
}
.detail-product-overlay .detail-product-overlay-container .dpo-close {
  background: var(--color-brand01);
  position: absolute;
  right: -25px;
  top: -25px;
  width: 50px;
  line-height: 50px;
  text-align: center;
  border-radius: 50%;
  z-index: 1;
  cursor: pointer;
}
@media (max-width: 768px) {
  .detail-product-overlay .detail-product-overlay-container .dpo-close {
    right: 0;
  }
}
.detail-product-overlay .detail-product-overlay-container .dpo-close img {
  width: 15px;
}
.detail-product-overlay .detail-product-overlay-container .dpo-flex {
  display: flex;
}
@media (min-width: 800px) {
  .detail-product-overlay .detail-product-overlay-container .dpo-flex {
    flex-wrap: wrap;
  }
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container.input-container-percentage,
.detail-product-overlay .detail-product-overlay-container .dpo-flex .input-container {
  margin: 0 20px 0 0;
}
.detail-product-overlay .detail-product-overlay-container .dpo-flex .btn_brand2 {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  margin: 0;
  width: 300px;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  cursor: pointer;
  border: 0;
}
.detail-product-overlay .detail-product-overlay-container .dpo-text {
  width: 100%;
  font-size: 16px;
  margin-bottom: 16px;
}
.detail-product-overlay .detail-product-overlay-container .dpo-flex .input-container {
  margin-bottom: 75px;
}
.detail-product-overlay .detail-product-overlay-container .dpo-flex .btn_brand2 {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  margin: 0;
  width: 300px;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  cursor: pointer;
  border: 0;
  /*margin-bottom: 20px;*/
}
.detail-product-overlay .detail-product-overlay-container .dpo-flex .btn_brand2c {
  display: block;
  width: 110px;
  border: 1px solid var(--color-brand02);
  border-radius: var(--border-radius);
  text-align: center;
  text-decoration: none;
  margin: 0;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  color: var(--color-brand02);
  background: none;
  line-height: 30px;
  cursor: pointer;
}
.detail-product-overlay .detail-product-overlay-container .dpo-flex .button-cancel {
  display: block;
  background: white;
  color: var(--color-brand02);
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  margin: 0;
  width: 300px;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  border: var(--color-brand02) 1px solid;
  cursor: pointer;
}
.detail-product-overlay .dpo-title {
  font-size: var(--text-font-size30);
  color: var(--color-brand01);
  padding: 20px 20px 0 20px;
  margin: 0 0 15px 0;
  font-family: sf-bold;
  width: 100%;
}
@media (max-width: 700px) {
  .detail-product-overlay .dpo-title {
    text-align: center;
  }
}
.detail-product-overlay .label-italika-style {
  font-size: 16px;
  display: inline;
}
/* ----------------detail product / overlay ---------------------*/
/* ----------------detail product / overlay / compare-------------*/
.detail-product-overlay-compare .detail-product-overlay-container {
  padding: 60px 80px;
  max-width: 1100px;
}
@media (max-width: 1200px) {
  .detail-product-overlay-compare .detail-product-overlay-container {
    padding: 60px 20px;
    margin: 0 30px;
  }
}
.detail-product-overlay-compare .dpo-flex {
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 1200px) {
  .detail-product-overlay.detail-product-overlay-compare .detail-product-overlay-container .dpo-flex {
    display: block;
    width: 300px;
    margin: 0 auto;
  }
}
.detail-product-overlay-compare .form-italika-style {
  width: 300px;
  font-size: 16px;
  padding: 0 10px;
}
@media (max-width: 1200px) {
  .detail-product-overlay.detail-product-overlay-compare .detail-product-overlay-container .dpo-flex .input-container {
    margin: 0 0 20px 0;
  }
  .detail-product-overlay-compare .btn_brand2 {
    margin: 40px 0 0 0;
  }
}
/* ------detail product / overlay / compare-------------------------*/
/* -------detail product / overlay / quotes-------------------------*/
.detail-product-overlay.detail-product-overlay-quotes {
  position: absolute;
  display: block;
  padding: 40px 10px;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container {
  max-width: 775px;
  padding: 20px 60px;
  margin: 0 auto;
}
@media (max-width: 992px) {
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container {
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }
}
@media (max-width: 900px) {
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container {
    width: calc(50% - 80px);
    margin: 0 40px;
  }
}
@media (max-width: 768px) {
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
}
@media (max-width: 1000px) {
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .checkout-phone-container .form-group:last-child {
    width: 100%;
  }
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .checkout-phone-container .form-group .form-control {
    max-width: 100%;
  }
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .checkout-phone-container .form-select {
  border-radius: var(--border-radius);
  font-size: var(--text-font-size16);
  height: 47px;
  padding: 0 20px;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .checkout-phone-container .form-control {
  margin-top: 24px;
  border-radius: var(--border-radius);
  font-size: var(--text-font-size16);
  height: 47px;
  padding: 0 19px;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .form-plazo-container {
  width: calc(50% - 10px);
}
@media (max-width: 1000px) {
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .form-plazo-container {
    width: 100%;
  }
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .form-plazo-container .form-plazo {
  border-radius: var(--border-radius);
  font-size: var(--text-font-size16);
  height: 48px;
  padding: 0 20px;
  width: 100%;
}
.detail-product-overlay-quotes .dpo-banco-azteca {
  position: absolute;
  top: 0;
  right: auto;
  text-align: right;
  width: calc(100% - 120px);
}
@media (max-width: 1000px) {
  .detail-product-overlay-quotes .dpo-banco-azteca {
    right: auto;
    text-align: center;
    width: calc(100% - 40px);
  }
}
.detail-product-overlay-quotes .dpo-banco-azteca img {
  width: 161px;
}
@media (max-width: 992px) {
  .detail-product-overlay.detail-product-overlay-quotes .dpo-flex {
    display: block;
    margin: 0 auto 0 auto;
  }
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container {
  margin: 0;
  width: calc(50% - 10px);
}
@media (max-width: 992px) {
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container {
    width: 100%;
  }
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container input {
  width: 100%;
  max-width: 100%;
  font-size: 16px;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-name {
  width: 100%;
  max-width: 100%;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-name input {
  margin: 0;
  width: 100%;
  font-size: 16px;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-mail,
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-price {
  margin: 0 20px 0 0;
}
@media (max-width: 1000px) {
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-mail {
    margin-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-phone {
    margin: 20px 0 0 0;
  }
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container-rank {
    margin: 0 0 30px 0;
  }
  .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container > article {
    margin-top: 55px;
  }
}
.detail-product-overlay.detail-product-overlay-quotes .label-italika-style {
  display: none;
}
.detail-product-overlay-quotes .input-container-name .form-italika-style {
  width: 100%;
  max-width: 100%;
}
.detail-product-overlay-quotes .check {
  margin: 0 0 20px 0;
  font-size: var(--text-font-size14);
  display: flex;
  align-items: center;
}
.detail-product-overlay-quotes .check input {
  width: 16px;
  height: 16px;
  margin: 0 10px 0 0;
}
.detail-product-overlay-quotes .dpo-text-legals {
  font-size: var(--text-font-size14);
}
.detail-product-overlay-quotes .dpo-text-legals a {
  text-decoration: underline;
  color: #0d6efd;
}
.detail-product-overlay-quotes .btn_brand2 {
  margin: 20px 0 0 0;
}
.detail-product-overlay-quotes .dpo-pay {
  display: flex;
  justify-content: space-between;
  width: 400px;
  margin: 40px auto;
}
@media (max-width: 600px) {
  .detail-product-overlay-quotes .dpo-pay {
    width: 100%;
  }
}
.detail-product-overlay-quotes .dpo-img {
  width: 650px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
}
@media (max-width: 800px) {
  .detail-product-overlay-quotes .dpo-img {
    width: 100%;
    height: auto;
  }
}
.detail-product-overlay-quotes .dpo-img img {
  width: 100%;
  max-width: 400px;
}
.detail-product-overlay-quotes .dpo-img img.dpo-img-logo {
  position: absolute;
  width: 100px;
  margin-top: 0px;
  left: 30px;
  top: 30px;
}
.detail-product-overlay-quotes .dpo-pay .dpo-pay-txt {
  font-family: sf-semibold;
  font-size: var(--text-font-size16);
  margin: 0;
}
.detail-product-overlay-quotes .dpo-pay .dpo-pay-number {
  font-size: var(--text-font-size30);
  color: var(--color-brand01);
  padding: 0;
  margin: 0;
  font-family: sf-bold;
}
.detail-product-overlay-quotes .dpo-btn-buy {
  margin: 20px auto;
}
.detail-product-overlay-quotes .dpo-title {
  padding: 20px 20px 0 0;
}
@media (max-width: 1000px) {
  .detail-product-overlay-quotes .dpo-title {
    text-align: center;
  }
}
.detail-product-overlay-quotes .legal {
  font-size: 14px;
}
/*----------------------detail producto overlay / quotes - quote--------------*/
.detail-product-overlay-quotes h3 {
  padding: 20px 20px 0 0;
  font-size: var(--text-font-size30);
  color: var(--color-brand01);
  margin: 0 0 15px 0;
  font-family: sf-bold;
  width: 100%;
}
@media (max-width: 1000px) {
  .detail-product-overlay-quotes h3 {
    text-align: center;
    padding-top: 60px;
  }
}
/*formulario*/
.detail-product-overlay-quotes label {
  font-family: sf-semibold;
  padding-left: 10px;
  font-size: 16px;
}
.detail-product-overlay-quotes label span {
  color: #ff0000;
}
.detail-product-overlay-quotes input {
  font-size: 16px;
  height: 47px;
  border: 1px solid #0C45A8;
  border-radius: 4px;
  width: 100%;
  padding: 0 20px;
}
@media (max-width: 1000px) {
  .detail-product-overlay-quotes input {
    margin-bottom: 20px;
  }
}
.detail-product-overlay-quotes form {
  display: flex;
  flex-wrap: wrap;
}
/*name*/
.detail-product-overlay-quotes form .quotes-name {
  width: 100%;
}
/*correo*/
.detail-product-overlay-quotes form .quotes-mail {
  width: calc(50% - 0px);
  padding-right: 10px;
}
@media (max-width: 900px) {
  .detail-product-overlay-quotes form .quotes-mail {
    width: 100%;
    padding-right: 0;
  }
}
/*telefono*/
.detail-product-overlay-quotes form .quotes-phone {
  width: calc(50% - 0px);
  padding-left: 10px;
}
@media (max-width: 900px) {
  .detail-product-overlay-quotes form .quotes-phone {
    width: 100%;
    padding-left: 0px;
  }
}
/*price*/
.detail-product-overlay-quotes form .quotes-price {
  width: calc(50% - 0px);
  padding-right: 10px;
}
@media (max-width: 900px) {
  .detail-product-overlay-quotes form .quotes-price {
    width: 100%;
    padding-right: 0px;
  }
}
.detail-product-overlay-quotes form .quotes-price > input {
  width: 100%;
  background-color: #eee;
}
.detail-product-overlay-quotes form .quotes-price > br {
  display: none;
}
/*term*/
.detail-product-overlay-quotes form .quotes-term {
  width: calc(50% - 0px);
  padding-left: 10px;
}
@media (max-width: 900px) {
  .detail-product-overlay-quotes form .quotes-term {
    width: 100%;
    padding-left: 0px;
  }
}
.detail-product-overlay-quotes form .quotes-term select {
  font-size: 16px;
  height: 48px;
  border: 1px solid #0C45A8;
  border-radius: 4px;
  width: 100%;
  padding: 0 20px;
}
.detail-product-overlay-quotes form .quotes-term br {
  display: none;
}
/*inicial payment*/
.detail-product-overlay-quotes form .quotes-initial-payment {
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 1000px) {
  .detail-product-overlay-quotes form .quotes-initial-payment {
    margin-bottom: 20px;
  }
}
.detail-product-overlay-quotes form .quotes-initial-payment input {
  border: 0;
  width: 100%;
  height: auto;
  padding: 0;
  margin-bottom: 0;
}
.detail-product-overlay-quotes form .quotes-initial-payment > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 12px;
}
.detail-product-overlay-quotes form .quotes-initial-payment .form-group {
  margin: 0 5px;
}
.detail-product-overlay-quotes form .quotes-initial-payment .quotes-percentage-payment {
  margin: 0;
}
.detail-product-overlay-quotes form .quotes-initial-payment .quotes-percentage-payment > div {
  width: 30px;
  text-align: center;
}
.detail-product-overlay-quotes form .quotes-initial-payment .quotes-percentage-payment > div:after {
  content: "";
  width: 1px;
  height: 10px;
  background: var(--color-gray-text);
  display: block;
  margin: -2px auto 0px auto;
}
.detail-product-overlay-quotes form .quotes-initial-payment .quotes-hitch {
  margin: 0 20px;
}
/*porcentaje*/
.detail-product-overlay-quotes form .quotes-percentage {
  width: calc(50% - 0px);
  padding-right: 10px;
}
@media (max-width: 900px) {
  .detail-product-overlay-quotes form .quotes-percentage {
    width: 100%;
    padding-right: 0;
  }
}
.detail-product-overlay-quotes form .quotes-percentage input {
  background-color: #eee;
}
/*monto*/
.detail-product-overlay-quotes form .quotes-amount {
  width: calc(50% - 0px);
  padding-left: 10px;
}
@media (max-width: 900px) {
  .detail-product-overlay-quotes form .quotes-amount {
    width: 100%;
    padding-left: 0;
  }
}
.detail-product-overlay-quotes form .quotes-amount input {
  background-color: #eee;
}
/*checkbox*/
.detail-product-overlay-quotes div.quotes-check {
  margin: 20px 0;
  font-size: 14px;
}
.detail-product-overlay-quotes input[type="checkbox"] {
  height: 13px;
  width: 13px;
  margin: 0 10px 0 0;
}
.detail-product-overlay-quotes form .quotes-check a {
  color: #154259;
}
.detail-product-overlay-quotes button {
  background: var(--color-brand02);
  color: white;
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  max-width: 300px;
  width: 100%;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  cursor: pointer;
  border: 0;
  margin: 0 auto;
}
.detail-product-overlay-quotes button.disable {
  opacity: .15;
  cursor: pointer;
}
/*container movil*/
@media (max-width: 900px) {
  .modal .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container {
    width: 100% ;
    margin: 0 0 !important;
  }
}
.detail-product-overlay-quotes .quotes-legal {
  font-size: 14px;
  margin-bottom: 20px;
}
.detail-product-overlay-quotes .quotes-legal a {
  color: #0d6efd;
}
/* ---------------detail product / overlay / quotes-------------------------*/
/* ---------------detail product / overlay / quotes / rank--------------------*/
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container.input-container-rank {
  width: 100%;
  margin-bottom: 30px;
}
.detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container .dpo-flex .input-container.input-container-rank .dpo-rank {
  margin: 0 20px;
  width: calc(100% - 40px);
}
.detail-product-overlay-quotes input[type='range'] {
  display: block;
  background: none;
  width: 210px;
}
.detail-product-overlay-quotes input[type='range'],
.detail-product-overlay-quotes input[type='range']::-webkit-slider-runnable-track,
.detail-product-overlay-quotes input[type='range']::-webkit-slider-thumb {
  -webkit-appearance: none;
}
/*color verde boton*/
.detail-product-overlay-quotes input[type=range]::-webkit-slider-thumb,
.detail-product-overlay-quotes input[type=range]::-moz-range-thumb {
  border-radius: 50%;
  position: relative;
  background-color: #01D100;
  border: 1px solid #01D100;
  width: 16px;
  height: 16px;
  margin: 0;
}
.detail-product-overlay-quotes input[type=range]::-webkit-slider-thumb,
.detail-product-overlay-quotes input[type=range]::-moz-range-thumb {
  position: relative;
  margin: 0;
  background-image: url(https://jsncaballero.com/italika/Group3.svg);
  /*background-image: url(../img-product-detail/btn-range.svg);*/
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  left: 2px;
}
.detail-product-overlay-quotes input[type=range]::-webkit-slider-runnable-track,
.detail-product-overlay-quotes input[type=range]::-moz-range-track {
  background: linear-gradient(0deg, #eff1f5 0%, #f9f9f9 100%);
  height: 18px;
  border-radius: 50px;
  border: 1px solid #EBEBEC;
}
.detail-product-overlay-quotes .dpo-rank-container {
  display: flex;
  justify-content: space-between;
  margin: 0 0;
}
.detail-product-overlay-quotes .dpo-rank-container-ok {
  display: flex;
  font-size: 14px;
  align-items: baseline;
  justify-content: space-between;
  margin: 0 20px;
}
.detail-product-overlay-quotes .dpo-rank-container.dpo-rank-container-price {
  margin: 0 14px;
}
.detail-product-overlay-quotes .dpo-rank-hashtag {
  color: var(--color-brand01);
  font-size: var(--text-font-size12);
  font-family: sf-light;
  width: 60px;
  text-align: center;
  position: relative;
}
.detail-product-overlay-quotes .dpo-rank-container-price .dpo-rank-hashtag {
  display: none;
}
.detail-product-overlay-quotes .dpo-rank-container-price .dpo-rank-hashtag.active {
  display: block;
}
.detail-product-overlay-quotes .dpo-rank-hashtag:after {
  content: "";
  width: 1px;
  height: 10px;
  background: var(--color-gray-text);
  display: block;
  margin: -2px auto 0px auto;
}
@media (max-width: 992px) {
  .detail-product-overlay-quotes .dpo-rank-hashtag.dpo-rank-before:before {
    content: "";
    left: 26px;
  }
}
.detail-product-overlay-quotes .dpo-rank-price {
  margin: 10px 0 0 5px;
}
.detail-product-overlay-quotes .dpo-rank-price:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 7px solid var(--color-gray-text);
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transform: rotate(90deg);
  display: block;
  margin: -26px auto 0 auto;
  background: white;
}
/*---------------- detail product / overlay / quotes / rank--------------------------------*/
/* ----------------detail product / overlay / warranty-------------------------------------*/
@media (max-width: 1010px) {
  .detail-product-overlay.detail-product-overlay-warranty .detail-product-overlay-container .dpo-flex {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 992px) {
  .detail-product-overlay.detail-product-overlay-warranty {
    position: absolute;
    display: block;
    padding: 40px 10px;
  }
}
.detail-product-overlay-warranty .detail-product-overlay-container {
  max-width: 640px;
}
@media (max-width: 700px) {
  .detail-product-overlay-warranty .detail-product-overlay-container {
    max-width: calc(100% - 20px);
    padding: 20px;
  }
}
.detail-product-overlay-warranty .dpo-flex {
  justify-content: space-around;
}
.detail-product-overlay-warranty .dpo-dots ul {
  margin: 25px 0 0 0;
  padding: 0;
}
@media (max-width: 700px) {
  .detail-product-overlay-warranty .dpo-dots ul {
    margin: 25px 0 20px 0;
  }
}
.detail-product-overlay-warranty .dpo-dots li {
  display: block;
  background: var(--color-brand01);
  color: white;
  margin: 0 0 10px 0;
  padding: 0 10px;
  text-align: center;
  line-height: 40px;
  font-size: 25px;
  border-radius: var(--border-radius);
}
.detail-product-overlay-warranty .dpo-dots p {
  font-size: var(--text-font-size30);
  color: var(--color-brand01);
  padding: 0;
  margin: 0 0 15px 0;
  font-family: sf-bold;
  text-align: center;
  line-height: 20px;
}
.detail-product-overlay-warranty .dpo-dots-second .dpo-dots-title {
  display: block;
  background: var(--color-brand01);
  color: white;
  margin: 0 0 10px 0;
  padding: 0 10px;
  text-align: center;
  font-size: var(--text-font-size18);
  border-radius: .2em;
  width: 200px;
}
.detail-product-overlay-warranty .dpo-dots-second p {
  font-size: var(--text-font-size14);
  color: var(--color-brand01);
}
.detail-product-overlay-warranty .dpo-line {
  width: 100%;
  height: 26px;
  background: #00205b;
  background: linear-gradient(270deg, #00205b 0%, #0c45a7 100%);
  position: absolute;
  bottom: 0;
  left: 0;
}
.detail-product-overlay-warranty .dpo-img {
  margin: 0 0 20px 0 ;
}
.detail-product-overlay-warranty .dpo-img img {
  width: 240px;
}
@media (max-width: 540px) {
  .detail-product-overlay-warranty .dop-title {
    order: 1;
  }
  .detail-product-overlay-warranty .dpo-img {
    order: 3;
  }
  .detail-product-overlay-warranty .dpo-dots {
    order: 2;
  }
  .detail-product-overlay-warranty .dpo-dots-second {
    order: 4;
  }
}
/* ------------detail product / overlay / warranty--------------------*/
/* ------------detail product / overlay / service --------------------*/
.detail-product-overlay-service {
  position: absolute;
  display: block;
  padding: 40px 20px;
}
@media (max-width: 977px) {
  .detail-product-overlay-service {
    padding: 40px 5px;
  }
}
.detail-product-overlay-service .detail-product-overlay-container {
  margin: 0 auto;
}
.detail-product-overlay-service .dpo-title {
  text-align: center;
}
.detail-product-overlay-service .dpo-text {
  text-align: center;
  margin: 0 0 30px 0;
}
.detail-product-overlay-service .dpo-legals {
  font-size: var(--text-font-size12);
  width: 100%;
  margin: 0;
  color: var(--color-brand01);
}
.detail-product-overlay-service .dpo-important {
  font-size: var(--text-font-size11);
  width: 100%;
  color: var(--color-brand01);
}
.detail-product-overlay-service .dpo-important p {
  margin: 0;
}
.detail-product-overlay-service .dpo-qualities {
  display: flex;
  justify-content: flex-end;
  width: 100%;
  margin: 20px 0;
}
@media (max-width: 992px) {
  .detail-product-overlay-service .dpo-qualities {
    margin: 20px 0;
    justify-content: space-between;
  }
}
.detail-product-overlay-service .dpo-qualities .dpo-qualities-quality {
  display: flex;
  font-family: sf-semibold;
  color: var(--color-brand01);
  font-size: var(--text-font-size15);
  text-align: center;
  margin: 0 0 0 30px;
}
@media (max-width: 992px) {
  .detail-product-overlay-service .dpo-qualities .dpo-qualities-quality {
    margin: 0;
    display: block;
    text-align: center;
  }
}
.detail-product-overlay-service .dpo-qualities .dpo-qualities-quality img {
  width: 43px;
}
@media (max-width: 1000px) {
  .detail-product-overlay-service .dpo-qualities .dpo-qualities-quality img {
    margin: 0 0 20px 0;
  }
}
.detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p {
  margin: 0 0 0 5px;
  padding: 0;
  line-height: 40px;
}
.detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p.dpo-oil {
  width: 240px;
}
.detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p.dpo-bujia {
  width: 155px;
}
.detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p.dpo-quality {
  width: 220px;
}
.detail-product-overlay-service .dpo-table-title-container {
  display: flex;
}
.detail-product-overlay-service .dpo-table-container {
  margin: 10px 0 0 0;
}
.detail-product-overlay-service .dpo-table-title .dpo-tt-cell-bold {
  font-family: 'sf-bold';
  display: block;
  font-size: 20px;
  width: 100%;
  text-align: center;
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-table-title .dpo-tt-cell-bold {
    font-size: 12px;
  }
}
.detail-product-overlay-service .dpo-table-title .dpo-tt-cell-light {
  width: 100%;
  display: block;
  text-align: center;
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-table-title .dpo-tt-cell-light {
    font-size: 16px;
  }
}
.detail-product-overlay-service .dpo-table-title .dpo-tt-cell-empty {
  background: ;
}
.detail-product-overlay-service .dpo-table .dpo-table-row {
  display: flex;
  width: 100%;
}
.detail-product-overlay-service .dpo-tri-cell {
  width: calc(100% / 5);
  text-align: center;
  border-right: 1px solid gray;
  margin: 0 5px;
}
.detail-product-overlay-service .dpo-tri-cell span {
  display: block;
  font-size: 9px;
}
.detail-product-overlay-service .dpo-table-row-icons .dpo-twi-cell-primary {
  margin: 0 0 0 159px;
  width: 248px;
}
.detail-product-overlay-service .dpo-table-row-icons .dpo-t-cell {
  border-left: 0;
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-tt-cell-icons img,
  .detail-product-overlay-service .dpo-tt-cell-primary-icons img {
    width: 20px;
  }
  .dpo-table-flex02 .detail-product-overlay-service .dpo-tt-cell-primary {
    width: 100px;
  }
}
.detail-product-overlay-service .dpo-table-row-border {
  border-bottom: 1px solid gray;
}
.detail-product-overlay-service .dpo-tr {
  font-size: 30px;
  width: calc(100% / 4);
  border-right: 1px solid gray;
  text-align: center;
  font-family: sf-bold;
  justify-content: center;
  align-items: center;
  display: flex;
}
.detail-product-overlay-service .dpo-tr.dpo-tr-title,
.detail-product-overlay-service .dpo-tr:last-child,
.detail-product-overlay-service .dpo-tri-cell:last-child {
  border-right: 0px;
}
/*------------------------------*/
.detail-product-overlay-service .dpo-table {
  max-width: 805px;
  width: 100%;
}
.detail-product-overlay-service .dpo-table-second {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-table-second {
    justify-content: center;
  }
}
.detail-product-overlay-service .dpo-table-second.dpo-table-title {
  background: var(--color-brand01);
  border-top-right-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-table-second.dpo-table-title {
    width: calc(100% - 190px);
  }
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table-second.dpo-table-title {
    width: 120px;
  }
  .detail-product-overlay-service .dpo-table-second.dpo-table-title .dpo-t-cell.dpo-tt-cell {
    border-left: none;
  }
}
.detail-product-overlay-service .dpo-tt-cell-zero {
  width: 270px;
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-tt-cell-zero {
    width: 206px;
  }
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table-row-title .dpo-tt-cell-zero,
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table-row-title .dpo-tt-cell-primary {
    background: white;
  }
  .detail-product-overlay-service .dpo-table-row-title .dpo-tt-cell-zero {
    width: 110px;
  }
  .detail-product-overlay-service .dpo-table-row-title .dpo-tt-cell-primary {
    background: var(--color-brand01);
    margin: 0;
    width: 80px;
  }
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table-row-title .dpo-tt-cell-primary {
    width: 22px;
  }
}
.detail-product-overlay-service .dpo-tr-title-back {
  line-height: 15px;
  font-size: 14px;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
  justify-content: center;
  align-items: center;
  background: var(--color-brand01);
  color: white;
  padding: 5px;
  border-radius: var(--border-radius);
  font-family: sf-semibold;
  margin: 10px 0;
  width: 135px;
  height: 40px;
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-tr-title-back {
    width: 110px;
  }
}
.detail-product-overlay-service .dpo-tt-cell-primary {
  width: 147px;
  display: flex;
  align-items: center;
}
.detail-product-overlay-service .dpo-tt-cell-primary-img {
  position: relative;
}
.detail-product-overlay-service .dpo-tt-cell-primary-img img {
  position: absolute;
  left: -72px;
  width: 169px;
  top: -47px;
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-tt-cell-primary-img img {
    left: -93px;
    width: 111px;
    top: -30px;
  }
}
.detail-product-overlay-service .dpo-t-cell {
  width: 121px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  margin: 0 5px;
  padding: 8px 0 8px 10px;
  border-left: 1px solid gray;
  /*{

    }
    line-height: 20px;
    color: var(--color-brand01);*/
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-t-cell {
    width: 83px;
  }
  .detail-product-overlay-service .dpo-table-second .dpo-t-cell {
    min-width: 64px;
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
  }
  .detail-product-overlay-service .dpo-table-row-motoneta .dpo-t-cell:after {
    content: "";
    width: 1px;
    height: 70px;
    background: gray;
    left: -1px;
    position: absolute;
    top: -67px;
  }
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table-second .dpo-t-cell {
    width: auto;
    padding: 0;
    margin: 0;
    min-width: 60px;
  }
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table .dpo-table-row {
    width: calc(100% - 55px);
  }
}
.detail-product-overlay-service .dpo-t-cell.dpo-tt-cell {
  color: white;
  line-height: 20px;
}
.detail-product-overlay-service .dpo-tr-cell,
.detail-product-overlay-service .dpo-tt-cell-primary {
  font-size: 30px;
  font-family: sf-bold;
  color: var(--color-brand01);
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-tr-cell,
  .detail-product-overlay-service .dpo-tt-cell-primary {
    font-size: 20px;
    margin: 0 0 0 9px;
  }
}
.detail-product-overlay-service .dpo-tt-cell-primary span,
.detail-product-overlay-service .dpo-tr-cell span {
  font-size: 7px;
  text-align: center;
  line-height: 15px;
  display: block;
  height: 15px;
  width: 100%;
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-tr-cell span {
    line-height: 8px;
  }
}
.detail-product-overlay-service .dpo-tt-cell-primary.dpo-tt-cell-primary-icons {
  margin: 0 0 15px 0;
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-tt-cell-primary.dpo-tt-cell-primary-icons {
    margin: 0 0 15px 32px;
    width: 51px;
  }
}
.detail-product-overlay-service .dpo-tt-cell-primary.dpo-tt-cell-primary-icons img {
  width: 29px;
  margin: 0 4px;
}
.detail-product-overlay-service .dpo-tt-cell-icons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  padding: 5px 0 0 0;
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-table-flex02 .dpo-tt-cell-icons {
    max-width: 50px;
    margin: 5px 0;
  }
}
.detail-product-overlay-service .dpo-tt-cell-icons img {
  width: 29px;
  margin: 0 4px;
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-tt-cell-primary.dpo-tt-cell-primary-icons img,
  .detail-product-overlay-service .dpo-tt-cell-icons img {
    width: 15px;
  }
}
.detail-product-overlay-service .dpo-table-row-border {
  border-bottom: 1px solid gray;
}
.detail-product-overlay-service .dpo-table-flex {
  display: flex;
}
.detail-product-overlay-service .dpo-banner {
  background: var(--color-brand01);
  color: white;
  font-size: 14px;
  text-align: center;
  border-radius: 5px;
  position: relative;
  width: 65px;
  margin: 0 0 0 10px;
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-banner {
    margin: 0;
    display: block;
    color: var(--color-brand01);
    left: -36px;
    top: 19px;
    background: none;
  }
}
.detail-product-overlay-service .dpo-banner .dpo-banner-rotate {
  transform: rotate(-90deg);
  width: 400px;
  height: 68px;
  position: absolute;
  left: -185px;
  top: 126px;
  padding: 23px 37px 0 0;
}
.detail-product-overlay-service .dpo-banner span {
  display: block;
}
.detail-product-overlay-service .dpo-banner-title {
  font-size: 27px;
  font-family: sf-bold;
  line-height: 26px;
}
.detail-product-overlay-service .dpo-line {
  width: 100%;
  height: 26px;
  background: #00205b;
  background: linear-gradient(270deg, #00205b 0%, #0c45a7 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 10px 0 0 0;
}
@media (min-width: 1010px) {
  .detail-product-overlay-service .dpo-table-flex02 {
    display: none;
  }
}
@media (max-width: 1010px) {
  .detail-product-overlay-service .dpo-table-hidden-mobile {
    display: none;
  }
  .detail-product-overlay .detail-product-overlay-container .dpo-flex {
    display: block;
  }
  .detail-product-overlay-service .dpo-table-flex01 {
    max-width: 488px;
    margin: 0 auto 20px auto;
  }
  .detail-product-overlay-service .dpo-table-flex02 {
    max-width: 500px;
    margin: 0 auto 20px auto;
  }
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table {
    max-width: 428px;
    margin: 0 0 0 auto;
  }
  .detail-product-overlay-service .detail-product-overlay-container {
    padding: 5px;
  }
  .detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p.dpo-oil,
  .detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p.dpo-bujia,
  .detail-product-overlay-service .dpo-qualities .dpo-qualities-quality p.dpo-quality {
    width: 100%;
    margin: 0 5px;
    line-height: 20px;
  }
  .detail-product-overlay-service .dpo-tt-cell-mobile-padding {
    position: relative;
  }
  .detail-product-overlay-service .dpo-tt-cell-mobile-padding:before {
    content: "";
    width: 10px;
    height: 57px;
    background: white;
    left: -11px;
    top: 0px;
    position: absolute;
  }
}
@media (max-width: 600px) {
  .detail-product-overlay-service .dpo-table-flex02 .dpo-table {
    max-width: 320px;
  }
  .detail-product-overlay-service .dpo-tt-cell-mobile-padding:before {
    content: "";
    height: 100px;
  }
}
.detail-product-overlay .detail-product-overlay-container .dpo-text1 {
  padding: 0 15px 0 15px;
}
/* ------------------detail product / overlay / service--------------*/
/* ------------------detail product / overlay / careful-------------------------*/
.detail-product-overlay-careful .detail-product-overlay-container {
  max-width: 846px;
  padding: 0;
}
.detail-product-overlay-careful .detail-product-overlay-container .dpo-flex img {
  width: 100%;
}
@media (max-width: 900px) {
  .detail-product-overlay-careful .detail-product-overlay-container {
    margin: 0 20px;
  }
}
/*------------------- detail product / overlay / careful--------------------*/
/*------------------ detail product / overlay / license---------------------*/
.detail-product-overlay.detail-product-overlay-license {
  position: absolute;
  display: block;
  padding: 40px 10px;
}
.detail-product-overlay-license .detail-product-overlay-container {
  max-width: 510px;
  padding: 0;
  margin: 0 auto;
}
.detail-product-overlay-license .dpo-flex {
  margin: 0 15px;
}
.detail-product-overlay-license.detail-product-overlay .dpo-title {
  padding: 40px 0 0 10px;
}
.detail-product-overlay-license .dpo-l-blockU {
  display: flex;
  align-items: center;
  margin: 0 0 20px 0;
}
@media (max-width: 600px) {
  .detail-product-overlay-license .dpo-l-blockU {
    display: block;
    text-align: center;
  }
}
.detail-product-overlay-license .dpo-l-blockU img {
  max-width: 200px;
  margin: 0 20px 0 0;
}
.detail-product-overlay-license .dpo-l-steps {
  margin: 0 10px;
  width: 100%;
  background: #cbcbcb;
  border-radius: 15px;
}
.detail-product-overlay-license .dpo-l-s-number {
  display: block;
  background: #0A84FF;
  border: 3px solid #0C45A5;
  color: white;
  width: 50px;
  border-radius: 5px;
  text-align: center;
  margin: 20px auto 10px auto;
}
.detail-product-overlay-license .dpo-l-s-text {
  display: block;
  width: 100%;
  font-family: sf-bold;
  margin: 0 0 20px 0;
  text-align: center;
  text-decoration: none;
  color: #00205B;
}
.detail-product-overlay-license .dpo-l-bullets {
  width: 100%;
  margin: 20px 10px;
}
.detail-product-overlay-license .dpo-l-bullets p {
  position: relative;
  margin: 0 0 0 23px;
}
.detail-product-overlay-license .dpo-l-bullets p:before {
  content: "";
  background: #0A84FF;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  display: block;
  /* margin: 0 7px 2px 5px; */
  position: absolute;
  left: -15px;
  top: 7px;
}
.detail-product-overlay.detail-product-overlay-license .detail-product-overlay-container .dpo-flex {
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
}
.detail-product-overlay-license .btn_brand2 {
  margin: 0 auto 20px auto;
}
/* --------------------------detail product / overlay / license-----------------------------*/
/* --------------------------detail product / overlay / qualification------------------------*/
.detail-product-overlay-qualification {
  position: absolute;
  display: block;
  padding: 40px 20px;
}
.detail-product-overlay-qualification .detail-product-overlay-container {
  margin: 0 auto;
  padding: 20px 0;
  max-width: 750px;
}
.detail-product-overlay-qualification .dpo-flex {
  margin: 0 10px;
}
.detail-product-overlay-qualification .dpo-title {
  margin: 0 0 15px 0;
}
@media (max-width: 768px) {
  .detail-product-overlay-qualification .dpo-title {
    text-align: center;
  }
}
.detail-product-overlay-qualification .dpo-qualification-container {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.detail-product-overlay-qualification .dpo-qualification {
  width: 50%;
  max-width: 230px;
  margin: 0 0 0 20px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .detail-product-overlay-qualification .dpo-qualification {
    width: 200px;
    max-width: 100%;
    text-align: center;
    margin: 0 auto 20px auto;
  }
}
.detail-product-overlay-qualification .dpo-qualification-number {
  font-size: var(--text-font-size30);
  color: var(--color-brand01);
  padding: 0;
  margin: 5px 10px 0 0;
  font-family: sf-bold;
  width: auto;
  height: 45px;
}
.detail-product-overlay-qualification .dpo-qualification-star {
  width: calc(100% - 50px);
  display: block;
  margin: 13px 0 0 0;
}
.detail-product-overlay-qualification .dpo-qualification-legend {
  display: block;
  width: 100%;
  font-size: 14px;
  color: var(--color-gray-text);
}
.detail-product-overlay-qualification .dpo-q-button-add {
  width: calc(100% - 220px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 415px;
  padding: 0 30px;
  border-bottom: 1px solid var(--color-back-gray);
  cursor: pointer;
  font-size: 16px;
}
@media (max-width: 768px) {
  .detail-product-overlay-qualification .dpo-q-button-add {
    max-width: 100%;
    margin: 0 auto;
    width: 100%;
    justify-content: center;
    padding: 0 0 20px 0;
  }
}
.detail-product-overlay-qualification .dpo-q-button-add .dpo-q-button-add-ic-resena {
  margin: 0 20px 0 0;
  width: 27px;
}
.detail-product-overlay-qualification .dpo-q-button-add .dpo-q-button-add-ic-flecha {
  width: 20px;
  margin: 0 0 0 20px;
}
.detail-product-overlay-qualification .dpo-q-button-add.dpo-q-button-add-close {
  transform: rotate(180deg);
}
.detail-product-overlay-qualification .dpo-q-scroll {
  width: 100%;
  margin: 20px 0 0 0;
  height: 400px;
  padding: 0 20px 0 25px;
  overflow-x: hidden;
}
@media (max-width: 768px) {
  .detail-product-overlay-qualification .dpo-q-scroll {
    padding: 0;
  }
}
.detail-product-overlay-qualification .dpo-qas-form-container {
  display: flex;
  flex-wrap: wrap;
}
.detail-product-overlay-qualification .dpo-qas-form-hidden {
  display: none;
}
@media (max-width: 768px) {
  .detail-product-overlay-qualification .dpo-qas-form-container {
    display: block;
  }
}
.detail-product-overlay-qualification .dpo-qasf-item {
  width: calc(50% - 20px);
  margin: 0 0 20px 0;
}
@media (max-width: 768px) {
  .detail-product-overlay-qualification .dpo-qasf-item {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .detail-product-overlay-qualification .dpo-qasf-item:nth-child(1),
  .detail-product-overlay-qualification .dpo-qasf-item:nth-child(3) {
    margin: 0 20px 20px 0;
  }
  .detail-product-overlay-qualification .dpo-qasf-item:nth-child(2),
  .detail-product-overlay-qualification .dpo-qasf-item:nth-child(4) {
    margin: 0 0 20px 20px;
  }
  .detail-product-overlay-qualification .dpo-qasf-item {
    margin: 0 auto 20px auto;
    width: 300px;
  }
}
.detail-product-overlay-qualification .dpo-qasf-item .dpo-qualification-stars1 {
  margin: 0 0 44px 0;
}
.detail-product-overlay-qualification .dpo-qasf-item .pd-principal-button {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  border: none;
  margin: 5px auto;
}
.detail-product-overlay-qualification input {
  max-width: 300px;
  width: 100%;
  font-size: 16px;
}
.detail-product-overlay-qualification .dpo-qasf-review {
  height: 150px;
}
.detail-product-overlay-qualification label {
  display: block;
}
.detail-product-overlay-qualification .dpo-qasf-item-post {
  padding: 30px 0 0 0;
}
@media (max-width: 768px) {
  .detail-product-overlay-qualification .dpo-qasf-item-post {
    padding: 0;
  }
}
.detail-product-overlay-qualification .dpo-qasf-item-post .label-italika-style {
  margin: 0;
}
.detail-product-overlay-qualification .dpo-qasf-item-post .button-italika-1 {
  margin: 45px 0 0 0;
  background-color: #0c45a8;
  color: white;
}
@media (max-width: 768px) {
  .detail-product-overlay-qualification .dpo-qasf-item-post .button-italika-1 {
    margin: 20px 0 0 0;
  }
}
.detail-product-overlay-qualification .dpo-q-historical {
  border-top: 1px solid var(--color-back-gray);
}
.detail-product-overlay-qualification .dpo-q-historical .dpo-qh-item {
  margin: 20px 0 0 0;
}
.detail-product-overlay-qualification .dpo-q-historical .dpo-qh-title {
  font-size: 16px;
  font-family: sf-semibold;
}
.detail-product-overlay-qualification .dpo-q-historical .dpo-qh-opinion {
  font-size: 14px;
  margin: 0;
}
.detail-product-overlay-qualification .dpo-q-historical .dpo-qu-author {
  font-size: 12px;
  color: gray;
  margin: 0 0 20px 0;
}
.detail-product-overlay-qualification .dpo-qualification-stars .rating {
  margin: 14px 0 0 0px;
}
@media (max-width: 768px) {
  .detail-product-overlay-qualification .dpo-qualification-stars {
    width: calc(100% - 70px);
    position: initial;
    padding-top: 0;
  }
}
.detail-product-overlay-qualification .dpo-qualification-stars img {
  width: 14px;
}
/*-------------- detail product / overlay / qualification------------------*/
/*-------------- detail product / overlay / months-------------------------*/
.detail-product-overlay-months {
  position: absolute;
  display: block;
  padding: 40px 20px;
}
.detail-product-overlay-months .detail-product-overlay-container {
  margin: 0 auto;
  max-width: 450px;
  padding: 20px 0;
}
.detail-product-overlay-months .dpo-m-table-container {
  width: 100%;
  padding: 0 20px;
}
.detail-product-overlay-months .dpo-m-table-title {
  display: flex;
  justify-content: space-between;
  width: 100%;
  background: var(--color-brand01);
  color: white;
  align-items: center;
}
.detail-product-overlay-months .dpo-m-table-title .dpo-m-table-item {
  text-align: center;
  width: calc(100% / 6);
  line-height: 48px;
  border-right: 1px solid white;
}
.detail-product-overlay-months .dpo-m-table-title .dpo-m-table-item-principal {
  width: 95px;
  font-size: 14px;
  line-height: 14px;
  padding: 10px 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.detail-product-overlay-months .dpo-m-table {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.detail-product-overlay-months .dpo-m-table .dpo-m-table-item {
  text-align: center;
  width: calc((100% -98px) / 6);
  line-height: 48px;
  border-right: 1px solid var(--color-back-gray);
  border-bottom: 1px solid var(--color-back-gray);
  height: 49px;
}
.detail-product-overlay-months .dpo-m-table .dpo-m-table-item-principal {
  width: 97px;
  border-left: 1px solid var(--color-back-gray);
  border-bottom: 1px solid var(--color-back-gray);
  padding: 0 3px;
}
.detail-product-overlay-months .dpo-m-table-azteca-img {
  width: 40px;
  margin: 0 16px;
}
.detail-product-overlay-months .dpo-m-table-banamex-img {
  width: 61px;
  margin: 0 6px;
}
.detail-product-overlay-months .dpo-m-table-bbva-img,
.detail-product-overlay-months .dpo-m-table-bbva-bancomer-img {
  width: 31px;
  margin: 0px 21px;
}
.detail-product-overlay-months .dpo-m-table-santander-img {
  width: 58px;
  margin: 0px 8px 0px 7px;
}
.detail-product-overlay-months .dpo-m-table-hsbc-img {
  width: 41px;
  margin: 0px 16px;
}
.detail-product-overlay-months .dpo-m-table-american-img {
  width: 20px;
  margin: 0px 26px;
}
.detail-product-overlay-months .dpo-m-btn {
  display: block;
  color: var(--color-brand01);
  border: 1px solid var(--color-brand01);
  color: var(--color-brand02);
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  margin: 20px auto;
  max-width: 300px;
  width: 100%;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  cursor: pointer;
}
.detail-product-overlay-months .dpo-m-payment-methods {
  border-top: 1px solid var(--color-back-gray);
  border-bottom: 1px solid var(--color-back-gray);
  display: flex;
  width: 100%;
  justify-content: space-between;
  padding: 20px 0;
}
.detail-product-overlay-months .dpo-m-payment-methods img {
  margin: 0 auto;
}
.detail-product-overlay-months .dpo-link-payment {
  padding: 20px;
  margin: 0 auto;
  font-size: 16px;
  text-decoration: underline;
}
.detail-product-overlay-months .dpo-m-table-two .dpo-m-table-title {
  background: white;
  margin: 40px 0;
}
.detail-product-overlay-months .dpo-m-table-two .dpo-m-table-dove {
  background: white;
  border-right: 1px solid var(--color-back-gray);
  border-bottom: 1px solid var(--color-back-gray);
}
.detail-product-overlay-months .dpo-m-table-two .dpo-m-table-number {
  background: var(--color-brand01);
  border-top: 1px solid white;
}
.detail-product-overlay-months .dpo-m-table-two .dpo-m-table-item-principal {
  background: var(--color-brand01);
  height: 96px;
}
.detail-product-overlay-months .dpo-m-table-two .dpo-m-table-title {
  background: white;
  margin: 40px 0;
}
.detail-product-overlay-months .dpo-m-table-two.dpo-m-table-container {
  padding: 0 60px;
}
.detail-product-overlay-months .dpo-m-img-bank-row {
  border: 1px solid var(--color-back-gray);
  margin: 0 40px;
  display: flex;
  width: calc(100% - 40px);
}
@media (max-width: 1010px) {
  .detail-product-overlay-months .dpo-m-img-bank-row {
    width: calc(100% - 80px);
  }
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-santander {
  width: 50px;
  margin: 0 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-scotiabank {
  width: 50px;
  margin: 0 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-invex {
  width: 35px;
  margin: 0 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-banjercito {
  width: 51px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-banorte {
  width: 50px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-banregio {
  width: 43px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-afirme {
  width: 41px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-banbanjio {
  width: 50px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-bacamifel {
  width: 55px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-falabella {
  width: 47px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-inbursa {
  width: 45px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row .dpo-m-img-bank-palap {
  width: 50px;
  margin: 0px 0px;
}
.detail-product-overlay-months .dpo-m-img-bank-row figure {
  width: calc(100% / 6px);
  border-left: 1px solid var(--color-back-gray);
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 56px;
}
.detail-product-overlay-months .dpo-m-img-bank {
  width: 100%;
  margin: 0 40px 0 0px;
}
/*-------------------- detail product / overlay / months --------------------*/
/* -------------------detail product / overlay / compare table---------------*/
.detail-product-overlay-compare-table {
  margin: 10px 0 0 0;
  overflow: scroll;
  padding: 30px 0 0 0;
  display: block;
}
@media (max-width: 1010px) {
  .detail-product-overlay.detail-product-overlay-compare-table .detail-product-overlay-container .dpo-flex {
    display: flex;
    overflow: hidden;
  }
}
@media (max-width: 800px) {
  .detail-product-overlay.detail-product-overlay-compare-table .detail-product-overlay-container .dpo-flex {
    display: flex;
    width: 771px;
  }
  .detail-product-overlay-compare-table .dpo-ct-scroll {
    overflow: scroll;
    max-width: 780px;
  }
}
.detail-product-overlay-compare-table .detail-product-overlay-container {
  margin: 0 auto;
  padding: 0 0 20px 0;
  width: calc(100% - 20px);
}
@media (max-width: 1010px) {
  .detail-product-overlay-compare-table .detail-product-overlay-container {
    margin: 0 10px;
  }
}
.detail-product-overlay-compare-table .dpo-ct-item {
  padding: 10px 20px;
  min-height: 74px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-size: 14px;
  overflow: hidden;
}
.detail-product-overlay-compare-table .dpo-ct-item .dpo-ct-item-hidden {
  display: none;
}
@media (max-width: 1010px) {
  .detail-product-overlay-compare-table .dpo-ct-item.dpo-ct-item-motor {
    height: 87px;
  }
  .detail-product-overlay-compare-table .dpo-ct-item.dpo-ct-item-suspension {
    height: 87px;
  }
}
.detail-product-overlay-compare-table .dpo-ct-item:nth-child(even) {
  background: var(--color-back-gray);
}
.detail-product-overlay-compare-table .dpo-ct-item span {
  font-family: sf-bold;
  width: 100%;
  display: flex;
  align-content: center;
}
.detail-product-overlay-compare-table .dpo-ct-item .dpo-ct-model-bold {
  font-family: sf-bold;
  width: 100%;
  font-size: 14px;
}
.detail-product-overlay-compare-table .dpo-ct-item .dpo-ct-model-light {
  font-family: 'sf-regular';
  font-size: 14px;
}
.detail-product-overlay-compare-table .dpo-ct-item span:nth-child(2) {
  margin: 5px 0 0 0;
  display: flex;
  height: 21px;
  overflow: hidden;
  align-content: center;
}
.detail-product-overlay-compare-table .dpo-ct-item-hidden {
  display: none;
}
.detail-product-overlay-compare-table .ci-banco-azteca {
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  color: var(--color-brand-Azteca);
  padding: 0;
  margin: 0 24px 0 0;
}
.detail-product-overlay-compare-table .ci-banco-azteca p {
  font-size: var(--text-font-size12);
  margin: 0;
  border-left: var(--color-brand-Azteca) 5px solid;
  text-align: center;
}
.detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-price span {
  font-size: var(--text-font-size18);
  font-family: sf-bold;
  display: initial;
}
.detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-legend {
  padding: 0 0 5px 0;
  display: flex;
  justify-content: center;
}
.detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-legend span {
  width: auto;
}
.detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-legend img {
  max-width: 87px;
  height: 13px;
  margin: 3px 0 0 5px;
}
@media (max-width: 979px) {
  .detail-product-overlay-compare-table .ci-banco-azteca .ci-ba-legend img {
    max-width: 64px;
    height: 9px;
    margin: 5px 0 0 5px;
  }
}
.detail-product-overlay-compare-table .dpo-ct-item-weekly {
  display: block;
}
.detail-product-overlay-compare-table .dpo-ct-item-weekly.dpo-ct-item-title {
  display: flex;
}
.detail-product-overlay-compare-table .dpo-ct-btn {
  width: 110px;
  border: 1px solid var(--color-brand02);
  color: var(--color-brand02);
  background: none;
  line-height: 30px;
  cursor: pointer;
}
.detail-product-overlay-compare-table .dpo-ct-btn:hover,
.detail-product-overlay-compare-table .dpo-ct-btn .colorSp:hover {
  color: var(--color-brand02);
}
.detail-product-overlay-compare-table .dpo-ct-img {
  margin: 0 20px 0 20px;
  text-align: center;
  height: 190px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: left;
}
.detail-product-overlay-compare-table .dpo-ct-img img {
  max-width: 150px;
}
.detail-product-overlay-compare-table .dpo-ct-imgs {
  width: 100%;
  display: flex;
  margin: 10px 0 20px 0;
  justify-content: space-between;
}
.detail-product-overlay-compare-table .img-trash {
  width: 20px;
}
.detail-product-overlay-compare-table .img-trash.img-trash-hidden {
  height: 0;
}
.detail-product-overlay-compare-table .dpo-ct-img.dpo-ct-img-logo {
  justify-content: center;
}
@media (max-width: 800px) {
  .detail-product-overlay-compare-table .dpo-ct-img.dpo-ct-img-logo {
    width: 100px;
  }
}
.detail-product-overlay-compare-table .dpo-ct-img.dpo-ct-img-logo .img {
  width: 67px;
}
.detail-product-overlay-compare-table .dpo-ct-item-model span {
  width: 100%;
}
.detail-product-overlay-compare-table .dpo-ct-column {
  width: 25%;
}
@media (max-width: 800px) {
  .detail-product-overlay-compare-table .dpo-ct-column {
    width: 200px;
  }
  .detail-product-overlay-compare-table .dpo-ct-column.dpo-ct-column-title {
    width: 170px;
  }
}
.detail-product-overlay-compare-table .dpo-ct-btn-add {
  cursor: pointer;
}
.detail-product-overlay-compare-table .dpo-ct-btn-add .dpo-ct-btn-add-img {
  width: 27px;
  margin: 0 0 10px 0;
}
.detail-product-overlay-compare-table .dpo-ct-btn-add .dpo-ct-btn-icon {
  margin: 0 auto 10px auto;
}
.detail-product-overlay-compare-table .dpo-ct-btn-icon {
  border: 3px solid var(--color-brand02);
  border-radius: 50%;
  width: 30px;
  height: 30px;
  font-size: 30px;
  line-height: 21px;
  text-align: center;
  display: block;
}
.detail-product-overlay-compare-table .dpo-ct-btn-copy {
  font-size: 14px;
  display: block;
}
.detail-product-overlay-compare-table .dpo-ct-btn-info {
  margin: 20px;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.detail-product-overlay-compare-table .dpo-ct-btn-info .dpo-ct-btn-info-img {
  width: 27px;
  margin: 0 10px 0 0;
}
.detail-product-overlay-compare-table .dpo-ct-btn-info .dpo-ct-btn-icon {
  margin: 0 10px 0 0;
}
@media (max-width: 1100px) {
  .detail-product-overlay-compare-table .detail-product-overlay-container .dpo-close {
    right: 0;
  }
}
/* --------------detail product / overlay / compare table---------------------*/
/*----------detail product / overlay ---------------------------------------------------------------------------------*/
/* /DHJ: Fin sobreescritura de los estilos para página de detalle de producto */
/* ------------------------ BUSCADOR---------------------*/
.search-results-container {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
}
.search-results-box {
  width: 95%;
  max-width: 768px;
  height: auto;
  max-height: 350px;
  background-color: white;
  padding: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.srb-row {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-bottom: solid 1px #ededed;
  height: 100px;
}
.srb-1 {
  grid-column: 0.5;
  display: flex;
  align-items: center;
  justify-content: center;
}
.srb-2 {
  grid-column: 0.5;
  font-family: sf-bold;
  font-size: 12px;
  color: #00205b;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.srb-3 {
  grid-column: 0.8;
  font-family: sf-bold;
  font-size: 12px;
  color: #0645aa;
  display: flex;
  align-items: center;
  padding-left: 20px;
}
/* ------------------------ BUSCADOR---------------------*/
/* DHJ: Detalle de producto. En mobile, desaparece el texto legal de "abonos calculados" */
.pd-credit-txt.ss-10 {
  display: block;
}
/*Benefits container / pentalogue container*/
@media (max-width: 1200px) {
  .benefits-container {
    overflow-x: scroll;
  }
  .pentalogue-container {
    overflow-x: scroll;
  }
}
/*Benefits container / pentalogue container*/
#infol {
  overflow-y: scroll;
}
.footer-certifications {
  margin-top: 30px;
  display: flex;
  align-items: center;
}
@media (max-width: 1200px) {
  .footer-certifications {
    margin-top: 50px;
  }
}
a.nav-link:visited {
  color: #ffffff !important;
}
@media (max-width: 992px) {
  .pentalogue-line {
    width: 130%;
  }
}
@media (max-width: 767px) {
  .pentalogue-line {
    width: 170%;
  }
}
@media (max-width: 387px) {
  .pentalogue-line {
    width: 240%;
  }
}
.hj_feedback_container ._hj-3ZiaLMinimizedWidgetBottom_container {
  bottom: 23px !important;
}
.hj-3J5sVMinimizedWidgetBottom_open {
  font-size: 32px !important;
}
.hj_feedback_container ._hj-3ZiaLMinimizedWidgetBottomcontainer._hj-1JS2bMinimizedWidgetBottom_right {
  right: 18px !important;
}
.table-service-modal .title-table {
  font-size: 30px;
  color: var(--color-brand01);
  padding: 20px 20px 0 20px;
  margin: 0 0 20px 0;
  font-family: sf-bold;
  width: 100%;
  text-align: center;
}
.table-service-modal .table-flex {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.table-service-modal .table-activities {
  width: 100%;
  color: var(--color-brand01);
  font-size: 12px;
}
@media (min-width: 1000px) {
  .table-service-modal .table-activities {
    max-width: 300px;
  }
}
@media (max-width: 770px) {
  .table-service-modal .table-activities {
    margin-top: 20px;
  }
}
.table-service-modal .table-activities-border {
  border-right: 5px solid var(--color-brand01);
}
.table-service-modal .table-activities h4 {
  color: black;
  font-family: sf-bold;
  margin: 0 0 15px 0;
  font-size: 20px;
}
.table-service-modal .table-activities p {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.table-service-modal .table-activities p:last-child {
  margin-bottom: 0;
  padding-bottom: 10px;
}
.table-service-modal .table-activities p > span {
  display: block;
}
.table-service-modal .table-activities p > img {
  margin-right: 10px;
  width: 30px;
}
.table-service-modal .table-activities p.list {
  margin-bottom: 0;
}
.table-service-modal .table-activities ul {
  margin: 0 0 0 0;
  padding: 0 0 0 50px;
}
@media (min-width: 1000px) {
  .table-service-modal .table-price {
    width: calc(100% - 320px);
    margin-left: 20px;
    margin-bottom: 170px;
  }
}
@media (max-width: 1000px) {
  .table-service-modal .table-price {
    width: 100%;
  }
}
.table-service-modal .table-price-box {
  display: flex;
  color: gray;
  font-family: sf-bold;
  font-size: 15px;
}
@media (max-width: 770px) {
  .table-service-modal .table-price-box {
    display: flex;
    flex-wrap: wrap;
  }
}
.table-service-modal .table-price-box .table-price-category {
  height: 140px;
  padding: 0 10px;
  display: flex;
  text-align: center;
  align-items: center;
}
.table-service-modal .table-price-box .table-price-category2 {
  height: 70px;
}
@media (max-width: 770px) {
  .table-service-modal .table-price-box .table-price-category {
    font-size: 10px;
  }
}
.table-service-modal .table-price-box .table-price-category.table-c-motoneta {
  width: 100px;
  margin: 0 auto;
  font-size: 20px;
}
.table-service-modal .table-price-box .table-price-price {
  font-size: 30px;
  color: var(--color-brand01);
}
@media (max-width: 770px) {
  .table-service-modal .table-price-box .table-price-price {
    font-size: 25px;
  }
}
.table-service-modal .table-price-box.price-one {
  border-bottom: 10px solid var(--color-brand01);
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.table-service-modal .table-price-box .table-price-extra {
  font-size: 12px;
  color: red;
  margin: 0;
  padding: 0 5px;
  line-height: 12px;
  display: block;
}
.table-service-modal .table-price .table-price-title,
.table-service-modal .table-price .table-price-item {
  width: calc(100% / 4);
}
@media (max-width: 770px) {
  .table-service-modal .table-price .table-price-item {
    width: calc(100% / 3);
  }
}
.table-service-modal .table-price .table-price-title {
  display: flex;
  align-items: center;
  text-align: center;
}
@media (max-width: 770px) {
  .table-service-modal .table-price .table-price-title {
    width: 100%;
    margin-bottom: 20px;
  }
}
.table-service-modal .table-price .table-price-title > span {
  width: 160px;
  background: var(--color-brand01);
  color: white;
  border-radius: 10px;
  display: block;
  text-align: center;
  line-height: 15px;
  padding: 5px 0;
  font-family: sf-bold;
  margin-left: 20px;
}
@media (max-width: 770px) {
  .table-service-modal .table-price .table-price-title > span {
    margin: 0 auto;
  }
}
.table-service-modal .table-price .table-price-item {
  text-align: center;
}
.table-service-modal .table-price .table-price-item .table-midle .table-price-price {
  border-left: 5px solid var(--color-brand01);
  border-right: 5px solid var(--color-brand01);
  width: 100%;
  display: block;
}
.table-service-modal .table-legal {
  width: 100%;
}
.table-service-modal .table-footer {
  background-color: var(--color-brand01);
  color: white;
  padding: 10px;
  display: flex;
  border-bottom-right-radius: 20px;
  border-bottom-left-radius: 20px;
}
.table-service-modal .table-footer .table-footer-tx1,
.table-service-modal .table-footer .table-footer-tx2 {
  display: block;
  text-align: left;
}
.table-service-modal .table-footer .table-footer-tx1 {
  font-size: 16px;
}
.table-service-modal .table-footer .table-footer-tx2 {
  font-size: 14px;
}
.table-service-modal .table-legals {
  font-size: 12px;
  line-height: 12px;
  margin: 20px 0 0 0;
}
@media (min-width: 1000px) {
  .table-service-modal .table-legals {
    position: absolute;
    bottom: -70px;
    left: 400px;
    margin-bottom: 70px;
  }
}
@media (max-width: 1000px) {
  .table-service-modal .table-price {
    order: 1;
  }
  .table-service-modal .table-activities {
    order: 2;
  }
  .table-service-modal .table-legals {
    order: 3;
    margin-left: 10px;
  }
}
.lhm-box-1 {
  margin-right: 14px;
}
.lhm-v2 {
  display: flex;
  align-items: center;
}
.login-header-menu > .navbar-item:hover > .lhm-sign-out {
  display: block;
}
.lhm-sign-out {
  display: none;
  position: absolute;
  padding: 10px;
  box-sizing: border-box;
  background-color: white;
  color: #00205b;
  border: solid 2px #00205b;
  border-top: none;
  font-size: 10px;
  font-family: sf-bold;
}
.lhm-sign-out:hover {
  background-color: #00205b;
  color: white;
  cursor: pointer;
}
.detail-product-overlay .detail-product-overlay-container .dpo-flex .btn_brand2c:hover {
  background: var(--color-brand02);
}
.detail-product-overlay .detail-product-overlay-container .dpo-flex .btn_brand2c:hover .colorSp,
.detail-product-overlay-compare-table .dpo-ct-btn .colorSp:hover {
  color: white;
}
.lc-pass {
  font-size: 14px;
  font-family: sf-bold;
  margin-bottom: 20px;
  color: #0c45a8;
}
.lc-pass:hover {
  cursor: pointer;
}
form .forgotten-password {
  margin-top: 20px;
  margin-bottom: 20px;
}
.textDirections {
  display: inline-block;
  font-family: 'sf-bold';
  margin-right: 10px;
}
.product__list--wrapper .pagination-bar ul li {
  display: none;
}
.product__list--wrapper .pagination-bar ul li.pagination-prev,
.product__list--wrapper .pagination-bar ul li.pagination-next {
  display: inline-block;
}
.product__list--wrapper .pagination-bar ul li {
  display: inline-block;
}
.legal-container-landing {
  margin-top: 40px;
}
.legal-container-landing .margin-top40 {
  margin-top: 40px;
}
.legal-container-landing .margin-top20 {
  margin-top: 20px;
}
.legal-container-landing .margin-bottom20 {
  margin-bottom: 20px;
}
.legal-container-landing .margin-left20 {
  margin-left: 20px;
}
.legal-container-landing .margin-left40 {
  margin-left: 40px;
}
.legal-container-landing .title-color {
  color: var(--color-brand02);
}
.legal-container-landing .legal-flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media (max-width: 770px) {
  .legal-container-landing .legal-flex {
    display: block;
  }
}
.legal-container-landing .legal-flex.baseline {
  align-items: baseline;
}
.legal-container-landing .legal-colum1 {
  width: calc(40%);
  margin-right: 10px;
}
.legal-container-landing .legal-colum2 {
  width: calc(40%);
  margin-left: 10px;
}
@media (max-width: 770px) {
  .legal-container-landing .legal-colum1,
  .legal-container-landing .legal-colum2 {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    display: initial;
  }
}
.legal-container-landing .legal-span3 {
  margin-top: 10px;
}
.legal-container-landing ul,
.legal-container-landing ol {
  margin-bottom: 0;
}
.legal-container-landing .display-none {
  font-size: 0;
}
.legal-txt {
  overflow-x: hidden;
}
.detail-product-overlay .detail-product-overlay-container .dpo-flex .newBtnBrand2 {
  margin: 0 auto 20px auto;
}
#cboxContent {
  position: static;
}
#_asm {
  position: sticky !important;
}
.checkout-indent .title {
  font-size: 15px;
  padding: 15px 0 15px 10px;
}
.checkout-indent .form-group01 {
  font-size: 12px;
  padding: 0 0 0 20px;
  font-family: 'sf-bold';
  display: flex;
  margin: 0;
}
.checkout-indent .form-group01 img {
  margin: 0 8px 0 0;
}
.checkout-indent .form-group02 {
  font-size: 12px;
  padding: 0 0 0 40px;
}
.checkout-indent .form-group03 {
  padding: 20px 0 0 10px;
  font-size: 12px;
}
.form-disabled {
  opacity: .15;
}
.preloader {
  width: 200px;
  height: 200px;
  border: 10px solid #eee;
  border-top: 10px solid #00205b;
  border-radius: 50%;
  animation-name: girar;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes girar {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.container-preloader {
  position: absolute;
  top: calc(50% - 110px);
  left: calc(50% - 110px);
}
.container-preloader img {
  width: 170px;
  position: absolute;
  top: 25px;
  left: 25px;
}
.password-icon {
  float: right;
  position: relative;
  margin: -45px 10px 0 0;
  cursor: pointer;
  left: -5px;
}
.tooltip-container {
  position: relative;
  cursor: pointer;
  margin: 0 auto;
  display: inline-block;
}
.tooltip-one {
  padding: 18px 32px;
  background: #fff;
  position: absolute;
  width: 220px;
  border-radius: 5px;
  text-align: left;
  filter: drop-shadow(0 3px 5px #cccccc);
  line-height: 1.2;
  display: none;
  font-size: 13px;
}
.tooltip-one-pws {
  padding: 18px 32px;
  background: #fff;
  position: absolute;
  width: 220px;
  border-radius: 5px;
  text-align: left;
  filter: drop-shadow(0 3px 5px #cccccc);
  line-height: 1.2;
  display: none;
  font-size: 13px;
  left: 181px;
}
.tooltip-one-tipoPersona {
  top: -37px;
  right: -127px;
  margin-right: -110px;
}
.tooltip-one-tipoPersona:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -119px;
  width: 18px;
  height: 18px;
  background: white;
  transform: rotate(45deg);
  top: 57px;
}
.tooltip-one-Envio {
  top: -75px;
  right: 35px;
  width: 380px;
}
.tooltip-one-Envio:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: 181px;
  width: 18px;
  height: 18px;
  background: white;
  transform: rotate(45deg);
  top: 77px;
}
.tooltip-trigger:hover + .tooltip-one {
  display: block;
}
.tooltip-trigger-pws:hover + .tooltip-one-pws {
  display: block;
}
.tooltip-one-registro-reset {
  top: -30px;
  margin-left: 0px !important;
  width: 380px;
}
.tooltip-img-registro-reset {
  width: 16px;
  margin-left: 0px !important;
  margin-top: -10px;
}
.tooltip-one-registro-reset:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -120px;
  width: 18px;
  height: 18px;
  background: white;
  transform: rotate(45deg);
  top: 30px;
}
@media (max-width: 599px) {
  .tooltip-one-registro-reset {
    top: 23px;
  }
  .tooltip-one-pws {
    left: 75px;
  }
  .tooltip-one-registro-reset:after {
    left: 88%;
    top: -2px;
  }
}
.tooltip-img-registro {
  width: 16px;
  margin-left: 100px;
  margin-top: -175px;
}
.tooltip-one-registro {
  top: -120px;
  right: -400px;
  width: 380px;
}
.tooltip-one-registro:after {
  content: "";
  position: absolute;
  left: 50%;
  margin-left: -200px;
  width: 18px;
  height: 18px;
  background: white;
  transform: rotate(45deg);
  top: 30px;
}
@media (max-width: 587px) {
  .tooltip-one-registro {
    top: -61px;
    right: -145px;
    width: 300px;
  }
  .tooltip-one-registro:after {
    content: "";
    position: absolute;
    left: 110%;
    margin-left: -200px;
    width: 18px;
    height: 18px;
    background: white;
    transform: rotate(45deg);
    top: -2px;
  }
}
/*Pass Italika*/
.sign-up-pass-italika-container {
  position: absolute;
  padding: 10px;
  background-color: #ededed;
  top: 80px;
  border-radius: 5px;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  z-index: 1;
}
.sign-up-pass-italika-row {
  display: flex;
  margin-left: 10px !important;
}
.sign-up-pass-italika-icon {
  width: 12px;
}
.sign-up-pass-italika-txt {
  margin-left: 16px !important;
}
.pswd_info {
  display: none;
}
/*Pass Italika*/
@media (min-width: 471px) and (max-width: 767px) {
  .tooltip-one-Envio {
    top: -75px;
    right: -268px;
    width: 250px;
  }
  .tooltip-one-Envio:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -135px;
    width: 18px;
    height: 18px;
    background: white;
    transform: rotate(45deg);
    top: 77px;
  }
}
@media (max-width: 470px) {
  .tooltip-one-Envio {
    top: 39px;
    right: -107px;
    width: 250px;
    z-index: 1;
  }
  .tooltip-one-Envio:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: 4px;
    width: 18px;
    height: 18px;
    background: white;
    transform: rotate(45deg);
    top: -9px;
  }
}
@media (max-width: 676px) {
  .tooltip-one-rfc {
    top: -38px;
    right: 148px;
    margin-right: -110px;
  }
  .tooltip-one-rfc:after {
    content: "";
    position: absolute;
    left: 50%;
    margin-left: 101px;
    width: 18px;
    height: 18px;
    background: white;
    transform: rotate(45deg);
    top: 41px;
  }
}
@media (min-width: 768px) {
  .tooltip-one-rfc {
    bottom: 40px;
    right: 50%;
    margin-right: -114px;
  }
  .tooltip-one-rfc:after {
    content: "";
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -9px;
    width: 18px;
    height: 18px;
    background: white;
    transform: rotate(45deg);
  }
}
.coupon-containerVoucher.couponCart {
  margin-bottom: 50px;
}
.couponCart .has-success .help-block {
  font-weight: 600;
  background-color: #18d8b4;
  border-bottom: solid 5px #abffd7;
  padding: 15px 45px 10px 15px;
  width: 392px;
  margin: 30px 0 0 -15px;
  color: white;
  height: 56px;
}
.couponCart .has-error .help-block {
  font-weight: 600;
  background-color: #00bfff;
  border-bottom: solid 5px #a5c6ff;
  padding: 15px 45px 10px 15px;
  width: 390px;
  margin: 30px 0 0 -15px;
  color: white;
}
.couponCart .cart-voucher {
  align-items: end;
}
.couponCart .voucher-list {
  display: inline-block;
  margin-bottom: 15px;
  line-height: 24px;
}
.couponCart .voucher-list__item-remove {
  color: white;
}
.couponCart .voucher-list__item-box {
  display: flex;
  border: 0;
  font-size: 13px;
  text-transform: uppercase;
  margin-top: 10px;
  font-weight: 600;
  background-color: #19d8b4;
  border-bottom: solid 5px #abffd7;
  padding: 15px 15px 10px 15px;
  width: 150px;
  margin: 0px 0 0 -15px;
  color: white;
  justify-content: end;
  align-items: center;
}
.couponCart .coupon-autocomplete-scroll {
  overflow-y: hidden;
  overflow-x: hidden;
}
.couponCart #ui-id-1 {
  height: 0;
}
/*Accesorios*/
.cb-message {
  display: flex;
  background-color: #f3c60350;
  padding: 10px;
  margin-bottom: 20px;
}
.cb-accessories-question-container {
  margin-bottom: 20px;
}
.cb-accessories-question-txt {
  font-family: sf-bold;
}
.cb-accessories-question-row {
  display: flex;
  padding-top: 10px;
}
.cb-accessories-question-no {
  margin-right: 40px;
  display: flex;
}
.cb-accessories-question-si {
  display: flex;
}
.cb-accessories-question-no label {
  margin-top: 1px;
}
.cb-accessories-question-si label {
  margin-top: 1px;
}
.cb-accessories-question-no label:hover {
  cursor: pointer;
}
.cb-accessories-question-si label:hover {
  cursor: pointer;
}
.cb-accessories-radio {
  width: 16px;
  height: 16px;
}
/*Accesorios*/
/*Facturacion*/
.custom-table-italika-title {
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #00205b;
  font-family: sf-bold;
  text-align: center;
  line-height: 14px;
}
.custom-table-italika-content {
  width: 100%;
  height: auto;
  box-sizing: border-box;
  background-color: white;
  border: solid 1px #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #666666;
  text-align: center;
}
.page-my-order .custom-table-italika-content {
  height: 54px;
}
.custom-table-italika-content-products {
  width: 100%;
  height: 54px;
  box-sizing: border-box;
  background-color: white;
  border: solid 1px #ededed;
  font-size: 12px;
  color: #666666;
  display: flex;
}
.custom-table-italika-content-products > div > img {
  width: 40px;
}
.custom-table-italika-margin {
  padding-left: 0;
  padding-right: 0;
}
.custom-table-italika-box-img {
  width: 100px;
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-table-italika-box-txt {
  line-height: 14px;
  display: flex;
  align-items: center;
}
.custom-table-italika-2-container {
  margin-top: 12px;
}
.custom-table-italika-3-container {
  margin-top: 12px;
}
.custom-table-italika-resume {
  background-color: #ededed;
  box-sizing: border-box;
  border: solid 1px #d1d1d1;
}
.custom-table-italika-title-resume {
  font-size: 14px;
  color: #00205b;
  font-family: sf-bold;
  margin-top: 12px;
}
.custom-table-italika-txt-resume {
  font-size: 12px;
  color: #666666;
  margin-top: 8px;
  line-height: 24px;
  padding-bottom: 20px;
}
.custom-table-italika-txt-resume-2 {
  font-size: 12px;
  color: #666666;
  margin-top: 8px;
  line-height: 24px;
  padding-bottom: 20px;
  text-align: right;
}
.custom-table-italika-txt-resume-strong {
  font-family: sf-bold;
  color: #333333;
  font-size: 14px;
}
.custom-table-italika-title-visibility {
  display: block;
}
.title-table {
  font-size: 14px;
  color: #00205b;
  font-family: sf-bold;
}
@media (max-width: 587px) {
  .custom-table-italika-content-products {
    justify-content: center;
  }
  .custom-table-italika-box-txt {
    display: none;
  }
}
.my-account-detail {
  padding-left: 25px;
}
.custom-table-italika-content-order {
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  background-color: white;
  border: solid 1px #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #666666;
  text-align: center;
}
.icons-table {
  width: 25px;
  margin: 10px;
}
.custom-table-italika-content-fact {
  width: 100%;
  height: 108px;
  box-sizing: border-box;
  background-color: white;
  border: solid 1px #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #666666;
  text-align: center;
}
/*Facturacion*/
/*Mi cuenta - Facturacion*/
.custom-table-italika-title {
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #00205b;
  font-family: sf-bold;
  text-align: center;
  line-height: 14px;
}
.custom-table-italika-content-products {
  width: 100%;
  height: 54px;
  box-sizing: border-box;
  background-color: white;
  border: solid 1px #ededed;
  font-size: 12px;
  color: #666666;
  display: flex;
}
.custom-table-italika-content-products > div > img {
  width: 40px;
}
.custom-table-italika-margin-mya {
  padding-left: 0;
  padding-right: 0;
}
.custom-table-italika-box-img-mya {
  width: 100px;
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-table-italika-box-txt-mya {
  line-height: 14px;
  display: flex;
  align-items: center;
}
.custom-table-italika-3-container-mya {
  margin-top: 12px;
}
.custom-table-italika-resume-mya {
  background-color: #ededed;
  box-sizing: border-box;
  border: solid 1px #d1d1d1;
}
.custom-table-italika-title-resume-mya {
  font-size: 14px;
  color: #00205b;
  font-family: sf-bold;
  margin-top: 12px;
}
.custom-table-italika-txt-resume-mya {
  font-size: 12px;
  color: #666666;
  margin-top: 8px;
  line-height: 24px;
  padding-bottom: 20px;
}
.custom-table-italika-txt-resume-2-mya {
  font-size: 12px;
  color: #666666;
  margin-top: 8px;
  line-height: 24px;
  padding-bottom: 20px;
  text-align: right;
}
.custom-table-italika-txt-resume-strong-mya {
  font-family: sf-bold;
  color: #333333;
  font-size: 14px;
}
.title-table-mya {
  font-size: 16px;
  color: #0c45a8;
  font-family: sf-bold;
  padding-bottom: 4px;
  image-orientation: initial;
}
@media (max-width: 767px) {
  .custom-table-italika-content-products {
    justify-content: center;
  }
  .custom-table-italika-box-txt-mya {
    display: none;
  }
}
.my-account-detail {
  padding-left: 25px;
}
.custom-table-italika-title-mya {
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  background-color: #00205b;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  font-family: sf-bold;
  text-align: center;
  line-height: 14px;
}
.custom-table-italika-content-fact {
  width: 100%;
  height: 54px;
  box-sizing: border-box;
  background-color: white;
  border: solid 1px #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #666666;
  text-align: center;
}
.icons-table {
  width: 25px;
  margin: 10px;
}
@media (max-width: 587px) {
  .icons-table {
    width: 20px;
    margin: 5px;
  }
}
.custom-table-italika-content-order {
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  background-color: white;
  border: solid 1px #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #666666;
  text-align: center;
}
/*Mi cuenta - Facturacion*/
@media (max-width: 785px) {
  .navbar-brand {
    padding: 25px 11px;
  }
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #bcbcbc !important;
  background: #ededed !important;
  font-weight: normal;
  color: #ffffff;
}
#ui-id-1 {
  width: 660px !important;
}
.page-multiStepCheckoutSummaryPage #cboxContent {
  overflow-y: auto;
  position: static;
  max-height: 600px!important;
  overflow-x: hidden;
}
.page-multiStepCheckoutSummaryPage #cboxTitle {
  position: absolute;
  top: 14px;
  padding: 46px 40px 15px!important;
  height: 88px;
  display: table;
  width: 88%;
  background-color: white;
}
@media (min-width: 992px) {
  .page-multiStepCheckoutSummaryPage .dcss {
    min-height: 1200px;
  }
  .page-multiStepCheckoutSummaryPage .dcs {
    min-height: 1000px;
  }
}
.itemColor:last-of-type {
  display: none;
}
@media (min-width: 367px) and (max-width: 516px) {
  .checkout-first-num {
    margin-top: 22px;
  }
}
.searchSpellingSuggestionPrompt {
  padding-left: 20px;
  padding-right: 20px;
  margin-top: -27px;
}
.check-pay {
  position: absolute;
  left: 285px;
}
@media (max-width: 767px) {
  .check-pay {
    left: 10px;
  }
}
@media (min-width: 430px) {
  .page-productDetails .notify-me-when-available #cboxClose .glyphicon-remove {
    right: 120px;
  }
}
@media (max-width: 429px) {
  .page-productDetails .notify-me-when-available #cboxClose .glyphicon-remove {
    right: 8px;
  }
}
.cursor_wait {
  cursor: wait;
}
.page-address-book #colorbox {
  top: 40px !important;
}
/*Vista Precios Baja/Bolsa y Unitarios*/
.price-box {
  font-size: 18px;
  font-family: sf-bold;
  color: #00205b;
}
.ci-price-unitario {
  font-size: 14px;
  font-weight: bold;
  color: #00205b;
  font-family: sf-bold;
}
/*FIN Vista Precios Baja/Bolsa y Unitarios*/
/*SparepartsNavigationComponent: Componente de Navegación para Refaccciones*/
.yCmsComponent .sparepartsNavigationComponent {
  /* BOTON FILTRO BUSCAR */
  /* BOTON FILTRO BUSCAR */
  /* CATEGORIAS-REFACCIONES */
  /* CATEGORIAS-REFACCIONES */
  /* ICONO DE FILTRO */
  /* ICONO DE FILTRO */
  /* RESULTADOS DE BUSQUEDA */
  /* CARD-HOVER-NAME-CATEGORY */
  /* CARD-HOVER-NAME-CATEGORY */
  /* Para que no se vea tan mal el scroll automático. No viene incluído en los estilos de Irvin*/
  /* Para ocultar el global Alert. No viene incluído en los estilos de Irvin*/
  /*Icono de manita*/
}
.yCmsComponent .sparepartsNavigationComponent h1,
.yCmsComponent .sparepartsNavigationComponent h2 {
  font-family: sf-bold;
  color: #00205b;
}
.yCmsComponent .sparepartsNavigationComponent .name-section-container {
  margin-top: 10px !important;
}
.yCmsComponent .sparepartsNavigationComponent .name-section-container h2 {
  font-size: 26px;
  margin: 20px 0;
}
.yCmsComponent .sparepartsNavigationComponent .main-container-filter-ref {
  width: 100%;
  height: auto;
  border: 2px solid #ededed;
  border-radius: 10px;
  margin-top: 20px;
  box-shadow: -1px 0px 4px 5px rgba(0, 0, 0, 0.04);
}
.yCmsComponent .sparepartsNavigationComponent .title-container-filter-ref {
  margin: 0;
  padding: 15px 15px 5px 15px;
  font-family: sf-bold;
  font-size: 26px;
  color: #00205b;
  font-weight: bold;
}
.yCmsComponent .sparepartsNavigationComponent .subtitle-container-filter-ref {
  margin: 0;
  padding: 0 15px 15px 15px;
  font-size: 17px;
  color: #00205b;
}
.yCmsComponent .sparepartsNavigationComponent .container-filfer-ref {
  column-gap: 15px;
  padding: 0 15px;
  margin-top: 10px;
}
@media (min-width: 768px) {
  .yCmsComponent .sparepartsNavigationComponent .container-filfer-ref {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
  }
}
@media (max-width: 767px) {
  .yCmsComponent .sparepartsNavigationComponent .container-filter-ref {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.yCmsComponent .sparepartsNavigationComponent .input-container > label {
  margin-top: 10px;
}
.yCmsComponent .sparepartsNavigationComponent .search-container-ref {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.yCmsComponent .sparepartsNavigationComponent .myButton {
  background: #0c45a8;
  border-radius: 10px;
  display: inline-block;
  color: #ffffff;
  font-family: Arial;
  font-size: 15px;
  padding: 15px 50px;
  text-decoration: none;
  text-shadow: 0px 1px 0px #154682;
  cursor: pointer;
  margin: 15px;
}
.yCmsComponent .sparepartsNavigationComponent .myButton:hover {
  background-color: #00205b;
  color: #FFF;
  border: 1px solid #0c45a8;
}
.yCmsComponent .sparepartsNavigationComponent .myButton:active {
  position: relative;
  top: 1px;
}
.yCmsComponent .sparepartsNavigationComponent .button-section-filter {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 5px;
  margin: 10px 0;
}
.yCmsComponent .sparepartsNavigationComponent .button-section-filter a {
  text-decoration: none;
}
.yCmsComponent .sparepartsNavigationComponent .container-category-ref {
  width: 100%;
  height: auto;
  padding: 15px;
  border: 2px solid #ededed;
  column-gap: 15px;
  box-shadow: -1px 0px 4px 5px rgba(0, 0, 0, 0.04);
}
@media (min-width: 992px) {
  .yCmsComponent .sparepartsNavigationComponent .container-category-ref {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yCmsComponent .sparepartsNavigationComponent .container-category-ref {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
  .yCmsComponent .sparepartsNavigationComponent .title-accesorios {
    font-size: 12px!important;
  }
}
@media only screen and (min-width: 412px) and (max-width: 767px) {
  .yCmsComponent .sparepartsNavigationComponent .container-category-ref {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 386px) {
  .yCmsComponent .sparepartsNavigationComponent .container-category-ref {
    display: grid;
    grid-template-columns: 1fr;
  }
}
.yCmsComponent .sparepartsNavigationComponent .bloque-accesorio {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 238px;
  border-radius: 10px;
  border: 1px solid #A5C6FF;
  margin-bottom: 20px;
  background-color: #FFFFFF;
  text-decoration: none !important;
}
.yCmsComponent .sparepartsNavigationComponent .bloque-accesorio:hover {
  background-color: #A5C6FF;
  transition: .3s;
}
.yCmsComponent .sparepartsNavigationComponent .container-category-ref > a {
  text-decoration: none;
}
.yCmsComponent .sparepartsNavigationComponent .title-accesorios {
  font-family: sf-bold;
  font-size: 14px;
  padding-top: 20px;
  color: #00205b;
  text-transform: uppercase;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.yCmsComponent .sparepartsNavigationComponent .img-accesorios {
  width: 150px;
}
.yCmsComponent .sparepartsNavigationComponent .result-container-ref {
  margin-top: 20px;
}
.yCmsComponent .sparepartsNavigationComponent .result-filter-ref {
  border: 1px solid #ededed;
  width: 100%;
  height: 100px;
  position: relative;
  box-shadow: -1px 0px 4px 5px rgba(0, 0, 0, 0.04);
}
.yCmsComponent .sparepartsNavigationComponent .result-filter-ref p {
  font-weight: bold;
  font-family: sf-bold;
  font-size: 30px;
  padding: 15px;
  color: #00205B;
  text-align: center;
}
@media (max-width: 549px) {
  .yCmsComponent .sparepartsNavigationComponent .result-filter-ref p {
    font-size: 20px;
    margin-top: 15px;
  }
}
.yCmsComponent .sparepartsNavigationComponent .icon-filter {
  position: absolute;
  top: 0;
  right: 0;
  padding: 5px 15px 15px 15px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.yCmsComponent .sparepartsNavigationComponent .icon-filter a {
  text-align: center;
  font-size: 25px;
  text-decoration: none;
  color: inherit;
}
.yCmsComponent .sparepartsNavigationComponent .icon-filter p {
  margin: 0;
  font-size: 10px;
}
.yCmsComponent .sparepartsNavigationComponent .glyphicon-filter {
  color: #656565;
  font-size: 14px;
  opacity: 0.5;
}
.yCmsComponent .sparepartsNavigationComponent a small {
  font-size: 9px;
}
.yCmsComponent .sparepartsNavigationComponent .main-container-pieces {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 15px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .yCmsComponent .sparepartsNavigationComponent .main-container-pieces {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media (max-width: 767px) {
  .yCmsComponent .sparepartsNavigationComponent .main-container-pieces {
    grid-template-columns: repeat(2, 1fr);
  }
}
.yCmsComponent .sparepartsNavigationComponent .card {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: 1rem;
  transition: all 0.4s ease-in;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  color: #00205b ;
}
.yCmsComponent .sparepartsNavigationComponent .card:hover {
  /* transform: translateY(-1.5rem);
             */
  border: 1px solid #A5C6FF;
  border-radius: 2.5rem 0 2.5rem 0;
  background-color: #00205b;
  color: white;
}
.yCmsComponent .sparepartsNavigationComponent .card > .name-category:hover {
  color: #fbfbfb;
}
.yCmsComponent .sparepartsNavigationComponent .name-category {
  font-size: 20px;
  font-family: sf-bold;
}
.yCmsComponent .sparepartsNavigationComponent .js-resultado-de-filtros,
.yCmsComponent .sparepartsNavigationComponent .js-subcategorias {
  scroll-margin: 100px;
}
.yCmsComponent .sparepartsNavigationComponent #alertasGlobal {
  display: none;
}
.yCmsComponent .sparepartsNavigationComponent .result-container-ref .result-filter-ref .icon-filter {
  cursor: pointer;
}
.yCmsComponent .sparepartsNavigationComponent .bloque-accesorio {
  cursor: pointer;
}
/*FIN SparepartsNavigationComponent*/
/*Texto de promoción*/
.promocion-regalo {
  font-family: sf-bold;
  margin-bottom: 15px;
  color: #4da62f;
  font-size: 12px;
}
.promocion-regalo a {
  font-weight: bold;
}
/*Texto de promoción*/
.container-filfer-ref .form-control {
  border-radius: 10px;
  border-color: #0C45A8;
}
/*----------------------detail producto overlay / quotes - quotes desarrollo--------------*/
.detail-product-overlay-quotes h3 {
  padding: 20px 20px 0 0;
  font-size: var(--text-font-size30);
  color: var(--color-brand01);
  margin: 0 0 15px 0;
  font-family: sf-bold;
  width: 100%;
}
.detail-product-overlay-quotes .dpo-banco-azteca {
  right: auto;
  text-align: right;
  width: calc(100% - 120px);
}
@media (max-width: 1000px) {
  .detail-product-overlay-quotes h3 {
    text-align: center;
    padding-top: 60px;
  }
  .detail-product-overlay-quotes .dpo-banco-azteca {
    text-align: center;
    width: calc(100% - 40px);
  }
}
/*formulario*/
.detail-product-overlay-quotes label {
  font-family: sf-semibold;
  padding-left: 10px;
  font-size: 16px;
}
.detail-product-overlay-quotes label span {
  color: #ff0000;
}
.detail-product-overlay-quotes input {
  font-size: 16px;
  height: 47px;
  border: 1px solid #0C45A8;
  border-radius: 4px;
  width: 100%;
  padding: 0 20px;
}
@media (max-width: 1000px) {
  .detail-product-overlay-quotes input {
    margin-bottom: 20px;
  }
}
.detail-product-overlay-quotes form {
  display: flex;
  flex-wrap: wrap;
}
/*name*/
.detail-product-overlay-quotes form .quotes-name {
  width: 100%;
}
/*correo*/
.detail-product-overlay-quotes form .quotes-mail {
  width: calc(50% - 0px);
  padding-right: 10px;
}
@media (max-width: 900px) {
  .detail-product-overlay-quotes form .quotes-mail {
    width: 100%;
    padding-right: 0;
  }
}
/*telefono*/
.detail-product-overlay-quotes form .quotes-phone {
  width: calc(50% - 0px);
  padding-left: 10px;
}
@media (max-width: 900px) {
  .detail-product-overlay-quotes form .quotes-phone {
    width: 100%;
    padding-left: 0px;
  }
}
/*price*/
.detail-product-overlay-quotes form .quotes-price {
  width: calc(50% - 0px);
  padding-right: 10px;
}
@media (max-width: 900px) {
  .detail-product-overlay-quotes form .quotes-price {
    width: 100%;
    padding-right: 0px;
  }
}
.detail-product-overlay-quotes form .quotes-price > input {
  width: 100%;
  background-color: #eee;
}
.detail-product-overlay-quotes form .quotes-price > br {
  display: none;
}
/*term*/
.detail-product-overlay-quotes form .quotes-term {
  width: calc(50% - 0px);
  padding-left: 10px;
}
@media (max-width: 900px) {
  .detail-product-overlay-quotes form .quotes-term {
    width: 100%;
    padding-left: 0px;
  }
}
.detail-product-overlay-quotes form .quotes-term select {
  font-size: 16px;
  height: 48px;
  border: 1px solid #0C45A8;
  border-radius: 4px;
  width: 100%;
  padding: 0 20px;
}
.detail-product-overlay-quotes form .quotes-term br {
  display: none;
}
/*inicial payment*/
.detail-product-overlay-quotes form .quotes-initial-payment {
  width: 100%;
  margin-bottom: 20px;
}
@media (max-width: 1000px) {
  .detail-product-overlay-quotes form .quotes-initial-payment {
    margin-bottom: 20px;
  }
}
.detail-product-overlay-quotes form .quotes-initial-payment input {
  border: 0;
  width: 100%;
  height: auto;
  padding: 0;
  margin-bottom: 0;
}
.detail-product-overlay-quotes input[type=range]::-webkit-slider-thumb {
  position: relative;
  margin: 0;
  background-image: url(https://jsncaballero.com/italika/Group3.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  display: block;
  left: 0;
}
.detail-product-overlay-quotes form .quotes-initial-payment > div {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 12px;
}
.detail-product-overlay-quotes form .quotes-initial-payment .form-group {
  margin: 0 5px;
}
.detail-product-overlay-quotes form .quotes-initial-payment .quotes-percentage-payment {
  margin: 0;
}
.detail-product-overlay-quotes form .quotes-initial-payment .quotes-percentage-payment > div {
  width: 30px;
  text-align: center;
}
.detail-product-overlay-quotes form .quotes-initial-payment .quotes-percentage-payment > div:after {
  content: "";
  width: 1px;
  height: 10px;
  background: var(--color-gray-text);
  display: block;
  margin: -2px auto 0px auto;
}
.detail-product-overlay-quotes form .quotes-initial-payment .quotes-hitch {
  margin: 0 20px;
}
/*porcentaje*/
.detail-product-overlay-quotes form .quotes-percentage {
  width: calc(50% - 0px);
  padding-right: 10px;
}
@media (max-width: 900px) {
  .detail-product-overlay-quotes form .quotes-percentage {
    width: 100%;
    padding-right: 0;
  }
}
.detail-product-overlay-quotes form .quotes-percentage input {
  background-color: #eee;
}
/*monto*/
.detail-product-overlay-quotes form .quotes-amount {
  width: calc(50% - 0px);
  padding-left: 10px;
}
@media (max-width: 900px) {
  .detail-product-overlay-quotes form .quotes-amount {
    width: 100%;
    padding-left: 0;
  }
}
.detail-product-overlay-quotes form .quotes-amount input {
  background-color: #eee;
}
/*checkbox*/
.detail-product-overlay-quotes div.quotes-check {
  margin: 20px 0;
  font-size: 14px;
}
.detail-product-overlay-quotes input[type="checkbox"] {
  height: 13px;
  width: 13px;
  margin: 0 10px 0 0;
}
.detail-product-overlay-quotes form .quotes-check a {
  color: #154259;
}
.detail-product-overlay-quotes button {
  background: var(--color-brand02);
  color: white;
  border-radius: var(--border-radius);
  line-height: 50px;
  text-align: center;
  text-decoration: none;
  max-width: 300px;
  width: 100%;
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  cursor: pointer;
  border: 0;
}
.detail-product-overlay-quotes button.disable {
  opacity: .15;
  cursor: pointer;
}
/*container movil*/
@media (max-width: 900px) {
  .modal .detail-product-overlay.detail-product-overlay-quotes .detail-product-overlay-container {
    width: 100% ;
    margin: 0 0 !important;
  }
}
.detail-product-overlay-quotes .quotes-legal {
  font-size: 14px;
  margin-bottom: 20px;
}
/*----------------------detail producto overlay / quotes - quotes desarrollo--------------*/
/*----------------------detail producto overlay / quotes - quotes 2 desarrollo--------------*/
.detail-product-overlay-quotes .dpo-img {
  width: 650px;
  height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
}
.detail-product-overlay-quotes .dpo-img img.dpo-img-logo {
  position: absolute;
  width: 100px;
  margin-top: 0px;
  left: 30px;
  top: 30px;
}
.detail-product-overlay-quotes .dpo-img img {
  width: 100%;
  max-width: 400px;
}
@media (max-width: 800px) {
  .detail-product-overlay-quotes .dpo-img {
    width: 100%;
    height: auto;
  }
}
.detail-product-overlay-quotes .quotes-legal a {
  color: #0d6efd;
}
@media (min-width: 768px) {
  .detail-product-overlay-qualification .dpo-title {
    text-align: left;
  }
}
/*----------------------detail producto overlay / quotes - quotes 2 desarrollo--------------*/
.cc-number-input {
  width: calc(100%);
}
.cc-expiry-input {
  display: inline-block;
  width: calc(55%);
}
.cc-cvc-input {
  display: inline-block;
  width: calc(37.8%);
}
.cc-types__img {
  display: inline-block;
  width: 60%;
  vertical-align: middle;
  filter: sepia(0.7) contrast(0.4) brightness(1.1) grayscale(1);
}
.cc-types__img--active {
  filter: none;
}
@charset "UTF-8";
/* CSS Document */
/*Thankyou txt*/
.thankyou-container {
  width: 100%;
}
.thankyou-confeti {
  width: 100%;
  text-align: center;
  margin-top: 95px;
}
.thankyou-order {
  width: 100%;
  text-align: center;
}
.thankyou-container h1 {
  width: 100%;
  text-align: center;
  font-family: sf-bold;
  font-size: 38px;
  color: #00205b;
  margin-bottom: 20px;
}
/*.thankyou-outline-txt{
	color: white;
  	-webkit-text-fill-color: white;
 	-webkit-text-stroke-width: 2px;
  	-webkit-text-stroke-color: #00205b
}
.thankyou-outline-txt-baz{
	color: white;
  	-webkit-text-fill-color: white;
 	-webkit-text-stroke-width: 2px;
  	-webkit-text-stroke-color: #17a54d;
}*/
.thankyou-txt-1 {
  font-family: sf-bold;
  font-size: 18px;
  color: #0c45a3;
}
.thankyou-line {
  position: relative;
  top: 5px;
  width: 100%;
  max-width: 490px;
  height: 5px;
  background-color: #00205b;
  margin: 0 auto;
}
.thankyou-line-baz {
  position: relative;
  top: 5px;
  width: 100%;
  max-width: 490px;
  height: 5px;
  background-color: #17a54d;
  margin: 0 auto;
}
.thankyou-line-mercado-pago {
  position: relative;
  top: 5px;
  width: 100%;
  max-width: 490px;
  height: 5px;
  background-color: #009ee3;
  margin: 0 auto;
}
.thankyou-message {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.thankyou-message-img {
  position: absolute;
  top: -10px;
  left: -10px;
}
.thankyou-message-txt {
  position: relative;
  width: 80%;
  max-width: 490px;
  background-color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  padding: 10px;
  padding-left: 100px;
}
.thankyou-message-txt-mercado-pago {
  position: relative;
  width: 80%;
  max-width: 550px;
  background-color: #009ee3;
  color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  padding: 10px;
  text-align: center;
}
.thankyou-message-txt-baz {
  position: relative;
  width: 80%;
  max-width: 550px;
  background-color: #17a54d;
  color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  padding: 10px;
  text-align: center;
}
/*Thankyou txt*/
/*Thankyou box*/
.dcs {
  position: relative;
  margin-top: 20px;
}
.thankyou-container-box {
  width: 100%;
  max-width: 1140px;
  display: flex;
  margin: 15px auto;
}
.thankyou-container-box-lite {
  width: 100%;
  max-width: 1140px;
  display: flex;
}
.thankyou-box {
  width: 164px;
  height: 216px;
  border: solid 1px #ededed;
  margin-right: -2px;
}
.thankyou-box-2 {
  width: 328px;
  height: 216px;
  border: solid 1px #ededed;
  margin-right: -2px;
}
.thankyou-box-lite {
  width: 50%;
  height: 42px;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thankyou-box-lite h3 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0 20px 0 0;
  margin: 0;
}
.thankyou-box-lite-txt-1 {
  font-size: 12px;
}
.thankyou-title {
  width: 100%;
  height: 42px;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thankyou-title h3 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.thankyou-title-txt {
  margin-top: 5px;
  margin-bottom: 5px;
}
.thankyou-box-prodcut-img {
  width: 100%;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.thankyou-box-prodcut-txt {
  width: 100%;
  text-align: center;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thankyou-box-prodcut-txt h4 {
  font-family: sf-regular;
  font-size: 12px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.thankyou-box-prodcut-txt-2 {
  font-family: sf-bold;
  font-size: 14px;
}
.thankyou-box-price {
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px;
}
.thankyou-box-price h4 {
  font-family: sf-bold;
  font-size: 18px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.thankyou-box-txt {
  position: relative;
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  color: #00205b;
}
.thankyou-box-form {
  width: 75px;
  height: 31px;
  border: solid 1px #ededed;
  border-radius: .25rem;
  margin-top: -7px;
  margin-right: 10px;
  font-family: sf-bold;
}
.thankyou-box-drop-down-arrow {
  position: absolute;
  left: 65px;
}
.thankyou-box-drop-down-arrow:hover {
  cursor: pointer;
}
.thankyou-box-drop-down {
  position: absolute;
  width: 75px;
  background-color: white;
  top: 110px;
  left: 16px;
  z-index: 1;
}
.thankyou-box-drop-down div {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
}
.thankyou-box-drop-down div:hover {
  cursor: pointer;
  background-color: #ededed;
}
.thankyou-box-ship {
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #00205b;
  font-family: sf-bold;
  text-align: center;
  padding: 10px;
}
.thankyou-box-ship h4 {
  font-family: sf-bold;
  font-size: 12px;
  color: #00205b;
  text-align: center;
  padding: 0;
  margin: 0;
}
.thankyou-box-final-container {
  width: 100%;
  max-width: 1140px;
  display: flex;
  justify-content: flex-end;
}
.thankyou-box-final {
  width: 314px;
  background-color: #ededed;
  padding: 20px;
  font-size: 14px;
}
.thankyou-box-final-row {
  display: flex;
}
.tbf-box {
  width: 50%;
  height: 30px;
}
.tbf-box-2 {
  width: 50%;
  height: 30px;
  display: flex;
  justify-content: flex-end;
}
.tbf-txt-1 {
  font-size: 10px;
}
.color-mercado-pago {
  color: #009ee3 !important;
}
.color-baz {
  color: #17a54d !important;
}
@media (max-width: 1200px) {
  .thankyou-confeti {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .thankyou-box-drop-down-arrow {
    left: 55px;
  }
  .thankyou-box-drop-down {
    left: 8px;
  }
  .thankyou-title {
    padding: 10px;
  }
  .thankyou-box-price {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .thankyou-container {
    display: block;
    border-top: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
    padding-top: 20px;
  }
  .thankyou-container-box {
    min-height: 380px;
    border-bottom: solid 1px #ededed;
  }
  .thankyou-container-box-lite {
    flex-direction: column;
  }
  .thankyou-confeti {
    margin-top: 95px;
  }
  .thankyou-box {
    width: 50%;
    height: auto;
    border: none;
    margin-right: 0;
  }
  .thankyou-box-2 {
    width: 50%;
    height: auto;
    border: none;
    margin-right: 0;
  }
  .thankyou-box-lite {
    width: 100%;
  }
  .thankyou-title {
    height: auto;
    background-color: white;
    border: none;
    justify-content: flex-start;
    padding-left: 20px;
    padding-bottom: 5px;
  }
  .thankyou-title h3 {
    color: #333333;
  }
  .thankyou-title-product {
    display: none;
  }
  .thankyou-box:nth-child(1) {
    height: 280px;
  }
  .thankyou-box:nth-child(2) {
    position: absolute;
    top: 20px;
    right: 0;
  }
  .thankyou-box:nth-child(3) {
    position: absolute;
    right: 0;
    top: 84px;
  }
  .thankyou-box:nth-child(3) > .thankyou-box-txt {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .thankyou-box-2 {
    position: absolute;
    right: 0;
    top: 140px;
  }
  .thankyou-box:nth-child(4) {
    position: absolute;
    right: 0;
    top: 280px;
  }
  .thankyou-box:nth-child(5) {
    position: absolute;
    right: 0;
    display: none;
  }
  .thankyou-box:nth-child(6) {
    position: absolute;
    right: 0;
    top: 232px;
    display: none;
  }
  .thankyou-box-prodcut-img {
    margin-top: 40px;
  }
  .thankyou-box-price {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .thankyou-box-form-container {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .thankyou-box-ship {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
    text-align: left;
  }
  .thankyou-box-drop-down-arrow {
    left: 65px;
  }
  .thankyou-box-drop-down {
    top: 42px;
    left: 20px;
    box-shadow: 0px 0px 6px 1px #d6d6d6;
  }
  .thankyou-box-ship h4 {
    text-align: left;
  }
  .bc-txt-3 {
    display: none;
  }
  .coupon-container {
    margin: 20px auto;
  }
  .sumary-container {
    margin: 20px auto;
  }
  .thankyou-box-final-container {
    justify-content: center;
  }
}
@media (max-width: 575px) {
  .thankyou-message-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5%;
    right: 80%;
    margin: auto;
  }
}
/*thankyou box*/
.thankyou-box-lite-full {
  width: 100%;
  height: 42px;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thankyou-box-lite-full h3 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0 20px 0 0;
  margin: 0;
}
.container-tkp {
  max-width: 900px;
}
.btn-print {
  color: #0B45A8;
  font-weight: 700;
  width: 218px;
  height: 60px;
  background-color: white;
  border: white;
  font-size: 17px;
}
.btn-orders {
  color: #0B45A8;
  font-weight: 700;
  width: 218px;
  height: 60px;
  background-color: white;
  border: 2px solid #0B45A8 !important;
  font-size: 17px;
  border-radius: 10px;
}
.btn-shop {
  color: white;
  font-weight: 700;
  width: 218px;
  height: 60px;
  background-color: #0B45A8;
  border: 2px solid #0B45A8 !important;
  font-size: 17px;
  border-radius: 10px;
}
.buttons-container {
  display: flex;
  justify-content: flex-end;
  gap: 20px;
  margin: 30px 0px;
}
@media (max-width: 557px) {
  .buttons-container {
    flex-direction: column;
    align-items: center;
  }
}
.title-tkp {
  font-size: 32px;
  font-weight: 400;
  margin-bottom: 20px;
}
.text-tkp {
  font-size: 22px;
  font-weight: 400;
  margin-top: 8px;
  color: #05254b;
  font-size: 18px;
  font-weight: #a8afbd;
  line-height: 20px;
  text-align: justify;
}
.text-remember {
  font-weight: 400;
}
.title-detail {
  font-size: 20px;
}
.order-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 20px;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.order-card p {
  font-weight: 400;
}
.section-title {
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 8px;
  display: block;
}
.info-row {
  margin-bottom: 15px;
  color: #333;
  line-height: 1.4;
}
.pickup-info {
  margin-top: 20px;
  font-size: 15px;
}
.alert-text {
  color: #337ab7;
  margin-top: 10px;
  display: block;
  font-size: 14px;
}
p {
  margin: 0 0 5px;
}
.order-container {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 15px 25px;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.order-header {
  font-size: 18px;
  margin-bottom: 20px;
  color: #333;
}
.product-row {
  padding: 15px 0;
  border-bottom: 1px solid #f0f0f0;
  display: flex;
  align-items: flex-start;
}
.product-row:last-child {
  border-bottom: none;
}
.product-img {
  width: 100px;
  margin-right: 15px;
}
.product-details {
  flex-grow: 1;
}
.product-name {
  font-weight: bold;
  font-size: 16px;
  margin: 0;
}
.delivery-status {
  color: #28a745;
  font-size: 15px;
  margin: 4px 0;
}
.vendor-info {
  color: #666;
  font-size: 13px;
}
.price-section {
  text-align: right;
  min-width: 120px;
}
.label-subtotal {
  display: block;
  font-size: 15px;
  color: #333;
}
.old-price {
  text-decoration: line-through;
  color: #777;
  display: block;
  font-size: 14px;
}
.current-price {
  font-size: 18px;
  font-weight: bold;
  color: #000;
  display: block;
}
.img-placeholder {
  background: #eee;
  width: 80px;
  height: 80px;
  border-radius: 4px;
  display: inline-block;
}
.summary-card {
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 25px;
  margin-top: 20px;
  box-shadow: 0px 4px 4px 0px #00000040;
}
.summary-row {
  margin-bottom: 10px;
  font-size: 18px;
  color: #333;
}
.summary-row.total {
  margin-top: 15px;
  font-weight: bold;
  font-size: 20px;
  color: #000;
}
.price-text {
  text-align: right;
}
.disclaimer {
  margin-top: 25px;
  font-size: 13px;
  color: #333;
  line-height: 1.4;
  border-top: 1px solid transparent;
}
.product-row .col-sm-8 {
  display: flex;
  flex-direction: column;
  margin-left: 40px;
}
.inputEntrega {
  display: flex;
  flex-direction: column;
}
.inputEntrega input {
  border: inherit;
}
.inputEntrega input:focus {
  outline: none;
}
.thankyou-container {
  width: 100%;
}
.thankyou-confeti {
  width: 100%;
  text-align: center;
  margin-top: 95px;
}
.thankyou-order {
  width: 100%;
  text-align: center;
}
.thankyou-container h1 {
  width: 100%;
  text-align: center;
  font-family: sf-bold;
  font-size: 38px;
  color: #00205b;
  margin-bottom: 20px;
}
/*.thankyou-outline-txt{
	color: white;
  	-webkit-text-fill-color: white;
 	-webkit-text-stroke-width: 2px;
  	-webkit-text-stroke-color: #00205b
}
.thankyou-outline-txt-baz{
	color: white;
  	-webkit-text-fill-color: white;
 	-webkit-text-stroke-width: 2px;
  	-webkit-text-stroke-color: #17a54d;
}*/
.thankyou-txt-1 {
  font-family: sf-bold;
  font-size: 18px;
  color: #0c45a3;
}
.thankyou-line {
  position: relative;
  top: 5px;
  width: 60%;
  height: 5px;
  background-color: #00205b;
  margin: 0 auto;
  max-width: 500px;
}
.thankyou-line-baz {
  position: relative;
  top: 5px;
  width: 60%;
  height: 5px;
  background-color: #17a54d;
  margin: 0 auto;
}
.thankyou-message {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.thankyou-message-img {
  position: absolute;
  top: -10px;
  left: -10px;
}
.thankyou-message-txt {
  position: relative;
  width: 80%;
  max-width: 490px;
  background-color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  padding: 10px;
  padding-left: 100px;
}
.thankyou-message-txt-baz {
  position: relative;
  width: 80%;
  max-width: 550px;
  background-color: #17a54d;
  color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  padding: 10px;
  text-align: center;
}
/*Thankyou txt*/
/*Thankyou box*/
.dcs {
  position: relative;
  margin-top: 20px;
}
.thankyou-container-box {
  width: 100%;
  max-width: 1140px;
  display: flex;
  margin: 15px auto;
}
.thankyou-box {
  width: 164px;
  height: 216px;
  border: solid 1px #ededed;
  margin-right: -2px;
}
.thankyou-box-2 {
  width: 328px;
  height: 216px;
  border: solid 1px #ededed;
  margin-right: -2px;
}
.thankyou-title {
  width: 100%;
  height: 42px;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thankyou-title h3 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.thankyou-title-txt {
  margin-top: 5px;
  margin-bottom: 5px;
}
.thankyou-box-prodcut-img {
  width: 100%;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.thankyou-box-prodcut-txt {
  width: 100%;
  text-align: center;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thankyou-box-prodcut-txt h4 {
  font-family: sf-regular;
  font-size: 12px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.thankyou-box-prodcut-txt-2 {
  font-family: sf-bold;
  font-size: 14px;
}
.thankyou-box-price {
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.thankyou-box-price h4 {
  font-family: sf-bold;
  font-size: 18px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.thankyou-box-txt {
  position: relative;
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  color: #00205b;
}
.thankyou-box-form {
  width: 75px;
  height: 31px;
  border: solid 1px #ededed;
  border-radius: .25rem;
  margin-top: -7px;
  margin-right: 10px;
  font-family: sf-bold;
}
.thankyou-box-drop-down-arrow {
  position: absolute;
  left: 65px;
}
.thankyou-box-drop-down-arrow:hover {
  cursor: pointer;
}
.thankyou-box-drop-down {
  position: absolute;
  width: 75px;
  background-color: white;
  top: 110px;
  left: 16px;
  z-index: 1;
}
.thankyou-box-drop-down div {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem;
}
.thankyou-box-drop-down div:hover {
  cursor: pointer;
  background-color: #ededed;
}
.thankyou-box-ship {
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #00205b;
  font-family: sf-bold;
  text-align: center;
  padding: 10px;
}
.thankyou-box-ship h4 {
  font-family: sf-bold;
  font-size: 12px;
  color: #00205b;
  text-align: center;
  padding: 0;
  margin: 0;
}
@media (max-width: 1200px) {
  .thankyou-confeti {
    margin-top: 80px;
  }
}
@media (max-width: 990px) {
  .thankyou-box-drop-down-arrow {
    left: 55px;
  }
  .thankyou-box-drop-down {
    left: 8px;
  }
  .thankyou-title {
    padding: 10px;
  }
  .thankyou-box-price {
    padding: 10px;
  }
}
@media (max-width: 767px) {
  .thankyou-container {
    display: block;
    border-top: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
    padding-top: 20px;
  }
  .thankyou-container-box {
    min-height: 380px;
    border-bottom: solid 1px #ededed;
  }
  .thankyou-confeti {
    margin-top: 95px;
  }
  .thankyou-box {
    width: 50%;
    height: auto;
    border: none;
    margin-right: 0;
  }
  .thankyou-box-2 {
    width: 50%;
    height: auto;
    border: none;
    margin-right: 0;
  }
  .thankyou-title {
    height: auto;
    background-color: white;
    border: none;
    justify-content: flex-start;
    padding-left: 20px;
    padding-bottom: 5px;
  }
  .thankyou-title h3 {
    color: #333333;
  }
  .thankyou-title-product {
    display: none;
  }
  .thankyou-box:nth-child(1) {
    height: 280px;
  }
  .thankyou-box:nth-child(2) {
    position: absolute;
    top: 20px;
    right: 0;
  }
  .thankyou-box:nth-child(3) {
    position: absolute;
    right: 0;
    top: 84px;
  }
  .thankyou-box:nth-child(3) > .thankyou-box-txt {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .thankyou-box-2 {
    position: absolute;
    right: 0;
    top: 140px;
  }
  .thankyou-box:nth-child(4) {
    position: absolute;
    right: 0;
    top: 260px;
  }
  .thankyou-box:nth-child(5) {
    position: absolute;
    right: 0;
    display: none;
  }
  .thankyou-box:nth-child(6) {
    position: absolute;
    right: 0;
    top: 232px;
    display: none;
  }
  .thankyou-box-prodcut-img {
    margin-top: 40px;
  }
  .thankyou-box-price {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .thankyou-box-form-container {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
  }
  .thankyou-box-ship {
    height: auto;
    justify-content: flex-start;
    padding-left: 20px;
    text-align: left;
  }
  .thankyou-box-drop-down-arrow {
    left: 65px;
  }
  .thankyou-box-drop-down {
    top: 42px;
    left: 20px;
    box-shadow: 0px 0px 6px 1px #d6d6d6;
  }
  .thankyou-box-ship h4 {
    text-align: left;
  }
  .bc-txt-3 {
    display: none;
  }
  .coupon-container {
    margin: 20px auto;
  }
  .sumary-container {
    margin: 20px auto;
  }
}
@media (max-width: 575px) {
  .thankyou-message-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -5%;
    right: 80%;
    margin: auto;
  }
}
/*thankyou box*/
/*v2*/
.custom-table-italika-title {
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #00205b;
  font-family: sf-bold;
  text-align: center;
  line-height: 14px;
}
.custom-table-italika-title1 {
  width: 100%;
  height: 36px;
  box-sizing: border-box;
  background-color: #00205b;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  color: #ffffff;
  font-family: sf-bold;
  text-align: center;
  line-height: 14px;
}
.custom-table-italika-content {
  width: 100%;
  height: 54px;
  box-sizing: border-box;
  background-color: white;
  border: solid 1px #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  color: #666666;
  text-align: center;
}
.custom-table-italika-content-products {
  width: 100%;
  height: 54px;
  box-sizing: border-box;
  background-color: white;
  border: solid 1px #ededed;
  font-size: 12px;
  color: #666666;
  display: flex;
}
.custom-table-italika-content-products > div > img {
  width: 40px;
}
.custom-table-italika-margin {
  padding-left: 0;
  padding-right: 0;
}
.custom-table-italika-box-img {
  width: 100px;
  min-width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.custom-table-italika-box-txt {
  line-height: 14px;
  display: flex;
  align-items: center;
}
.custom-table-italika-2-container {
  margin-top: 12px;
}
.custom-table-italika-3-container {
  margin-top: 12px;
}
.custom-table-italika-resume {
  background-color: #ededed;
  box-sizing: border-box;
  border: solid 1px #d1d1d1;
}
.custom-table-italika-title-resume {
  font-size: 14px;
  color: #00205b;
  font-family: sf-bold;
  margin-top: 12px;
}
.custom-table-italika-txt-resume {
  font-size: 12px;
  color: #666666;
  margin-top: 8px;
  line-height: 24px;
  padding-bottom: 20px;
}
.custom-table-italika-txt-resume-strong {
  font-family: sf-bold;
  color: #333333;
  font-size: 14px;
}
.color-mercado-pago {
  color: #009ee3 !important;
}
.color-baz {
  color: #17a54d !important;
}
.background-color-baz {
  background-color: #17a54d !important;
}
.thankyou-message {
  display: flex;
  justify-content: center;
  margin-top: 50px;
  margin-bottom: 50px;
}
.thankyou-message-txt-mercado-pago {
  position: relative;
  width: 80%;
  max-width: 550px;
  background-color: #009ee3;
  color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  padding: 10px;
  text-align: center;
}
.thankyou-message-txt-baz {
  position: relative;
  width: 80%;
  max-width: 550px;
  background-color: #17a54d;
  color: white;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  padding: 10px;
  text-align: center;
}
@media (max-width: 992px) {
  .custom-table-italika-2-container {
    margin-top: 0;
  }
  .custom-table-italika-box-img {
    width: 100%;
  }
  .custom-table-italika-box-txt {
    display: none;
  }
}
@media (max-width: 768px) {
  .custom-table-italika-title-visibility {
    display: none;
  }
  .custom-table-italika-title-visibility-2 {
    text-transform: capitalize;
  }
}
@media (min-width: 769px) {
  .custom-table-italika-title-visibility-2 {
    display: none;
  }
}
/*v2*/
.title-table {
  font-size: 16px;
  color: #0c45a8;
  font-family: sf-bold;
  padding-bottom: 4px;
  image-orientation: initial;
}
/*-----------general / breadcrumb ------------------------*/
.breadcrumb-container img {
  width: 7px;
  height: 11px;
  margin: 5px 5px;
}
/*-----------general / breadcrumb ------------------------*/
/* --------------------- my account -------------------------------------------------------------------------*/
.container.my-account {
  padding: 0;
}
.container.my-account > .row {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
@media (min-width: 440px) {
  .my-account-nav {
    max-width: 440px;
    margin-right: 23px;
    padding: 0;
  }
}
.my-account-detail {
  border-left: 1px solid var(--color-back-gray);
  padding-left: 42px;
  width: calc(100% - 463px);
}
@media (max-width: 992px) {
  .my-account-detail {
    border-left: none;
    width: calc(100% - 0px);
    padding: 0 10px;
  }
}
.my-account-detail .mad-title {
  font-size: var(--text-font-size20);
  color: var(--color-brand01);
  padding: 0 0 20px 0;
  margin: 0;
  font-family: sf-bold;
}
@media (min-width: 992px) {
  .my-account-detail .mad-title {
    display: none;
  }
}
.my-account-detail .mad-title.mad-title-visible {
  display: block;
  padding: 0;
  margin: 0 0 20px 0;
}
.my-account-detail .mad-subtitle {
  font-size: 16px;
  margin: 0 0 40px 0;
}
.my-account-detail .mad-subtitle strong {
  color: var(--color-brand02);
}
@media (max-width: 768px) {
  .my-account-detail.disable {
    display: none;
  }
}
@media (max-width: 992px) {
  .my-account-detail.my-account-detail-mail .mad-title {
    display: block;
  }
}
@media (min-width: 993px) {
  .my-account-detail.my-account-detail-mail .mad-title {
    display: none;
  }
}
.my-account-detail .input {
  margin: 0 0 20px 0;
  max-width: 300px;
}
@media (max-width: 768px) {
  .my-account-detail .input {
    margin: 0 0 20px 0;
  }
}
.my-account-detail .input::placeholder {
  color: #acb5be;
}
.my-account-detail .input label {
  font-family: sf-semibold;
}
.my-account-detail .input-save {
  margin: 30px 0 0 0;
}
.my-account-detail .input-save .btn.btn-primary {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  border: none;
  margin: 5px auto 0 0;
}
@media (max-width: 768px) {
  .my-account-detail .input-save {
    margin: 0;
    width: 300px;
  }
}
.my-account-detail .input-save.disable {
  opacity: .15;
}
.my-account-detail .input .longitud {
  font-size: var(--text-font-size12);
  margin: 0 0 0 20px;
}
.my-account-detail .check {
  margin: 20px 0;
  display: flex;
  align-items: center;
  width: 100%;
}
@media (max-width: 768px) {
  .my-account-detail .check {
    margin: 20px auto 20px auto;
    width: 300px;
  }
}
.my-account-detail .check input[type=checkbox] {
  width: 16px;
  height: 16px;
  margin-right: 10px;
}
.my-account-detail .terms {
  max-width: 375px;
}
.my-account-detail .terms a {
  text-decoration: none;
}
.my-account-detail .btn-return {
  width: 300px;
  background: var(--color-brand01);
  border-radius: .50rem;
  text-align: center;
  color: white;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 40px 0;
  cursor: pointer;
  line-height: 50px;
}
@media (min-width: 768px) {
  .my-account-detail .btn-return {
    display: none;
  }
}
.my-account-detail.my-account-detail-mail .form-group {
  width: 300px;
  margin: 0;
}
@media (max-width: 768px) {
  .my-account-detail .btn-return {
    margin: 40px auto 0 auto;
  }
  .my-account-detail .form-group {
    width: 300px;
    margin: 0;
  }
  .my-account-detail .checkout-phone-container {
    max-width: 300px;
  }
  .my-account-detail .button-italika-1 {
    margin: 0;
  }
}
.my-account-detail button {
  margin-left: 0;
}
.my-account-detail .detail-box-ship {
  border: none;
}
.my-account-detail .detail-box-ship p {
  margin: 0 10px;
  padding: 0;
  font-size: 14px;
  text-align: center;
  width: calc(100% - 20px);
}
@media (max-width: 1200px) {
  .my-account-detail .detail-box-ship p {
    margin: 0;
    text-align: left;
  }
}
.my-account-detail .detail-box-ship p > span {
  display: block;
}
.my-account-detail .label-italika-style {
  font-size: 16px;
  display: inline;
}
.my-account-detail .label-italika-style:after,
.my-account-detail .control-label:after {
  content: " *";
  color: red;
}
.my-account-detail .btn.button-italika-1.button-colour-1 {
  background-color: #0c45a8;
}
/*--------my account detail / favorites list ----------------------*/
@media (max-width: 768px) {
  .my-account-detail.favorites-list .return {
    margin: 0 auto;
  }
}
.my-account-detail.favorites-list .detail-box.fl-trash {
  width: 50px;
}
.my-account-detail.favorites-list .detail-box.fl-trash:last-child img {
  margin: 14px 10px;
  width: 20px;
}
.my-account-detail.favorites-list .detail-container {
  width: 100%;
  max-width: 812px;
  display: flex;
  flex-wrap: wrap;
  margin-top: 0;
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .detail-container {
    align-items: center;
    border-top: 0;
    border-bottom: 0;
    padding-top: 0;
  }
}
.my-account-detail.favorites-list .detail-container .mya-fl-container-title,
.my-account-detail.favorites-list .detail-container .mya-fl-container {
  display: flex;
  width: 100%;
  align-items: center;
  position: relative;
  flex-wrap: wrap;
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .detail-container .mya-fl-container {
    border-top: solid 1px #ededed;
    padding: 20px 0 0 0;
  }
  .my-account-detail.favorites-list .detail-container .mya-fl-container-title {
    display: none;
  }
}
.my-account-detail.favorites-list .detail-box {
  width: 145px;
  height: 216px;
  border: solid 1px #ededed;
  margin-right: -2px;
}
.my-account-detail.favorites-list .mya-fl-container-title .detail-box {
  height: auto;
}
.my-account-detail.favorites-list .detail-title {
  width: 100%;
  height: 42px;
  background-color: #ededed;
  border: solid 1px #d1d1d1;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1200px) {
  .my-account-detail.favorites-list .mya-fl-container .detail-title {
    display: none;
  }
}
.my-account-detail.favorites-list .detail-title h3 {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.favorites-list .detail-box-prodcut-img {
  width: 100%;
  height: 125px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
.my-account-detail.favorites-list .dbp-container .dbp-btn-buy {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: .50rem;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  width: calc(100% - 20px);
  font-family: sf-bold;
  font-size: var(--text-font-size12);
  max-width: 200px;
}
@media (min-width: 1200px) {
  .my-account-detail.favorites-list .dbp-container .dbp-btn-buy {
    display: none;
  }
}
.my-account-detail.favorites-list .detail-box-prodcut-txt {
  width: 100%;
  text-align: center;
  height: 49px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
.my-account-detail.favorites-list .detail-box-prodcut-txt h4 {
  font-family: sf-regular;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.favorites-list .detail-box-prodcut-txt h5 {
  display: none;
  font-family: sf-regular;
  font-size: 142px;
  color: #00205b;
  padding: 0;
  margin: 0;
  width: 100%;
}
.my-account-detail.favorites-list .detail-box-prodcut-txt-2 {
  font-family: sf-bold;
  font-size: 14px;
}
.my-account-detail.favorites-list .detail-box-price {
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  flex-wrap: wrap;
  border: none;
}
.my-account-detail.favorites-list .detail-box-price > .btn-default {
  background: none;
  border: none;
}
@media (min-width: 1200px) {
  .my-account-detail.favorites-list .detail-box-price .db-title,
  .my-account-detail.favorites-list .detail-box-ship .db-title,
  .my-account-detail.favorites-list .detail-box-price .detail-box-price-container .db-title {
    display: none;
  }
}
.my-account-detail.favorites-list .detail-box-price .db-title,
.my-account-detail.favorites-list .detail-box-ship .db-title,
.my-account-detail.favorites-list .detail-box-price .detail-box-price-container .db-title {
  margin: 0;
  width: 100%;
}
.my-account-detail.favorites-list .detail-box-price h4 {
  font-family: sf-bold;
  font-size: 18px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.favorites-list .detail-box-price .detail-box-price-container {
  width: 100%;
  text-align: center;
  padding: 0 10px;
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .detail-box-price .detail-box-price-container {
    text-align: left;
    padding: 0;
  }
}
.my-account-detail.favorites-list .detail-box-price .detail-box-btn-buy {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: .50rem;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  margin: 20px 0;
  width: calc(100% - 0px);
  font-family: sf-bold;
  /* box-sizing: border-box; */
  font-size: var(--text-font-size12);
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .detail-box-price .detail-box-btn-buy {
    display: none;
  }
}
.my-account-detail.favorites-list .detail-box-form-container {
  position: relative;
  width: 100%;
  height: 173px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.my-account-detail.favorites-list .detail-box-form {
  width: 75px;
  height: 31px;
  border: solid 1px #ededed;
  border-radius: .50rem;
  margin-top: -7px;
  margin-right: 10px;
  font-family: sf-bold;
}
.my-account-detail.favorites-list .detail-box-drop-down-arrow {
  position: absolute;
  left: 65px;
}
.my-account-detail.favorites-list .detail-box-drop-down-arrow:hover {
  cursor: pointer;
}
.my-account-detail.favorites-list .detail-box-drop-down {
  position: absolute;
  width: 75px;
  background-color: white;
  top: 110px;
  left: 16px;
  z-index: 1;
}
.my-account-detail.favorites-list .detail-box-drop-down div {
  width: 100%;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.5rem;
}
.my-account-detail.favorites-list .detail-box-drop-down div:hover {
  cursor: pointer;
  background-color: #ededed;
}
.my-account-detail.favorites-list .detail-box-ship {
  width: 100%;
  height: 194px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: 10px 0;
}
.my-account-detail.favorites-list .detail-box-ship h4 {
  font-family: sf-bold;
  font-size: 12px;
  color: #00205b;
  text-align: center;
  padding: 0;
  margin: 0;
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .fl-detail-box {
    width: 160px;
  }
  .my-account-detail.favorites-list .fl-detail-box .detail-title {
    display: none;
  }
}
.my-account-detail.favorites-list .detail-box-prodcut-img img {
  max-height: 117px;
  margin: 30px;
}
@media (max-width: 768px) {
  .my-account-detail.favorites-list .detail-box-ship {
    padding-left: 0;
  }
}
.my-account-detail.favorites-list .detail-box-ship p {
  max-height: 187px;
}
@media (min-width: 768px) {
  .my-account-detail.favorites-list .detail-box-ship p {
    margin: 0 5px;
  }
}
.my-account-detail.favorites-list .flex {
  display: flex;
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .flex {
    width: calc(100% - (160px + 40px));
    display: block;
    position: relative;
  }
  .my-account-detail.favorites-list .flex .detail-box {
    width: 100%;
  }
}
@media (max-width: 1200px) {
  .my-account-detail.favorites-list .detail-box {
    height: auto;
    border: none;
    position: initial;
    padding: 0 20px 20px 0;
  }
  .my-account-detail.favorites-list .detail-box .detail-title {
    background: none;
    border: none;
    height: auto;
    justify-content: left;
    padding: 0 0 5px 0;
  }
  .my-account-detail.favorites-list .detail-box .detail-box-price {
    height: auto;
    justify-content: left;
  }
  .my-account-detail.favorites-list .detail-box .detail-box-ship {
    height: auto;
    flex-wrap: wrap;
  }
}
@media (max-width: 768px) {
  .my-account-detail.favorites-list .detail-box .detail-box-price {
    padding-left: 0;
  }
}
@media (max-width: 1000px) {
  .my-account-detail.favorites-list .mad-title {
    padding: 0;
  }
}
/*--------my account detail / favorites list ----------------------*/
/*--------my account detail / adresss ----------------------*/
.my-account-detail .addresses {
  border-bottom: solid 1px #ededed;
  margin-bottom: 20px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-size: 16px;
  line-height: 24px;
}
.my-account-detail .addresses .addresses-icons {
  width: 25px;
}
.my-account-detail .addresses .addresses-data {
  width: calc(100% - 25px);
}
.my-account-detail .addresses-btn-add {
  width: 300px;
  background: var(--color-brand02);
  border-radius: .50rem;
  text-align: center;
  color: white;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 0 0 40px auto;
  cursor: pointer;
  line-height: 50px;
  display: block;
  text-decoration: none;
}
@media (max-width: 768px) {
  .my-account-detail .addresses-btn-add {
    margin: 0 0 40px 0;
  }
}
.my-account-detail .addresses-default {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0 0 20px 0;
}
.my-account-detail .addresses-btn-default {
  width: 300px;
  border: 1px solid var(--color-brand02);
  border-radius: .50rem;
  text-align: center;
  color: var(--color-brand02);
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 20px 0 0 0;
  cursor: pointer;
  line-height: 50px;
}
@media (max-width: 768px) {
  .my-account-detail .addresses-btn-default {
    margin: 20px auto 0 auto;
  }
}
.my-account-detail .addresses-icons img {
  display: block;
  cursor: pointer;
  margin: 0 0 20px 0;
  width: 20px;
}
.my-account-detail .addresses .addresses-disable {
  display: none;
}
@media (max-width: 768px) {
  .my-account-detail .addresses .check {
    width: 100%;
  }
}
.my-account-detail .addresses-add .aad-title {
  font-family: sf-bold;
  font-size: 14px;
  color: #00205b;
  padding: 0;
  margin: 0 0 20px 0;
}
.my-account-detail .addresses-add label {
  color: black;
  font-family: sf-semibold;
  font-size: 16px;
}
.my-account-detail .addresses-add label .aad-mandatory {
  color: #ff0000;
}
.my-account-detail .addresses-add select {
  width: 300px;
  border: 1px solid var(--color-brand02);
  border-radius: .50rem;
  font-family: sf-regular;
  font-size: var(--text-font-size16);
  color: var(--color-text-input);
  height: 50px;
  padding: 0 20px;
}
.my-account-detail .addresses-add select.w100 {
  width: calc(100% - 30px);
  max-width: calc(100% - 30px);
}
.my-account-detail .addresses-add .addresses-btn-cancel {
  width: 300px;
  border: 1px solid var(--color-brand02);
  border-radius: .50rem;
  text-align: center;
  color: var(--color-brand02);
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 0 0 20px 0;
  cursor: pointer;
  line-height: 50px;
}
.my-account-detail .addresses-add .addresses-btn-add {
  width: 300px;
  background: var(--color-brand01);
  border-radius: .50rem;
  text-align: center;
  color: white;
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 0 0 20px 0;
  cursor: pointer;
  line-height: 50px;
}
@media (max-width: 768px) {
  .my-account-detail .addresses-add .addresses-btn-add {
    margin: 0 auto 20px auto;
  }
}
/*-----my account detail / order list------------------*/
.my-account-detail.order-list .detail-title h3 {
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  color: #00205b;
  padding: 0;
  margin: 0;
}
@media (max-width: 1200px) {
  .my-account-detail.order-list .mad-ol-detail-title h3 {
    display: none;
  }
  .my-account-detail.order-list .detail-box-ship {
    border: 0;
  }
}
.my-account-detail.order-list .detail-box-ship a {
  margin-bottom: 1rem;
  display: block;
}
.my-account-detail.order-list .detail-box-ship img {
  max-width: 120px;
  margin: 0 10px;
}
.my-account-detail.order-list .detail-box-ship .subtitle {
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  color: #00205b;
  padding: 0;
  margin: 20px 0 0  0;
}
.my-account-detail.order-list .detail-box-price {
  font-family: sf-bold;
  font-size: 18px;
  color: #00205b;
  padding: 0;
  margin: 0;
}
@media (max-width: 1200px) {
  .my-account-detail.order-list .detail-box-price {
    border: 0;
  }
}
.my-account-detail.order-list > .detail-container {
  flex-wrap: wrap;
  display: block;
  margin-top: 0;
}
@media (max-width: 767px) {
  .my-account-detail.order-list > .detail-container {
    border-top: 0;
    border-bottom: 0;
  }
}
.my-account-detail.order-list > .detail-container .detail-box {
  height: auto;
}
@media (max-width: 767px) {
  .my-account-detail.order-list > .detail-container .detail-box:nth-child(2) {
    position: initial;
  }
}
@media (max-width: 1200px) {
  .my-account-detail.order-list > .detail-container .detail-box {
    border: 0;
  }
  .my-account-detail.order-list > .detail-container .detail-box .detail-title {
    background-color: white;
    height: auto;
    border: 0;
    display: block;
  }
  .my-account-detail.order-list > .detail-container .detail-box .detail-box-price {
    height: auto;
    display: block;
  }
  .my-account-detail.order-list > .detail-container .detail-box .detail-box-ship {
    height: auto;
    display: block;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container {
    border-bottom: solid 1px var(--color-back-gray);
    margin: 0 0 20px 0;
    padding: 0 0 0 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: solid 1px var(--color-back-gray);
    padding-bottom: 20px;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box {
    width: 50%;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub {
    width: 50%;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub.detail-box-sub-last {
    width: 100%;
    display: flex;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub.detail-box-sub-last .detail-box {
    width: 50%;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box {
    width: 100%;
    margin: 20px 0 0 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: initial;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box:last-child .detail-title {
    width: 100%;
    order: 2;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box:last-child .detail-box-ship {
    order: 2;
    margin: 0 0 20px 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child .detail-box-price {
    order: 3;
    top: 15px;
    padding-left: 0px;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child .detail-box-price {
    position: initial;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child .detail-box-link {
    width: 50%;
    order: 2;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container {
    border-bottom: 0;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .mad-ol-c-f-flex {
    display: block;
    margin: 0 0 0 20px;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .mad-ol-c-f-flex .detail-box:last-child .detail-title {
    width: 100%;
    order: 0;
  }
  .my-account-detail.order-list.order-list-detail .mad-ol-detail-title {
    display: none;
  }
}
@media (min-width: 1200px) {
  .my-account-detail.order-list .detail-container .mad-ol-container {
    text-align: center;
    margin: 0 0 20px 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex {
    display: flex;
    margin-bottom: 20px;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .mad-ol-c-f-flex {
    display: flex;
    width: calc((100% / 6)*3);
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .mad-ol-c-f-flex .detail-box:last-child .detail-title {
    border-right: 0px;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box {
    width: calc(100% / 4);
    border-left: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub {
    width: calc(100% / 4);
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .detail-box {
    width: calc(100% / 6);
    border-left: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container:first-child .flex .detail-box {
    width: calc((100% / 6)*2);
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child {
    border-right: solid 1px #ededed;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box {
    width: 100%;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-title {
    border-right: 0;
    border-left: 0;
    box-shadow: -1px 0px 1px #d1d1d1;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box .detail-title {
    height: 42px;
    background-color: #ededed;
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    border-left: solid 1px #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box:last-child .detail-title {
    border-right: solid 1px #d1d1d1;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box:last-child .detail-title {
    border-right: 0;
    border-left: 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box .detail-box-ship,
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box .detail-box-price {
    display: flex;
    height: 240px;
    align-items: center;
    justify-content: center;
    margin: 0;
    border: 0;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box-sub .detail-box .detail-box-ship {
    height: calc(198px  /2);
  }
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .detail-box .detail-box-ship,
  .my-account-detail.order-list.order-list-detail .detail-container .mad-ol-container .flex .detail-box .detail-box-price {
    height: 260px;
  }
  .my-account-detail.order-list .detail-container .mad-ol-container .flex .detail-box .detail-box-ship span {
    display: block;
  }
}
/*-----------my account detail / order list--------------------------------*/
/*-----------my account detail / invoice------------------------------------*/
.my-account-detail.my-account-detail-invoice .detail-title h3 {
  font-family: sf-bold;
  font-size: var(--text-font-size14);
  color: #00205b;
  padding: 0;
  margin: 0;
}
.my-account-detail.my-account-detail-invoice .disabled .descargar {
  cursor: default;
  opacity: .15;
}
.my-account-detail.my-account-detail-invoice .descargar {
  display: block;
  background: var(--color-brand02);
  color: white;
  border-radius: .50rem;
  line-height: 35px;
  text-align: center;
  text-decoration: none;
  margin: 0 auto;
  width: 220px;
  font-family: sf-bold;
  font-size: var(--text-font-size12);
}
.my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-box-ship p.legal,
.my-account-detail.my-account-detail-invoice .legal {
  display: none;
  margin-top: 10px;
  font-size: 12px;
}
.my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-box-ship .disabled p.legal,
.my-account-detail.my-account-detail-invoice .disabled .legal {
  display: block;
}
.my-account-detail.my-account-detail-invoice .mad-i-container {
  text-align: center;
}
@media (max-width: 1200px) {
  .my-account-detail.my-account-detail-invoice .mad-i-container {
    margin: 0;
  }
}
.my-account-detail.my-account-detail-invoice .mad-i-container .img-invoice {
  width: 40px;
  margin: 0 0 20px 0;
}
.my-account-detail.my-account-detail-invoice .mad-i-container .img-invoice.disable {
  display: none;
}
@media (max-width: 1000px) {
  .my-account-detail.my-account-detail-invoice .flex {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box {
    margin: 0 0;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box .mad-invoice-title {
    display: none;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box-ship span {
    display: block;
  }
}
@media (min-width: 1000px) {
  .my-account-detail.my-account-detail-invoice .flex {
    display: flex;
    margin: 0 0 20px 0;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box {
    width: 50%;
    margin: 0;
    border-left: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex {
    display: flex;
    width: 50%;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box {
    width: 100%;
    border-left: solid 1px #ededed;
    border-bottom: solid 1px #ededed;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box .detail-title,
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-title {
    height: 42px;
    background-color: #ededed;
    border-top: solid 1px #d1d1d1;
    border-bottom: solid 1px #d1d1d1;
    border-left: solid 1px #d1d1d1;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .my-account-detail.my-account-detail-invoice .flex .detail-box .detail-box-ship {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 0 5px;
    border-right: solid 1px #ededed;
    height: 250px;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-box-ship {
    height: 250px;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-box-ship p {
    margin: 0;
  }
  .my-account-detail.my-account-detail-invoice .flex .mad-invoice-flex .detail-box .detail-title {
    border-right: solid 1px #d1d1d1;
  }
  .my-account-detail.my-account-detail-invoice .detail-box-ship p {
    width: 100%;
    max-width: 250px;
  }
}
.my-account-detail.my-account-detail-invoice .detail-box-ship p {
  text-align: center;
}
.my-account-detail.my-account-detail-invoice .detail-container {
  margin-top: 0;
  max-width: 100%;
  border-top: 0;
  border-bottom: 0;
  padding-top: 0;
}
.my-account-detail.my-account-detail-invoice .detail-container .mad-container {
  width: 100%;
}
.my-account-detail.my-account-detail-invoice .detail-container .detail-box {
  height: auto;
}
@media (max-width: 1000px) {
  .my-account-detail.my-account-detail-invoice .detail-container .detail-box {
    height: auto;
    width: auto;
    border: 0;
  }
  .my-account-detail.my-account-detail-invoice .detail-container .detail-box .detail-title {
    height: auto;
    background: none;
    border: 0;
    display: block;
  }
  .my-account-detail.my-account-detail-invoice .detail-container .detail-box .mad-invoice-title {
    display: none;
  }
  .my-account-detail.my-account-detail-invoice .detail-container .detail-box .detail-box-ship {
    display: block;
    height: auto;
    border: 0;
  }
  .my-account-detail.my-account-detail-invoice .detail-container .detail-box .detail-box-ship {
    width: 220px;
  }
  .my-account-detail.my-account-detail-invoice .mad-invoice-flex .detail-box:nth-child(2) {
    position: initial;
  }
}
/*------------------my account detail / invoice---------------------*/
@media (max-width: 1200px) {
  .my-account-detail .checkout-phone-container .form-group:first-child {
    width: 100px;
  }
  .my-account-detail .checkout-phone-container .form-group:last-child {
    width: 100%;
  }
}
/*------------------my account / nav-----------------------------------*/
@media (max-width: 992px) {
  .my-account .row .col {
    flex: none;
    margin: 0 0 20px 0;
  }
}
.my-account .my-account-nav {
  width: 100%;
}
@media (max-width: 992px) {
  .my-account .my-account-nav {
    display: flex;
    margin: 0 0 20px 0;
    max-width: 100%;
  }
}
.my-account .my-account-nav .man-txt {
  display: flex;
}
@media (max-width: 992px) {
  .my-account .my-account-nav .man-txt span {
    display: none;
  }
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button {
    width: calc(100% / 6);
    border: 1px solid var(--color-back-gray);
  }
}
.my-account .my-account-nav .button a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  text-decoration: none;
  color: var(--color-black-text);
  box-sizing: border-box;
  border-bottom: 1px solid var(--color-back-gray);
  cursor: pointer;
  font-size: var(--text-font-size17);
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button a {
    justify-content: center;
  }
}
.my-account .my-account-nav .button:hover {
  background: var(--color-back-gray);
}
.my-account .my-account-nav .button img {
  width: 22px;
  margin: 0 30px;
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button img {
    width: 22px;
    margin: 0 9px;
  }
}
.my-account .my-account-nav .button img.pedidos {
  width: 29px;
  margin: 0 35px 0 25px;
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button img.pedidos {
    margin: 0;
  }
}
.my-account .my-account-nav .button img.correo {
  width: 24px;
  margin: 0 35px 0 30px;
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button img.correo {
    margin: 0;
  }
}
.my-account .my-account-nav .button img.favoritos {
  width: 24px;
  margin: 0 35px 0 30px;
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button img.favoritos {
    margin: 0;
  }
}
.my-account .my-account-nav .button img.arrow {
  transform: rotate(-90deg);
  width: 15px;
}
@media (max-width: 992px) {
  .my-account .my-account-nav .button img.arrow {
    display: none;
  }
}
.my-account .my-account-nav .button.active {
  background: var(--color-back-gray);
}
.my-account .row {
  position: relative;
}
.my-account .row .btn-close {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  border: 1px solid #0c45a8;
  margin: 0 auto 0 30px;
  color: #0c45a8;
}
@media (max-width: 993px) {
  .my-account .row .btn-close {
    margin-left: 12px;
  }
}
@media (min-width: 1000px) {
  .my-account .row .btn-close {
    position: absolute;
    left: 0;
    top: 400px;
    margin: 0 auto 0 0;
  }
}
.my-account .row .my-account-nav {
  margin-bottom: 90px;
}
@media (max-width: 992px) {
  .my-account .row .my-account-nav {
    margin-bottom: 20px;
  }
}
/*--------------my account / nav --------------------------*/
/*--------------my account / cerrar --------------------------*/
.my-account .cerrar {
  width: 300px;
  border: 1px solid var(--color-brand02);
  border-radius: .50rem;
  text-align: center;
  color: var(--color-brand02);
  font-size: var(--text-font-size14);
  font-family: sf-semibold;
  margin: 40px 0;
  cursor: pointer;
  line-height: 50px;
}
.my-account .cerrar span {
  display: block;
  line-height: 50px;
}
.my-account input[type=text],
.my-account input[type=password],
.my-account input[type=mail],
.my-account input[type=number] {
  border: 1px solid var(--color-brand02);
  border-radius: .50rem;
  font-family: sf-regular;
  font-size: var(--text-font-size16);
  color: var(--color-text-input);
  line-height: 50px;
  padding: 0 20px;
  max-width: 300px;
  width: 300px;
  height: 50px;
  margin-bottom: 20px;
}
.my-account input[type=text].w100,
.my-account input[type=password].w100,
.my-account input[type=mail].w100,
.my-account input[type=number].w100 {
  width: calc(100% - 30px);
}
.my-account input[type=submit] {
  background: var(--color-brand01);
  border-radius: .50rem;
  color: white;
  font-family: sf-semibold;
  font-size: var(--text-font-size14);
  line-height: 50px;
  padding: 0 20px;
  width: 300px;
  border: 0;
}
.my-account .input-save input[disabled] {
  opacity: .15;
  cursor: auto;
}
.my-account .button-colour-1[disabled]:hover {
  cursor: auto;
}
.my-account .checkout-input-check {
  position: initial;
  margin-bottom: 30px;
}
.my-account .checkout-input-check > label {
  font-size: 14px;
  font-family: 'sf-regular';
}
@media (max-width: 1200px) {
  .my-account .checkout-form-grid {
    display: block;
  }
}
.my-account-description {
  margin-bottom: 40px;
  font-size: 16px;
}
@media (max-width: 992px) {
  .my-account-description {
    margin-bottom: 20px;
  }
}
/* ----------------------------------my account ------------------------------------------------------------*/
.account-section .h1-title-container .h1-title {
  text-align: left;
  margin: 20px 0;
}
.my-account-detail.my-account-detail-mail label {
  font-family: "sf-semibold";
}
/*------------- my account / box close --------------------*/
#colorbox.account-section-box-close #cboxTitle {
  padding: 20px;
}
#colorbox.account-section-box-close #cboxLoadedContent {
  padding: 0 20px;
}
#colorbox.account-section-box-close .btn.btn-primary.btn-block {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  border: solid 2px #00205b;
  margin: 5px auto;
  background-color: white;
  color: #00205b;
}
.my-account-detail .addresses .account-set-default-address {
  width: 300px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  text-decoration: none;
  border-radius: .50rem;
  border: 1px solid #0c45a8;
  margin: 20px auto 40px 0;
  color: var(--color-brand01);
}
/*------------------editar direccion / inputs: inicio----------------------*/
.i18nAddressForm {
  max-width: 700px;
  width: 640px;
}
.i18nAddressForm input,
.i18nAddressForm select {
  height: 50px;
  width: 300px;
  max-width: 300px;
  border-radius: .50rem;
  margin-bottom: 0;
}
.i18nAddressForm select,
.i18nAddressForm .phone-label-input input,
.i18nAddressForm .district-label-input input {
  width: 100%;
  max-width: 100%;
}
@media (min-width: 980px) and (max-width: 1200px) {
  .i18nAddressForm select,
  .i18nAddressForm .phone-label-input input,
  .i18nAddressForm .district-label-input input {
    width: 300px;
    max-width: 300px;
  }
}
@media (max-width: 990px) {
  .i18nAddressForm select,
  .i18nAddressForm .phone-label-input input,
  .i18nAddressForm .district-label-input input {
    width: 300px;
    max-width: 300px;
  }
}
.i18nAddressForm .phone-label-input .checkbox {
  position: initial;
  margin-top: 0;
  margin-bottom: 20px;
  width: 100%;
}
.i18nAddressForm .phone-label-input .checkbox input[type="checkbox"] {
  position: initial;
  margin-left: 0;
  margin: 0 10px 0 0;
  height: auto;
  width: auto;
}
@media (max-width: 980px) {
  .i18nAddressForm .col-sm-6 {
    width: 100%;
  }
}
@media (max-width: 640px) {
  .i18nAddressForm .col-sm-6 {
    width: 100%;
  }
}
@media (min-width: 980px) and (max-width: 1200px) {
  .i18nAddressForm .col-md-6 {
    width: 100%;
    padding: 0;
  }
}
.form-actions.custom-class-lib-dir .btn.change_address_button,
.form-actions.custom-class-lib-dir .col-sm-6.accountButtons a {
  font-size: 14px;
  height: 50px;
  padding: 0;
  line-height: 43px;
  width: 300px;
}
.form-actions.custom-class-lib-dir .col-sm-push-6 {
  left: 0;
  margin: 0 10px 0 0;
  width: calc(40%);
}
@media (max-width: 980px) {
  .form-actions.custom-class-lib-dir .col-sm-push-6 {
    padding-left: 0;
  }
}
.form-actions.custom-class-lib-dir .col-sm-pull-6 {
  display: none;
  right: 0;
  margin: 0 0 0 10px;
  width: calc(40%);
}
@media (max-width: 640px) {
  .form-actions.custom-class-lib-dir .col-sm-pull-6 {
    margin: 0;
  }
}
.account-section .account-section-content .account-section-form {
  margin: 40px 0 0 0;
}
.account-section .account-section-content .account-section-form .accountActions {
  max-width: 700px;
  width: 620px;
}
/*------------------editar direccion: fin----------------------*/
/*------------------cambios: inicio----------------------*/
.container.my-account .back-link.border {
  padding: 0;
  border-bottom: 0;
  margin-bottom: 20px;
}
.container.my-account .back-link.border .container-lg.col-md-6 {
  border-left: 0;
}
.container.my-account .container-lg.col-md-6 {
  padding: 0;
  width: 100%;
}
@media (min-width: 992px) {
  .container.my-account .container-lg.col-md-6 {
    border-left: 1px solid var(--color-back-gray);
    width: 50%;
  }
}
@media (max-width: 992px) {
  .account-section .container-lg .account-section-content {
    padding-left: 10px;
  }
  .i18nAddressForm .col-sm-12 {
    padding-left: 0;
  }
}
.account-section .account-section-content .account-section-form {
  margin: 0;
}
@media (max-width: 1024px) {
  .my-account .row .my-account-nav {
    order: 1;
  }
  .my-account .container-lg.col-md-6,
  .my-account .my-account-detail {
    order: 2;
  }
  .my-account > .row > a {
    order: 3;
    margin-top: 20px;
  }
}
.account-section .account-section-content form {
  padding-left: 0;
}
.i18nAddressForm .form-group {
  min-height: 75px;
}
#cboxContent #cboxTitle {
  padding: 30px 20px 0 20px;
  height: 25px;
}
#cboxContent #cboxTitle .headline {
  margin: 0;
}
#cboxLoadedContent {
  padding: 0;
}
#cboxLoadedContent .addressItem {
  padding: 0 20px 20px 20px;
}
#cboxLoadedContent .addressItem .modal-actions > .row > div:last-child {
  display: none;
}
#cboxLoadedContent .addressItem .modal-actions > .row > div.col-sm-push-6 {
  width: 300px;
  left: calc(-100%);
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-semibold;
  text-transform: uppercase;
  font-size: 14px;
  border-radius: .50rem;
  border: 2px solid var(--color-brand01);
  margin: 20px auto 40px 0;
}
#cboxLoadedContent .addressItem .modal-actions > .row > div.col-sm-push-6 a {
  background-color: white;
  border-color: white;
  color: var(--color-brand01);
  margin: 0;
  padding: 0;
}
#cboxClose .glyphicon-remove {
  background: var(--color-brand01);
  border-radius: 50%;
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -16px;
  right: -17px;
  margin: 2px;
}
#cboxClose .glyphicon-remove:before {
  content: "";
  background: url(/_ui/images/ic-close.svg);
  height: 15px;
  width: 15px;
  display: block;
}
.my-account input[type=text] {
  margin-bottom: 0;
}
/*------------------cambios: fin----------------------*/
/* ----------------------------------my account: fin; ------------------------------------------------------------*/
.delete-address-container {
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
}
.delete-address-box {
  width: 95%;
  max-width: 340px;
  height: auto;
  max-height: 180px;
  background-color: white;
  padding: 20px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}
.delete-address-message {
  margin-top: 10px;
  color: #00205b;
  font-family: sf-bold;
  line-height: 20px;
}
.delete-address-message-high {
  font-size: 24px;
}
/* CSS Document */
/*Header*/
.header-italika {
  height: 94px;
  background-color: #00205b;
  color: white;
  font-size: 11px;
  text-transform: uppercase;
  font-family: sf-bold;
  position: fixed;
  width: 100%;
  box-shadow: 0px 2px 19px 0px #3f3f3f;
  z-index: 10;
}
.header-italika > .row {
  max-width: 1140px;
  margin: 0 auto;
}
.header-italika-top {
  display: flex;
  height: 58px;
  align-items: center;
}
.header-italika-top-logo {
  width: 16.84%;
  min-width: 192px;
}
.header-italika-top-search {
  width: 62.98%;
}
.header-italika-top-elements {
  width: 20.17%;
  min-width: 230px;
}
.header-italika-top-search-form {
  width: 95%;
  height: 34px;
  border-radius: .5rem;
  border-color: #0C45A3;
  color: black;
  padding-left: 10px;
  font-size: 14px;
  font-family: sf-regular;
}
.header-italika-top-search-form:focus {
  outline: none;
  border: 0;
}
.header-italika-top-search-form::placeholder {
  color: #a7b0b9;
}
.header-italika-top-search-button {
  background-color: transparent;
  border: none;
  color: white;
  font-size: 16px;
}
.header-italika-top-elements {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.header-italika-top-login {
  position: relative;
  display: flex;
  align-items: center;
}
.header-italika-top-login:hover {
  color: #A1C2FF;
  cursor: pointer;
}
.header-italika-top-elements-submenu {
  position: absolute;
  background-color: #F2F2F2;
  color: #00205b;
  width: 100%;
  min-width: 116px;
  height: 0;
  overflow: hidden;
  top: 40px;
  border-radius: .5rem;
  z-index: 9999;
  transition: all .2s;
  transition-delay: 0.2s;
}
.header-italika-top-elements-submenu:hover {
  display: block;
}
.header-italika-top-elements-submenu a {
  text-decoration: none;
  color: inherit;
}
.header-italika-top-elements-submenu-button {
  width: 100%;
  height: 35px;
  background-color: #0c45a8;
  color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .5rem;
  border: none;
  text-transform: uppercase;
}
.header-italika-top-elements-submenu-button:hover {
  cursor: pointer;
  background-color: #00305b;
}
.header-italika-top-elements-submenu-button-log-out {
  width: 100%;
  text-align: center;
  margin-top: 10px;
  border: none;
  text-transform: uppercase;
  padding: 0;
}
.header-italika-top-elements-submenu-button-log-out:hover {
  text-decoration: underline;
}
.header-italika-top-login-icon {
  width: 31px;
  margin-left: 10px;
}
.header-italika-top-shopping-cart {
  position: relative;
}
.header-italika-top-shopping-cart:hover {
  cursor: pointer;
}
.header-italika-top-cart {
  margin-left: 35px;
  width: 23px;
}
.header-italika-top-elements-circle {
  width: 18px;
  height: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background-color: #00205b;
  color: white;
  box-sizing: border-box;
  border: solid 1px white;
  font-size: 11px;
  font-family: sf-bold;
  position: absolute;
  top: -5px;
  right: -8px;
}
.header-italika-bottom {
  display: flex;
  height: 36px;
  align-items: center;
}
.header-italika-bottom ul {
  padding: 0;
  margin: 0;
  height: 100%;
  padding-top: 5px;
}
.header-italika-bottom ul li {
  float: left;
  list-style: none;
  margin-right: 34px;
  height: 100%;
}
.header-italika-bottom ul li:hover {
  color: #A1C2FF;
  cursor: pointer;
}
.hi-mobile {
  display: none;
}
.header-italika-bottom-models {
  height: 100%;
  padding: 0;
  margin: 0;
  display: block;
}
.header-italika-bottom-models:hover {
  cursor: pointer;
}
@media (max-width: 1086px) {
  .header-italika-top-search-form {
    width: 90%;
  }
}
@media (max-width: 784px) {
  .hi-deskotp {
    display: none;
  }
  .hi-mobile {
    display: block;
  }
  .header-italika {
    height: 100px;
  }
  .header-italika-top {
    height: 45px;
  }
  .header-italika-bottom {
    height: 50px;
  }
  .header-italika-top-logo {
    width: 50%;
    min-width: 0;
  }
  .header-italika-top-elements {
    width: 50%;
    min-width: 0;
  }
  .header-italika-top-search {
    width: 0;
  }
  .header-italika-top-search-form {
    width: 100%;
  }
  .header-italika-top-hamburger {
    width: 35px;
    height: 100%;
    margin-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0;
  }
  .header-italika-top-hamburger > div {
    width: 100%;
    height: 3px;
    border-radius: 5px;
    background-color: white;
    margin-bottom: 5px;
    transition: all 0.3s;
  }
  .header-italika-top-hamburger > div:last-child {
    margin-bottom: 0;
  }
  .header-italika-top-search-button {
    margin-left: 5px;
    margin-right: -5px;
  }
}
.c-hi-001:hover ~ .hover-models-desktop {
  margin-top: 94px;
}
.c-hi-001:checked ~ .hover-models-desktop {
  margin-top: 94px;
}
/*Header*/
/*Hover models*/
.hover-models-desktop {
  width: 100%;
  background-color: #F2F2F2;
  margin-top: 0;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  transition: all .3s;
  transition-delay: .2s;
  position: fixed;
  top: 0;
  z-index: 9;
  max-height: 90px;
  overflow: hidden;
}
.hover-models-desktop:hover {
  margin-top: 94px;
}
.hover-models-desktop > a {
  text-decoration: none;
}
.hover-models-desktop > a:hover {
  cursor: pointer;
}
.hover-models-desktop > a:first-child {
  grid-column: 0.5;
}
.hover-models-desktop-img {
  width: 100%;
  height: 60px;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  opacity: .5;
  transition: all 0.1s;
}
.hover-models-desktop > a > div:hover > .hover-models-desktop-img {
  opacity: 1;
}
.hover-models-desktop-txt {
  width: 100%;
  text-align: center;
  padding-top: 7px;
  padding-bottom: 7px;
  font-size: 10px;
  text-transform: uppercase;
  font-family: sf-bold;
  color: #818181;
  transition: all 0.1s;
}
.hover-models-desktop > a > div:hover > .hover-models-desktop-txt {
  color: #00205b;
  font-size: 11px;
}
@media (max-width: 932px) {
  .hover-models-desktop {
    display: none;
  }
}
/*Hover models*/
/*Menu hidden mobile*/
.menu-mobile-italika {
  display: none;
}
@media (max-width: 784px) {
  .menu-mobile-italika {
    display: block;
    margin-top: -1000px;
    width: 100%;
    background-color: #00205b;
    color: white;
    font-size: 11px;
    text-transform: uppercase;
    font-family: sf-bold;
    overflow: scroll;
    transition: all .3s;
    z-index: 9995;
    clip-path: polygon(0 0, 100% 0%, 100% 95%, 49% 100%, 0 95%);
    -webkit-clip-path: polygon(0 0, 100% 0%, 100% 95%, 49% 100%, 0 95%);
    position: fixed;
    top: 0;
    box-shadow: 0px 2px 19px 0px #3f3f3f;
    padding: 20px;
  }
  .menu-mobile-italika > nav > ul {
    padding: 0;
  }
  .menu-mobile-italika > nav > ul > li {
    list-style: none;
    padding: 15px 10px 15px 10px;
  }
  .menu-mobile-italika > nav > ul > li > a {
    color: #ffffff;
  }
  .menu-mobile-italika > nav > ul > li > a:hover {
    text-decoration: none;
  }
  .menu-mobile-italika > nav > ul > li:first-child {
    display: flex;
  }
  .menu-mobile-italika-btn-1 {
    width: 140px;
    height: 40px;
    box-sizing: border-box;
    background-color: white;
    color: #00205b;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
  }
  .menu-mobile-italika-btn-2 {
    width: 140px;
    height: 40px;
    box-sizing: border-box;
    background-color: transparent;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
    border: solid 1px white;
    margin-left: 20px;
  }
  .menu-mobile-italika-models {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(6, 1fr);
    background-color: #F2F2F2;
    border-radius: .5rem;
    height: 0;
    overflow: hidden;
    transition: all .2s;
    position: absolute;
    width: 100%;
    left: 0;
    top: 140px;
  }
  .models-mobile-img {
    width: 100%;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    transition: all 0.1s;
  }
  .menu-mobile-italika-label-models {
    margin-bottom: 0;
  }
}
.c-hi-002:checked ~ .menu-mobile-italika {
  margin-top: 94px;
}
.c-hi-002:checked ~ .header-italika {
  box-shadow: none;
}
.c-hi-002:checked ~ .hi-mobile > .row > .header-italika-top > .header-italika-top-elements > .header-italika-top-hamburger > div:nth-child(1) {
  transform: rotate(45deg);
  margin-top: 4px;
}
.c-hi-002:checked ~ .hi-mobile > .row > .header-italika-top > .header-italika-top-elements > .header-italika-top-hamburger > div:nth-child(2) {
  display: none;
}
.c-hi-002:checked ~ .hi-mobile > .row > .header-italika-top > .header-italika-top-elements > .header-italika-top-hamburger > div:nth-child(3) {
  transform: rotate(-45deg);
  margin-top: -8px;
}
.c-hi-003:checked ~ .menu-mobile-italika > nav > ul > li > .menu-mobile-italika-models {
  height: 600px;
}
.c-hi-003:checked ~ .menu-mobile-italika > nav > ul > li > .menu-mobile-italika-label-models {
  color: #a1c2ff;
}
.c-hi-003:checked ~ .menu-mobile-italika > nav > ul > li > .menu-mobile-italika-label-models > span {
  transform: rotate(180deg);
}
.c-hi-004:hover ~ .header-italika > .row > .header-italika-top > .header-italika-top-elements > .header-italika-top-login > .header-italika-top-elements-submenu {
  height: 81px;
  padding: 10px;
}
.c-hi-004:checked ~ .header-italika > .row > .header-italika-top > .header-italika-top-elements > .header-italika-top-login > .header-italika-top-elements-submenu {
  height: 81px;
  padding: 10px;
}
/*Menu hidden mobile*/
.header-italika {
  background: #00205B;
  background: linear-gradient(90deg, #00205b 0%, #134aa0 50%, #00205b 100%);
}
.header-italika-bottom {
  background-color: inherit !important;
}
#cboxLoadedContent #cboxTitle {
  background: #00205b !important;
  width: 94% !important;
  padding: 10px !important;
  border-radius: 16px 16px 0 0;
}
#cboxLoadedContent .headline-text {
  margin: 0;
  color: #ffffff !important;
  font-size: 1.4rem !important;
  font-weight: 700;
  text-transform: uppercase;
}
#cboxLoadedContent .scm-box {
  display: flex;
  align-items: center;
  padding: 20px;
  margin-bottom: 15px;
  background: #f4f7fa;
  border-radius: 12px;
}
#cboxLoadedContent .scm-box-img-container {
  width: 90px;
  height: 90px;
  background: #fff;
  border-radius: 10px;
}
#cboxLoadedContent .scm-box-description {
  padding-left: 20px;
  flex: 1;
}
#cboxLoadedContent .anchor-style-italika {
  color: #00205b !important;
  text-decoration: none;
  font-weight: 700;
  font-size: 1.15rem !important;
  line-height: 1.4;
  display: block;
}
#cboxLoadedContent .scm-txt-1 {
  color: #4a4a4a;
  font-size: 1.05rem !important;
  margin-top: 6px;
  font-weight: 500;
}
#cboxLoadedContent .scm-box-price {
  font-weight: 800;
  color: #00205b;
  font-size: 1.25rem !important;
}
#cboxLoadedContent .mini-cart-totals {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 25px;
  margin: 25px 0;
}
#cboxLoadedContent .mini-cart-totals .key {
  color: #00205b!important;
  font-size: 1.2rem !important;
  font-weight: 600;
}
#cboxLoadedContent .mini-cart-totals .value {
  color: #00205b !important;
  font-size: 1.6rem !important;
  font-weight: 800;
}
#cboxLoadedContent .button-italika-1.button-colour-5 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100% !important;
  max-width: 100% !important;
  background: #0c45a8 !important;
  color: #ffffff !important;
  height: 60px;
  font-size: 1.3rem !important;
  text-decoration: none;
  font-weight: 800;
  border-radius: 12px;
  text-transform: uppercase;
  box-shadow: 0 5px 15px rgba(12, 69, 168, 0.4);
  transition: background 0.3s ease;
}
#cboxLoadedContent .button-italika-1.button-colour-5:hover {
  background: #00205b !important;
}
#cboxLoadedContent #cboxClose {
  top: 25px !important;
  right: 25px !important;
  color: white;
  filter: brightness(0) invert(1);
}
#cboxLoadedContent #cboxClose .glyphicon-remove {
  height: 50px;
  width: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  top: -40px !important;
  right: -20px;
  margin: 2px;
  font-size: 16px;
}
#cboxLoadedContent .mini-cart .mini-cart-body img {
  margin-top: -13px;
}
#cboxLoadedContent {
  padding: 25px !important;
}
#cboxContent {
  background: #ffffff !important;
  box-shadow: 0 15px 40px rgba(0, 32, 91, 0.25) !important;
  border-radius: 20px !important;
}
#cboxClose .glyphicon-remove:before {
  content: "\e014" !important;
  background: inherit !important;
  margin-left: -10px;
  margin-top: -7px;
}
/* CSS Document */
/*Main section*/
.pd-accesories {
  width: 50%;
  padding: 10px 10px 0 20px;
  font-size: 15px;
}
.pd-accesories-box-1 {
  width: 40px;
}
.pd-accesories-colors {
  display: flex;
}
.pd-accesories-colors-box-2 {
  padding-top: 5px;
  overflow-x: scroll;
  scrollbar-width: none;
}
.pd-accesories-colors-box-2-img-container {
  display: flex;
  padding-top: 0px;
}
.pd-accesories-colors-box-2-img-container > div {
  margin-right: 10px;
}
.pd-accesories-colors-box-2-img-container > div > a > img {
  width: 28px;
}
.pd-accesories-colors-box-2-img {
  width: 42px;
  height: 30px;
  background-color: white;
  border: solid 1px #ededed;
  border-radius: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pd-accesories-colors-box-2-img:hover {
  cursor: pointer;
}
.pd-accesories-box-2-txt {
  font-size: 12px;
  font-family: sf-bold;
}
.pd-accesories-size {
  display: flex;
  position: relative;
}
.pd-accesories-size-box-2 {
  padding-top: 2px;
  overflow-x: scroll;
  scrollbar-width: none;
}
.pd-accesories-size-box-2-button-container {
  display: flex;
  padding-top: 5px;
}
.pd-accesories-size-box-2-button-container > a {
  margin-right: 10px;
}
.pd-accesories-size-box-2-button {
  min-width: 41px;
  height: 30px;
  background-color: white;
  border: solid 1px #0C45A8;
  border-radius: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  font-family: sf-bold;
  color: #0C45A8;
  padding: 10px;
}
.pd-accesories-size-box-2-button:hover {
  background-color: #0C45A8;
  color: white;
  cursor: pointer;
}
.pd-accesories-size-guide-button {
  position: absolute;
  width: 125px;
  height: 27px;
  background-color: #A5C6FF;
  color: white;
  font-size: 11px;
  font-family: sf-bold;
  border-radius: .5rem;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 75px;
  left: 40px;
}
.pd-accesories-size-guide-button:hover {
  background-color: #00205b;
  cursor: pointer;
}
/*Main section*/
/*Description */
.pd-accesories-s2-title {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: sf-bold;
  font-size: 15px;
  color: #00205b;
  box-sizing: border-box;
  border-bottom: solid 2px #4087f1;
}
.pd-accesories-s2-content {
  width: 100%;
  height: 198px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  padding: 10px;
  font-size: 14px;
  overflow-x: scroll;
}
/*Description */
/*Features*/
.pd-features-container {
  margin-top: 40px;
}
.pd-features-title {
  width: 100%;
  height: 45px;
  background-color: #A5C6FF;
  color: white;
  position: relative;
  font-size: 16px;
  font-family: sf-bold;
  display: flex;
  align-items: center;
  padding-left: 20px;
  text-transform: uppercase;
  margin-bottom: 45px;
}
.pd-features-title-center {
  width: 350px;
  height: 58px;
  background-color: #A5C6FF;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  clip-path: polygon(0 0, 100% 0%, 100% 75%, 50% 100%, 0 75%);
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 75%, 50% 100%, 0 75%);
}
.pd-features-title-center-circle {
  width: 55px;
  height: 55px;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 6px 1px #d6d6d6;
  border-radius: 50%;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -40px;
  margin: auto;
}
.pd-features-main {
  width: 100%;
  display: flex;
}
.pd-features-main-box-txt {
  width: 69.3%;
  height: 350px;
  display: grid;
  grid-template-rows: repeat(5, 1fr);
  position: relative;
  font-size: 15px;
  margin-top: 15px;
}
.pd-features-main-box-txt > div {
  border-bottom: solid 1px #ededed;
  display: flex;
  align-items: center;
}
.pd-features-main-box-txt > div > div:nth-child(1) {
  width: 87px;
  display: flex;
  justify-content: center;
  font-family: sf-bold;
  color: #00205b;
}
.pd-features-main-box-img {
  width: 30.7%;
  min-width: 350px;
  height: 350px;
  box-sizing: border-box;
  border: solid 1px #ededed;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pd-features-bullet {
  width: 8px;
  height: 8px;
  background-color: #00205b;
  border-radius: 50%;
  position: absolute;
}
.mi-section22 {
  width: 49%;
  margin-left: 2%;
}
@media (max-width: 768px) {
  .pd-accesories {
    width: 100%;
    height: 210px;
  }
  .pd-features-main {
    flex-direction: column;
  }
  .pd-features-main-box-txt {
    order: 2;
  }
  .pd-features-main-box-img {
    width: 100%;
    min-width: auto;
  }
  .pd-features-title-center {
    width: 100%;
  }
  .pd-features-title-center-circle {
    bottom: -52px;
  }
  .pd-features-main-box-txt {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .pd-accesories-colors-box-2::-webkit-scrollbar {
    background-color: transparent;
  }
  .pd-accesories-size-box-2::-webkit-scrollbar {
    background-color: transparent;
  }
  .pd-accesories-s2-content::-webkit-scrollbar {
    background-color: transparent;
  }
  .pd-features-mbt-order {
    order: 2;
    position: absolute;
    right: 0;
  }
  .pd-features-mbt-order-2 {
    position: absolute;
    right: 87px;
    padding-left: 20px;
  }
}
@media (max-width: 990px) {
  .more-information {
    height: auto;
    display: flex;
    flex-direction: column;
  }
  .mi-section-1 {
    width: 100%;
  }
  .mi-section22 {
    width: 100%;
    margin-left: 0;
    margin-top: 20px;
    height: 250px;
  }
}
/*Features*/
@media (min-width: 768px) {
  .pd-title-reviews h1 {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .pd-features-mbt-order-2 {
    position: absolute;
    right: 87px;
    text-align: end;
  }
}
.technical-sheet-row > div:nth-child(1) {
  text-transform: capitalize;
}
@media (max-width: 550px) {
  .pd-features-bullet {
    left: 20px;
  }
}
.description-features {
  max-width: 80%;
  position: absolute;
  left: 60px;
}
.container-alert-italika {
  width: 100%;
  float: left;
  position: relative;
  background-color: #fcf8e3;
  border-color: #faebcc;
  display: flex;
  margin-bottom: 15px;
}
.notification-alert-italika {
  color: #6c6c6c;
  font-family: sf-bold;
  font-size: 14px;
  padding: 20px 15px 15px 23px;
}
.page-multiStepCheckoutSummaryPage {
  /* Estilo de la Tarjeta */
  /* --- 2. BARRA DE PROGRESO (CHECKOUT STEPS) --- */
  /* Ocultar diseño de flechas antiguo */
  /* Contenedor principal de pasos */
  /* Cajas individuales de cada paso */
  /* Línea de progreso conectora (entre círculos) */
  /* Estilo de los Círculos/Números */
  /* Estado Activo (Branding Italika) */
  /* Textos de los pasos */
  /* --- 3. RESUMEN DE COMPRA (VOUCHER CARD) --- */
  /* Corrección de alineación de totales (Flexbox) */
  /* Estilo específico para descuentos/ahorro */
  /* Total Final */
  /* --- 4. BOTONES Y ACCIONES --- */
  /* Botón Principal */
  /* Botón Secundario / Link */
  /* Contenedor de cupón/minúsculas */
  /* --- 5. DETALLES Y SECCIONES INFERIORES --- */
  /* --- 6. AJUSTES RESPONSIVOS (MÓVIL) --- */
  /* ==========================================================================
                           REDISEÑO DE CHECKOUT ITALIKA (HOMOLOGADO A ESTILO DE BARRA DE PROGRESO)
                           ========================================================================== */
  /* 1. Contenedor Principal */
  /* 2. Encabezados de los pasos */
  /* Paso Activo (Envío) */
  /* Invertir color iconos del paso activo (blanco) */
  /* Pasos Inactivos */
  /* 3. Botones de Método de Envío (Estilo coherente) */
  /* Estado Activo del Método de Envío */
  /* Filtro para teñir el ícono de azul cuando está activo (aproximado a #00205b) */
  /* 4. Formularios Inputs */
  /* Inputs unificados */
  /* 5. Tooltip Header */
  /* 6. Botón CTA Principal (Homologado con .btn-primary-c) */
  /* Mensajes de error */
  /* Layout y Espaciados de los divs (Móvil) */
  /* Estilo base de los botones de pago */
  /* Efecto Hover: sutil sombra y borde azul */
  /* Clase para cuando el botón está seleccionado (puedes activarla con JS) */
  /* Contenedor de la imagen */
  /* Estilo del texto/label */
  /* Limpieza de Bootstrap para evitar paddings extraños */
  /* Contenedor principal que cubre toda la pantalla */
  /* El logo con un ligero efecto de pulso */
  /* El anillo giratorio */
  /* Animación de rotación */
  /* Animación de pulso para el logo */
  /* Texto de carga */
  /* Estilos Personalizados */
  /* Color corporativo opcional */
}
.page-multiStepCheckoutSummaryPage .checkout-order-summary-list {
  overflow-y: scroll;
  max-height: 400px;
}
@media (min-width: 1399px) {
  .page-multiStepCheckoutSummaryPage .sumary-containerEF {
    width: 400px;
  }
}
.page-multiStepCheckoutSummaryPage .checkout-container {
  border: 0px solid;
}
.page-multiStepCheckoutSummaryPage .container-select-card {
  height: 50px;
}
.page-multiStepCheckoutSummaryPage .container-select-card .col-md-12 a {
  font-family: 'sf-bold';
}
.page-multiStepCheckoutSummaryPage #divSubmit {
  display: flex;
  flex-direction: column;
  column-gap: 48px;
  margin-top: 20px;
}
.page-multiStepCheckoutSummaryPage .checkout-save-direction {
  margin-top: 20px;
}
.page-multiStepCheckoutSummaryPage .txt-savedcard {
  margin-left: 10px;
}
.page-multiStepCheckoutSummaryPage .btn-secondary-hero-outline {
  border: solid 2px black;
  width: 100px;
  height: 40px;
  background-color: transparent;
  color: black;
  font-weight: 600;
  border-radius: 7px;
  box-sizing: border-box;
  transition: all 0.3s;
}
.page-multiStepCheckoutSummaryPage .modalx {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.page-multiStepCheckoutSummaryPage .modalx.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.page-multiStepCheckoutSummaryPage .modalx.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.page-multiStepCheckoutSummaryPage .grid-tarjetas {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin: 10px 0;
}
@media (max-width: 600px) {
  .page-multiStepCheckoutSummaryPage .grid-tarjetas {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
}
.page-multiStepCheckoutSummaryPage .grid-tarjetas a {
  text-decoration: none;
}
.page-multiStepCheckoutSummaryPage .tarjeta {
  background: linear-gradient(135deg, #1d2b64, #7db9e8);
  color: white;
  border-radius: 15px;
  padding: 20px;
  position: relative;
  height: 180px;
  box-shadow: 0 4px 15px #00000033;
  width: 300px;
}
.page-multiStepCheckoutSummaryPage .visa {
  background: linear-gradient(90deg, #737b9c 0%, #d8dbe9 100%);
}
.page-multiStepCheckoutSummaryPage .mastercard {
  background: linear-gradient(15deg, #142850, #14365f, #13476f, #125d80, #107792, #0d96a5, #09b8b4, #04ccb1);
}
.page-multiStepCheckoutSummaryPage .amex {
  background: linear-gradient(90deg, #0062ff 0%, #61efff 100%);
}
.page-multiStepCheckoutSummaryPage .chip {
  width: 40px;
  height: 30px;
  background: #fff;
  border-radius: 5px;
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-multiStepCheckoutSummaryPage .numero {
  font-size: 1.6rem;
  letter-spacing: 2px;
  margin-bottom: 15px;
  display: block;
}
.page-multiStepCheckoutSummaryPage .info {
  display: flex;
  justify-content: space-between;
  font-size: 0.8rem;
}
.page-multiStepCheckoutSummaryPage .label {
  text-transform: uppercase;
  font-size: 0.6rem;
  opacity: 0.8;
}
.page-multiStepCheckoutSummaryPage .btn-eliminar,
.page-multiStepCheckoutSummaryPage .btn-editar {
  margin-top: 10px;
  background: #ff4d4d;
  color: white;
  border: none;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  width: 200px;
}
.page-multiStepCheckoutSummaryPage .buttons-cards {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-multiStepCheckoutSummaryPage .header-italika {
  height: 60px !important;
  background: #00205B;
  background: linear-gradient(90deg, #00205b 0%, #134aa0 50%, #00205b 100%);
}
@media (min-width: 1199px) {
  .page-multiStepCheckoutSummaryPage .sumary-containerEF {
    position: absolute;
    top: 16px;
    right: 0;
    width: 314px;
    min-height: 324px;
    background-color: white;
    box-shadow: 0px 0px 6px 1px #d6d6d6;
  }
}
.page-multiStepCheckoutSummaryPage .bc-arrow-container {
  display: none !important;
}
.page-multiStepCheckoutSummaryPage .bc-container-checkout {
  margin-top: 50px !important;
  padding: 0 15px;
}
.page-multiStepCheckoutSummaryPage .bc-box {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: auto !important;
  background: none !important;
  border: none !important;
  z-index: 1;
}
.page-multiStepCheckoutSummaryPage .bc-box:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 20px;
  /* Centrado respecto al círculo de 40px */
  left: 60%;
  width: 80%;
  height: 2px;
  background-color: #ededed;
  z-index: 0;
}
.page-multiStepCheckoutSummaryPage .bc-circle {
  width: 40px !important;
  height: 40px !important;
  margin-right: 0 !important;
  margin-bottom: 8px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: #fff;
  color: #999;
  font-family: sans-serif;
  font-weight: bold;
  border: 2px solid #ddd !important;
  border-radius: 20% !important;
  transition: all 0.3s ease;
  z-index: 2;
}
.page-multiStepCheckoutSummaryPage .bc-active .bc-circle {
  border-color: #00205b !important;
  background-color: #00205b !important;
  color: #fff !important;
}
.page-multiStepCheckoutSummaryPage .bc-txt-1,
.page-multiStepCheckoutSummaryPage .bc-txt-2,
.page-multiStepCheckoutSummaryPage .bc-txt-3 {
  font-size: 12px !important;
  color: #999 !important;
  text-align: center !important;
  line-height: 1.2;
  white-space: normal !important;
}
.page-multiStepCheckoutSummaryPage .bc-active .bc-txt-1,
.page-multiStepCheckoutSummaryPage .bc-active .bc-txt-2,
.page-multiStepCheckoutSummaryPage .bc-active .bc-txt-3 {
  color: #00205b !important;
  font-weight: bold !important;
}
.page-multiStepCheckoutSummaryPage .express-checkoutVoucher {
  max-width: 400px;
  margin: 0 auto;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.page-multiStepCheckoutSummaryPage .headlineVo {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #01205b;
  margin-bottom: 5px;
  text-transform: none;
}
.page-multiStepCheckoutSummaryPage .cart__id--label {
  display: block;
  margin-bottom: 20px;
  color: #666;
}
.page-multiStepCheckoutSummaryPage .js-cart-totals.rowTotal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 0;
}
.page-multiStepCheckoutSummaryPage .js-cart-totals .col-xs-6 {
  float: none !important;
  width: 50% !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  font-size: 14px;
}
.page-multiStepCheckoutSummaryPage .cart-totals-right {
  text-align: left !important;
  color: #666;
}
.page-multiStepCheckoutSummaryPage .cart-totals-left {
  text-align: right !important;
  font-weight: 700;
  color: #000;
}
.page-multiStepCheckoutSummaryPage .text-left:nth-child(4) {
  width: 100px;
  padding: 4px;
  color: #166534;
  font-family: 'sf-bold';
  border-radius: 10px;
}
.page-multiStepCheckoutSummaryPage .grand-total {
  margin-top: 10px !important;
  padding-top: 15px !important;
  font-size: 18px !important;
  font-family: 'sf-bold';
  color: #00205b !important;
  border-top: 2px solid #f0f0f0;
}
.page-multiStepCheckoutSummaryPage .cart-totals-rightIVA p {
  margin-top: 10px;
  font-size: 11px !important;
  color: #999;
  line-height: 1.4;
  text-align: left;
}
.page-multiStepCheckoutSummaryPage .cart__actions {
  margin-top: 20px;
}
.page-multiStepCheckoutSummaryPage .btn-primary-c {
  width: 100%;
  padding: 15px !important;
  background-color: #00205b !important;
  color: #fff !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 8px !important;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}
.page-multiStepCheckoutSummaryPage .btn-primary-c:hover {
  background-color: #00153d !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.page-multiStepCheckoutSummaryPage .btn-defaultcc {
  margin-top: 0px !important;
  background: transparent !important;
  border: none !important;
  color: #00205b !important;
  font-size: 12px !important;
  text-decoration: underline !important;
  text-transform: lowercase;
}
.page-multiStepCheckoutSummaryPage .btn-defaultcc:first-letter {
  text-transform: uppercase;
}
.page-multiStepCheckoutSummaryPage .convertirMinusculas {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #0056D2;
  border-radius: 10px;
}
.page-multiStepCheckoutSummaryPage .detail-container {
  display: inherit !important;
  width: 100% !important;
  margin-top: 0px;
}
.page-multiStepCheckoutSummaryPage .detail-title {
  background-color: #00205b !important;
  border: inherit !important;
}
.page-multiStepCheckoutSummaryPage .detail-title h3 {
  color: #fff !important;
}
.page-multiStepCheckoutSummaryPage .sumary-lineLinea {
  margin: 15px 0;
  border-bottom: 1px solid #eee;
}
.page-multiStepCheckoutSummaryPage .dcss {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .page-multiStepCheckoutSummaryPage {
    /* Forzar cuadrícula de pasos */
    /* Ocultar texto en pasos para evitar amontonamiento */
    /* Ajuste de línea conectora en móvil */
  }
  .page-multiStepCheckoutSummaryPage .col-xs-3 {
    width: 25% !important;
  }
  .page-multiStepCheckoutSummaryPage .bc-txt-1,
  .page-multiStepCheckoutSummaryPage .bc-txt-2,
  .page-multiStepCheckoutSummaryPage .bc-txt-3 {
    display: none;
  }
  .page-multiStepCheckoutSummaryPage .bc-box {
    justify-content: center;
  }
  .page-multiStepCheckoutSummaryPage .bc-box:not(:last-child)::after {
    width: 50%;
    top: 16px;
    /* Ajuste por tamaño de círculo si cambia */
  }
}
.page-multiStepCheckoutSummaryPage .checkout-steps {
  font-family: 'sf-bold', sans-serif;
  /* Alineado con tu fuente personalizada */
  max-width: 950px;
  margin: 0 auto;
  color: #333;
}
.page-multiStepCheckoutSummaryPage .step-body {
  background-color: #ffffff;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  /* Mismo shadow que express-checkoutVoucher */
  padding: 30px;
  margin-bottom: 35px;
  border: 1px solid #e0e0e0;
  /* Mismo borde que express-checkoutVoucher */
  border-top: none;
}
.page-multiStepCheckoutSummaryPage .js-checkout-step.active {
  display: block;
  text-decoration: none;
}
.page-multiStepCheckoutSummaryPage .checkout-title-container {
  display: flex;
  align-items: center;
  background-color: #00205b;
  /* Azul marino Italika homologado */
  padding: 18px 25px;
  border-radius: 12px 12px 0 0;
  margin-bottom: 0;
  color: #ffffff;
}
.page-multiStepCheckoutSummaryPage .checkout-title-container h2 {
  margin: 0 0 0 15px;
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  letter-spacing: 0.5px;
  text-transform: uppercase;
}
.page-multiStepCheckoutSummaryPage .checkout-title-container img {
  filter: brightness(0) invert(1);
}
.page-multiStepCheckoutSummaryPage .checkout-title-container-disabled {
  display: flex;
  align-items: center;
  background-color: #f9f9f9;
  padding: 16px 25px;
  border-radius: 12px;
  margin-bottom: 15px;
  border: 1px solid #e0e0e0;
  opacity: 0.7;
  transition: all 0.3s ease;
}
.page-multiStepCheckoutSummaryPage .checkout-title-container-disabled:hover {
  opacity: 1;
  border-color: #00205b;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  cursor: pointer;
}
.page-multiStepCheckoutSummaryPage .checkout-title-container-disabled h2 {
  margin: 0 0 0 15px;
  font-size: 16px;
  font-weight: 600;
  color: #666;
  /* Mismo color que .cart__id--label */
}
.page-multiStepCheckoutSummaryPage .checkout-shipping-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  margin: 25px 0 35px 0;
}
.page-multiStepCheckoutSummaryPage .checkout-shipping-buttons form {
  flex: 1 1 calc(30%);
  min-width: 250px;
}
.page-multiStepCheckoutSummaryPage .sent-homebtn-custom,
.page-multiStepCheckoutSummaryPage .sent-homebtn-custom-rec {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 16px;
  border: 2px solid #ddd;
  /* Alineado a .bc-circle inactivo */
  border-radius: 10px;
  background-color: #ffffff;
  font-weight: bold;
  font-size: 14px;
  color: #999;
  cursor: pointer;
  transition: all 0.3s ease;
}
.page-multiStepCheckoutSummaryPage .sent-homebtn-custom.btn-active,
.page-multiStepCheckoutSummaryPage .sent-homebtn-custom-rec.btn-active {
  border-color: #00205b;
  /* Azul marino Italika */
  background-color: #f2f5fb;
  /* Fondo azul muy pálido */
  color: #00205b;
}
.page-multiStepCheckoutSummaryPage .btn-active img {
  filter: brightness(0) saturate(100%) invert(11%) sepia(36%) saturate(7320%) hue-rotate(220deg) brightness(105%) contrast(99%) !important;
}
.page-multiStepCheckoutSummaryPage .sent-homebtn-custom:not(.btn-active):hover,
.page-multiStepCheckoutSummaryPage .sent-homebtn-custom-rec:not(.btn-active):hover {
  border-color: #999;
  color: #666;
}
.page-multiStepCheckoutSummaryPage .label-italika-style {
  font-family: sans-serif;
  font-weight: bold;
  font-size: 13px;
  color: #666;
  margin-bottom: 8px;
  display: inline-block;
}
.page-multiStepCheckoutSummaryPage .mandatory {
  color: #00205b;
  /* Marcadores obligatorios alineados al branding */
  margin-left: 4px;
}
.page-multiStepCheckoutSummaryPage .form-control,
.page-multiStepCheckoutSummaryPage .form-italika-style-2,
.page-multiStepCheckoutSummaryPage .form-italika-style-3 {
  width: 100%;
  height: 45px !important;
  padding: 10px 15px !important;
  font-size: 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #ffffff;
  color: #333;
  transition: all 0.3s ease;
}
.page-multiStepCheckoutSummaryPage .form-control:focus,
.page-multiStepCheckoutSummaryPage .form-italika-style-2:focus,
.page-multiStepCheckoutSummaryPage .form-italika-style-3:focus {
  border-color: #00205b;
  outline: none;
  box-shadow: 0 0 0 3px rgba(0, 32, 91, 0.1);
}
.page-multiStepCheckoutSummaryPage .headlineE {
  font-size: 16px;
  font-weight: 700;
  color: #01205b;
  /* Color del header del voucher */
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.page-multiStepCheckoutSummaryPage .tooltip-container {
  position: relative;
  display: inline-flex;
  align-items: center;
  margin-left: 10px;
}
.page-multiStepCheckoutSummaryPage .tooltip-one {
  display: none;
  position: absolute;
  bottom: 140%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #00205b;
  color: #ffffff;
  padding: 15px;
  border-radius: 8px;
  width: max-content;
  max-width: 280px;
  font-size: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  z-index: 1000;
  line-height: 1.4;
}
.page-multiStepCheckoutSummaryPage .tooltip-container:hover .tooltip-one {
  display: block;
}
.page-multiStepCheckoutSummaryPage .tooltip-one::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -6px;
  border-width: 6px;
  border-style: solid;
  border-color: #00205b transparent transparent transparent;
}
.page-multiStepCheckoutSummaryPage #address {
  background-color: #00205b !important;
  color: #fff !important;
  font-weight: 700 !important;
  border: none !important;
  border-radius: 8px !important;
  letter-spacing: 1px;
  padding: 15px 40px;
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
}
.page-multiStepCheckoutSummaryPage #address:hover {
  background-color: #00153d !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.page-multiStepCheckoutSummaryPage #labelResponseCP {
  font-size: 12px;
  color: #c53131;
  /* Rojo error original */
  margin-top: 5px;
  display: block;
}
.page-multiStepCheckoutSummaryPage .form-group {
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .page-multiStepCheckoutSummaryPage .checkout-shipping-buttons form {
    flex: 1 1 100%;
  }
  .page-multiStepCheckoutSummaryPage #vista {
    justify-content: center;
  }
  .page-multiStepCheckoutSummaryPage #address {
    width: 100%;
  }
  .page-multiStepCheckoutSummaryPage .step-body {
    padding: 20px 15px;
  }
}
.page-multiStepCheckoutSummaryPage .cp-credit-card-logos {
  margin-top: 60px;
}
@media (min-width: 993px) {
  .page-multiStepCheckoutSummaryPage .custsize {
    margin-left: 342px ;
  }
}
@media (min-width: 768px) and (max-width: 992px) {
  .page-multiStepCheckoutSummaryPage .custsize {
    margin-left: 263px ;
  }
}
@media (min-width: 992px) {
  .page-multiStepCheckoutSummaryPage {
    /* Contenedor Principal */
    /* Lista de Productos */
    /* Sección de Totales */
    /* Notas finales */
    /* Ocultar elementos innecesarios */
  }
  .page-multiStepCheckoutSummaryPage .sumary-containerEF {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    padding: 20px;
    max-width: 450px;
    /* Ajustable según tu layout */
    font-family: 'Arial', sans-serif;
  }
  .page-multiStepCheckoutSummaryPage .sumary-containerEF h1 {
    color: #00205b;
    font-size: 1.5rem;
    margin-bottom: 10px;
    font-weight: bold;
  }
  .page-multiStepCheckoutSummaryPage .sumary-line {
    height: 2px;
    background-color: #00205b;
    width: 50px;
    margin-bottom: 20px;
  }
  .page-multiStepCheckoutSummaryPage .checkout-order-summary-list {
    list-style: none;
    padding: 0;
    margin: 0;
  }
  .page-multiStepCheckoutSummaryPage .checkout-order-summary-list-items {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px dashed #ddd;
    border: 0px solid;
  }
  .page-multiStepCheckoutSummaryPage .checkout-order-summary-list-items:last-child {
    border-bottom: none;
  }
  .page-multiStepCheckoutSummaryPage .thumbE {
    width: 80px;
    height: 80px;
    flex-shrink: 0;
    margin-right: 15px;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
  }
  .page-multiStepCheckoutSummaryPage .thumbE img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .page-multiStepCheckoutSummaryPage .detailsE {
    flex-grow: 1;
  }
  .page-multiStepCheckoutSummaryPage .detailsE .name {
    font-weight: bold;
    color: #333;
    margin-bottom: 5px;
    font-size: 14px;
  }
  .page-multiStepCheckoutSummaryPage .detailsE div {
    font-size: 13px;
    color: #666;
  }
  .page-multiStepCheckoutSummaryPage .label-spacingE,
  .page-multiStepCheckoutSummaryPage .qtyE span {
    font-weight: 600;
    color: #444;
    margin-right: 4px;
  }
  .page-multiStepCheckoutSummaryPage .subtotals {
    border-top: 2px solid #f0f0f0;
    padding-top: 15px;
  }
  .page-multiStepCheckoutSummaryPage .sumary-txt {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px;
    font-size: 14px;
    color: #555;
  }
  .page-multiStepCheckoutSummaryPage .sumary-txt-2 {
    font-weight: bold;
    color: #333;
  }
  .page-multiStepCheckoutSummaryPage .sumary-bold {
    font-size: 18px;
    color: #00205b;
    border-top: 1px solid #eee;
    padding-top: 10px;
    margin-top: 10px;
    font-weight: 800;
  }
  .page-multiStepCheckoutSummaryPage .sumary-txt-3 {
    font-size: 11px;
    color: #888;
    line-height: 1.4;
    margin-top: 15px;
  }
  .page-multiStepCheckoutSummaryPage .sumary-txt-3 p {
    margin-bottom: 5px;
  }
  .page-multiStepCheckoutSummaryPage .display-none {
    display: none;
  }
}
.page-multiStepCheckoutSummaryPage .col-custom-pay {
  display: flex;
  align-items: center;
  background-color: #ffffff !important;
  /* Forzamos fondo blanco */
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  margin-bottom: 12px;
  transition: all 0.3s ease;
  cursor: pointer;
  width: 100%;
  text-align: left;
}
.page-multiStepCheckoutSummaryPage .col-custom-pay:hover {
  border-color: #00205b;
  box-shadow: 0 4px 8px rgba(0, 32, 91, 0.1);
  transform: translateY(-2px);
}
.page-multiStepCheckoutSummaryPage .col-custom-pay.active {
  border: 2px solid #00205b;
  background-color: #f0f4f9 !important;
}
.page-multiStepCheckoutSummaryPage .checkout-payment-menu-box-img {
  flex-shrink: 0;
  width: 70px;
  display: flex;
  justify-content: center;
  margin-right: 15px;
  height: 70px;
  background-color: #f1f3ff;
  border-radius: 10px;
}
.page-multiStepCheckoutSummaryPage .checkout-payment-menu-box-img img {
  max-width: 100%;
  height: auto;
}
.page-multiStepCheckoutSummaryPage .paym-label-custom {
  flex-grow: 1;
}
.page-multiStepCheckoutSummaryPage .label-custom-cc {
  cursor: pointer;
  font-family: 'Arial', sans-serif;
  /* O la fuente 'sf-semibold' si la tienes cargada */
  font-weight: 600;
  color: #333333;
  font-size: 14px;
  line-height: 1.2;
  margin: 0;
}
.page-multiStepCheckoutSummaryPage .vistaDes {
  padding-left: 0 !important;
}
@media (max-width: 767px) {
  .page-multiStepCheckoutSummaryPage .vistaDes {
    display: block;
  }
}
@media (min-width: 768px) {
  .page-multiStepCheckoutSummaryPage .pad {
    position: relative;
    top: -6px;
    left: -22px;
    width: 300px;
  }
}
.page-multiStepCheckoutSummaryPage #preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color: #000000cc;
  /* Color oscuro como en tu imagen */
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}
.page-multiStepCheckoutSummaryPage .loader-container {
  position: relative;
  width: 200px;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-multiStepCheckoutSummaryPage .loader-logo {
  width: 140px;
  /* Ajusta según necesites */
  z-index: 2;
  animation: pulse 2s infinite ease-in-out;
}
.page-multiStepCheckoutSummaryPage .loader-ring {
  position: absolute;
  width: 180px;
  height: 180px;
  border: 4px solid rgba(255, 255, 255, 0.1);
  border-radius: 50%;
  border-top: 4px solid darkorange;
  /* Color del brillo */
  box-shadow: 0 0 15px rgba(255, 226, 169, 0.5);
  animation: spin 1.2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
    opacity: 0.8;
  }
  50% {
    transform: scale(1.05);
    opacity: 1;
  }
}
.page-multiStepCheckoutSummaryPage .loading-text {
  color: white;
  margin-top: 20px;
  font-family: Arial, sans-serif;
  letter-spacing: 4px;
  font-size: 14px;
  animation: fade 1.5s infinite;
}
@keyframes fade {
  0%,
  100% {
    opacity: 0.3;
  }
  50% {
    opacity: 1;
  }
}
@media (min-width: 992px) {
  .page-multiStepCheckoutSummaryPage .container-mano-deobra .d-flex:nth-child(5) {
    grid-column: 0.66666667;
  }
}
.page-multiStepCheckoutSummaryPage .gallery-item {
  height: 100px;
  transition: transform 0.2s;
  background: #f8f9fa;
  cursor: pointer;
}
.page-multiStepCheckoutSummaryPage .gallery-item:hover {
  transform: scale(1.05);
  z-index: 10;
}
.page-multiStepCheckoutSummaryPage .gallery-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.page-multiStepCheckoutSummaryPage .bg-primary {
  background-color: #000000 !important;
}
.page-multiStepCheckoutSummaryPage .text-aqua {
  color: #ff8c00 !important;
}
.page-multiStepCheckoutSummaryPage .cp-banner-paypal {
  background-image: url(https://refaccionesitalika.com.mx/medias/back-paypal.jpg?context=bWFzdGVyfHJvb3R8MzA0MjZ8aW1hZ2UvanBlZ3xhR0ZsTDJneFppOHhNREE1T0RReE5EQXlOamM0TWk5aVlXTnJMWEJoZVhCaGJDNXFjR2N8NjRjZTNhOTE0NjdmYmZkZDczMWUyMTQyMzAzN2M1MjgzNWUyNTVkN2MyNTcwYmI1MDI5MWQ2YThjMjA1OTkyYQ);
}
.page-multiStepCheckoutSummaryPage .cp-banner-deposito-efectivo {
  background-image: url(https://refaccionesitalika.com.mx/medias/back-cash-deposit.jpg?context=bWFzdGVyfHJvb3R8NzM4NDB8aW1hZ2UvanBlZ3xhRFptTDJneU1DOHhNREE1T0RReE5EQTVNak14T0M5aVlXTnJMV05oYzJndFpHVndiM05wZEM1cWNHY3w3OTBmOTNkZDJiOWE3NjgwNzM4MmVlNjU3NGRmN2RjNzRiYTlmYmY0ZTU3ZjRiMmUwYzViYjFmYjQ2M2FkZGJl);
}
.login-container h2 {
  font-size: 17px;
}
.page-login {
  background-color: #ECF0FF;
}
.page-login .header-italika {
  height: 60px;
}
.breadcrumb {
  background-color: inherit;
}
/* --- Variables y Configuración General --- */
:root {
  --brand-blue: #00205b;
  --brand-light-blue: #e6eaf2;
  --card-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
}
/* --- Contenedor Principal (Tarjeta) --- */
.login-container {
  max-width: 450px;
  margin: 40px auto;
  padding: 30px;
  background: #fff;
  border-radius: 12px;
  box-shadow: var(--card-shadow);
  border-left: 5px solid #00205c;
}
/* --- Títulos --- */
h1 {
  color: var(--brand-blue);
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
}
.login-section p {
  color: #666;
  margin-bottom: 24px;
}
/* --- Campos del Formulario --- */
.form-group {
  margin-bottom: 20px;
  position: relative;
  /* Necesario para posicionar el icono del ojo */
}
.form-italika-style {
  width: 100%;
  padding: 14px 16px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 1.5rem;
  transition: border 0.3s;
}
.form-italika-style:focus {
  border-color: var(--brand-blue);
  outline: none;
  box-shadow: 0 0 0 3px var(--brand-light-blue);
}
/* --- Icono Ver/Ocultar Contraseña --- */
.password-icon {
  position: absolute;
  right: 15px;
  top: 45px;
  /* Ajusta según el alto de tu label */
  cursor: pointer;
  color: #888;
}
/* --- Botones --- */
.button-italika-1 {
  width: 100%;
  padding: 14px;
  border-radius: 8px;
  border: none;
  font-weight: 700;
  cursor: pointer;
  transition: transform 0.1s, background 0.3s;
}
.button-colour-1 {
  /* Login */
  background-color: var(--brand-blue);
  color: #fff;
}
.button-colour-1:hover:not(:disabled) {
  background-color: #001540;
}
.button-colour-1:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}
.btn-facebook {
  background-color: #1877f2 !important;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
  display: none;
}
/* --- Links y Registro --- */
.forgotten-password {
  text-align: right;
  margin-bottom: 20px;
}
.forgotten-password a {
  color: var(--brand-blue);
  font-size: 1.2rem;
  text-decoration: none;
}
.button-colour-5 {
  /* Registro (Ghost button) */
  background: transparent;
  border: 2px solid var(--brand-blue) !important;
  color: var(--brand-blue);
  margin-bottom: 20px;
}
/* --- Ajustes menores de espaciado --- */
.login-txt {
  text-align: center;
  margin: 20px 0 10px;
  font-size: 0.85rem;
  color: #777;
  display: none;
}
.login-container h2 {
  text-align: center;
}
.sign-up-pass-italika-container {
  width: 300px;
}
.tooltip-trigger:hover + .tooltip-one {
  z-index: 10;
}
.password-icon {
  position: relative  !important;
  top: -5px;
}
.c-hi-002:checked ~ .menu-mobile-italika {
  margin-top: 58px !important;
}
/* --- 0. GENERAL & OVERRIDES --- */
footer {
  color: #000 !important;
}
.margin-top-breadcrumb {
  margin-top: 0px !important;
}
.header-italika-top-elements-submenu {
  min-width: 130px !important;
}
:root {
  --azul-primario: #0c45a3;
  /* Acción y vitalidad */
  --azul-oscuro: #00205b;
  /* Identidad y elegancia */
  --azul-claro-bg: #f0f5ff;
  /* Fondos y suavidad */
  --rojo-italika: #e20613;
  /* Alertas y Carrito */
  --gris-suave: #949494;
  /* Subtítulos */
  --gris-texto: #707070;
  /* Lectura */
  --borde-color: #ededed;
  --transicion: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* --- 1. CONFIGURACIÓN DEL HEADER --- */
.header-italika-bottom {
  justify-content: center;
}
.ui-front {
  z-index: 9999;
}
.header-italika {
  background-color: #00205b;
  border-bottom: 1px solid #ededed;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 1000;
  height: 110px;
  transition: 0.5s;
}
/* --- 2. FILA SUPERIOR (Logo, Search, Tools) --- */
.header-italika-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px 30px;
  gap: 40px;
}
/* Logo */
.header-italika-top-logo {
  flex-shrink: 0;
  width: 180px;
}
.header-italika-top-logo img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
}
/* Buscador Modernizado */
.header-italika-top-search {
  flex-grow: 1;
  max-width: 600px;
  position: relative;
}
.header-italika-top-search-form {
  width: 100% !important;
  height: 45px !important;
  padding: 0 50px 0 20px !important;
  border: 2px solid #f1f5f9 !important;
  background-color: #f8fafc !important;
  border-radius: 50px !important;
  /* Estilo píldora */
  font-size: 14px;
  color: var(--azul-oscuro);
  transition: all 0.3s ease !important;
  margin-top: 10px;
}
.header-italika-top-search-form:focus {
  background-color: #ffffff !important;
  border-color: var(--azul-primario) !important;
  box-shadow: 0 4px 12px rgba(12, 69, 163, 0.1) !important;
  outline: none;
}
.header-italika-top-search-button {
  position: absolute;
  right: 5px;
  top: 15px;
  height: 35px;
  width: 35px;
  background: var(--azul-primario) !important;
  border: none !important;
  border-radius: 50%;
  color: white !important;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: var(--transicion);
}
.header-italika-top-search-button:hover {
  background: var(--azul-oscuro) !important;
  transform: scale(1.05);
}
/* Iconos de Usuario y Carrito */
.header-italika-top-elements {
  display: flex;
  align-items: center;
  gap: 25px;
}
.header-italika-top-login a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--azul-claro-bg);
  font-family: sf-bold;
  font-size: 13px;
  text-transform: uppercase;
  text-decoration: none !important;
}
.header-italika-top-login-icon {
  width: 20px;
  filter: brightness(1);
  /* Ajuste de tono para el SVG */
}
/* Carrito y Badge */
.header-italika-top-shopping-cart {
  position: relative;
}
.header-italika-top-cart {
  width: 26px;
  transition: transform 0.3s ease;
}
.header-italika-top-elements-circle {
  position: absolute;
  top: -8px;
  right: -10px;
  background-color: #e20613 !important;
  /* Rojo Italika */
  color: white;
  font-size: 10px;
  font-family: sf-bold;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #ffffff;
}
/* --- 3. NAVEGACIÓN INFERIOR (MENU) --- */
.header-italika-bottom {
  background-color: var(--azul-oscuro);
  padding: 0;
}
.header-italika-bottom ul {
  display: flex;
  justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.header-italika-bottom ul li a {
  display: block;
  padding: 12px 25px;
  color: #ffffff;
  font-family: sf-bold;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  text-decoration: none !important;
  transition: all 0.3s ease;
  border-bottom: 3px solid transparent;
}
.header-italika-bottom ul li a:hover {
  background-color: rgba(255, 255, 255, 0.1);
  border-bottom-color: var(--azul-primario);
  font-family: sf-bold;
}
/* --- 4. MOBILE OPTIMIZATION --- */
@media (max-width: 991px) {
  .header-italika-top {
    padding: 10px 15px;
    gap: 10px;
  }
  .mobile__nav__row--btn {
    color: var(--azul-oscuro) !important;
    font-size: 20px;
    background: transparent !important;
  }
}
.navbar-brand a img {
  width: 280px !important;
  margin-left: -100px;
}
/* --- 1. VARIABLES Y CONFIGURACIÓN BASE --- */
:root {
  --azul-primario: #0c45a3;
  --azul-oscuro: #00205b;
  --azul-claro-bg: #f0f5ff;
  --gris-suave: #949494;
  --gris-texto: #707070;
  --transicion: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}
/* --- 2. COMPONENTES ESPECIALES --- */
/* Etiqueta de Oferta (Badge) */
.badge-offer {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 45px;
  height: 22px;
  padding: 2px 12px;
  background: linear-gradient(135deg, #1b82f5 0%, #0c1c74 100%);
  color: white;
  font-family: 'Arial Black', sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
  /* Forma de flecha estilizada */
  clip-path: polygon(85% 0%, 100% 50%, 85% 100%, 0% 100%, 5% 50%, 0% 0%);
}
/* Sección BAZ */
.carousel-baz-section {
  position: absolute !important;
  bottom: 50px;
  left: 20px;
  scale: 0.9;
}
/* --- 3. ESTRUCTURA DE LA TARJETA (CARD) --- */
.carousel-card {
  display: flex;
  flex-direction: column;
  min-height: 480px;
  background: #fff;
  border: 1px solid #ededed;
  border-radius: 12px;
  overflow: hidden;
  text-decoration: none !important;
  transition: var(--transicion);
}
.carousel-card:hover {
  box-shadow: 0 8px 20px rgba(0, 32, 91, 0.15);
  border-color: var(--azul-primario);
}
/* Contenedor de Imagen y Overlay */
.carousel-product-img {
  position: relative;
  height: 180px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.quick-view-overlay {
  position: absolute;
  inset: 0;
  background: rgba(0, 32, 91, 0.2);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  /* Ajustar a 0 si se desea que solo aparezca en hover */
  transition: opacity 0.3s ease;
  z-index: 10;
}
.carousel-card:hover .quick-view-overlay {
  opacity: 1;
}
.btn-quick-view {
  padding: 8px 16px;
  background: #fff;
  color: var(--azul-oscuro);
  border: none;
  border-radius: 20px;
  font-family: sf-bold;
  font-size: 11px;
  cursor: pointer;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}
.btn-quick-view:hover {
  transform: scale(1.05);
}
/* --- 4. PRECIOS Y TEXTOS --- */
.carousel-price {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 95px;
  padding: 10px;
  text-align: center;
}
.compra-min {
  display: inline-block;
  margin: 0 auto 8px auto;
  padding: 2px 10px;
  background: var(--azul-claro-bg);
  color: var(--azul-oscuro);
  font-family: sf-light;
  font-size: 11px;
  border-radius: 4px;
}
.carousel-price-normal {
  height: 15px;
  color: var(--gris-suave);
  font-size: 13px;
  text-decoration: line-through;
}
.carousel-price-offer {
  margin-top: 4px;
  color: var(--azul-oscuro);
  font-family: sf-bold;
  font-size: 24px;
}
/* --- 5. BOTÓN COMPRAR --- */
.carousel-button {
  position: absolute;
  /* De la primera declaración */
  bottom: 36px;
  /* De la primera declaración */
  display: flex;
  justify-content: center;
  align-items: center;
  width: 85%;
  max-width: 200px;
  height: 44px;
  margin: 0 auto;
  background-color: var(--azul-primario);
  color: white;
  border: none;
  border-radius: 8px;
  font-family: sf-bold;
  font-size: 13px;
  text-transform: uppercase;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  transition: var(--transicion);
  /* Estado inicial para animación */
  visibility: visible;
  opacity: 1;
  transform: translateY(10px);
}
/* Icono del carrito (Pseudo-elemento) */
.carousel-button::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 10px;
  background-image: url("https://refaccionesitalika.com.mx/medias/cart-check.svg?context=bWFzdGVyfHJvb3R8MTExOHxpbWFnZS9zdmcreG1sfGFHSXpMMmd5TVM4eE1EQTNNVEV6TnpNNE5qVXlOaTlqWVhKMExXTm9aV05yTG5OMlp3fGUxNjVjZWU3ZmE1NGU3MWIxMjA3YWY5YmExYWUxNGQ0ODMwNTVmMjIxZGM0ZjgxNmViYzljNjE1ZDYwMDRkZTE");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  transition: transform 0.3s ease;
}
/* Interacciones de la Tarjeta sobre el Botón */
.carousel-card:hover .carousel-button {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}
.carousel-button:hover {
  background-color: var(--azul-oscuro);
  box-shadow: 0 6px 12px rgba(0, 32, 91, 0.3);
}
.carousel-button:hover::after {
  transform: translateX(4px) scale(1.1);
}
.carousel-button:active {
  transform: scale(0.96);
}
/* --- 6. MENSAJE FINAL --- */
.carousel-message {
  position: absolute;
  bottom: 20px;
  width: 100%;
  color: var(--gris-texto);
  font-family: sf-light;
  font-size: 10px;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  margin-top: 10px;
}
/* --- 7. AJUSTES RESPONSIVOS (MOBILE) --- */
@media (max-width: 1024px) {
  .carousel-button {
    width: 90%;
    background-color: var(--azul-oscuro);
    font-size: 12px;
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
  }
  .quick-view-overlay {
    display: none;
    /* No hay hover útil en móviles */
  }
  .carousel-price-offer {
    font-size: 20px;
  }
  .carousel-button-section {
    padding: 10px 0;
  }
}
.page-cartPage {
  /* --- 1. CONFIGURACIÓN GENERAL DE LA PÁGINA DE CARRITO --- */
  /* --- 2. BARRA DE PROGRESO (CHECKOUT STEPS) --- */
  /* Ocultar diseño de flechas antiguo */
  /* Contenedor principal de pasos */
  /* Cajas individuales de cada paso */
  /* Línea de progreso conectora (entre círculos) */
  /* Estilo de los Círculos/Números */
  /* Estado Activo (Branding Italika) */
  /* Textos de los pasos */
  /* --- 3. RESUMEN DE COMPRA (VOUCHER CARD) --- */
  /* Corrección de alineación de totales (Flexbox) */
  /* Estilo específico para descuentos/ahorro */
  /* Total Final */
  /* --- 4. BOTONES Y ACCIONES --- */
  /* Botón Principal */
  /* Botón Secundario / Link */
  /* Contenedor de cupón/minúsculas */
  /* --- 5. DETALLES Y SECCIONES INFERIORES --- */
  /* --- 6. AJUSTES RESPONSIVOS (MÓVIL) --- */
}
.page-cartPage .header-italika {
  height: 60px !important;
}
.page-cartPage #ui-id-1 {
  box-shadow: inherit !important;
}
.page-cartPage .coupon-containerVoucher {
  border: inherit !important;
}
.page-cartPage .bc-arrow-container {
  display: none !important;
}
.page-cartPage .bc-container-checkout {
  margin-top: 50px !important;
  padding: 0 15px;
}
.page-cartPage .bc-box {
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: flex-start !important;
  height: auto !important;
  background: none !important;
  border: none !important;
  z-index: 1;
}
.page-cartPage .bc-box:not(:last-child)::after {
  content: '';
  position: absolute;
  top: 20px;
  /* Centrado respecto al círculo de 40px */
  left: 60%;
  width: 80%;
  height: 2px;
  background-color: #ededed;
  z-index: 0;
}
.page-cartPage .bc-circle {
  width: 40px !important;
  height: 40px !important;
  margin-right: 0 !important;
  margin-bottom: 8px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  background: #fff;
  color: #999;
  font-family: sans-serif;
  font-weight: bold;
  border: 2px solid #ddd !important;
  border-radius: 20% !important;
  transition: all 0.3s ease;
  z-index: 2;
}
.page-cartPage .bc-active .bc-circle {
  border-color: #00205b !important;
  background-color: #00205b !important;
  color: #fff !important;
}
.page-cartPage .bc-txt-1,
.page-cartPage .bc-txt-2,
.page-cartPage .bc-txt-3 {
  font-size: 12px !important;
  color: #999 !important;
  text-align: center !important;
  line-height: 1.2;
  white-space: normal !important;
}
.page-cartPage .bc-active .bc-txt-1,
.page-cartPage .bc-active .bc-txt-2,
.page-cartPage .bc-active .bc-txt-3 {
  color: #00205b !important;
  font-weight: bold !important;
}
.page-cartPage .express-checkoutVoucher {
  max-width: 400px;
  margin: 0 auto;
  padding: 24px;
  background: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.page-cartPage .headlineVo {
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #01205b;
  margin-bottom: 5px;
  text-transform: none;
}
.page-cartPage .cart__id--label {
  display: block;
  margin-bottom: 20px;
  color: #666;
}
.page-cartPage .js-cart-totals.rowTotal {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 10px 0;
}
.page-cartPage .js-cart-totals .col-xs-6 {
  float: none !important;
  width: 50% !important;
  padding: 8px 0 !important;
  margin: 0 !important;
  font-size: 14px;
}
.page-cartPage .cart-totals-right {
  text-align: left !important;
  color: #666;
}
.page-cartPage .cart-totals-left {
  text-align: right !important;
  font-weight: 700;
  color: #000;
}
.page-cartPage .text-left:nth-child(4) {
  width: 100px;
  padding: 4px;
  color: #166534;
  font-family: 'sf-bold';
  border-radius: 10px;
}
.page-cartPage .grand-total {
  margin-top: 10px !important;
  padding-top: 15px !important;
  font-size: 18px !important;
  font-family: 'sf-bold';
  color: #00205b !important;
  border-top: 2px solid #f0f0f0;
}
.page-cartPage .cart-totals-rightIVA p {
  margin-top: 10px;
  font-size: 11px !important;
  color: #999;
  line-height: 1.4;
  text-align: left;
}
.page-cartPage .cart__actions {
  margin-top: 20px;
}
.page-cartPage .btn-primary-c {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100% !important;
  background: #0c45a8 !important;
  color: #ffffff !important;
  height: 60px;
  font-size: 15px !important;
  text-decoration: none;
  font-weight: 800;
  border-radius: 12px;
  text-transform: uppercase;
  transition: background 0.3s ease;
}
.page-cartPage .btn-primary-c:hover {
  background-color: #00153d !important;
  transform: translateY(-1px);
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.page-cartPage .btn-defaultcc {
  margin-top: 0px !important;
  background: transparent !important;
  border: none !important;
  color: #00205b !important;
  font-size: 12px !important;
  text-decoration: underline !important;
  text-transform: lowercase;
}
.page-cartPage .btn-defaultcc:first-letter {
  text-transform: uppercase;
}
.page-cartPage .convertirMinusculas {
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #0056D2;
  border-radius: 10px;
}
.page-cartPage .detail-container {
  display: inherit !important;
  width: 100% !important;
  margin-top: 0px;
}
.page-cartPage .detail-title {
  background-color: #00205b !important;
  border: inherit !important;
}
.page-cartPage .detail-title h3 {
  color: #fff !important;
}
.page-cartPage .sumary-lineLinea {
  margin: 15px 0;
  border-bottom: 1px solid #eee;
}
.page-cartPage .dcss {
  margin-top: 20px;
}
@media (max-width: 767px) {
  .page-cartPage {
    /* Forzar cuadrícula de pasos */
    /* Ocultar texto en pasos para evitar amontonamiento */
    /* Ajuste de línea conectora en móvil */
  }
  .page-cartPage .col-xs-3 {
    width: 25% !important;
  }
  .page-cartPage .bc-txt-1,
  .page-cartPage .bc-txt-2,
  .page-cartPage .bc-txt-3 {
    display: none;
  }
  .page-cartPage .bc-box {
    justify-content: center;
  }
  .page-cartPage .bc-box:not(:last-child)::after {
    width: 50%;
    top: 16px;
    /* Ajuste por tamaño de círculo si cambia */
  }
}
@media (max-width: 1399px) {
  .page-cartPage .sumary-containerEF {
    margin-top: 40px;
  }
}
.page-cartPage .detail-box-image,
.page-cartPage .detail-box-price {
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 1px;
  border-left-width: 1px;
  border-top-style: inherit;
  border-right-style: inherit;
  border-bottom-style: solid;
  border-left-style: solid;
  border-top-color: #ffffff;
  border-right-color: #ffffff;
  border-bottom-color: #ededed;
  border-left-color: #ededed;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
}
.page-checkout-login .header-italika {
  height: 60px !important;
}
.page-orderConfirmationPage .header-italika {
  height: 60px;
}
.page-orderConfirmationPage .thankyou-confeti {
  margin-top: 40px;
}
.page-orderConfirmationPage .thankyou-message-txt-baz {
  max-width: 1060px;
  border-radius: 8px;
}
.page-orderConfirmationPage .custom-table-italika-title1,
.page-orderConfirmationPage .custom-table-italika-title {
  border: inherit;
}
.page-orderConfirmationPage .thankyou-box-final-container {
  max-width: inherit;
  width: 330px;
}
.page-orderConfirmationPage .title-delivery {
  background-color: #ECF0FF;
  border-left: 5px solid #00205c;
}
.page-orderConfirmationPage .delivery-content {
  background-color: #ECF0FF;
  min-height: 108px;
  text-align: center;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-left: 5px solid #00205c;
}
.page-orderConfirmationPage .tbf-box,
.page-orderConfirmationPage .tbf-box-2 {
  color: #01205b;
}
.page-orderConfirmationPage .thankyou-box-final {
  background-color: #DBE4ED;
  border-radius: 10px;
}
.page-orderConfirmationPage .well.well-tertiary {
  display: none;
}
.page-orderConfirmationPage .well.well-quinary .well-headline {
  display: none;
}
.page-orderConfirmationPage .well-content {
  display: none;
}
.page-orderConfirmationPage .account-section .account-consignment {
  display: none;
}
.page-orderConfirmationPage .account-orderdetail {
  display: none;
}
/* ========================================================
            page-update-profile
======================================================== */
@media (min-width: 992px) {
  .page-update-profile #customUpdateProfileForm {
    display: flex;
    justify-content: space-between;
    column-gap: 20px;
  }
}
.page-update-profile .button-italika-1 {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100% !important;
  background: #0c45a8 !important;
  color: #ffffff !important;
  height: 60px;
  font-size: 1.3rem !important;
  text-decoration: none;
  font-weight: 800;
  border-radius: 12px;
  text-transform: uppercase;
  box-shadow: 0 5px 15px rgba(12, 69, 168, 0.4);
  transition: background 0.3s ease;
}
/* ========================================================
            page-orders
======================================================== */
@media (min-width: 1000px) {
  .page-orders .my-account-detail.my-account-detail-invoice .flex .detail-box .detail-box-ship {
    height: 80px;
  }
}
.page-orders .mad-i-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100% !important;
  background: #0c45a8 !important;
  color: #ffffff !important;
  height: 60px;
  font-size: 1.3rem !important;
  text-decoration: none;
  font-weight: 800;
  border-radius: 12px;
  text-transform: uppercase;
  box-shadow: 0 5px 15px rgba(12, 69, 168, 0.4);
  transition: background 0.3s ease;
}
/* ========================================================
            page-billPr
======================================================== */
@media (min-width: 1000px) {
  .page-billPr .my-account-detail.my-account-detail-invoice .flex .detail-box .detail-box-ship {
    max-height: 80px;
  }
}
.page-billPr .mad-i-container {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100% !important;
  background: #0c45a8 !important;
  color: #ffffff !important;
  height: 60px;
  font-size: 1.3rem !important;
  text-decoration: none;
  font-weight: 800;
  border-radius: 12px;
  text-transform: uppercase;
  box-shadow: 0 5px 15px rgba(12, 69, 168, 0.4);
  transition: background 0.3s ease;
}
/* ========================================================
            page-updatePassword
======================================================== */
.page-updatePassword .btn-primary {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 100% !important;
  background: #0c45a8 !important;
  color: #ffffff !important;
  height: 60px;
  font-size: 1.3rem !important;
  text-decoration: none;
  font-weight: 800;
  border-radius: 12px;
  text-transform: uppercase;
  box-shadow: 0 5px 15px rgba(12, 69, 168, 0.4);
  transition: background 0.3s ease;
}
/* ========================================================
            page-address-book
======================================================== */
.page-address-book {
  /* Estilo específico: ELIMINAR */
}
.page-address-book .addresses {
  border: 0.9px solid #ededed;
  border-radius: 10px;
  padding: 10px;
  position: relative;
  grid-template-columns: 70% 30%;
  display: grid;
  box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
}
@media (max-width: 1100px) {
  .page-address-book .addresses {
    grid-template-columns: 1fr !important;
  }
}
.page-address-book .addresses-default {
  position: absolute;
  width: 106px;
  height: 33px;
  color: white;
  text-transform: uppercase;
  top: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 10px;
  border-radius: 5px;
}
.page-address-book .addresses-data {
  width: inherit !important;
  border-right: 1px solid #ededed;
}
.page-address-book .my-account-detail .addresses:first-of-type .addresses-default {
  background: #28a745;
}
.page-address-book .textDirections {
  margin: 20px 0px 10px 20px;
}
@media (min-width: 768px) {
  .page-address-book .textDirections {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
.page-address-book .textDirections {
  display: grid;
  grid-template-columns: 1fr;
  gap: 20px;
}
.page-address-book .textDirections div {
  display: flex;
  flex-direction: column;
}
.page-address-book .title-address {
  color: #333;
  font-family: sf-regular;
}
.page-address-book .button-container {
  display: flex;
  flex-direction: column;
  gap: 15px;
  max-width: 350px;
}
.page-address-book .btn {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  font-family: sf-bold;
  font-size: 13px;
  letter-spacing: 1px;
  background-color: white;
  cursor: pointer;
  transition: all 0.3s ease;
  border-width: 2px;
  border-style: solid;
  width: 90%;
  height: 50px;
  min-width: 200px;
  column-gap: 10px;
}
.page-address-book .btn-edit {
  color: #00205b;
  border-color: #00205b;
}
.page-address-book .btn-edit:hover {
  background-color: #00205b;
  color: white;
}
.page-address-book .btn-edit:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(30%) saturate(2%) hue-rotate(80deg) brightness(106%) contrast(100%);
}
.page-address-book .btn-delete {
  color: #c00000;
  border-color: #c00000;
}
.page-address-book .btn-delete:hover {
  background-color: #c00000;
  color: white;
}
.page-address-book .btn-delete:hover img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(30%) saturate(2%) hue-rotate(80deg) brightness(106%) contrast(100%);
}
.page-address-book .addresses-icons {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin: 0 auto;
}
.page-address-book .my-account-detail .addresses-icons img {
  margin: 0px;
  padding: 2px;
}
.page-address-book .addresses .account-set-default-address {
  margin: 10px 0px;
}
.page-address-book .addressItem .btn {
  background-color: #0c45a8;
}
/* =======================================================
    page-update-profile page-updatePassword page-billPr page-orders, page-address-book page-wish-list
======================================================== */
.page-update-profile .my-account-nav,
.page-updatePassword .my-account-nav,
.page-billPr .my-account-nav,
.page-orders .my-account-nav,
.page-address-book .my-account-nav,
.page-wish-list .my-account-nav {
  border-radius: 20px;
}
.page-update-profile .my-account .my-account-nav .button.active,
.page-updatePassword .my-account .my-account-nav .button.active,
.page-billPr .my-account .my-account-nav .button.active,
.page-orders .my-account .my-account-nav .button.active,
.page-address-book .my-account .my-account-nav .button.active,
.page-wish-list .my-account .my-account-nav .button.active {
  background-color: #01205b;
  border-radius: 10px;
}
.page-update-profile .my-account .my-account-nav .button.active a,
.page-updatePassword .my-account .my-account-nav .button.active a,
.page-billPr .my-account .my-account-nav .button.active a,
.page-orders .my-account .my-account-nav .button.active a,
.page-address-book .my-account .my-account-nav .button.active a,
.page-wish-list .my-account .my-account-nav .button.active a {
  color: white;
}
.page-update-profile .my-account .my-account-nav .button.active img,
.page-updatePassword .my-account .my-account-nav .button.active img,
.page-billPr .my-account .my-account-nav .button.active img,
.page-orders .my-account .my-account-nav .button.active img,
.page-address-book .my-account .my-account-nav .button.active img,
.page-wish-list .my-account .my-account-nav .button.active img {
  filter: brightness(0) saturate(100%) invert(99%) sepia(74%) saturate(2%) hue-rotate(10deg) brightness(118%) contrast(100%);
}
.page-update-profile .my-account .my-account-nav .button.active img.arrow,
.page-updatePassword .my-account .my-account-nav .button.active img.arrow,
.page-billPr .my-account .my-account-nav .button.active img.arrow,
.page-orders .my-account .my-account-nav .button.active img.arrow,
.page-address-book .my-account .my-account-nav .button.active img.arrow,
.page-wish-list .my-account .my-account-nav .button.active img.arrow {
  filter: brightness(0) saturate(100%) invert(99%) sepia(74%) saturate(2%) hue-rotate(10deg) brightness(118%) contrast(100%);
}
.page-update-profile .mad-container,
.page-updatePassword .mad-container,
.page-billPr .mad-container,
.page-orders .mad-container,
.page-address-book .mad-container,
.page-wish-list .mad-container {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
}
.page-update-profile .button-italika-1,
.page-updatePassword .button-italika-1,
.page-billPr .button-italika-1,
.page-orders .button-italika-1,
.page-address-book .button-italika-1,
.page-wish-list .button-italika-1 {
  width: 300px;
}
.page-update-profile .form-control,
.page-updatePassword .form-control,
.page-billPr .form-control,
.page-orders .form-control,
.page-address-book .form-control,
.page-wish-list .form-control,
.page-update-profile .form-italika-style-2,
.page-updatePassword .form-italika-style-2,
.page-billPr .form-italika-style-2,
.page-orders .form-italika-style-2,
.page-address-book .form-italika-style-2,
.page-wish-list .form-italika-style-2,
.page-update-profile .form-italika-style-3,
.page-updatePassword .form-italika-style-3,
.page-billPr .form-italika-style-3,
.page-orders .form-italika-style-3,
.page-address-book .form-italika-style-3,
.page-wish-list .form-italika-style-3 {
  width: 100%;
  height: 45px !important;
  padding: 10px 15px !important;
  font-size: 14px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background-color: #ffffff;
  color: #333;
  transition: all 0.3s ease;
}
.page-productList,
.page-search {
  /* ==========================================================================
   CONTENEDOR PRINCIPAL DE FILTROS
   ========================================================================== */
  /* Título Principal (Móvil/General) */
  /* ==========================================================================
   BLOQUES DE CADA FACETA (Precio, Motor, etc.)
   ========================================================================== */
  /* Cabeceras de los acordeones */
  /* Símbolos + / - para el acordeón */
  /* Cuando Bootstrap colapsa el elemento, cambiamos el símbolo dinámicamente si usas clases */
  /* ==========================================================================
   LISTAS DE OPCIONES Y CHECKBOXES PERSONALIZADOS
   ========================================================================== */
  /* Estructura del Label clickeable */
  /* Custom Checkbox (Contenedor wrapper) */
  /* El cuadro del checkbox falso */
  /* Hover sobre el checkbox falso */
  /* Ocultar el checkbox nativo de forma accesible (.sr-only) */
  /* ESTADO SELECCIONADO (Cuando el input oculto está :checked) */
  /* Checkmark (La palomita blanca dentro del cuadro) */
  /* Texto de la faceta */
  /* Contador de resultados (ej: (1), (2)) */
  /* ==========================================================================
   RESPONSIVE / MEDIA QUERIES (Alineado con tu JS en 991px)
   ========================================================================== */
  /* ==========================================================================
   CONTENEDOR DE ORDENAMIENTO (Sort Dropdown)
   ========================================================================== */
  /* Etiqueta "Ordenar:" */
  /* Formulario contenedor */
  /* ==========================================================================
   EL ELEMENTO SELECT ESTILIZADO
   ========================================================================== */
  /* Estados Hover y Focus */
  /* ==========================================================================
   FLECHA PERSONALIZADA EN CSS PURO (Reemplaza a la nativa)
   ========================================================================== */
  /* Cambia el color de la flecha cuando el select está activo */
  /* Estilización opcional para las opciones desplegadas (Soporte limitado según navegador) */
  /* ==========================================================================
   RESPONSIVO / COMPORTAMIENTO MÓVIL
   ========================================================================== */
}
.page-productList .category-filters,
.page-search .category-filters {
  font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
  background-color: #ffffff;
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 15px;
  max-width: 320px;
  /* Ideal para barra lateral */
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
}
.page-productList .cf-card-title-filter,
.page-search .cf-card-title-filter {
  margin: 0 0 15px 0;
  padding-bottom: 10px;
  border-bottom: 2px solid #f1f1f1;
}
.page-productList .cf-card-title-filter a,
.page-search .cf-card-title-filter a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-decoration: none;
  color: #333333;
}
.page-productList .cf-title,
.page-search .cf-title {
  font-size: 18px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.page-productList .cf-card,
.page-search .cf-card {
  border-bottom: 1px solid #eeeeee;
  padding: 12px 0;
}
.page-productList .cf-card:last-of-type,
.page-search .cf-card:last-of-type {
  border-bottom: none;
}
.page-productList .js-facet-name.cf-card-title,
.page-search .js-facet-name.cf-card-title {
  margin: 0;
}
.page-productList .js-facet-name.cf-card-title a,
.page-search .js-facet-name.cf-card-title a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #222222;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  padding: 4px 0;
  transition: color 0.2s ease;
}
.page-productList .js-facet-name.cf-card-title a:hover,
.page-search .js-facet-name.cf-card-title a:hover {
  color: #00205b;
  /* Color de acento (puedes cambiarlo al rojo Italika) */
}
.page-productList .cf-card-title-simbol,
.page-search .cf-card-title-simbol {
  font-size: 16px;
  font-weight: bold;
  color: #999999;
}
.page-productList .js-facet-name a.collapsed .cf-card-title-simbol span::before,
.page-search .js-facet-name a.collapsed .cf-card-title-simbol span::before {
  content: "+";
}
.page-productList .js-facet-name a:not(.collapsed) .cf-card-title-simbol span,
.page-search .js-facet-name a:not(.collapsed) .cf-card-title-simbol span {
  display: inline-block;
  text-indent: -9999px;
  /* Esconde el texto original "-" para controlarlo por CSS si prefieres */
}
.page-productList .js-facet-name a:not(.collapsed) .cf-card-title-simbol span::before,
.page-search .js-facet-name a:not(.collapsed) .cf-card-title-simbol span::before {
  content: "−";
  text-indent: 0;
  float: right;
}
.page-productList .facet__list,
.page-search .facet__list {
  padding-top: 10px;
  padding-left: 2px;
}
.page-productList .facet__list form,
.page-search .facet__list form {
  margin-bottom: 8px;
}
.page-productList .facet__list form:last-child,
.page-search .facet__list form:last-child {
  margin-bottom: 0;
}
.page-productList .facet__list label,
.page-search .facet__list label {
  display: block;
  cursor: pointer;
  position: relative;
}
.page-productList .cf-card-radio,
.page-search .cf-card-radio {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 13.5px;
  color: #555555;
  user-select: none;
  transition: color 0.2s ease;
}
.page-productList .cf-card-radio:hover,
.page-search .cf-card-radio:hover {
  color: #000000;
}
.page-productList .cf-card-radio-checkmark,
.page-search .cf-card-radio-checkmark {
  width: 18px;
  height: 18px;
  border: 2px solid #cccccc;
  border-radius: 4px;
  display: inline-block;
  position: relative;
  background-color: #ffffff;
  transition: all 0.2s ease;
  flex-shrink: 0;
  /* Evita que se deforme si el texto es muy largo */
}
.page-productList .cf-card-radio:hover .cf-card-radio-checkmark,
.page-search .cf-card-radio:hover .cf-card-radio-checkmark {
  border-color: #999999;
}
.page-productList .sr-only,
.page-search .sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.page-productList .facet__list__checkbox:checked + .cf-card-radio .cf-card-radio-checkmark,
.page-search .facet__list__checkbox:checked + .cf-card-radio .cf-card-radio-checkmark {
  background-color: #00205b;
  /* Color de fondo seleccionado */
  border-color: #00205b;
}
.page-productList .facet__list__checkbox:checked + .cf-card-radio .cf-card-radio-checkmark::after,
.page-search .facet__list__checkbox:checked + .cf-card-radio .cf-card-radio-checkmark::after {
  content: "";
  position: absolute;
  left: 5px;
  top: 1px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.page-productList .facet__list__text,
.page-search .facet__list__text {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.page-productList .facet__value__count,
.page-search .facet__value__count {
  font-size: 11px;
  color: #999999;
  background-color: #f5f5f5;
  padding: 2px 6px;
  border-radius: 10px;
  font-weight: 600;
}
@media (max-width: 990px) {
  .page-productList,
  .page-search {
    /* Añadir un padding extra si está abierto en móvil */
  }
  .page-productList .category-filters,
  .page-search .category-filters {
    max-width: 100%;
    /* Ocupa todo el ancho en móviles */
    border-radius: 0;
    border-left: none;
    border-right: none;
  }
  .page-productList .cf-card-title-filter,
  .page-search .cf-card-title-filter {
    margin-bottom: 0;
    border-bottom: none;
    padding-bottom: 0;
  }
  .page-productList .cf-card-collapse.in .cf-card-container-movil,
  .page-search .cf-card-collapse.in .cf-card-container-movil {
    padding-top: 15px;
  }
}
.page-productList .categoria-filters-order,
.page-search .categoria-filters-order {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  /* Espacio entre la etiqueta "Ordenar:" y el select */
  font-family: 'Open Sans', 'Helvetica Neue', sans-serif;
  margin-bottom: 20px;
  background-color: #fff;
}
.page-productList .c-fo-name,
.page-search .c-fo-name {
  font-size: 14px;
  font-weight: 600;
  color: #666666;
  margin: 0;
  white-space: nowrap;
  /* Evita que la palabra se rompa en pantallas chicas */
}
.page-productList #sortForm1,
.page-search #sortForm1 {
  display: inline-block;
  position: relative;
  /* Necesario para posicionar la flecha personalizada */
  width: 210px;
  /* Ancho ideal para el dropdown */
}
.page-productList .c-fo-select,
.page-search .c-fo-select {
  width: 100%;
  height: 40px;
  padding: 0 35px 0 15px;
  /* Espacio extra a la derecha para la flecha */
  font-size: 13.5px;
  font-weight: 500;
  color: #333333;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 6px;
  cursor: pointer;
  /* Elimina el diseño por defecto del sistema operativo (Flecha nativa) */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Transición suave para el foco y el hover */
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.page-productList .c-fo-select:hover,
.page-search .c-fo-select:hover {
  border-color: #999999;
}
.page-productList .c-fo-select:focus,
.page-search .c-fo-select:focus {
  outline: none;
  border-color: #ff0000;
  /* Color de acento a juego con tus filtros */
  box-shadow: 0 0 0 3px rgba(255, 0, 0, 0.1);
  /* Efecto glow sutil */
}
.page-productList #sortForm1::after,
.page-search #sortForm1::after {
  content: "";
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  /* Centrado vertical perfecto */
  /* Dibujamos un triángulo sutil apuntando hacia abajo */
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #666666;
  pointer-events: none;
  /* Permite hacer clic "a través" de la flecha */
  transition: border-top-color 0.2s ease;
}
.page-productList #sortForm1:focus-within::after,
.page-search #sortForm1:focus-within::after {
  border-top-color: #00205b;
}
.page-productList .c-fo-select option,
.page-search .c-fo-select option {
  padding: 10px;
  background-color: #ffffff;
  color: #333333;
}
@media (max-width: 768px) {
  .page-productList .categoria-filters-order,
  .page-search .categoria-filters-order {
    display: flex;
    width: 100%;
    justify-content: space-between;
    /* Separa la etiqueta del select en móviles */
  }
  .page-productList #sortForm1,
  .page-search #sortForm1 {
    flex-grow: 1;
    /* El select crece para ocupar el espacio disponible */
    max-width: 70%;
    /* Evita que pegue por completo con el texto */
  }
}