/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('https://www.fixferreterias.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.eot');
  src: url('https://www.fixferreterias.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://www.fixferreterias.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://www.fixferreterias.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://www.fixferreterias.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://www.fixferreterias.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.glyphicon {
  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: "\2a";
}
.small{
  font-size: 70%;
  top: 4px;
}
.glyphicon-plus:before {
  content: "\2b";
}
.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";
}

.ms-megamenu *{
  box-sizing: border-box;
  transition: background-color 250ms ease-out;
  -webkit-transition: background-color  250ms ease-out;
  -moz-transition: background-color  250ms ease-out;
  -ms-transition:background-color  250ms ease-out;
  -o-transition: background-color  250ms ease-out;
}
.ms-megamenu button *{box-sizing: content-box;}
.ms-megamenu .row {
  margin-right: -10px;
  margin-left: -10px;
}
.ms-megamenu .container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 768px) {
  .ms-megamenu .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .ms-megamenu .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .ms-megamenu .container {
    width: 1170px;
  }
}
.ms-megamenu .col-xs-24,.ms-megamenu .col-xs-14,.ms-megamenu .col-xs-125,.ms-megamenu .col-xs-111,.ms-megamenu .col-xs-100,.ms-megamenu .col-xs-909,.ms-megamenu .col-xs-1,.ms-megamenu .col-xs-2,.ms-megamenu .col-xs-3,.ms-megamenu .col-xs-4,.ms-megamenu .col-xs-5,.ms-megamenu .col-xs-6,.ms-megamenu .col-xs-7,.ms-megamenu .col-xs-8,.ms-megamenu .col-xs-9,.ms-megamenu .col-xs-10,.ms-megamenu .col-xs-11,.ms-megamenu .col-xs-12 {
  float: left;
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
.ms-megamenu .col-xs-24,.ms-megamenu .col-xs-14,.ms-megamenu .col-xs-125,.ms-megamenu .col-xs-111,.ms-megamenu .col-xs-100,.ms-megamenu .col-xs-909,.ms-megamenu .col-xs-1,.ms-megamenu .col-sm-1,.ms-megamenu .col-md-1,.ms-megamenu .col-lg-1,.ms-megamenu .col-xs-2,.ms-megamenu .col-sm-2, .ms-megamenu .col-md-2, .ms-megamenu .col-lg-2, .ms-megamenu .col-xs-3, .ms-megamenu .col-sm-3, .ms-megamenu .col-md-3, .ms-megamenu .col-lg-3, .ms-megamenu .col-xs-4, .ms-megamenu .col-sm-4, .ms-megamenu .col-md-4, .ms-megamenu .col-lg-4, .ms-megamenu .col-xs-5, .ms-megamenu .col-sm-5, .ms-megamenu .col-md-5, .ms-megamenu .col-lg-5, .ms-megamenu .col-xs-6, .ms-megamenu .col-sm-6, .ms-megamenu .col-md-6, .ms-megamenu .col-lg-6, .ms-megamenu .col-xs-7, .ms-megamenu .col-sm-7, .ms-megamenu .col-md-7, .ms-megamenu .col-lg-7, .ms-megamenu .col-xs-8, .ms-megamenu .col-sm-8, .ms-megamenu .col-md-8, .ms-megamenu .col-lg-8, .ms-megamenu .col-xs-9, .ms-megamenu .col-sm-9, .ms-megamenu .col-md-9, .ms-megamenu .col-lg-9, .ms-megamenu .col-xs-10, .ms-megamenu .col-sm-10, .ms-megamenu .col-md-10, .ms-megamenu .col-lg-10, .ms-megamenu .col-xs-11, .ms-megamenu .col-sm-11, .ms-megamenu .col-md-11, .ms-megamenu .col-lg-11, .ms-megamenu .col-xs-12, .ms-megamenu .col-sm-12, .ms-megamenu .col-md-12, .ms-megamenu .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.ms-megamenu .col-xs-12 {
  width: 100%;
}
.ms-megamenu .col-xs-11 {
  width: 91.66666667%;
}
.ms-megamenu .col-xs-10 {
  width: 83.33333333%;
}
.ms-megamenu .col-xs-9 {
  width: 75%;
}
.ms-megamenu .col-xs-8 {
  width: 66.66666667%;
}
.ms-megamenu .col-xs-7 {
  width: 58.33333333%;
}
.ms-megamenu .col-xs-6 {
  width: 50%;
}
.ms-megamenu .col-xs-5 {
  width: 41.66666667%;
}
.ms-megamenu .col-xs-4 {
  width: 33.33333333%;
}
.ms-megamenu .col-xs-3 {
  width: 25%;
}
.ms-megamenu .col-xs-2 {
  width: 16.66666667%;
}
.ms-megamenu .col-xs-1 {
  width: 8.33333333%;
}
.ms-megamenu .col-xs-24{
  width: 20%;
}
.ms-megamenu .col-xs-14{
  width: 14%;
}
.ms-megamenu .col-xs-125{
  width: 12.5%;
}
.ms-megamenu .col-xs-111{
  width: 11.11111111%;
}
.ms-megamenu .col-xs-100{
  width: 10%;
}
.ms-megamenu .col-xs-909{
  width: 9.090909090%;
}

.ms-megamenu .col-xs-pull-12 {
  right: 100%;
}
.ms-megamenu .col-xs-pull-11 {
  right: 91.66666667%;
}
.ms-megamenu .col-xs-pull-10 {
  right: 83.33333333%;
}
.ms-megamenu .col-xs-pull-9 {
  right: 75%;
}
.ms-megamenu .col-xs-pull-8 {
  right: 66.66666667%;
}
.ms-megamenu .col-xs-pull-7 {
  right: 58.33333333%;
}
.ms-megamenu .col-xs-pull-6 {
  right: 50%;
}
.ms-megamenu .col-xs-pull-5 {
  right: 41.66666667%;
}
.ms-megamenu .col-xs-pull-4 {
  right: 33.33333333%;
}
.ms-megamenu .col-xs-pull-3 {
  right: 25%;
}
.ms-megamenu .col-xs-pull-2 {
  right: 16.66666667%;
}
.ms-megamenu .col-xs-pull-1 {
  right: 8.33333333%;
}
.ms-megamenu .col-xs-pull-0 {
  right: auto;
}
.ms-megamenu .col-xs-push-12 {
  left: 100%;
}
.ms-megamenu .col-xs-push-11 {
  left: 91.66666667%;
}
.ms-megamenu .col-xs-push-10 {
  left: 83.33333333%;
}
.ms-megamenu .col-xs-push-9 {
  left: 75%;
}
.ms-megamenu .col-xs-push-8 {
  left: 66.66666667%;
}
.ms-megamenu .col-xs-push-7 {
  left: 58.33333333%;
}
.ms-megamenu .col-xs-push-6 {
  left: 50%;
}
.ms-megamenu .col-xs-push-5 {
  left: 41.66666667%;
}
.ms-megamenu .col-xs-push-4 {
  left: 33.33333333%;
}
.ms-megamenu .col-xs-push-3 {
  left: 25%;
}
.ms-megamenu .col-xs-push-2 {
  left: 16.66666667%;
}
.ms-megamenu .col-xs-push-1 {
  left: 8.33333333%;
}
.ms-megamenu .col-xs-push-0 {
  left: auto;
}
.ms-megamenu .col-xs-offset-12 {
  margin-left: 100%;
}
.ms-megamenu .col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.ms-megamenu .col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.ms-megamenu .col-xs-offset-9 {
  margin-left: 75%;
}
.ms-megamenu .col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.ms-megamenu .col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.ms-megamenu .col-xs-offset-6 {
  margin-left: 50%;
}
.ms-megamenu .col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.ms-megamenu .col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.ms-megamenu .col-xs-offset-3 {
  margin-left: 25%;
}
.ms-megamenu .col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.ms-megamenu .col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.ms-megamenu .col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .ms-megamenu .col-sm-1,.ms-megamenu .col-sm-14, .ms-megamenu .col-sm-2,.ms-megamenu .col-sm-24, .ms-megamenu .col-sm-3, .ms-megamenu .col-sm-4, .ms-megamenu .col-sm-5, .ms-megamenu .col-sm-6, .ms-megamenu .col-sm-7, .ms-megamenu .col-sm-8, .ms-megamenu .col-sm-9, .ms-megamenu .col-sm-10, .ms-megamenu .col-sm-11, .ms-megamenu .col-sm-12 {
    float: left;
  }
  .ms-megamenu .col-sm-12 {
    width: 100%;
  }
  .ms-megamenu .col-sm-11 {
    width: 91.66666667%;
  }
  .ms-megamenu .col-sm-10 {
    width: 83.33333333%;
  }
  .ms-megamenu .col-sm-9 {
    width: 75%;
  }
  .ms-megamenu .col-sm-8 {
    width: 66.66666667%;
  }
  .ms-megamenu .col-sm-7 {
    width: 58.33333333%;
  }
  .ms-megamenu .col-sm-6 {
    width: 50%;
  }
  .ms-megamenu .col-sm-5 {
    width: 41.66666667%;
  }
  .ms-megamenu .col-sm-4 {
    width: 33.33333333%;
  }
  .ms-megamenu .col-sm-3 {
    width: 25%;
  }
  .ms-megamenu .col-sm-24{
    width: 20%;
  }
  .ms-megamenu .col-sm-2 {
    width: 16.66666667%;
  }
  .ms-megamenu .col-sm-14{
    width: 14%;
  }
  .ms-megamenu .col-sm-125{
    width: 12.5%;
  }
  .ms-megamenu .col-sm-111{
    width: 11.11111111%;
  }
  .ms-megamenu .col-sm-100{
    width: 10%;
  }
  .ms-megamenu .col-sm-909{
    width: 9.090909090%;
  }
  .ms-megamenu .col-sm-1 {
    width: 8.33333333%;
  }
  .ms-megamenu .col-sm-pull-12 {
    right: 100%;
  }
  .ms-megamenu .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .ms-megamenu .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .ms-megamenu .col-sm-pull-9 {
    right: 75%;
  }
  .ms-megamenu .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .ms-megamenu .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .ms-megamenu .col-sm-pull-6 {
    right: 50%;
  }
  .ms-megamenu .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .ms-megamenu .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .ms-megamenu .col-sm-pull-3 {
    right: 25%;
  }
  .ms-megamenu .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .ms-megamenu .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .ms-megamenu .col-sm-pull-0 {
    right: auto;
  }
  .ms-megamenu .col-sm-push-12 {
    left: 100%;
  }
  .ms-megamenu .col-sm-push-11 {
    left: 91.66666667%;
  }
  .ms-megamenu .col-sm-push-10 {
    left: 83.33333333%;
  }
  .ms-megamenu .col-sm-push-9 {
    left: 75%;
  }
  .ms-megamenu .col-sm-push-8 {
    left: 66.66666667%;
  }
  .ms-megamenu .col-sm-push-7 {
    left: 58.33333333%;
  }
  .ms-megamenu .col-sm-push-6 {
    left: 50%;
  }
  .ms-megamenu .col-sm-push-5 {
    left: 41.66666667%;
  }
  .ms-megamenu .col-sm-push-4 {
    left: 33.33333333%;
  }
  .ms-megamenu .col-sm-push-3 {
    left: 25%;
  }
  .ms-megamenu .col-sm-push-2 {
    left: 16.66666667%;
  }
  .ms-megamenu .col-sm-push-1 {
    left: 8.33333333%;
  }
  .ms-megamenu .col-sm-push-0 {
    left: auto;
  }
  .ms-megamenu .col-sm-offset-12 {
    margin-left: 100%;
  }
  .ms-megamenu .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .ms-megamenu .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .ms-megamenu .col-sm-offset-9 {
    margin-left: 75%;
  }
  .ms-megamenu .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .ms-megamenu .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .ms-megamenu .col-sm-offset-6 {
    margin-left: 50%;
  }
  .ms-megamenu .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .ms-megamenu .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .ms-megamenu .col-sm-offset-3 {
    margin-left: 25%;
  }
  .ms-megamenu .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .ms-megamenu .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .ms-megamenu .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .ms-megamenu .col-md-1, .ms-megamenu .col-md-2, .ms-megamenu .col-md-3, .ms-megamenu .col-md-4, .ms-megamenu .col-md-5, .ms-megamenu .col-md-6, .ms-megamenu .col-md-7, .ms-megamenu .col-md-8, .ms-megamenu .col-md-9, .ms-megamenu .col-md-10, .ms-megamenu .col-md-11, .ms-megamenu .col-md-12 {
    float: left;
  }
  .ms-megamenu .col-md-12 {
    width: 100%;
  }
  .ms-megamenu .col-md-11 {
    width: 91.66666667%;
  }
  .ms-megamenu .col-md-10 {
    width: 83.33333333%;
  }
  .ms-megamenu .col-md-9 {
    width: 75%;
  }
  .ms-megamenu .col-md-8 {
    width: 66.66666667%;
  }
  .ms-megamenu .col-md-7 {
    width: 58.33333333%;
  }
  .ms-megamenu .col-md-6 {
    width: 50%;
  }
  .ms-megamenu .col-md-5 {
    width: 41.66666667%;
  }
  .ms-megamenu .col-md-4 {
    width: 33.33333333%;
  }
  .ms-megamenu .col-md-3 {
    width: 25%;
  }
  .ms-megamenu .col-md-2 {
    width: 16.66666667%;
  }
  .ms-megamenu .col-md-1 {
    width: 8.33333333%;
  }
  .ms-megamenu .col-md-pull-12 {
    right: 100%;
  }
  .ms-megamenu .col-md-pull-11 {
    right: 91.66666667%;
  }
  .ms-megamenu .col-md-pull-10 {
    right: 83.33333333%;
  }
  .ms-megamenu .col-md-pull-9 {
    right: 75%;
  }
  .ms-megamenu .col-md-pull-8 {
    right: 66.66666667%;
  }
  .ms-megamenu .col-md-pull-7 {
    right: 58.33333333%;
  }
  .ms-megamenu .col-md-pull-6 {
    right: 50%;
  }
  .ms-megamenu .col-md-pull-5 {
    right: 41.66666667%;
  }
  .ms-megamenu .col-md-pull-4 {
    right: 33.33333333%;
  }
  .ms-megamenu .col-md-pull-3 {
    right: 25%;
  }
  .ms-megamenu .col-md-pull-2 {
    right: 16.66666667%;
  }
  .ms-megamenu .col-md-pull-1 {
    right: 8.33333333%;
  }
  .ms-megamenu .col-md-pull-0 {
    right: auto;
  }
  .ms-megamenu .col-md-push-12 {
    left: 100%;
  }
  .ms-megamenu .col-md-push-11 {
    left: 91.66666667%;
  }
  .ms-megamenu .col-md-push-10 {
    left: 83.33333333%;
  }
  .ms-megamenu .col-md-push-9 {
    left: 75%;
  }
  .ms-megamenu .col-md-push-8 {
    left: 66.66666667%;
  }
  .ms-megamenu .col-md-push-7 {
    left: 58.33333333%;
  }
  .ms-megamenu .col-md-push-6 {
    left: 50%;
  }
  .ms-megamenu .col-md-push-5 {
    left: 41.66666667%;
  }
  .ms-megamenu .col-md-push-4 {
    left: 33.33333333%;
  }
  .ms-megamenu .col-md-push-3 {
    left: 25%;
  }
  .ms-megamenu .col-md-push-2 {
    left: 16.66666667%;
  }
  .ms-megamenu .col-md-push-1 {
    left: 8.33333333%;
  }
  .ms-megamenu .col-md-push-0 {
    left: auto;
  }
  .ms-megamenu .col-md-offset-12 {
    margin-left: 100%;
  }
  .ms-megamenu .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .ms-megamenu .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .ms-megamenu .col-md-offset-9 {
    margin-left: 75%;
  }
  .ms-megamenu .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .ms-megamenu .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .ms-megamenu .col-md-offset-6 {
    margin-left: 50%;
  }
  .ms-megamenu .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .ms-megamenu .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .ms-megamenu .col-md-offset-3 {
    margin-left: 25%;
  }
  .ms-megamenu .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .ms-megamenu .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .ms-megamenu .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .ms-megamenu .col-lg-1, .ms-megamenu .col-lg-2, .ms-megamenu .col-lg-3, .ms-megamenu .col-lg-4, .ms-megamenu .col-lg-5, .ms-megamenu .col-lg-6, .ms-megamenu .col-lg-7, .ms-megamenu .col-lg-8, .ms-megamenu .col-lg-9, .ms-megamenu .col-lg-10, .ms-megamenu .col-lg-11, .ms-megamenu .col-lg-12 {
    float: left;
  }
  .ms-megamenu .col-lg-12 {
    width: 100%;
  }
  .ms-megamenu .col-lg-11 {
    width: 91.66666667%;
  }
  .ms-megamenu .col-lg-10 {
    width: 83.33333333%;
  }
  .ms-megamenu .col-lg-9 {
    width: 75%;
  }
  .ms-megamenu .col-lg-8 {
    width: 66.66666667%;
  }
  .ms-megamenu .col-lg-7 {
    width: 58.33333333%;
  }
  .ms-megamenu .col-lg-6 {
    width: 50%;
  }
  .ms-megamenu .col-lg-5 {
    width: 41.66666667%;
  }
  .ms-megamenu .col-lg-4 {
    width: 33.33333333%;
  }
  .ms-megamenu .col-lg-3 {
    width: 25%;
  }
  .ms-megamenu .col-lg-2 {
    width: 16.66666667%;
  }
  .ms-megamenu .col-lg-1 {
    width: 8.33333333%;
  }
  .ms-megamenu .col-lg-pull-12 {
    right: 100%;
  }
  .ms-megamenu .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .ms-megamenu .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .ms-megamenu .col-lg-pull-9 {
    right: 75%;
  }
  .ms-megamenu .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .ms-megamenu .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .ms-megamenu .col-lg-pull-6 {
    right: 50%;
  }
  .ms-megamenu .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .ms-megamenu .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .ms-megamenu .col-lg-pull-3 {
    right: 25%;
  }
  .ms-megamenu .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .ms-megamenu .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .ms-megamenu .col-lg-pull-0 {
    right: auto;
  }
  .ms-megamenu .col-lg-push-12 {
    left: 100%;
  }
  .ms-megamenu .col-lg-push-11 {
    left: 91.66666667%;
  }
  .ms-megamenu .col-lg-push-10 {
    left: 83.33333333%;
  }
  .ms-megamenu .col-lg-push-9 {
    left: 75%;
  }
  .ms-megamenu .col-lg-push-8 {
    left: 66.66666667%;
  }
  .ms-megamenu .col-lg-push-7 {
    left: 58.33333333%;
  }
  .ms-megamenu .col-lg-push-6 {
    left: 50%;
  }
  .ms-megamenu .col-lg-push-5 {
    left: 41.66666667%;
  }
  .ms-megamenu .col-lg-push-4 {
    left: 33.33333333%;
  }
  .ms-megamenu .col-lg-push-3 {
    left: 25%;
  }
  .ms-megamenu .col-lg-push-2 {
    left: 16.66666667%;
  }
  .ms-megamenu .col-lg-push-1 {
    left: 8.33333333%;
  }
  .ms-megamenu .col-lg-push-0 {
    left: auto;
  }
  .ms-megamenu .col-lg-offset-12 {
    margin-left: 100%;
  }
  .ms-megamenu .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .ms-megamenu .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .ms-megamenu .col-lg-offset-9 {
    margin-left: 75%;
  }
  .ms-megamenu .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .ms-megamenu .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .ms-megamenu .col-lg-offset-6 {
    margin-left: 50%;
  }
  .ms-megamenu .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .ms-megamenu .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .ms-megamenu .col-lg-offset-3 {
    margin-left: 25%;
  }
  .ms-megamenu .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .ms-megamenu .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .ms-megamenu .col-lg-offset-0 {
    margin-left: 0;
  }
}
@media (max-width: 460px) {
  .ms-megamenu .col-tn-1, .ms-megamenu .col-tn-2, .ms-megamenu .col-tn-3, .ms-megamenu .col-tn-4, .ms-megamenu .col-tn-5, .ms-megamenu .col-tn-6, .ms-megamenu .col-tn-7, .ms-megamenu .col-tn-8, .ms-megamenu .col-tn-9, .ms-megamenu .col-tn-10, .ms-megamenu .col-tn-11, .ms-megamenu .col-tn-12 {
    float: left;
  }
  .ms-megamenu .col-tn-12 {
    width: 100%;
  }
  .ms-megamenu .col-tn-11 {
    width: 91.66666667%;
  }
  .ms-megamenu .col-tn-10 {
    width: 83.33333333%;
  }
  .ms-megamenu .col-tn-9 {
    width: 75%;
  }
  .ms-megamenu .col-tn-8 {
    width: 66.66666667%;
  }
  .ms-megamenu .col-tn-7 {
    width: 58.33333333%;
  }
  .ms-megamenu .col-tn-6 {
    width: 50%;
  }
  .ms-megamenu .col-tn-5 {
    width: 41.66666667%;
  }
  .ms-megamenu .col-tn-4 {
    width: 33.33333333%;
  }
  .ms-megamenu .col-tn-3 {
    width: 25%;
  }
  .ms-megamenu .col-tn-2 {
    width: 16.66666667%;
  }
  .ms-megamenu .col-tn-1 {
    width: 8.33333333%;
  }
  .ms-megamenu .col-tn-offset-12 {
    margin-left: 100%;
  }
  .ms-megamenu .col-tn-offset-11 {
    margin-left: 91.66666667%;
  }
  .ms-megamenu .col-tn-offset-10 {
    margin-left: 83.33333333%;
  }
  .ms-megamenu .col-tn-offset-9 {
    margin-left: 75%;
  }
  .ms-megamenu .col-tn-offset-8 {
    margin-left: 66.66666667%;
  }
  .ms-megamenu .col-tn-offset-7 {
    margin-left: 58.33333333%;
  }
  .ms-megamenu .col-tn-offset-6 {
    margin-left: 50%;
  }
  .ms-megamenu .col-tn-offset-5 {
    margin-left: 41.66666667%;
  }
  .ms-megamenu .col-tn-offset-4 {
    margin-left: 33.33333333%;
  }
  .ms-megamenu .col-tn-offset-3 {
    margin-left: 25%;
  }
  .ms-megamenu .col-tn-offset-2 {
    margin-left: 16.66666667%;
  }
  .ms-megamenu .col-tn-offset-1 {
    margin-left: 8.33333333%;
  }
}
@media (max-width: 460px) {
  .hidden-tn {
    display: none !important;
  }
}
@media (max-width: 767px) and (min-width: 461px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.ms-megamenu input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.ms-megamenu input[type="radio"],
.ms-megamenu input[type="checkbox"] {
  margin: 3px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
.ms-megamenu input[type="file"] {
  display: block;
}
.ms-megamenu input[type="range"] {
  display: block;
  width: 100%;
}
.ms-megamenu select[multiple],
.ms-megamenu select[size] {
  height: auto;
}
.ms-megamenu input[type="file"]:focus,
.ms-megamenu input[type="radio"]:focus,
.ms-megamenu input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.ms-megamenu output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.ms-megamenu .form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-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;
}
.ms-megamenu .form-control:focus {
  border-color: #66afe9;
  outline:none;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.ms-megamenu .form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.ms-megamenu .form-control:-ms-input-placeholder {
  color: #999;
}
.ms-megamenu .form-control::-webkit-input-placeholder {
  color: #999;
}
.ms-megamenu .form-control[disabled],
.ms-megamenu .form-control[readonly],

.ms-megamenu textarea.form-control {
  height: 173px;
}
input[type="search"] {
  -webkit-appearance: none;
}
.ms-megamenu input[type="date"],
.ms-megamenu input[type="time"],
.ms-megamenu input[type="datetime-local"],
.ms-megamenu input[type="month"] {
  line-height: 34px;
  line-height: 1.42857143 \0;
}
.ms-megamenu input[type="date"].input-sm,
.ms-megamenu input[type="time"].input-sm,
.ms-megamenu input[type="datetime-local"].input-sm,
.ms-megamenu input[type="month"].input-sm {
  line-height: 30px;
  line-height: 1.5 \0;
}
.ms-megamenu input[type="date"].input-lg,
.ms-megamenu input[type="time"].input-lg,
.ms-megamenu input[type="datetime-local"].input-lg,
.ms-megamenu input[type="month"].input-lg {
  line-height: 46px;
  line-height: 1.33 \0;
}
_:-ms-fullscreen,
:root input[type="date"],
_:-ms-fullscreen,
:root input[type="time"],
_:-ms-fullscreen,
:root input[type="datetime-local"],
_:-ms-fullscreen,
:root input[type="month"] {
  line-height: 1.42857143;
}
_:-ms-fullscreen.input-sm,
:root input[type="date"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="time"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="datetime-local"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="month"].input-sm {
  line-height: 1.5;
}
_:-ms-fullscreen.input-lg,
:root input[type="date"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="time"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="datetime-local"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="month"].input-lg {
  line-height: 1.33;
}
.ms-megamenu .form-group {
  margin-bottom: 10px;
  float:left;
  width:100%;
}
.ms-megamenu .radio,
.ms-megamenu .checkbox {
  position: relative;
  display: block;
  margin-top: 5px;
  margin-bottom: 5px;
}
.ms-megamenu .radio label,
.ms-megamenu .checkbox label {
  min-height: 20px;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.ms-megamenu .radio input[type="radio"],
.ms-megamenu .radio-inline input[type="radio"],
.ms-megamenu .checkbox input[type="checkbox"],
.ms-megamenu .checkbox-inline input[type="checkbox"] {
  position: absolute;number
margin-top: 4px \9;
  margin-left: -19px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.ms-megamenu .radio-inline,
.ms-megamenu .checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.ms-megamenu .form-group label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: 700;
}
.ms-megamenu .hide{display:none;}
.ms-megamenu .disabled{
  opacity: 0.3;
  filter: alpha(opacity=30);
  cursor: default;
}
.ms-megamenu .text-left {
  text-align: left;
}
.ms-megamenu .text-right {
  text-align: right;
}
.ms-megamenu .text-center {
  text-align: center;
}
.ms-megamenu .text-justify {
  text-align: justify;
}
.ms-megamenu .text-nowrap {
  white-space: nowrap;
}
.ms-megamenu .text-lowercase {
  text-transform: lowercase;
}
.ms-megamenu .text-uppercase {
  text-transform: uppercase;
}
.ms-megamenu .text-capitalize {
  text-transform: capitalize;
}
.ms-megamenu .btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.ms-megamenu .btn:hover,
.ms-megamenu .btn:focus,
.ms-megamenu .btn.focus {
  color: #333;
  text-decoration: none;
}
.ms-megamenu .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.ms-megamenu .btn-default:hover,
.ms-megamenu .btn-default:focus,
.ms-megamenu .btn-default.focus,
.ms-megamenu .btn-default:active,
.ms-megamenu .btn-default.active,
.ms-megamenu .open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.ms-megamenu .btn-default:active,
.ms-megamenu .btn-default.active,
.ms-megamenu .open > .dropdown-toggle.btn-default {
  background-image: none;
}
.ms-megamenu .btn-default.disabled,
.ms-megamenu .btn-default[disabled],
.ms-megamenu fieldset[disabled] .btn-default,
.ms-megamenu .btn-default.disabled:hover,
.ms-megamenu .btn-default[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-default:hover,
.ms-megamenu .btn-default.disabled:focus,
.ms-megamenu .btn-default[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-default:focus,
.ms-megamenu .btn-default.disabled.focus,
.ms-megamenu .btn-default[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-default.focus,
.ms-megamenu .btn-default.disabled:active,
.ms-megamenu .btn-default[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-default:active,
.ms-megamenu .btn-default.disabled.active,
.ms-megamenu .btn-default[disabled].active,
.ms-megamenu fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.ms-megamenu .btn-default .badge {
  color: #fff;
  background-color: #333;
}
.ms-megamenu .btn-primary {
  color: #fff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.ms-megamenu .btn-primary:hover,
.ms-megamenu .btn-primary:focus,
.ms-megamenu .btn-primary.focus,
.ms-megamenu .btn-primary:active,
.ms-megamenu .btn-primary.active,
.ms-megamenu .open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #286090;
  border-color: #204d74;
}
.ms-megamenu .btn-primary:active,
.ms-megamenu .btn-primary.active,
.ms-megamenu .open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.ms-megamenu .btn-primary.disabled,
.ms-megamenu .btn-primary[disabled],
.ms-megamenu fieldset[disabled] .btn-primary,
.ms-megamenu .btn-primary.disabled:hover,
.ms-megamenu .btn-primary[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-primary:hover,
.ms-megamenu .btn-primary.disabled:focus,
.ms-megamenu .btn-primary[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-primary:focus,
.ms-megamenu .btn-primary.disabled.focus,
.ms-megamenu .btn-primary[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-primary.focus,
.ms-megamenu .btn-primary.disabled:active,
.ms-megamenu .btn-primary[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-primary:active,
.ms-megamenu .btn-primary.disabled.active,
.ms-megamenu .btn-primary[disabled].active,
.ms-megamenu fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.ms-megamenu .btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}
.ms-megamenu .btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.ms-megamenu .btn-success:hover,
.ms-megamenu .btn-success:focus,
.ms-megamenu .btn-success.focus,
.ms-megamenu .btn-success:active,
.ms-megamenu .btn-success.active,
.ms-megamenu .open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.ms-megamenu .btn-success:active,
.ms-megamenu .btn-success.active,
.ms-megamenu .open > .dropdown-toggle.btn-success {
  background-image: none;
}
.ms-megamenu .btn-success.disabled,
.ms-megamenu .btn-success[disabled],
.ms-megamenu fieldset[disabled] .btn-success,
.ms-megamenu .btn-success.disabled:hover,
.ms-megamenu .btn-success[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-success:hover,
.ms-megamenu .btn-success.disabled:focus,
.ms-megamenu .btn-success[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-success:focus,
.ms-megamenu .btn-success.disabled.focus,
.ms-megamenu .btn-success[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-success.focus,
.ms-megamenu .btn-success.disabled:active,
.ms-megamenu .btn-success[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-success:active,
.ms-megamenu .btn-success.disabled.active,
.ms-megamenu .btn-success[disabled].active,
.ms-megamenu fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.ms-megamenu .btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.ms-megamenu .btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ms-megamenu .btn-info:hover,
.ms-megamenu .btn-info:focus,
.ms-megamenu .btn-info.focus,
.ms-megamenu .btn-info:active,
.ms-megamenu .btn-info.active,
.ms-megamenu .open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.ms-megamenu .btn-info:active,
.ms-megamenu .btn-info.active,
.ms-megamenu .open > .dropdown-toggle.btn-info {
  background-image: none;
}
.ms-megamenu .btn-info.disabled,
.ms-megamenu .btn-info[disabled],
.ms-megamenu fieldset[disabled] .btn-info,
.ms-megamenu .btn-info.disabled:hover,
.ms-megamenu .btn-info[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-info:hover,
.ms-megamenu .btn-info.disabled:focus,
.ms-megamenu .btn-info[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-info:focus,
.ms-megamenu .btn-info.disabled.focus,
.ms-megamenu .btn-info[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-info.focus,
.ms-megamenu .btn-info.disabled:active,
.ms-megamenu .btn-info[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-info:active,
.ms-megamenu .btn-info.disabled.active,
.ms-megamenu .btn-info[disabled].active,
.ms-megamenu fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.ms-megamenu .btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.ms-megamenu .btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ms-megamenu .btn-warning:hover,
.ms-megamenu .btn-warning:focus,
.ms-megamenu .btn-warning.focus,
.ms-megamenu .btn-warning.active,
.ms-megamenu .open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.ms-megamenu .btn-warning:active,
.ms-megamenu .btn-warning.active,
.ms-megamenu .open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.ms-megamenu .btn-warning.disabled,
.ms-megamenu .btn-warning[disabled],
.ms-megamenu fieldset[disabled] .btn-warning,
.ms-megamenu .btn-warning.disabled:hover,
.ms-megamenu .btn-warning[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-warning:hover,
.ms-megamenu .btn-warning.disabled:focus,
.ms-megamenu .btn-warning[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-warning:focus,
.ms-megamenu .btn-warning.disabled.focus,
.ms-megamenu .btn-warning[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-warning.focus,
.ms-megamenu .btn-warning.disabled:active,
.ms-megamenu .btn-warning[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-warning:active,
.ms-megamenu .btn-warning.disabled.active,
.ms-megamenu .btn-warning[disabled].active,
.ms-megamenu fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.ms-megamenu .btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.ms-megamenu .btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ms-megamenu .btn-danger:hover,
.ms-megamenu .btn-danger:focus,
.ms-megamenu .btn-danger.focus,
.ms-megamenu .btn-danger:active,
.ms-megamenu .btn-danger.active,
.ms-megamenu .open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.ms-megamenu .btn-danger:active,
.ms-megamenu .btn-danger.active,
.ms-megamenu .open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.ms-megamenu .btn-danger.disabled,
.ms-megamenu .btn-danger[disabled],
.ms-megamenu fieldset[disabled] .btn-danger,
.ms-megamenu .btn-danger.disabled:hover,
.ms-megamenu .btn-danger[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-danger:hover,
.ms-megamenu .btn-danger.disabled:focus,
.ms-megamenu .btn-danger[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-danger:focus,
.ms-megamenu .btn-danger.disabled.focus,
.ms-megamenu .btn-danger[disabled].focus,
.ms-megamenu fieldset[disabled] .btn-danger.focus,
.ms-megamenu .btn-danger.disabled:active,
.ms-megamenu .btn-danger[disabled]:active,
.ms-megamenu fieldset[disabled] .btn-danger:active,
.ms-megamenu .btn-danger.disabled.active,
.ms-megamenu .btn-danger[disabled].active,
.ms-megamenu fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.ms-megamenu .btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.ms-megamenu .btn-link {
  font-weight: normal;
  color: #337ab7;
  border-radius: 0;
}
.ms-megamenu .btn-link,
.ms-megamenu .btn-link:active,
.ms-megamenu .btn-link.active,
.ms-megamenu .btn-link[disabled],
.ms-megamenu fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.ms-megamenu .btn-link,
.ms-megamenu .btn-link:hover,
.ms-megamenu .btn-link:focus,
.ms-megamenu .btn-link:active {
  border-color: transparent;
}
.ms-megamenu .btn-link:hover,
.ms-megamenu .btn-link:focus {
  color: #23527c;
  text-decoration: underline;
  background-color: transparent;
}
.ms-megamenu .btn-link[disabled]:hover,
.ms-megamenu fieldset[disabled] .btn-link:hover,
.ms-megamenu .btn-link[disabled]:focus,
.ms-megamenu fieldset[disabled] .btn-link:focus {
  color: #777;
  text-decoration: none;
}
.ms-megamenu .btn-lg,
.ms-megamenu .btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
.ms-megamenu .btn-sm,
.ms-megamenu .btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.ms-megamenu .btn-xs,
.ms-megamenu .btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.ms-megamenu .btn-block {
  display: block;
  width: 100%;
}
.ms-megamenu .btn-block + .btn-block {
  margin-top: 5px;
}
/* ---   Create By Billy Trinh at 13/05/2015 ----*/
/* ---- Style for Top Menu version PC ---*/
.ms-megamenu{box-sizing: border-box;text-align: left;}
.ms-featured{padding-left:20px;}
.ms-megamenu img{display: inline;vertical-align: middle;max-width: 100%;}
.ms-megamenu .ms-topmenu{
    position: relative;
    background: #175271;
    float: left;
    width: 100%;
    z-index: 199;
    margin: 10px 0 0;
}
.ms-megamenu .ms-topmenu.no-responsive .mb-submenu{display: none !important;}
.ms-megamenu .ms-level0{
    float:left;
}
.ms-level0.item_relative{position: relative;}
.ms-megamenu .ms-level0.active .ms-label{
    background: #206B91;
}
.ms-topmenu .ms-submenu a{
    outline: none;
}
.ms-topmenu .ms-submenu a.form-group{
    margin:5px 0;
    font-size: 13px;
    text-decoration: none;
}
.ms-topmenu .ms-submenu a.form-group:hover{
    color: #8A1F1F;
}
.ms-topmenu .ms-label{
    float:left;
    padding:15px;
    color:#fff;
    font-size: 15px;
    opacity: 0.9;
    filter:alpha(opacity=90);
    outline: none !important;
    text-decoration: none !important;
    cursor: pointer;
    line-height: 1.5;
}
.ms-megamenu .ms-iconmega{
    vertical-align: top;
    position: relative;
}
.ms-megamenu .ms-submenu{
    display: none;
    position: absolute;
    top:52px;
    z-index: 200;
    padding:15px;
    background:#fff;
    border:1px solid #ddd;
    max-width: 100%;
    border-top: 0;
    min-width: 160px;
}
.ms-topmenu .mb-submenu{display: none;}
.ms-header,.mb-header{
    float: left;
    width: 100%;
    padding:10px 0;
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
}
.ms-footer,.mb-footer{
    float: left;
    width: 100%;
    padding:10px 0;
    border-top: 1px solid #ddd;
    margin-top: 15px;
}
.col-category .level1{
    font-weight: 700;
    font-size: 14px;
}
.col-category .level2{
    font-weight: 400;
    font-size: 13px;
}
.col-sub{
    display: none;
    -moz-transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms;
}
.ms-category-level .col-sub{
    display: none;
    position: absolute;
    left: 150px;
    width: 16em;
    background-color: #fff;
    z-index: 201;
    padding: 12px;
    min-width: 12em;
    -webkit-box-shadow: 0px 1px 10px rgb(153, 153, 153);
    box-shadow: 0px 2px 12px rgb(153, 153, 153);
}
.ms-category-level  a.form-group{
    text-indent: 5px;
    font-weight: 600;
}
.ms-category-level .parent.active > a.form-group{
    color: #8A1F1F;
}
.ms-megamenu .parent .small{
    float:right;
    top:4px;
}
.active > .col-sub{
    display: block;
}
.level2  small{
    font-size: 50%;
    top: -2px;
}
.level2.active .level2{
    text-indent: 5px;
    -moz-transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms;
}
.mb-version .col-category .sub-level3{
    width: 100%;
    float: left;
    z-index: 201;
    padding:0 10px;
}
.mb-submenu .parent .col-sub,.lmb-submenu .parent .col-sub{
    padding:0 0 0 10px;
    position: static;
    width: 100%;
    box-shadow: none;
    background-color: transparent;
}
.mb-submenu .parent .form-group a{
    float:left;
}
.mb-submenu .ms-category-level .col-category a.form-group{
    border-bottom: 1px solid #ddd;
    padding: 5px 0;
}
.ms-category-dynamic .col-level{
    padding: 0px;
}
.ms-category-dynamic .col-level .col-xs-12.form-group{
    border-bottom: 1px solid #ddd;
    border-right: 1px solid #ddd;
    margin: 0;
    text-indent: 10px;
    -moz-transition: all ease-in-out 100ms;
    -webkit-transition: all ease-in-out 100ms;
    -o-transition: all ease-in-out 100ms;
    transition: all ease-in-out 100ms;
    background-color: #fff;
}
.ms-category-dynamic .col-level .col-xs-12.form-group.active{
    border-right-color:rgba(0,0,0,0);
    background-color: transparent;
}
.ms-category-dynamic .col-level .col-xs-12.form-group a{
    font-weight: 600;
    float:left;
    width:100%;
    padding:10px 0;
    font-size: 13px;
}
.ms-category-dynamic .col-level .col-xs-12.form-group.active a {
    color: #8A1F1F;
}
.ms-category-dynamic .col-level .col-xs-12.form-group a:hover { 
    color: #8A1F1F;
    text-decoration: none;
}
.ms-category-dynamic .col-level .col-xs-12.form-group.active a .small{
    opacity:0;
    filter: alpha(opacity=0);
}
.ms-category-dynamic .col-dynamic{
    display: none;
    padding-top: 10px;
}
.ms-category-dynamic .active.col-dynamic{
    display: block;
}
.ms-category-dynamic .col-dynamic .col-category-image img{
    outline: 0;
    transition: all 200ms ease-in-out;
    -ms-transform: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
small.glyphicon.glyphicon-th-large{
    font-size: 50%;
    margin-left: -6px;
    padding-right: 5px;
    top: -2px;
}
.ms-category-dynamic .col-dynamic a span{
    font-weight: 600;
    font-size: 12px;
}
.ms-category-dynamic .col-dynamic a:hover span{
    color:#8A1F1F;
    font-weight: 600;
}
.ms-category-dynamic .col-dynamic a:hover img{
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-tranform:translateY(-10px);
    -webkit-transform: translateY(-10px);
}
.ms-category-dynamic .col-category{
    padding: 0 5px;
}
.ms-category-dynamic .dynamic-viewall{
    text-align:center;
    text-transform:uppercase;
    color:#175271 !important;
    font-weight: 600;
    font-size: 13px;
    -ms-transform: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
.ms-category-dynamic .dynamic-viewall small{
    padding-left: 6px;
}
.ms-category-dynamic .dynamic-viewall:hover{
    text-decoration: none;
    color: #860F0F !important;
    border-color: #860F0F;
}
/*------- Product -------------------*/
.ms-productgrid .item .product-image,
.ms-megamenu .f-product .product-image,
.ms-megamenu .f-category .product-image{
    border: none;
}
.ms-productgrid .item .product-image:hover,
.ms-megamenu .f-category .product-image:hover,
.ms-megamenu .f-product .product-image:hover{
    transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-tranform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    transition: all 200ms ease-in-out;
    -ms-transform: all 200ms ease-in-out;
    -o-transition: all 200ms ease-in-out;
    -webkit-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
}
.ms-megamenu .f-product .product-image img{max-width:100%;}
.mb-content .item,
.mb-content .col-productlist,
.mb-content .col-category,
.mb-featured .f-product,
.mb-featured .f-category{padding-top: 10px;padding-bottom: 10px;}
/*---------------------Mobile version-------------------------*/
.ms-megamenu .anchor_mbmenu{
    background: rgb(7, 70, 102);
    padding: 8px 0;
    display: none;
}
.ms-megamenu .anchor_mbmenu .anchor_mbmenu_text{
    outline: 0;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
}
.megamenu-mobile .mb-topmenu{
    display:none;
    position: relative;
    float:left;
    width:100%;
}
.ms-megamenu .mb-submenu{
    position: absolute;
    left: 100%;
    top:0;
    z-index: -1;
    background: #fff;
    display:none;
    float:left;
    width: 100%;
}
.ms-megamenu .mb-submenu.blind{
    position: static;
}
.ms-megamenu .mb-submenu.blind .mb-return,.ms-megamenu .lmb-submenu.blind .mb-return{
    display: none;
}
.ms-megamenu .mb-submenu .mb-return span,.ms-megamenu .lmb-submenu .mb-return span{
    float: left;
}
.ms-megamenu .mb-label{
    padding: 10px 5px 10px 20px;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
    display: none !important;
    position: absolute;
    right: 1px;
    top:0;
    height: 42px;
    line-height: 21px;
}
.ms-megamenu .mb-return{
    border: 0;
    z-index: 200;
}
.ms-megamenu .mb-submain{
    padding:15px;
    border: 1px solid #ddd;
    border-top: 0;
}
/*---- Fix for magento 1.9---*/
#header-nav{display: block;}
.skip-nav{display: none;}

/* ----- Left Menu ---------*/
.item_relative{position: relative;}
.ms-leftmenu{
    position: relative;
    z-index: 200;
    text-align: left;
    float:left;
    width: 100%;
    border-top: 1px solid #ddd;
    margin: 10px 0;
}
.ms-leftmenu .msl-level0{
    float:left;
    width:100%;
}
.ms-leftmenu .msl-submenu{
    display: none;
    position: absolute;
    top: 0px;
    left:239px;
    z-index: 200;
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
    min-width: 160px;
}
.ms-leftmenu .msl-label{
    padding: 12px 25px 8px;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
    cursor: pointer;
    line-height: 1.5;
    float:left;
    width:100%;
}
.ms-leftmenu .msl-label.first{
    border-top: 1px solid #ddd;
}
.ms-leftmenu .msl-label.flag{
    background: #EBEDED;
}
.ms-leftmenu .msl-label span.small{float: right;  margin-right: -15px;}
/*---------------------Mobile version for Left menu -------------------------*/
.lmegamenu-mobile{display: none;}
.ms-megamenu .anchor_lmbmenu{
    background: rgb(7, 70, 102);
    padding: 8px 0;
}
.ms-megamenu .anchor_lmbmenu .anchor_lmbmenu_text{
    outline: 0;
    text-decoration: none;
    font-size: 20px;
    color: #fff;
}
.lmegamenu-mobile .lmb-leftmenu{
    display:none;
    position: relative;
    text-align:left;
    float:left;
    width:100%;
}
.ms-megamenu .lmb-submenu{
    position: absolute;
    left: 100%;
    top:0;
    z-index: -1;
    background: #fff;
    display:none;
    float:left;
    width: 100%;
}
.ms-megamenu .lmb-submenu.blind{
    position: static;
}
.ms-megamenu .lmb-label{
    padding:12px 25px 8px;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
}
.ms-megamenu .lmb-label.flag{
    background: #EBEDED;
}
.ms-megamenu .lmb-label.lmb-return{border: 0;}
.ms-megamenu .lmb-label span{float:left;}
.ms-megamenu .lmb-click span{float: right;  margin-right: -15px;}

.ms-megamenu .mb-submain{
    padding:15px;
    border: 1px solid #ddd;
    border-top: 0;
}

@media (max-width: 768px){


#nav-10{
    margin-top: 48px;
}

}

    /* ------ Top menu -----------*/
.ms-megamenu .ms-topmenu{text-align:left;}
.ms-topmenu .ms-label{
    float:left;
}
.ms-topmenu .ms-level0{float: left;}
.ms-megamenu .ms-topmenu{
    background: #353535;
}
.ms-topmenu .ms-label{
    font-size:10px;
    text-transform:none;
    color:#FFFFFF;
    padding:32.5px 15px;
}

.ms-topmenu .ms-level0.active .ms-label,
.ms-topmenu .ms-level0:hover .ms-label,
.ms-topmenu .ms-level0:active .ms-label,
.ms-topmenu .ms-level0:focus .ms-label{
    color:#FFFFFF;
}
.ms-topmenu .ms-level0.active .ms-label,
.ms-topmenu .ms-level0:hover .ms-label,
.ms-topmenu .ms-level0:active .ms-label,
.ms-topmenu .ms-level0:focus .ms-label{
    background-color:#4B4B4B;
}
.ms-topmenu .ms-submenu,.ms-topmenu .col-sub{
    background-color:#FFFFFF;
    color:#636363;
}
.ms-topmenu .ms-submenu a{
    color:#636363;
}
.ms-topmenu .ms-boxtitle{
    color:#636363;
}

/* ------Left Menu ------*/
.ms-leftmenu .msl-label{
    font-size:15px;
    text-transform:none;
    color:#2F2F2F;
    background: #FFFFFF;
}
.ms-leftmenu .msl-label .ms-iconmega{
    height:15px;
    top:3.75px;
}
.ms-leftmenu .msl-level0.active .msl-label,
.ms-leftmenu .msl-level0:hover .msl-label,
.ms-leftmenu .msl-level0:active .msl-label,
.ms-leftmenu .msl-level0:focus .msl-label{
    color:#2F2F2F;
    background-color:#DEDEDE;
}
.ms-leftmenu .msl-submenu,.ms-leftmenu .col-sub{
    background-color:#FFFFFF;
    color:#636363;
}
.ms-leftmenu .msl-submenu a{
    color:#636363;
}
.ms-leftmenu .ms-boxtitle{
    color:#636363;
}

/* ---- Mobile version ---------*/
@media (min-width: 770px){
    .ms-topmenu .mb-submenu{display: none !important;}

}
@media (max-width: 767px){
    .ms-megamenu .ms-topmenu{background-color:transparent;display:block; }
    .ms-megamenu .anchor_mbmenu,.ms-megamenu .mb-label{
        display: block !important;
    }
    .ms-topmenu .ms-level0{
        float:left;
        width: 100%;
        display: none;
        position: relative;
    }
    .ms-topmenu.active .ms-level0{
        display: block;
    }
    .ms-topmenu .ms-label{
        padding: 12px 15px 8px !important;
        background: #FFFFFF;
        border: 1px solid #ddd;
        border-top: 0;
        color: #2f2f2f;
        text-decoration: none;
        outline: none;
        width: 100%;
        float:left;
        min-height:43px;
    }
    .ms-topmenu .ms-submenu{display: none !important;}
    .ms-topmenu .mbactive .mb-submenu.slide{
        z-index: 201;
        display: inline;
    }
    .ms-level0 .ms-label,

    .ms-megamenu .mb-label{
        font-size:15px;
        text-transform:none;
        background-color:#FFFFFF;
        color:#FFFFFF;
    }
    .ms-topmenu .ms-level0.active .ms-label,
    .ms-topmenu .ms-level0:hover .ms-label,
    .ms-topmenu .ms-level0:active .ms-label,
    .ms-topmenu .ms-level0:focus .ms-label,
    .ms-topmenu .ms-level0:hover .mb-label,
    .ms-topmenu .ms-level0:active .mb-label,
    .ms-topmenu .ms-level0:focus .mb-label,

    .ms-megamenu .mbactive .ms-label,
    .ms-megamenu .mbactive .mb-return,
    .ms-megamenu .mbactive .mb-label{
        background-color:#EBEDED;
        color:#FFFFFF;
    }
    .ms-megamenu .anchor_mbmenu{
        background-color:#262626;
    }
    .ms-megamenu .anchor_mbmenu .anchor_mbmenu_text{
        color:#FFFFFF;
    }

    .ms-megamenu .mb-submenu{
        background-color:#FFFFFF;
        color:#636363;
    }
    .ms-megamenu .ms-boxtitle{
        color:#636363;
    }
    .ms-megamenu .mb-submenu a{
        color:#636363;
    }
}
    /* ---- Mobile version ---------*/
    @media (min-width: 768px){
    .ms-leftmenu .lmb-submenu{display: none !important;}
    }
    @media (max-width: 767px){
    .ms-megamenu .ms-leftmenu{background-color:transparent; }
    .ms-megamenu .anchor_mbmenu,.ms-megamenu .mb-label{
    display: block !important;
    }
    .ms-leftmenu  .msl-level0{
    float:left;
    width: 100%;
    display: none;
    position: relative;
    }
    .ms-leftmenu.active .msl-level0{
    display: block;
    }
    .ms-leftmenu  .msl-label{
    padding: 12px 15px 8px !important;
    background: #FFFFFF;
    border: 1px solid #ddd;
    border-top: 0;
    color: #2f2f2f;
    text-decoration: none;
    outline: none;
    width: 100%;
    float:left;
    min-height:43px;
    }
   .ms-leftmenu  .msl-submenu{display: none !important;}
   .ms-leftmenu .mbactive .lmb-submenu{
    z-index: 201;
    display: inline;
    }

    .msl-level0 .msl-label,
    .ms-megamenu .mb-label{
    font-size:15px;
    text-transform:none;
    background-color:#FFFFFF;
    color:#FFFFFF;
    }

    .ms-leftmenu .msl-level0.active .msl-label,
    .ms-leftmenu .msl-level0:hover .msl-label,
    .ms-leftmenu .msl-level0:active .msl-label,
    .ms-leftmenu .msl-level0:focus .msl-label,
    .ms-leftmenu .msl-level0:hover .mb-label,
    .ms-leftmenu .msl-level0:active .mb-label,
    .ms-leftmenu .msl-level0:focus .mb-label,
    .ms-megamenu .mbactive .ms-label,
    .ms-megamenu .mbactive .mb-return,
    .ms-megamenu .mbactive .mb-label{
    background-color:#EBEDED;
    color:#FFFFFF;
    }
    .ms-megamenu .anchor_mbmenu,
    .ms-megamenu .anchor_lmbmenu{
    background-color:#262626;
    }
    .ms-megamenu .anchor_mbmenu .anchor_mbmenu_text,
    .ms-megamenu .anchor_lmbmenu_text{
    color:#FFFFFF;
    }


    .ms-megamenu .lmb-submenu{
    background-color:#FFFFFF;
    color:#636363;
    }
    .ms-megamenu .ms-boxtitle{
    color:#636363;
    }

    .ms-megamenu .lmb-submenu a{
    color:#636363;
    }
    }
.extra-custom {
    width: 20%;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.searchindex-results {
  *zoom: 1;
  margin-bottom: 10px;
  border-bottom: 1px solid #a0b3c3;
}
.searchindex-results:before,
.searchindex-results:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results:after {
  clear: both;
}
.searchindex-results li {
  margin-bottom: -1px;
  float: left;
  *zoom: 1;
  margin: 0px 2px;
}
.searchindex-results li:before,
.searchindex-results li:after {
  display: table;
  content: "";
  line-height: 0;
}
.searchindex-results li:after {
  clear: both;
}
.searchindex-results li a {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  display: block;
  cursor: pointer;
  padding: 2px 5px 1px 5px;
  line-height: 20px;
  border: 1px solid transparent;
  border-bottom: none;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
  text-decoration: none;
}
.searchindex-results li a:hover {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-results li a span {
  font-weight: normal;
  font-size: 0.9em;
}
.searchindex-results li.active a {
  background-color: #f1f1f1;
  background-image: -moz-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e8e8e8), to(#ffffff));
  background-image: -webkit-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: -o-linear-gradient(top, #e8e8e8, #ffffff);
  background-image: linear-gradient(to bottom, #e8e8e8, #ffffff);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe8e8e8', endColorstr='#ffffffff', GradientType=0);
  cursor: default;
  border: 1px solid #a0b3c3;
  border-bottom: none;
}
.searchindex-result li {
  padding: 5px;
}
.searchindex-result li .title a {
  font-weight: bold;
  color: #203548;
  font-size: 13px;
}
.searchindex-result.searchindex-result-category {
  margin-bottom: 20px;
}
.searchindex-result.searchindex-result-category li {
  padding: 1px 0px;
}
.searchindex-result.searchindex-result-category li a {
  font-weight: bold;
  color: #203548;
}
.searchindex-highlight {
  background-color: #ff0;
}

.am-facebook-image{
	box-sizing: content-box;
}

#am-google-image{
box-sizing: content-box;
}

#amprogress {
    background: linear-gradient(rgba(11, 11, 11, 0.1), rgba(11, 11, 11, 0.6)) repeat-x scroll 0 0 rgba(11, 11, 11, 0.2);
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}

#amimg_container {
    left: 50%;
    position: absolute;
    top: 340px;
    z-index: 9999;
}

#am-ajaxlogin-container{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	background:url('https://www.fixferreterias.com/skin/frontend/base/default/css/amasty/amajaxlogin/ie.png');
	background: -moz-linear-gradient(rgba(11,11,11,0.1), rgba(11,11,11,0.6)) repeat-x rgba(11,11,11,0.2);
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(11,11,11,0.1)), to(rgba(11,11,11,0.6))) repeat-x rgba(11,11,11,0.2);
	z-index: 99999;
}

#confirmOverlay div{
   min-height: none;
   min-width: none;
   max-height: none;
   max-width: none;
}

#am-ajaxlogin{
    float: none;   
    width:95%;
    top:20%;
	max-width:600px;
	position:relative;
	text-align: center;
    margin: 0 auto;
	border: 1px solid rgba(33, 33, 33, 0.6);
    z-index: 100;
    background-color: rgb(247,248,250);
    font-size: 16px;
    border-radius: 5px;
	-moz-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	-webkit-box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
	box-shadow: 0 0 2px rgba(255, 255, 255, 0.6) inset;
}

#am-ajaxlogin-close {
    position: absolute;
    right: 7px;
    top:3px;
    cursor: pointer;
}

#am-ajaxlogin-title{
    font-size: 25px;
    padding: 20px 0px;
    background-color: rgb(222,222,222);
    color: #606062;
}

#am-ajaxlogin-message{
    background-color: rgb(247,248,250);
    height: 100%;
    padding: 15px 0;
}

.am-form-block{
    color: #9ba0a4;
    width:100%;
    max-width: 250px;
    display: inline-block;
    margin: 20px;
    border-right: 1px solid #606062;
    text-align: left;
    vertical-align: top;
}

.am-form-list input.input-text {
    width: 95%;
}

.am-form-list li {
    margin: 0 0 8px;
}

.am-form-list label {
    float: left;
    font-weight: bold;
    position: relative;
}

.am-form-list em {
    color: #EB340A;
    float: right;
    font-style: normal;
    position: absolute;
    right: -8px;
    top: 0;
}

.or_use_that{
    display: inline-block;
    margin: 10px 0 0 30px;
}

.am-form-block-line {
    margin: 10px;
    height:1px;
}

.amform-block-account{
    margin: 10px 10px 10px 10px;
    border:0;
}

.amform-block-account-container {
    position: relative;
    top: 10px;
}

.amform-block-social{
    clear: both;
    position: relative;
    top: -20px;
}

.amform-block-social div{
    cursor: pointer;
    margin-bottom: 15px;
    max-height: 40px;
}

.amform-block-social div:last-child{
    margin-bottom: 0;
}

#hideDiv{
    width:100%;
    height:100%;
    z-index: 10; 
    position: absolute;
    display: block;
    float: none;   
}

.am-password-login {
    float:left;
    font-size: 11px;
    width: 120px;
    padding-top: 2px;
    color: #9ba0a4;
}

.am-password-login a{
    color: #9ba0a4;
    text-decoration: none;
    border-bottom: 1px dashed #9ba0a4;
    cursor: pointer;  
}

ul.form-list label {
    color: #9ba0a4;
}

.am-password-login a:hover{
    text-decoration: none;
    border-bottom: 0;  
}

.am-login-button{
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:12px;
    padding: 10px ;
    text-decoration:none;
    display:inline-block;
    text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
    font-weight:bold;
    cursor: pointer;
    color: #FFFFFF;
    min-width: 100px;
    max-width: 120px;
    text-align: center;
    vertical-align: top;
}

.am-create-account{
    width: 236px;
    max-width: initial;
    max-height: 40px;
    margin-bottom: 50px;
    border:1px solid #61be89;
    background-color: #89CEA7;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#89CEA7), to(#5DCE86));
    background-image: -webkit-linear-gradient(top, #89CEA7, #5DCE86);
    background-image: -moz-linear-gradient(top, #89CEA7, #5DCE86);
    background-image: -ms-linear-gradient(top, #89CEA7, #5DCE86);
    background-image: -o-linear-gradient(top, #89CEA7, #5DCE86);
    background-image: linear-gradient(to bottom, #89CEA7, #5DCE86);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#89CEA7, endColorstr=#5DCE86);
    font-size: 15px;
}

.am-create-account:hover{
    border:1px solid #47aa72;
    background-color: #65bf8c; background-image: -webkit-gradient(linear, left top, left bottom, from(#65bf8c), to(#3abe6a));
    background-image: -webkit-linear-gradient(top, #65bf8c, #3abe6a);
    background-image: -moz-linear-gradient(top, #65bf8c, #3abe6a);
    background-image: -ms-linear-gradient(top, #65bf8c, #3abe6a);
    background-image: -o-linear-gradient(top, #65bf8c, #3abe6a);
    background-image: linear-gradient(to bottom, #65bf8c, #3abe6a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#65bf8c, endColorstr=#3abe6a);
}

.am-login{
    border:1px solid #5daee3;
    background-color: #8DC6EB; background-image: -webkit-gradient(linear, left top, left bottom, from(#8DC6EB), to(#7ABEEB));
    background-image: -webkit-linear-gradient(top, #8DC6EB, #7ABEEB);
    background-image: -moz-linear-gradient(top, #8DC6EB, #7ABEEB);
    background-image: -ms-linear-gradient(top, #8DC6EB, #7ABEEB);
    background-image: -o-linear-gradient(top, #8DC6EB, #7ABEEB);
    background-image: linear-gradient(to bottom, #8DC6EB, #7ABEEB);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8DC6EB, endColorstr=#7ABEEB);
}

.am-login:hover{
    border:1px solid #369bdc;
    background-color: #62b0e3; background-image: -webkit-gradient(linear, left top, left bottom, from(#62b0e3), to(#4ea8e4));
    background-image: -webkit-linear-gradient(top, #62b0e3, #4ea8e4);
    background-image: -moz-linear-gradient(top, #62b0e3, #4ea8e4);
    background-image: -ms-linear-gradient(top, #62b0e3, #4ea8e4);
    background-image: -o-linear-gradient(top, #62b0e3, #4ea8e4);
    background-image: linear-gradient(to bottom, #62b0e3, #4ea8e4);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#62b0e3, endColorstr=#4ea8e4);
}



#confirmBox p{
	background:none;
	font-size:16px;
	line-height:1.4;
	padding-top: 5px;
}

.am-ajax-iframe{
    width: 31px;
    height:32px;
    border:0;
}

.am-ajax-error{
    color: rgb(211,87,76);
    font-size: 20px;
    padding: 10px 0;
}


.am-ajax-error img, .am-ajax-success img {
    margin-right: 10px;
    margin-top: 5px;
    width: 20px;
    display: inline !important;
}

.am-ajax-success{
    color: rgb(90,187,132);
    font-size: 20px;
    padding: 10px 0;
}

/* forgot password block start*/

.am-login-forgotpassword{
    margin: 20px;
    text-align: center;
}

.am-login-forgotpassword div.am-login-button{
    float:none !important;
    border: 0;
    margin: 0 auto;
}

.am-login-forgotpassword p.required {
    text-align: center;
}

.am-login-forgotpassword-form-list {
    margin: 0 auto;
    width: 100%;
    max-width: 260px;
}

.am-login-forgotpassword .form-list label {
    float:none !important;
}
/* forgot password block end*/


/* account block start*/
.amajaxlogin-block .box-info .box-head h2 {
    background-image: url("https://www.fixferreterias.com/skin/frontend/base/default/images/i_ma-info.gif");
}

.amajaxlogin-social-icon {
    margin: 0 auto;
    width: 236px;
}

.amajaxlogin-social-icon div {
    margin-bottom: 15px;
    max-height: 40px;
}

.amajaxlogin-social-icon div:first-child {
    margin-top: 15px;
}

.amajaxlogin-social-icon div:last-child {
    margin-bottom: 0;
}

.amajaxlogin-social-icon img{
    cursor: pointer;
}

#am-twitter-image{
    height: 40px;
    width: 236px;
    box-sizing: border-box;
    padding: 10px 0 0 47px;
    border-radius: 3px;
    background-size: cover;
    background: url("https://www.fixferreterias.com/skin/frontend/base/default/images/amasty/amajaxlogin/twitter.svg") no-repeat;
    font: 15px/24px Roboto,Helvetica,sans-serif;
    font-weight: bold;
    color: #fff;
    cursor: pointer;

}

#am-twitter-image:hover{
    box-shadow: inset 0 -3px 0 rgba(0, 0, 0, .2);
}

.am-login-button.am-login {
    margin-left: 17px;
}

@media screen and (max-width: 770px) {
    div#am-ajaxlogin-title {
        font-size: 19px;
        padding: 20px 20px;
    }
}

@media screen and (max-width: 565px) {

    .am-form-block div.am-login-button {
        left: 5px;
        top: 40px;
        z-index: 99;
    }

    div.amform-block-account-container{
        top: 0px;
        margin-top: 30px;
    }

    .am-form-block {
        border-right: 0px;
    }


    #am-ajaxlogin{
        top:0;
    }
    .am-form-block{
        margin: 0 20px;
    }
}

@media screen and (min-width: 597px) {
    div.amform-block-account-container{
        margin-top: 20px;
    }
}
#cryozonic-stripe-accepted-cards img {
	-moz-transition: opacity .3s ease-in-out;
	-webkit-transition: opacity .3s ease-in-out;
	transition: opacity .3s ease-in-out;
	display: inline-block;
}
#cryozonic-stripe-accepted-cards.cryozonic-stripe-detected img {
	opacity: 0.3;
}
#cryozonic-stripe-accepted-cards.cryozonic-stripe-detected img.active {
	opacity: 1;
}

input#cryozonic_stripe_cc_number {
    background-repeat: no-repeat;
    background-position: right center;
    background-size: contain;
    background-position-x: 80%;
    -moz-transition: background-position-x 0.25s ease-in-out;
    -webkit-transition: background-position-x 0.25s ease-in-out;
    transition: background-position-x 0.25s ease-in-out;
}

input#cryozonic_stripe_cc_number.cctype-detected {
    background-position-x: 99%;
}

.adminhtml-sales-order-create-index #payment_form_cryozonic_stripe input[type="text"]
{
	width: 200px;
}

.dialog_content {
    background-color: #fff;
}
.img-preload {
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    z-index: -1;
}
/* Customer Account */
.saved-cards label {
    display: inline;
}
.saved-cards {
    font-size: 1.15em;
}
.saved-cards li {
    margin: 15px 0;
}
.saved-cards li.cryozonic-stripe-elements {
    margin-top: 0;
}
#new-card .form-list select {
    width: auto;
}
#new-card .form-list label {
    float: none;
}
#cryozonic_stripe_cc_cid {
    width: 40px;
}

/* Checkout */
#mandates.saved-cards label {
    font-weight: normal;
    margin-left: 4px;
}
ul#payment_form_cryozonic_stripe {
    padding-left: 20px;
    padding-top: 15px;
}
.adminhtml-sales-order-create-index ul#payment_form_cryozonic_stripe {
    padding: 5px 0 10px;
}
ul#payment_form_cryozonic_stripe li {
    display: block;
}
ul#payment_form_cryozonic_stripe li.stripe-new {
    display: none;
}
ul#payment_form_cryozonic_stripe.stripe-new li.stripe-new {
    display: block;
    margin-left: 20px;
}
/* Idev OSC 3-column fixes */
.onestepcheckout-column-middle ul#payment_form_cryozonic_stripe.stripe-new li.stripe-new {
    margin-left: 0;
}
.onestepcheckout-column-middle ul#payment_form_cryozonic_stripe {
    margin: 10px 0;
    /*padding-left: 0px;*/
}
/* ~Idev OSC */
.sp-methods .saved-cards li label {
    float: none;
}
.saved-cards {
    margin-top: 14px;
}
.saved-cards input.select {
    position: relative;
    top: -1px;
}
.saved-cards span {
    display: inline-block;
}
.saved-cards span.type {
    font-weight: bold;
    margin-left: 3px;
    color: #4b4b4b;
    font-family: 'Roboto';
    font-weight: bold;
}
.saved-cards span.exp {
    float: right;
}
.saved-cards label {
    display: inline;
}
.saved-cards span.cryozonic-stripe-fade {
    color: #4b4b4b;
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 14px;
}
.form-list .saved-cards label {
    float: none;
}
#cryozonic-stripe-card-errors {
    border: 0;
    border-radius: 3px;
    height: 0;
    margin: 0 auto;
    transition: height 1s, margin 1s, border 1s, padding 1s;
    display: inline-block;
    padding: 0 1em;
}
#cryozonic-stripe-card-errors.populated {
    border: 1px hsla(0,100%,50%,0.5) dashed;
    padding: 5px 1em;
    color: #D20;
    height: auto;
    margin: 0.5em auto 1em;
}

/* Card Icons */
#payment_form_cryozonic_stripe span.type.Visa, #payment_form_cryozonic_stripe span.type.visa { background: url(https://www.fixferreterias.com/skin/frontend/base/default/cryozonic_stripe/img/visa.png) no-repeat; }
#payment_form_cryozonic_stripe span.type.American.Express, #payment_form_cryozonic_stripe span.type.amex { background: url(https://www.fixferreterias.com/skin/frontend/base/default/cryozonic_stripe/img/amex.png) no-repeat; }
#payment_form_cryozonic_stripe span.type.MasterCard, #payment_form_cryozonic_stripe span.type.mastercard { background: url(https://www.fixferreterias.com/skin/frontend/base/default/cryozonic_stripe/img/mastercard.png) no-repeat; }
#payment_form_cryozonic_stripe span.type.Discover, #payment_form_cryozonic_stripe span.type.discover { background: url(https://www.fixferreterias.com/skin/frontend/base/default/cryozonic_stripe/img/discover.png) no-repeat; }
#payment_form_cryozonic_stripe span.type.Diners, #payment_form_cryozonic_stripe span.type.diners { background: url(https://www.fixferreterias.com/skin/frontend/base/default/cryozonic_stripe/img/diners.png) no-repeat; }
#payment_form_cryozonic_stripe span.type.JCB, #payment_form_cryozonic_stripe span.type.jcb { background: url(https://www.fixferreterias.com/skin/frontend/base/default/cryozonic_stripe/img/jcb.png) no-repeat; }

#payment_form_cryozonic_stripe span.type.Visa, #payment_form_cryozonic_stripe span.type.visa,
#payment_form_cryozonic_stripe span.type.American.Express, #payment_form_cryozonic_stripe span.type.amex,
#payment_form_cryozonic_stripe span.type.MasterCard, #payment_form_cryozonic_stripe span.type.mastercard,
#payment_form_cryozonic_stripe span.type.Discover, #payment_form_cryozonic_stripe span.type.discover,
#payment_form_cryozonic_stripe span.type.Diners, #payment_form_cryozonic_stripe span.type.diners,
#payment_form_cryozonic_stripe span.type.JCB, #payment_form_cryozonic_stripe span.type.jcb {
    padding-left: 30px;
    background-position-y: -3px;
    background-size: 24px;
}

/* Apple Pay */
#co-payment-form #cryozonic-apple-pay-section #apple-pay-button,
ul#payment_form_cryozonic_stripe li#apple-pay-section #apple-pay-button {
    background-color: black;
    background-image: -webkit-named-image(apple-pay-logo-white);
    background-size: 100% 24px;
    background-origin: content-box;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 44px;
    padding: 10px 0;
    border-radius: 10px;
}
#co-payment-form #cryozonic-apple-pay-section,
ul#payment_form_cryozonic_stripe li#apple-pay-section {
    display: none;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
#co-payment-form.payment-request-api-supported #cryozonic-apple-pay-section,
ul#payment_form_cryozonic_stripe.payment-request-api-supported li#apple-pay-section {
    display: block;
}
#co-payment-form.payment-request-api-supported #cryozonic-apple-pay-section #apple-pay-button,
ul#payment_form_cryozonic_stripe.payment-request-api-supported li#apple-pay-section #apple-pay-button {
    display: none;
}
#co-payment-form #cryozonic-apple-pay-section label,
ul#payment_form_cryozonic_stripe li#apple-pay-section label {
    font-weight: bold;
    margin: 10px 0;
    float: none;
    display: block;
}
#cryozonic-apple-pay-result {
    margin-bottom: 20px;
}
#co-payment-form.apple-pay-success .sp-methods {
    display: none;
}

/* Authorized Apple Pay Result */
#co-payment-form #cryozonic-apple-pay-result label,
.form-list #apple-pay-result label {
    display: inline-block;
    float: none;
}
#co-payment-form #cryozonic-apple-pay-result,
ul#payment_form_cryozonic_stripe li#apple-pay-result {
    text-align: center;
    font-size: 1.1em;
    display: none;
}
#cryozonic-apple-pay-result > div,
#apple-pay-result > div {
    display: block;
    margin: 5px 0;
}
#co-payment-form.apple-pay-success #cryozonic-apple-pay-result,
ul#payment_form_cryozonic_stripe.apple-pay-success li#apple-pay-result {
    display: block;
}
#co-payment-form.payment-request-api-supported.apple-pay-success #cryozonic-apple-pay-section,
ul#payment_form_cryozonic_stripe.payment-request-api-supported.apple-pay-success li#apple-pay-section {
    display: none;
}
ul#payment_form_cryozonic_stripe.payment-request-api-supported.apple-pay-success.stripe-new li.stripe-new {
    display: none;
}
ul#payment_form_cryozonic_stripe.payment-request-api-supported.apple-pay-success.stripe-new li#cryozonic_stripe_cc_save_div.stripe-new {
    display: block;
}
ul#payment_form_cryozonic_stripe.apple-pay-success ul#saved-cards {
    display: none;
}

/* Stripe Elements */
#card-details-label {
    display: block;
}
#cryozonic-stripe-card-number {
    width: 225px;
    display: inline-block;
}
.cryozonic-stripe-brand {
    opacity: 0.5;
    height: 24px;
    width: 32px;
    display: inline-block;
    font-size: 20px;
    margin-left: -49px;
    position: relative;
    top: -9px;
}
#cryozonic-stripe-card-expiry {
    width: 93px;
    display: inline-block;
}
#cryozonic-stripe-card-cvc {
    width: 68px;
    display: inline-block;
}
.stripe-elements-field {
    display: inline-block;
    margin: 5px 0 0 0;
    padding: 4px 14px;
    border-style: none;
    background-color: #fefefe;
    box-shadow: 0 6px 9px rgba(50, 50, 93, 0.06), 0 2px 5px rgba(0, 0, 0, 0.08),
    inset 0 1px 0 #fefefe;
    border-radius: 4px;
}
li.cryozonic-stripe-elements.no-wrap {
    white-space: nowrap;
}
.pci-dss-info-block {
    margin: 10px 15px -16px 25px;
    width: 240px;
}
#pci-svg {
    position: relative;
    left: -25px;
    top: 5px;
    opacity: 0.5;
    fill: green;
}
.pci-dss-info-text {
    display: inline-block;
    position: relative;
    top: -20px;
}

/*!
 *  PaymentFont 1.2.5 by @AMPoellmann - http://paymentfont.io
 *  License - http://paymentfont.io/#license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:PaymentFont;src:url(https://www.fixferreterias.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.eot);src:url(https://www.fixferreterias.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.eot?#iefix) format('embedded-opentype'),url(https://www.fixferreterias.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.woff) format('woff2'),url(https://www.fixferreterias.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.woff) format('woff'),url(https://www.fixferreterias.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.ttf) format('truetype'),url(https://www.fixferreterias.com/skin/frontend/base/default/cryozonic_stripe/fonts/paymentfont-webfont.svg#paymentfont-webfont) format('svg');font-weight:400;font-style:normal}.pf{display:inline-block;font:normal normal normal 14px/1 PaymentFont;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pf-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.pf-2x{font-size:2em}.pf-3x{font-size:3em}.pf-4x{font-size:4em}.pf-5x{font-size:5em}.pf-amazon:before{content:"\f000"}.pf-american-express:before{content:"\f001"}.pf-american-express-alt:before{content:"\f002"}.pf-atm:before{content:"\f003"}.pf-bankomat:before{content:"\f004"}.pf-bank-transfer:before{content:"\f005"}.pf-bitcoin:before{content:"\f006"}.pf-bitcoin-sign:before{content:"\f007"}.pf-braintree:before{content:"\f008"}.pf-btc:before{content:"\f009"}.pf-card:before{content:"\f00a"}.pf-carta-si:before{content:"\f00b"}.pf-cash:before{content:"\f00c"}.pf-cash-on-delivery:before{content:"\f00d"}.pf-cb:before{content:"\f00e"}.pf-cirrus:before{content:"\f00f"}.pf-cirrus-alt:before{content:"\f010"}.pf-clickandbuy:before{content:"\f011"}.pf-credit-card:before{content:"\f012"}.pf-diners:before{content:"\f013"}.pf-discover:before{content:"\f014"}.pf-ec:before{content:"\f015"}.pf-eps:before{content:"\f016"}.pf-eur:before{content:"\f017"}.pf-facture:before{content:"\f018"}.pf-fattura:before{content:"\f019"}.pf-flattr:before{content:"\f01a"}.pf-giropay:before{content:"\f01b"}.pf-google-wallet:before{content:"\f01c"}.pf-google-wallet-alt:before{content:"\f01d"}.pf-gpb:before{content:"\f01e"}.pf-gratipay:before{content:"\f01f"}.pf-ideal:before{content:"\f020"}.pf-ils:before{content:"\f021"}.pf-inr:before{content:"\f022"}.pf-invoice:before{content:"\f023"}.pf-invoice-sign:before{content:"\f024"}.pf-invoice-sign-alt:before{content:"\f025"}.pf-invoice-sign-alt-o:before{content:"\f026"}.pf-invoice-sign-o:before{content:"\f027"}.pf-jcb:before{content:"\f028"}.pf-jpy:before{content:"\f029"}.pf-krw:before{content:"\f02a"}.pf-maestro:before{content:"\f02b"}.pf-maestro-alt:before{content:"\f02c"}.pf-mastercard:before{content:"\f02d"}.pf-mastercard-alt:before{content:"\f02e"}.pf-mastercard-securecode:before{content:"\f02f"}.pf-ogone:before{content:"\f030"}.pf-paybox:before{content:"\f031"}.pf-paylife:before{content:"\f032"}.pf-paypal:before{content:"\f033"}.pf-paypal-alt:before{content:"\f034"}.pf-paysafecard:before{content:"\f035"}.pf-postepay:before{content:"\f036"}.pf-quick:before{content:"\f037"}.pf-rechnung:before{content:"\f038"}.pf-ripple:before{content:"\f039"}.pf-rub:before{content:"\f03a"}.pf-skrill:before{content:"\f03b"}.pf-sofort:before{content:"\f03c"}.pf-square:before{content:"\f03d"}.pf-stripe:before{content:"\f03e"}.pf-truste:before{content:"\f03f"}.pf-try:before{content:"\f040"}.pf-unionpay:before{content:"\f041"}.pf-usd:before{content:"\f042"}.pf-verified-by-visa:before{content:"\f043"}.pf-verisign:before{content:"\f044"}.pf-visa:before{content:"\f045"}.pf-visa-electron:before{content:"\f046"}.pf-western-union:before{content:"\f047"}.pf-western-union-alt:before{content:"\f048"}.pf-wirecard:before{content:"\f049"}.pf-sepa:before{content:"\f04a"}.pf-sepa-alt:before{content:"\f04b"}.pf-apple-pay:before{content:"\f04c"}.pf-interac:before{content:"\f04d"}.pf-paymill:before{content:"\f04e"}.pf-dankort:before{content:"\f04f"}.pf-bancontact-mister-cash:before{content:"\f050"}.pf-moip:before{content:"\f051"}.pf-pagseguro:before{content:"\f052"}.pf-cash-on-pickup:before{content:"\f053"}.pf-sage:before{content:"\f054"}.pf-elo:before{content:"\f055"}.pf-elo-alt:before{content:"\f056"}.pf-payu:before{content:"\f057"}.pf-mercado-pago:before{content:"\f058"}.pf-mercado-pago-sign:before{content:"\f059"}.pf-payshop:before{content:"\f05a"}.pf-multibanco:before{content:"\f05b"}.pf-gratipay-sign:before{content:"\f05c"}.pf-six:before{content:"\f05d"}.pf-cashcloud:before{content:"\f05e"}.pf-interac-alt:before{content:"\f05f"}.pf-klarna:before{content:"\f060"}.pf-bitpay:before{content:"\f061"}.pf-venmo:before{content:"\f062"}.pf-visa-debit:before{content:"\f063"}.pf-alipay:before{content:"\f064"}.pf-diners-alt:before{content:"\f065"}.pf-hipercard:before{content:"\f066"}.pf-skrill-alt:before{content:"\f067"}.pf-shopify:before{content:"\f068"}.pf-direct-debit:before{content:"\f069"}.pf-sodexo:before{content:"\f06a"}.pf-bpay:before{content:"\f06b"}.pf-contactless:before{content:"\f06c"}.pf-contactless-alt:before{content:"\f06d"}.pf-eth:before{content:"\f06e"}.pf-ltc:before{content:"\f06f"}.pf-visa-pay:before{content:"\f070"}.pf-wechat-pay:before{content:"\f071"}.pf-amazon-pay:before{content:"\f072"}.pf-amazon-pay-alt:before{content:"\f073"}
#esns_background_layer {
    position: absolute;
    z-index: 9998;
    background: url(https://www.fixferreterias.com/skin/frontend/glam/default/images/newssubscribers/esns_dark2.png);
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: block;
    text-align: center;
    top: 0;
    left: 0;
    display: none;
}

#esns_box_layer {
    z-index: 9999;
    background-color: #ffffff;
    width: 470px;
    height: auto;
    overflow: hidden;
    top: 0;
    text-align: center;
    display: inline-block;
    padding: 10px;
}

#esns_box_title {
    width: 440px;
    height: auto;
    overflow: hidden;
    background: url(https://www.fixferreterias.com/skin/frontend/glam/default/images/newssubscribers/esns_box_block1.png) no-repeat right top;
}

#esns_box_block_1 {
    width: 350px;
    font: 20px/34px "CenturyGothicRegular", Century Gothic, Verdana, sans-serif;
    text-align: left;
}

#esns_box_block_2 {
    font: 29px/34px "CenturyGothicRegular", Century Gothic, Verdana, sans-serif;
    height: auto;
    text-align: left;
    margin: 0 0 10px 0;
    width: 350px;
}

#esns_box_block_3 {
    text-align: justify;
}

#esns_box_close {
    height: 22px;
    width: 22px;
    /*background: url(https://www.fixferreterias.com/skin/frontend/glam/default/images/newssubscribers/esns_box_close.png) no-repeat;*/
    cursor: pointer;
    float: right;
}

.esns_box_lines {
    background: url("https://www.fixferreterias.com/skin/frontend/glam/default/images/newssubscribers/esns_box_lines.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 1px;
    width: 100%;
    clear: both;
    margin: 5px 0;
}


#esns_box_subscribe_response {
    text-align: left;
    margin: 10px 0 0 30px;
    height: 15px;
}

#esns_box_subscribe_response_success {
    display: none;
}

#esns_box_subscribe_response_error {
    color: #ea6868;
    text-align: left;
    margin: 0 0 0 30px;
    height: auto;
    overflow: hidden;
}

#esns_box_subscribe_response_success {
    color: #35ea49;
    font: 20px/34px "CenturyGothicRegular", Century Gothic, Verdana, sans-serif;
}


/*** LABEL THEME ***/

.tl #esns_box_block_1, .tl #esns_box_block_2 {
    color: #ffffff;
    text-align: right;
    float: right;
    line-height: normal;

}

.tl #esns_box_block_1 {
    margin: 20px 55px 0 0;
}

.tl #esns_box_block_2 {
    margin: 0px 55px 0 0;
}

.tl #esns_box_block_3 {
    color: #000000;
    clear: both;
    text-align: justify;
    float: right;
    margin: 10px 55px 0px 0;
    width: 340px;
    height: 70px;
    overflow: hidden;
}

.tl #esns_box_close {
    position: absolute;
}

.tl #esns_box_subscribe_response_error {
    height: auto;
    line-height: 15px;
    color: #ffffff;
    float: right;
    text-align: left;
    width: 325px;
    margin: 0 50px 0 0;
    overflow: hidden;
}


.tl #esns_box_subscribe_response_success {
    color: #FFFFFF;
    float: right;
    margin: 0 50px 0 0;
    width: 340px;
}


.tl #esns_box_close {
    /*
    height: 36px;
    width: 36px;
    background: url(https://www.fixferreterias.com/skin/frontend/glam/default/images/newssubscribers/esns_box_close2.png) no-repeat;
    right: 10px;
    top:-5px;
    */
}


/* CUSTOM GLAM */

.tl#esns_box_layer {
    height: auto;
    width: 65%;
    background-color: #EDEDED;
    position: relative;
}

.tl #img-popup {
    width: 90%;
    height: auto;
    overflow: hidden;
    display: block;
    text-align: center;
    top: 0;
    left: 0;
    background-size: 100%;
    margin: 3% 0px 0px 7%;
}

.tl .copy-popup {
    font-size: 1.5vw;
    font-weight: 600;
    text-align: left;
    color: black;
    margin: 13px 0px 0px 0px;
}

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

.tl #esns_box_subscribe_input input {
    color: #757575;
    padding: 20px;
    border: 1px solid lightgray;
    background-color: white;
    border-radius: 33px;
    width: 100%;
    height: auto;
    padding-right: 40px;
    font-family: "Roboto", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: 500;
    font-size: .8vw;
    max-height: 40px;
}

.tl #esns_box_subscribe_input {
    width: 100%;
}

#esns_box_subscribe_submit {
    width: 100%;
    float: left;
    height: 50px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}


.tl #esns_box_subscribe_submit a {
    color: #ffffff !important;
    height: auto;
    display: inline-block;
    margin: 0px 0px 0px 3%;
    font-size: 1vw !important;
}


#esns_box_subscribe_input {
    width: 320px;
    float: left;
    clear: both;
}

#esns_box_subscribe {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0px 0px 0px 0px;
}

.tl .terms-popup {
    text-align: left;
    margin: 2% 0px 0px 0px;
    font-size: .8vw;
}

.tl #esns_box_close {
    position: absolute;
    right: 12px;
    z-index: 9999;
}

.tl .fa-window-close {
    font-size: 23px;
    color: #ff6600;
}

.tl #esns_box_subscribe_response_err {
    color: #ea6868 !important;
}

@media (min-width: 2400px) {
    .tl #esns_box_subscribe_input input {
        max-height: 400px;
    }
}

@media (max-width: 1700px) {
    .tl #esns_box_subscribe_submit a {
        margin: 1% 0px 0px 3%;
    }
}


@media (max-width: 991px) {

    .tl #img-popup {
        position: relative;
        height: auto;
        width: 70%;
        overflow: hidden;
        display: block;
        text-align: center;
        top: 0;
        left: 0;
        background-size: 100%;
        margin: 3% 0px 0px 16%;
    }


    .tl .copy-popup {
        font-size: 2.5vw;
    }


    .tl #esns_box_subscribe_input input {
        margin: 13px 0 0 0px;
        font-size: 2vw;
    }

    .tl #esns_box_subscribe_submit {
        text-align: center;
        height: auto;
    }

    .tl #esns_box_subscribe_submit a {
        color: #ffffff !important;
        height: auto;
        display: inline-block;
        margin: 4% 0px 0px 0%;
        font-size: 2vw !important;
    }

    .tl .terms-popup {
        text-align: center;
        margin: 4% 0px 1% 0px;
        font-size: 1.5vw;
    }

    .tl #esns_box_close {
        position: relative;
        right: 0px;
    }

    .tl .fa-window-close {
        font-size: 17px;
    }

}

@media (max-width: 768px) {
    .tl #esns_box_subscribe_submit a {
        font-size: 3.7vw !important;
    }
}
#magestore-bannerslider-popup{
	padding: 2px;
    position: fixed;
    z-index: 19990;
	background: #fff;
	border: 2px;
}
#magestore-bannerslider-popup-close{
	cursor: pointer;
    height: 22px;
	width:22px;
    position: absolute;
    right: 0px;
    top: -25px;   
    z-index: 19999;
	background:url(https://www.fixferreterias.com/skin/frontend/base/default/css/magestore/bannerslider/image/close-tiny.png) no-repeat center;
}
#bg_fade {
    background-color: #000000;
    height: 100%;
    left: 0;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 0;
    visibility: hidden;
    width: 100%;
    z-index: 1000;
	opacity: 0.7;
}
@font-face {
    font-family: 'FontAwesome';
    src: url('https://www.fixferreterias.com/skin/frontend/base/default/whatsappcontact/fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('https://www.fixferreterias.com/skin/frontend/base/default/whatsappcontact/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://www.fixferreterias.com/skin/frontend/base/default/whatsappcontact/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://www.fixferreterias.com/skin/frontend/base/default/whatsappcontact/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://www.fixferreterias.com/skin/frontend/base/default/whatsappcontact/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://www.fixferreterias.com/skin/frontend/base/default/whatsappcontact/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@keyframes wobble-vertical {
    16.65% {
        -webkit-transform: translateY(8px);
        transform: translateY(8px);
    }
    33.3% {
        -webkit-transform: translateY(-6px);
        transform: translateY(-6px);
    }
    49.95% {
        -webkit-transform: translateY(4px);
        transform: translateY(4px);
    }
    66.6% {
        -webkit-transform: translateY(-2px);
        transform: translateY(-2px);
    }
    83.25% {
        -webkit-transform: translateY(1px);
        transform: translateY(1px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.wobble-vertical {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble-vertical:hover, .wobble-vertical:focus, .wobble-vertical:active {
    -webkit-animation-name: wobble-vertical;
    animation-name: wobble-vertical;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@keyframes wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(8px);
        transform: translateX(8px);
    }
    33.3% {
        -webkit-transform: translateX(-6px);
        transform: translateX(-6px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.wobble-horizontal {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble-horizontal:hover, .wobble-horizontal:focus, .wobble-horizontal:active {
    -webkit-animation-name: wobble-horizontal;
    animation-name: wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

@keyframes pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.pulse-grow {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse-grow:hover, .pulse-grow:focus, .pulse-grow:active {
    -webkit-animation-name: pulse-grow;
    animation-name: pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

@keyframes pulse-shrink {
    to {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
}

.pulse-shrink {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.pulse-shrink:hover, .pulse-shrink:focus, .pulse-shrink:active {
    -webkit-animation-name: pulse-shrink;
    animation-name: pulse-shrink;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

.slideDownReturn {
    -webkit-animation-name: slideDownReturn;
    animation-name: slideDownReturn;
    animation-duration: 2s;
}

@keyframes slideDownReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.slideLeftReturn {
    -webkit-animation-name: slideLeftReturn;
    animation-name: slideLeftReturn;
    animation-duration: 2s;
}

@keyframes slideLeftReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.slideRightReturn {
    -webkit-animation-name: slideRightReturn;
    animation-name: slideRightReturn;
    animation-duration: 2s;
}

@keyframes slideRightReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateX(0%);
        transform: translateX(0%);
    }
}

.slideUpReturn {
    -webkit-animation-name: slideUpReturn;
    animation-name: slideUpReturn;
    animation-duration: 2s;
}

@keyframes slideUpReturn {
    0% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform: translateY(0%);
        transform: translateY(0%);
    }
}

.spaceInLeft {
    -webkit-animation-name: spaceInLeft;
    animation-name: spaceInLeft;
    animation-duration: 2s;
}

@keyframes spaceInLeft {
    0% {
        opacity: 0;
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale(.2) translate(-200%, 0%);
        transform: scale(.2) translate(-200%, 0%);
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

.spaceInDown {
    -webkit-animation-name: spaceInDown;
    animation-name: spaceInDown;
    animation-duration: 2s;
}

@keyframes spaceInDown {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(.2) translate(0%, 200%);
        transform: scale(.2) translate(0%, 200%);
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

.spaceInRight {
    -webkit-animation-name: spaceInRight;
    animation-name: spaceInRight;
    animation-duration: 2s;
}

@keyframes spaceInRight {
    0% {
        opacity: 0;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(.2) translate(200%, 0%);
        transform: scale(.2) translate(200%, 0%);
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 100% 50%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

.spaceInUp {
    -webkit-animation-name: spaceInUp;
    animation-name: spaceInUp;
    animation-duration: 2s;
}

@keyframes spaceInUp {
    0% {
        opacity: 0;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(.2) translate(0%, -200%);
        transform: scale(.2) translate(0%, -200%);
    }
    100% {
        opacity: 1;
        -webkit-transform-origin: 50% 0%;
        transform-origin: 50% 0%;
        -webkit-transform: scale(1) translate(0%, 0%);
        transform: scale(1) translate(0%, 0%);
    }
}

.tinRightIn {
    -webkit-animation-name: tinRightIn;
    animation-name: tinRightIn;
    animation-duration: 2s;
}

@keyframes tinRightIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(900%);
        transform: scale(1, 1) translateX(900%);
    }
    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
        transform: scale(1.1, 1.1) translateX(0);
    }
    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
        transform: scale(1, 1) translateX(0);
    }
}

.tinLeftIn {
    -webkit-animation-name: tinLeftIn;
    animation-name: tinLeftIn;
    animation-duration: 2s;
}

@keyframes tinLeftIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateX(-900%);
        transform: scale(1, 1) translateX(-900%);
    }
    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateX(0);
        transform: scale(1.1, 1.1) translateX(0);
    }
    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateX(0);
        transform: scale(1, 1) translateX(0);
    }
}

.tinDownIn {
    -webkit-animation-name: tinDownIn;
    animation-name: tinDownIn;
    animation-duration: 2s;
}

@keyframes tinDownIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(900%);
        transform: scale(1, 1) translateY(900%);
    }
    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
        transform: scale(1.1, 1.1) translateY(0);
    }
    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
}

.tinUpIn {
    -webkit-animation-name: tinUpIn;
    animation-name: tinUpIn;
    animation-duration: 2s;
}

@keyframes tinUpIn {
    0% {
        opacity: 0;
        -webkit-transform: scale(1, 1) translateY(-900%);
        transform: scale(1, 1) translateY(-900%);
    }
    50%, 70%, 90% {
        opacity: 1;
        -webkit-transform: scale(1.1, 1.1) translateY(0);
        transform: scale(1.1, 1.1) translateY(0);
    }
    60%, 80%, 100% {
        opacity: 1;
        -webkit-transform: scale(1, 1) translateY(0);
        transform: scale(1, 1) translateY(0);
    }
}

.fa_whatsapp {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-whatsapp:before {
    content: "\f232";
}

.whatsapp_a {
    position: fixed;
    border-radius: 50%;
    height: 60px;
    text-align: center;
    width: 60px;
    text-decoration: none;
}

.whatsapp_a span {
    font-size: 40px;
    margin-top: 10px;
}

.wa_contact {
    display: none;
}

.closeWhatsappButton {
    position: fixed;
    cursor: pointer;
    z-index: 100000000;
}

.closeButtonWebImage {
    width: 7px;
    height: 6px;
    background-image: url("https://www.fixferreterias.com/skin/frontend/base/default/whatsappcontact/images/close.png");
}

.closeButtonMobileImage {
    background-image: url("https://www.fixferreterias.com/skin/frontend/base/default/whatsappcontact/images/Close-Mobile.png");
    width: 13px;
    height: 11px;
    background-size: 13px 11px;
    background-repeat: no-repeat;
    display: none;
}

.closeButtonWebImage {
    display: none;
}

.wa_contact .wa_contact_title {
    display: none;
    position: absolute;
    text-align: center;
    background-color: #F8F8F8;
    font-family: "Open Sans", serif;
    color: #5D4E4E;
    padding: 2px 12px 2px 10px;
    font-size: 12px;
    border-radius: 3px;
    white-space: nowrap;
    border: 1px solid #EBEBEB;
}

#wa_contact:hover #wa_contact_title {
    display: block;
}

.wa_contact {
    display: block;
    width: 60px;
    height: 60px;
    position: fixed;
    z-index: 99999999;
}

.whatsappToggle {
    background-color: #0dc152;
    color: rgba(255, 255, 255, 1);
    display: none;
    align-items: center;
    justify-content: center;
    height: 40px;
    white-space: nowrap;
    line-height: 100%;
    padding: 12px 20px;
    border-radius: 50px;
    position: fixed;
    cursor: pointer;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .06), 0 2px 32px rgba(0, 0, 0, .16);
    transition: box-shadow 80ms ease-in-out, width .4s ease .2s;
    z-index: 9999999;
}
@media (max-width: 768px) {
    .whatsappToggle{
        left: 18px!important;
        width: 213px!important;
    }
}

.fa_whatsapp {
    font-size: 20px;
}

.whatsappText {
    font-size: 14px;
}

.fa-whatsappClose:before {
    content: "\f00d";
    color: #fff;
}

.whatsappBox {
    position: fixed;
    background: white;
    max-width: 360px;
    width: 100%;
    border-radius: 6px;
    box-shadow: 0 8px 25px -5px rgba(45, 62, 79, .15);
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
    z-index: 99999;
}
.whatsappBox_top{
     transform: translateY(-50px) scale(0.9);
}
.whatsappBox_bottom{
    transform: translateY(50px) scale(0.9);
}
.whatsapp_show {
    display: block;
    visibility: visible;
    opacity: 1;
    transform: translateY(0) scale(1);
}

.whatsappDescription {
    background-color: #0dc152;
    color: rgba(255, 255, 255, 1);
    padding: 15px 40px 15px 20px;
    border-radius: 6px 6px 0 0
}

.whatsappClose {
    display: block;
    width: 15px;
    height: 15px;
    position: absolute;
    top: 7px;
    right: 7px;
    opacity: .5;
    transition: opacity .3s;
}

.whatsappClose:hover {
    cursor: pointer;
    opacity: 1
}

.whatsappAdmin {
    max-height: 461px;
    padding: 10px;
    overflow-y: auto;
}
.whatsappAdmin > a {
    text-decoration: none;
}

.whatsappAccount {
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: rgba(85, 85, 85, 1);
}

.whatsappImage {
    float: left;
    width: 60px;
    height: 60px;
    position: relative;
    background: transparent url('https://www.fixferreterias.com/skin/frontend/base/default/whatsappcontact/images/logo-green-small.png') center center no-repeat;
    background-size: cover;
}

.whatsappAdminInfo {
    float: left;
    width: calc(100% - 40px);
    padding-left: 10px
}

.fa-caret-down:after, .fa-caret-up:before {
    content: '';
    position: absolute;
    width: 13px;
    height: 13px;
    transform: rotate(45deg);
    z-index: -1;
    box-shadow: 3px 3px 3px rgba(0, 0, 0, .02);
}

.fa-caret-down:after {
    bottom: -7px;
    border: 1px solid #FFF;
    background-color: #FFF;
}

.fa-caret-up:before {
    top: -7px;
    border: 1px solid #0dc152;
    background-color: #0dc152;
}

.whatsappAccount:hover {
    background-color: rgba(245, 245, 245, 1);
    border-color: rgba(245, 245, 245, 1);
    color: rgba(85, 85, 85, 1);
    border-radius: 6px;
}

.whatsappAccount:active,.whatsappAccount:visited,.whatsappAccount:focus{
    color: rgba(85, 85, 85, 1);
}
.whatsappAdminInfo > span{
    width: 100%;
    float: left;
}
.whatsappAdminInfo .span_name{
    font-weight: 600;
}
.whatsappAdminInfo .span_default{
    font-size: 13px;
}
#whatsappToggle .fa_whatsapp{
    margin-right: 5px;
}
@media (min-width: 320px) and (max-width: 768px) {
    #whatsappBox{
        max-width: 280px;
    }
}
.m-fpc-debug-info {
  width: 420px;
  min-height: 115px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: #47bbb3;
  color: #fff;
  z-index: 100000;
  font-family:Arial;
}
.m-fpc-debug-info .m-fpc-h1 {
  font-family:Arial;
  background: rgb(57, 172, 163);
  color: #fff;
  padding: 3px 3px 5px 10px;
  font-size: 14px;
  font-weight: bold;
  text-align:left;
  text-transform:none;
}
.m-fpc-debug-info .m-fpc-debug-info-main-block {
  padding: 2px 5px 10px 5px;
}
.m-fpc-debug-info .m-fpc-action {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 5px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-transform:none;
  padding-top:15px;
}
.m-fpc-debug-info .m-fpc-ignored {
  padding-top: 0px !important;
}
.m-fpc-debug-info .m-fpc-hit-info {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 0px 0px;
  text-align: center;
  font-size: 30px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
}
.m-fpc-debug-info .m-fpc-time-text {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 5px 0px;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.5);
  text-transform:none;
}
.m-fpc-debug-info .m-fpc-time {
  font-family:Arial;
  text-transform: uppercase;
  font-size: 76px;
  font-weight: 700;
  line-height: 65px;
  text-align:center;
}
.m-fpc-debug-info .m-fpc-time-sec-text {
  font-family:sans-serif,Arial;
  font-size: 35px;
  text-align:center;
  text-transform:none;
}
.m-fpc-debug-info.m-fpc-debug-info-not-cacheable {
  height: 220px;
  box-shadow: 0 0 0 5px #E0E0E0;
}
.m-fpc-debug-info.m-fpc-debug-info-hit {
  box-shadow: 0 0 0 5px #CCFFD3;
}
.m-fpc-debug-info.m-fpc-debug-info-miss {
  box-shadow: 0 0 0 5px #FECBCB;
}
.m-fpc-debug-info .m-fpc-disabled-info {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 12px 0px 0px 0px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
  color: #911E42 !important;
}
.m-fpc-debug-info .m-fpc-detail-info-hide-show-button-style {
  float: right;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}
.m-fpc-debug-info .m-fpc-info-scroll-hide {
  display: none;
}
/*scroll*/
.m-fpc-debug-info .m-fpc-info-scroll {
  overflow-y: auto;
  height: 350px;
  padding: 0px 5px 10px 5px;
  text-align: justify;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar {
  width: 7px;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,0.2);
  border-radius: 7px;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-thumb {
  background-color: #EAEAEA;
  border-radius: 7px;
}
.m-fpc-debug-info .m-fpc-info-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #EAEAEA;
  border-radius: 7px;
}

/*detail info table*/
.m-fpc-debug-info .m-fpc-detail-info-table {
  display:table;
  width:100%;
  padding-top: 3px;
}
.m-fpc-debug-info .m-fpc-detail-row {
  display:table-row;
}
.m-fpc-debug-info .m-fpc-detail-col {
  display:table-cell;
  text-align: left;
  padding: 2px;
  vertical-align: top;
  width: 50%;
  font-family:sans-serif,Arial;
  padding:5px;
  text-align: left;
  font-size: 10px;
  text-transform:none;
  color: #222 !important;
}
.m-fpc-debug-info .m-fpc-dark {
  background-color: #D9F0EE;
}
.m-fpc-debug-info .m-fpc-light {
  background-color: #ECF8F7;
}

/*flush cache button*/
.m-fpc-debug-info .m-fpc-flush-cache-button-style {
  float: left;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}

.m-fpc-debug-info .m-fpc-flush-cache-button-style-flushed {
  float: left;
  color: #911E42;
}

/*small debug info block*/
.m-fpc-debug-info-small {
  width: 120px;
  min-height: 10px;
  position: fixed;
  bottom: 10px;
  left: 10px;
  background: #47bbb3;
  color: #fff;
  z-index: 100000;
  font-family:Arial;
}

.m-fpc-debug-info-small .m-fpc-debug-info-main-block-small {
  padding: 2px 5px 10px 5px;
}

.m-fpc-debug-info-small .m-fpc-hit-info-small {
  font-family:sans-serif,Arial;
  padding:0px;
  margin: 5px 0px 0px 0px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
}

.m-fpc-debug-info-small .m-fpc-flush-cache-button-style-small {
  float: left;
  padding-right: 10px;
  text-decoration: underline;
  cursor: pointer;
}

.m-fpc-debug-info-small .m-fpc-flush-cache-button-style-flushed {
  float: left;
  color: #911E42;
}

.m-fpc-debug-info-small.m-fpc-debug-info-hit {
  box-shadow: 0 0 0 3px #CCFFD3;
}
.m-fpc-debug-info-small.m-fpc-debug-info-miss {
  box-shadow: 0 0 0 3px #FECBCB;
}
.m-fpc-debug-info-small.m-fpc-debug-info-not-cacheable {
  box-shadow: 0 0 0 5px #E0E0E0;
}

.m-fpc-debug-info .m-fpc-ignored-url-parameters-info {
  font-family:sans-serif,Arial;
  padding:15px;
  margin: 12px 0px 0px 0px;
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  color: rgba(255, 255, 255, 0.95);
  text-transform:none;
  color: #911E42 !important;
  word-wrap: break-word;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.seo-content {
  color: #333;
  width: 600px;
  margin: 0 auto;
  padding: 5px 10px;
  margin-top: -50px;
  margin-bottom: 10px;
  background: rgba(255, 255, 255, 0.2);
  padding: 5px;
}
.seositemap-map ul {
  *zoom: 1;
  margin-left: 15px;
  margin-bottom: 15px;
}
.seositemap-map ul:before,
.seositemap-map ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.seositemap-map ul:after {
  clear: both;
}
.seositemap-map ul.stores li {
  font-weight: bold;
  font-size: 110%;
}
.seositemap-map ul li.level-2 {
  font-weight: bold;
}
.seositemap-map ul li.level-3 {
  margin-left: 15px;
}
.seositemap-map ul li.level-4 {
  margin-left: 30px;
  font-size: 90%;
}
.seositemap-map ul li.level-5 {
  margin-left: 45px;
  font-size: 90%;
}
.seositemap-map ul li.level-6 {
  margin-left: 60px;
  font-size: 90%;
}
.seositemap-map ul li.level-7 {
  margin-left: 75px;
  font-size: 90%;
}
.review-aggregate-hide {
    display:none;
 }

/*seo-info*/

/*seo-info-color*/
.seo-info .seo-info-incorrect {
  color: #df280a;
}
.seo-info .seo-info-correct {
  color: #50B655;
}
.seo-info .seo-info-notice {
  color: #BD5D1F;
}

/*seo-info-main-style*/
.seo-info .seo-info-base-window {
  width: 370px;
  min-height: 10px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  background: #F8F8F8;
  color: #363636;
  z-index: 100000;
  font-family:Arial;
  outline: 5px solid rgba(203, 203, 203, 0.7);
}
.seo-info .seo-info-hr-style {
  margin: 5px;
  border: 0;
  height: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
.seo-info .seo-info-h1-style {
  font-family:Arial;
  background: #FEFEFE;
  color: #666666;
  padding: 3px 5px;
  font-size: 14px;
  font-weight: bold;
  text-align:center;
  cursor: pointer;
  margin-bottom: 0px;
}
.seo-info .seo-info-h2-style {
  font-family:Arial;
  padding:0px;
  margin: 5px 0px 0px 0px;
  text-align: left;
  padding-left: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #363636;
  text-transform:none;
}
.seo-info .seo-info-text-style {
  font-family:Arial;
  font-size: 13px;
  text-align: left;
  /*color: #363636;*/
}
.seo-info .seo-additional-info-text-style {
  font-family:Arial;
  font-size: 13px;
  text-align: left;
}

/*seo-info-keyword-progress-bar*/
.seo-info .seo-info-progress-container {
  width:100%;
  font-size: 13px;
}
.seo-info .seo-info-progress-label {
  width: 150px;
  font-size: 13px;
  line-height: 22px;
  font-weight: 400;
  padding-left: 10px;
  text-align: left;
}
.seo-info .seo-info-progress-label, .seo-info .seo-info-progress {
  border-radius: 11px;
  box-shadow: none;
  display: inline-block;
  vertical-align: middle;
}
.seo-info .seo-info-progress {
  background-color: #f5f7fa;
  box-shadow: none;
  display: inline-block;
  box-shadow: none;
  vertical-align: middle;
  margin-bottom: 2px;
  width: 150px;
  height: 6px;
}
.seo-info .seo-info-progress-success .seo-info-progress-bar {
  background-color: #50B655;
  border-color: #5cb85c;
  color: #5cb85c;
  box-sizing: border-box;
  border-radius: 11px;
  box-shadow: none;
  height: 100%;
  float: left;
  font-size: 13px;
  line-height: 24px;
  text-align: center;
  transition: width 0.6s ease 0s;
}
.seo-info .seo-info-progress-label, .seo-info-progress {
  border-radius: 11px;
}
.seo-info .seo-info-progress.seo-info-progress-success {
  width:100px;
}
.seo-info .seo-info-progress-bar {
  background-color: #a0c5e4;
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset;
  color: #428bca;
  float: left;
  font-size: 13px;
  height: 100%;
  line-height: 24px;
  text-align: center;
  transition: width 0.6s ease 0s;
  width: 0;
}

/*seo-info images alt info*/
.seo-info .seo-info-image-alt {
  display: inline-block;
  width: 260px;
}

/*link*/
.seo-info .seo-additional-info-link-style {
  font-family:Arial;
  font-size: 13px;
  text-align: left;
  word-wrap: break-word;
  padding-bottom: 3px;
}
.seo-info .seo-additional-info-link-style a {
  color: #3196CA;
}

/*scroll*/
.seo-info .seo-info-scroll {
  overflow-y: auto;
  height: 500px;
  margin-top: 0.7em;
  padding: 2px 15px 10px 5px;
  text-align: justify;
  margin-bottom: 5px;
}
.seo-info .seo-info-scroll::-webkit-scrollbar {
  width: 7px;
}
.seo-info .seo-info-scroll::-webkit-scrollbar-track {
  background-color: rgba(255,255,255,0.2);
  border-radius: 7px;
}
.seo-info .seo-info-scroll::-webkit-scrollbar-thumb {
  background-color: #EAEAEA;
  border-radius: 7px;
}
.seo-info .seo-info-scroll::-webkit-scrollbar-thumb:hover {
  background-color: #EAEAEA;
  border-radius: 7px;
}

/*SEO Template Info*/
.seo-info .seo-additional-info-template-style {
  font-size: 13px;
}

/*hide/show button*/
.seo-info .seo-additional-info-hide-show-button-style {
  position: absolute !important;
  right: 0;
  top: 0;
  padding-right: 7px;
  color: #3196CA;
  text-decoration: underline;
  cursor: pointer;
}

.seo-info .m-seo-info-scroll-hide {
  display: none;
}

/*table for SEO Templates*/
.seo-info .m-seo-info-template-table {
  display:table;
  width:100%;
  padding-top: 3px;
}

.seo-info .m-seo-info-template-table-row {
  display:table-row;
}

.seo-info .m-seo-info-template-table-cell {
  display:table-cell;
  text-align: center;
  padding: 2px;
  vertical-align: middle;
}

.seo-info .m-seo-info-template-table-cell:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.seo-info .m-seo-info-template-table-cell:nth-child(2) {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
}

.seo-info .m-seo-info-template-table-cell:nth-child(3) {
   border-top: 1px solid rgba(0, 0, 0, 0.1);
  border-left: 1px solid rgba(0, 0, 0, 0.1);
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}

.seo-info .m-seo-info-template-left {
  text-align: left;
  padding-left: 1px;
}

.seo-info .m-seo-info-template-table-row:last-child .m-seo-info-template-table-cell{
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.seo-info .m-seo-info-id-width {
  width: 30px;
}

.seo-info .m-seo-info-rule-name-width {
  width: 120px;
}

.seo-info .m-seo-info-sort-order-width {
  width: 70px;
}

.seo-info .m-seo-info-rules-processing-width {
  width: 110px;
}

.seo-info .m-seo-info-status-width {
  width: auto;
}

/*seo-info demo store style*/
@media all and (max-width: 590px) {
  .seo-info .seo-info-base-window.m-seo-info-demo-style {
    bottom: 40px !important;
    right: 10px !important;
  }
}

@media all and (min-width: 591px) {
  .seo-info .seo-info-base-window.m-seo-info-demo-style {
    bottom: 5px !important;
    right: 260px !important;
  }
}

.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.seositemap-map ul {
  *zoom: 1;
  margin-left: 15px;
  margin-bottom: 15px;
}
.seositemap-map ul:before,
.seositemap-map ul:after {
  display: table;
  content: "";
  line-height: 0;
}
.seositemap-map ul:after {
  clear: both;
}
.seositemap-map ul.stores li {
  font-weight: bold;
  font-size: 100%;
}
.seositemap-map ul li.level-2 {
  font-weight: bold;
}
.seositemap-map ul li.level-3 {
  margin-left: 15px;
}
.seositemap-map ul li.level-4 {
  margin-left: 30px;
  font-size: 90%;
}
.seositemap-map ul li.level-5 {
  margin-left: 45px;
  font-size: 90%;
}
.seositemap-map ul li.level-6 {
  margin-left: 60px;
  font-size: 90%;
}
.seositemap-map ul li.level-7 {
  margin-left: 75px;
  font-size: 90%;
}
.review-aggregate-hide {
  display:none;
 }
.seositemap-index-index div.seositemap-map table {
  width:100%;
}
.seositemap-index-index div.seositemap-map table tbody tr td {
  vertical-align: top;
}
.page-header {
    background: #262626 !important;
}

.logo:hover {
    opacity: 1 !important;
}

.navbar-fixed-top {
    background: #E65D1D;
    display: flex;
    flex-direction: column;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
}

/** impreso btn **/

.header-container .impreso-btn {
    height: 24px;
    margin-top: 5px;
    vertical-align: middle;
    position: relative;
    display: block;
    cursor: pointer;
    float: right;
    right: 16px !important;
}

.header-container .impreso-btn .btn-truper {
    font-size: 13px !important;

}

/** top slim bar **/
.topslim-bar {
    background: #003c70;
    height: 80px;
    position: relative;
    width: 100%;
    display: block;
}

.topslim-bar-container {
    max-width: 1260px;
    margin: 0 auto;
    font-size: 12px;
    padding: 0 30px;
    height: 80px !important;
}

.topslim-where,
.topslim-contact,
.topslim-languaje {
    display: inline-block;
    line-height: 14px;
    vertical-align: middle;
    margin: 33px 0;
    padding: 0 12px 0 12px;
    color: #fff;
    font-size: 13px !important;
    font-weight: bold !important;

}

.topslim-languaje {
    padding: 0 0 0 12px;
}

.topslim-where,
.topslim-contact {
    border-right: 1px solid #fff;
}

.topslim-where a,
.topslim-contact a {
    color: #fff !important;
    text-decoration: underline;
}

.topslim-where a:hover,
.topslim-contact a:hover {
    text-decoration: none !important;
}

/*.topslim-bar .store-language-container #select-language {
    border: none;
    background: #262626;
    background-color: #262626;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color: #fff;
    font-size: 13px !important;
    font-weight: bold !important;
    padding-right: 12px;
    cursor: pointer;
    font-family: 'Roboto', sans-serif !important;
    line-height: 1 !important;
}*/
.topslim-bar .store-language-container #select-language {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-size: 16px;
    background-image: url(/skin/frontend/glam/default/images/cd.png);
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
    border: none;
    padding-right: 19px;
    color: #fff;
    font-size: 13px !important;
    font-weight: bold !important;
    font-family: 'Roboto';
}


.topslim-bar .store-language-container label {
    margin: 0 5px 0 0 !important;
    color: #ff6600 !important;
}

.topslim-bar .store-language-container #select-language option {
    font-weight: bold !important;
}

/** top slim bar **/

.header-container {
    z-index: 100;
    margin: 0 auto;
    height: 40px !important;
    max-width: 1440px;
    width: 100%;
}

#header-nav {
    border-bottom: none !important;
    height: 40px;
}

/** LOGO **/
.top-header-height.new-mini-logo {
    height: 100%;
}

.truper-logo {
    position: relative;
    z-index: 999;
    height: 68px;
    display: flex;
    align-items: center;
}

.truper-logo .logo {
    max-height: inherit !important;
    min-height: inherit !important;
    width: 132px !important;
    padding: 0;
    position: relative;
}

.truper-logo .logo img {
    width: 92px !important;
    height: 40px !important;
    position: relative;
    top: 0px;
}

/** mi cuenta **/

.header-container .skip-links {
    /*position: relative;
    display: inline-block;*/
}

.account-cart-wrapper {

}

.account-cart-wrapper .skip-link {
    background: #003b70 !important;
    color: #fff;
}

/** buscador **/

#header-search {
    display: inline-block !important;
    position: relative !important;
    top: inherit !important;
    right: inherit !important;
    width: 100% !important;
    height: 40px !important;
    margin-top: 15px !important;
    float: right !important;
    background: white !important;
    border-radius: 100px;
    padding: 0 !important;

}

#header-new-search {
    display: inline-block !important;
    position: relative !important;
    top: 0px !important;
    width: 90% !important;
    height: 33px !important;
    margin-top: 15px !important;
    background: white !important;
    border-radius: 100px;
    padding: 0 !important;
}

.searchautocomplete {
    position: relative;
    top: inherit;
    height: 40px !important;
    width: 100% !important;
    padding: 0 !important;
    background: none !important;
    /*border-bottom: 1px solid #fff !important;*/
    border-radius: 0 !important;
}

.searchautocomplete label {
    display: none !important;
}

.searchautocomplete .nav {
    background: none !important;
    float: none;
    height: 40px;
    position: relative;
    display: inline-block;
    width: 80% !important;
}

.searchautocomplete .nav .nav-search-in {
    display: none !important;
}

.searchautocomplete .nav .nav-input {
    padding: 0 !important;
    margin: 0 !important;
    /*position: absolute !important;
    bottom: 0 !important;*/
    width: 100% !important;
}

.searchautocomplete .nav .nav-input input {
    height: 40px !important;
    font-size: 13px !important;
    color: #003C71 !important;
    font-weight: bold !important;
    margin-left: 20px !important;
}

.searchautocomplete .nav .nav-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #003C71;
    font-weight: bold;
    font-size: 13px;
    opacity: 1; /* Firefox */
}

.searchautocomplete .nav-submit-button {
    background: none;
    height: auto !important;
    float: right !important;
    padding: 0 !important;
}

.searchautocomplete .nav-submit-button .button {
    height: 40px;
    background: none !important;
    border: none !important;
    width: inherit;
    color: #ff6600 !important;
    font-size: 20px;
    bottom: 0 !important;
}

.searchautocomplete .searchautocomplete-placeholder ul li.active {
    background-color: #eaeaea;
    width: 100%;
}

.searchautocomplete .searchautocomplete-placeholder ul li:hover {
    background-color: #eaeaea;
    width: 100%;
}

.searchautocomplete .searchautocomplete-placeholder ul li:focus {
    background-color: #eaeaea;
    width: 100%;
}

/** buscador autocompletar **/

.searchautocomplete .searchautocomplete-placeholder {
    z-index: 999;
    border: 1px solid #eaeaea !important;
    width: 100%;
    right: 0 !important;
}

.searchautocomplete .searchautocomplete-placeholder:before {
    display: none !important;
}

.searchautocomplete .searchautocomplete-placeholder .index-title {
    border: none !important;
    text-align: left !important;
    margin-bottom: 5px;
}

.searchautocomplete .searchautocomplete-placeholder .index-title span {
    color: #ff6600;
}

.searchautocomplete .searchautocomplete-placeholder .index-title.cat-complete span {
    color: #4b4b4b;
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 14px;
}

.searchautocomplete .searchautocomplete-placeholder ul li {
    border: none;
    border-bottom: 1px solid #eaeaea;
}

.searchautocomplete .searchautocomplete-placeholder ul li .highlight strong {
    color: #ff6600 !important;
}

.searchautocomplete .searchautocomplete-placeholder ul li a.name {
    font-weight: normal;
!important;
    font-size: 12px !important;
}

.searchautocomplete .searchautocomplete-placeholder .sku-clave {
    color: #ff6600 !important;
    font-size: 11px;
    text-transform: uppercase !important;
}

.searchautocomplete .searchautocomplete-placeholder .sku-clave span {
    color: #4b4b4b !important;
}

.searchautocomplete .searchautocomplete-placeholder .all {
    text-align: center !important;
}

/** mi cuenta **/

.account-cart-wrapper {
    display: inline-block;
    top: inherit;
    right: inherit;
    position: relative !important;
    margin-left: 15px;
    text-align: center;
}

.header-container .skip-links {
    /*display: none !important;*/
    float: right;
    margin-top: 20px;
    border-left: 1px solid #fff;
    margin-left: 15px;
}

.header-container .skip-account {
    height: 24px !important;
    font-size: 22px !important;
    color: #ff6600 !important;
    line-height: 26px !important;
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

.header-container .skip-account .icon {
    background: none !important;
    text-indent: 0 !important;
}

.header-container .skip-link {
    line-height: inherit;
}

.skip-link.skip-cart .icon {
    width: 27px;
    height: 27px !important;
}

.header-container .skip-link .icon {
    width: 27px;
    height: 27px !important;
    line-height: 22px;
    vertical-align: middle;
    margin: 0 auto;
}


.welcome-tuferre {
    font-family: Roboto;
    margin-bottom: 2px !important;
    color: white;
    font-size: 12px !important;
    font-weight: normal;
}

.header-sesion a:hover {
    color: white;
    text-decoration: none;
}



.account {
    height: 43px;
    top: 20px;
    border-right: 1px solid white;
}

.account-logo {
    float: left;
    width: 38px;
}

.account-logo img {

}

.account-actions {
    float: left;
    width: 103px;
    line-height: 13px;
    text-align: center;
}

.bill {
    height: 43px;
    top: 20px;
    border-right: 1px solid white;
    text-align: center;
}

.bill a:hover {
    text-decoration: none
}

.bill p {
    font-family: Roboto;
    margin-bottom: 2px !important;
    color: white;
    font-size: 12px !important;
    padding: 4px 0px 0px 0px;
}

header .cart {
    height: 43px;


}

header .cart a {
    width: 100%;
    position: relative;
    font-size: 30px;
    color: white;
}

.cart .count {

    top: 17px;
    position: relative;
    float: left;
    font-size: 30px;
    color: white;
    font-family: Roboto;
    font-weight: bold;
    margin-left: 0px;
    margin-right: 0px;
    left: -5px;
}

.icon img {
    width: 25px;
    position: relative;
    margin: 0 auto;
}

.justify-content-center {
    margin: 0 auto;
}

.col-sst {
    padding-right: 0px !important;
}

.col-css {
    padding-left: 0px !important;
}

.full-extra {
    float: right;
    position: relative;
    left: 52px;
}

.full-search {
    width: 50% !important;
    z-index: 999;
}


/** MEDIA QUERIES */


@media (max-width: 1050px) {
    .header-container .impreso-btn .btn-truper {
        font-size: 10px !important;
    }
}

@media (max-width: 770px) {
    /*
        .truper-logo {
            right: calc(50% - 70px) !important;
        }
    */
    .searchautocomplete .nav-submit-button {
        /*float: left !important;*/
    }

    .searchautocomplete .nav-submit-button .button {
        height: 30px !important;
    }

    .searchautocomplete {
        top: initial !important;
        /*margin-top: 6px;
        margin-left: 30px;*/
        width: 90% !important;
        /*border-bottom: 2px solid #fff !important;*/
        height: 30px !important;
        margin: 0 auto;
        margin-top: 6px;

    }

    .header-container {
        max-width: 100% !important;
        padding: 0 !important;
        width: 100%;
        z-index: 0;
        height: 1px !important;
    }

    #header-search {
        margin-top: 0 !important;
        float: left !important;
        width: 85% !important;
        margin-bottom: 20px !important;
        padding: 0 !important;
        display: block !important;
        position: absolute !important;
        background: #4b4b4b;
        top: 68px !important;
        left: 25px !important;
        height: 40px !important;
        z-index: 999 !important;
        /*border-radius: 0 !important;*/
    }

    .full-search-m {
        background-color: #003c70;
        height: 125px;
    }

    .full-search {
        z-index: 0;
    }

    .contact-m {
        width: 35px;
        float: right;
        top: 20px !important;
        position: relative;
        z-index: 999;
        right: 44px;
        margin-bottom: -40px;

    }

    .contact-m a {
        cursor: pointer;
    }

    .searchautocomplete .nav {
        height: 30px !important;
    }

    .searchautocomplete .nav .nav-input input {
        height: 30px !important;
        /*margin-left: 5px !important;*/
    }

    #header-nav {
        margin: 0 !important;
    }

    .header-container {
        /*height: 80px !important;*/
    }

    .truper-logo .logo {
        /*margin-top: 60px !important;*/
    }

    .navbar-fixed-top {
        position: relative !important;
    }

    /*.searchautocomplete .searchautocomplete-placeholder{
        display:none !important;
    }

    .searchautocomplete .searchautocomplete-loader{
        display: none !important;
    }*/
    .topslim-bar-container {
        height: 30px !important;
        padding: 0 !important;
    }

    .topslim-bar {
        height: 0px !important;
    }

    .topslim-where,
    .topslim-contact,
    .topslim-languaje {
        margin: 8px 0;
    }

    .topslim-languaje {
        margin: 8px 10px 8px 0px;
    }

    /** LOGIN */
    .login-mobil {
        position: absolute;
        left: -32px;
        top: 1px;
    }

    .login-mobil i {
        font-size: 27px;
    }
}

/** Móvil **/

@media (max-width: 320px) and (min-width: 200px) {

    /** LOGIN */
    .login-mobil {
        position: absolute;
        left: 73px;
        top: -47px;
        font-size: 22px;
        /*left: -32px;*/
        /* top: 1px;*/
    }

    .login-mobil i {
        font-size: 27px;
    }
}

@media (max-width: 480px) and (min-width: 321px) {


    /** LOGIN */
    .login-mobil {
        left: -23px;
        top: 3px;
    }

    .login-mobil i {
        font-size: 23px;
    }
}

/** Tabletas **/
@media (max-width: 770px) and (min-width: 481px) {


}

/** Pantallas pequeñas **/
@media (max-width: 850px) and (min-width: 771px) {


    .main-container {
        margin-top: 15px !important;
    }

    .cotizador-index-index .main-container {
        margin-top: 0px !important;
    }

    .bill {
        width: 24% !important;
    }

    .bill p {
        font-size: 6px !important;
        padding: 11px 0px 0px 0px;
    }

    .welcome-tuferre {
        font-size: 6px;
    }

    .header-sesion a {
        font-size: 6px;
    }

    .account-actions {
        width: 42px;
        line-height: 9px;
        top: 0px;
        position: relative;
    }

    .cart .count {
        top: 26px;
        font-size: 19px;
        left: -7px;
        width: 25px;
    }

    .full-search {
        width: 40.333333% !important;
    }

    .full-extra {
        width: 40.333333% !important;
    }

}

@media (max-width: 992px) and (min-width: 851px) {
    .main-container {
        margin-top: 15px !important;
    }


    .cotizador-index-index .main-container {
        margin-top: 0px !important;
    }

    .bill p {
        font-size: 7px !important;
        padding: 11px 0px 0px 0px;
    }


    .welcome-tuferre {
        font-size: 8px;
    }


    .header-sesion a {
        font-size: 7px;
    }


    .account-actions {
        width: 52px;
        line-height: 9px;
    }

    .cart .count {
        top: 26px;
        font-size: 21px;
        left: -7px;
        width: 25px;
    }

    .full-search {
        width: 40.333333% !important;
    }

    .full-extra {
        width: 40.333333% !important;
    }
}

@media (max-width: 1053px) and (min-width: 993px) {
    .main-container {
        margin-top: 15px !important;
    }


    .cotizador-index-index .main-container {
        margin-top: 0px !important;
    }

    .bill p {
        font-size: 7px !important;
        padding: 11px 0px 0px 0px;
    }


    .welcome-tuferre {
        font-size: 8px;
    }


    .header-sesion a {
        font-size: 7px;
    }


    .account-actions {
        width: 52px;
        line-height: 9px;
    }

    .cart .count {
        top: 24px;
        font-size: 22px;
        width: 25px;
    }

}

@media (max-width: 1210px) and (min-width: 1054px) {

    .main-container {
        margin-top: 15px !important;
    }

    .cotizador-index-index .main-container {
        margin-top: 0px !important;
    }

    .bill p {
        font-size: 9px !important;
        padding: 11px 0px 0px 0px;
    }


    .welcome-tuferre {
        font-size: 10px;
    }


    .header-sesion a {
        font-size: 9px;
    }


    .account-actions {
        width: 81px;
    }

    .cart .count {
        top: 25px;
        font-size: 22px;
        width: 25px;
    }

}


/** Pantallas normales **/
@media (max-width: 1400px) and (min-width: 1211px) {

    .main-container {
        margin-top: 15px !important;
    }

    .cotizador-index-index .main-container {
        margin-top: 0px !important;
    }

    .bill p {
        font-size: 11px !important;
        padding: 7px 0px 0px 0px;
    }

    .cart .count {
        top: 25px;
        font-size: 22px;
    }
}


/** Pantallas grandes **/
@media (min-width: 1401px) {

    .main-container {
        margin-top: 15px !important;
    }

    .cotizador-index-index .main-container {
        margin-top: 0px !important;
    }

    .bill p {
        font-size: 11px !important;
        padding: 7px 0px 0px 0px;
    }

    .cart .count {
        top: 25px;
        font-size: 22px;
    }
}

/** Pantallas retina **/
@media (min-width: 2400px) {


    .main-container {
        margin-top: 15px !important;
    }

    .cotizador-index-index .main-container {
        margin-top: 0px !important;
    }

    .bill p {
        font-size: 11px !important;
        padding: 7px 0px 0px 0px;
    }

}

/** INICIO WhatsApp contact*/

#wa_contact {
    right: 22px;
    bottom: 70px !important;
    left: unset !important;
}


@media (max-width: 770px) {
    .wa_contact {
        right: 18px !important;
        left: 30px !important;
    }
}

/** FIN WhatsApp contact*/

/* NEW HEADER DESIGN */

.red {
    background-color: red;
}

.blue {
    background-color: blue;
}

.green {
    background-color: green;
}

.yellow {
    background-color: yellow;
}

.gray {
    background-color: gray;
}

.top-header-height {
    height: 63px;
}

.new-top-slim-wrapper {
    background-color: #003c70;
    height: 68px;
}

.new-top-slim-container {
    background-color: #003c70;
    max-width: 1440px;
    margin: 0 auto;
    height: 68px;
    width: 100%;
    display: flex;
    align-items: center;
}

.new-top-slim-container .top-header-height .account-actions .header-sesion .desk-account {
    left: -7px;
    position: relative;
}

.search_mini_form {
    text-align: left;
}

.fa-user-circle {
    width: 23px;
    left: -2px;
    color: white;
    position: relative;
    top: 19px;
}

.ta-l {
    text-align: left;
}

.click-link {
    position: absolute;
    right: 0;
    background: #FC6620;
    padding: 5px 10px 20px 19px;
    top: 19px;
    border-radius: 35px 0 0 35px;
}

.click-link img {
    width: 130px;
    top: 8px;
    position: relative;
}

.cms-header div:first-child {
    margin-top: 16px;
}

.main-container .main {
    margin-top: 27px !important;
}

.catalog-product-view .main-container .main {
    margin-top: 20px !important;
}

#search {
    background-color: white !important;
    padding: 0 0 0 15px !important;
    color: #B2B2B2;
    border: none;
    border-radius:7px;
    width: 85%;
    height: 39px;
    font-family: Roboto;
    font-size: 13px;
    font-style: italic;
    font-weight: 500;
    line-height: 15.23px;
    text-align: left;
}

.new-mini-search {
    text-align: center;
    position: relative;
    height: 68px;
    display: flex;
    align-items: center;
}

.header-new-search {
    width: 100%;
}

#search_mini_form .search-button {
    text-indent: -9999px;
    position: absolute;
    top: 0px;
    right: 45px;
    width: 40px;
    height: 40px;
    border: 0;
    background: none;
}

#search_mini_form .search-button:before {
    top: 20px !important;
    left: 4px !important;
    margin-left: 0 !important;
    width: 27px !important;
    height: 27px !important;
    background-image: url(/media/wysiwyg/header/buscar.svg) !important;
}

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

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

/** EFECTOS HEADER */
/*
.zoom-effect-h:hover {
    z-index: 9;
    transition: all 150ms ease-in;
    transform: scale(1.1);
}
 */

/** Minicart */

.skip-link {
    background: transparent !important;
    line-height: 0 !important;
}

.skip-link.skip-cart {
    height: 100% !important;
    display: flex;
    align-items: center;
    justify-content: right;
}

.skip-cart .icon {
    background-image: none !important;
}

.new-count {
    position: absolute !important;
    right: 5px;
    top: 14px !important;
    font-size: 9px !important;
    color: white !important;
    background-color: #FF6600 !important;
    width: 15px;
    height: 15px;
    border-radius: 50px;
    z-index: 9;
    line-height: 1.8;
    font-weight: 600;
}

.header-mini-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    left: 19px;
}

#header-cart .block-subtitle {
    font-weight: bold;
    margin: 20px 0px 20px 0px;
    text-align: center;
    color: #003C71;
    font-size: 15px;
}

#header-cart .close {
    position: relative;
    left: -16px;
    top: -14px;
    color: #FC6620 !important;
    opacity: 1 !important;
}

#header-cart .empty-img {
    width: 50%;
    margin: 0 auto;
    padding: 0px 0px 30px 0px;
}

#header-cart .empty {
    text-align: center;
    font: normal normal normal 15px/18px Helvetica;
    letter-spacing: 0px;
    color: #464646;
    opacity: 1;
    margin: 0px 0px 20px 0px;
}

#header-cart.skip-active {
    top: 50px !important;
    width: 420px !important;
}

#header-cart .mini-products-list .product-details {
    margin-left: 0 !important;
}

#header-cart .mini-products-list .product-details .product-name {
    padding-top: 0px !important;
}

#header-cart .price {
    font-size: 15px !important;
}

#header-cart .cart-item-quantity {
    width: 25%;
    margin: 0 15px 0 15px;
    height: 30px;
    text-align: center;
}

#header-cart .quantity-button {
    min-height: 5px !important;
    height: 30px !important;
    font-size: 12px !important;
}

#header-cart .info-wrapper {
    margin-bottom: 5px !important;
}

#header-cart .item {
    border-bottom: 1px solid #EDEDED !important;
    padding-bottom: 5px !important;
    margin-bottom: 20px !important;
}

#header-cart .minicart-actions {
    margin: 10px 0 20px 0;
    text-align: center !important;
}

#header-cart .minicart-actions .btn-truper {
    height: 30px !important;
    min-height: 30px !important;
}

#header-cart .minicart-actions a {
    margin: 0 auto !important;
    height: 30px !important;
}

#header-cart #minicart-error-message, #header-cart #minicart-success-message {
    text-align: center;
    text-align: center;
    font: normal normal normal 15px/18px Helvetica;
    letter-spacing: 0px;
    margin: 15px 0 15px 0;
}

#header-cart #minicart-error-message {
    color: #C61413 !important;
}

#header-cart #minicart-success-message {
    color: #03a84e !important;
}

/** MINI LOGIN */

.header-sesion a {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    line-height: 14.06px;
    text-align: left;
    color: white;
}

.header-sesion a:focus {
    color: white !important;
    text-decoration: none !important;
}

#header-minilogin {
    background: white;
    position: fixed;
    z-index: 9999;
    width: 420px;
    top: 70px;
    left: 56%;
    height: auto;
    box-shadow: 0px 0px 3px black;
    text-align: center !important;
}

.account-actions {
    height: 100%;
}

.account-actions . p.header-sesion {
    height: 100%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.account-actions .skip-link, .account-actions .desk-account,  .account-actions .desk-logout {
    text-align: center !important;
    line-height: 1 !important;
    text-decoration: none;
}

#header-minilogin .block-subtitle {
    font-weight: bold;
    margin: 20px 0px 0px 0px;
    text-align: center;
    color: #003C71;
    font-size: 15px;
}

#header-minilogin .close {
    position: relative;
    left: -16px;
    top: -14px;
    color: #FC6620 !important;
    opacity: 1 !important;
}

#header-minilogin #login-form input {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 0.699999988079071px solid #707070;
    border-radius: 10px;
    text-align: left;
    font: normal normal normal 14px/17px Helvetica;
    letter-spacing: 0px;
    color: #A8A8A8;
}

#header-minilogin #login-form li:nth-child(3) {
    position: relative;
    left: -113px;
}

#header-minilogin #login-form .buttons-set {
    text-align: center;
}

#header-minilogin #login-form .buttons-set button.button {
    background: #FF6600 0% 0% no-repeat padding-box !important;
    border-radius: 4px !important;
    float: none !important;
    width: 60% !important;
}

#header-minilogin .tologin .button {
    background: #FF6600 0% 0% no-repeat padding-box !important;
    border-radius: 4px !important;
    float: none !important;
    margin: 0 0 25px 0;
    width: 60% !important;
}

#header-minilogin .amajaxlogin-block .page-title h1 {
    font-weight: bold !important;
    margin: 40px 0px 0px 0px !important;
    text-align: center !important;
    color: #003C71 !important;
    font-size: 15px !important;
    text-transform: inherit;
}

#header-minilogin .dashboard .box-account {
    padding-bottom: 0px !important;
    margin-bottom: 30px !important;
}

#header-minilogin .block-text {
    font: normal normal normal 15px/18px Helvetica;
    letter-spacing: 0px;
    color: #464646;
    margin-bottom: 0px;
    margin-top: 10px;
}

/* CAMBIOS MINI SEARCH 2023 */
.containerLiveSearchDesk {
    text-align: left !important;
    width: 800px !important;
    top: 42px !important;
    left: 27px !important;
    transition: all .5s linear;
    display: block;
}

.hidden {
    display: none !important;
}

.visuallyhidden {
    opacity: 0;
}

.containerLiveSearchDesk > div {
    max-width: 100% !important;
}

.mh-0 {
    min-height: 0 !important;
}

.titleCategories {
    text-align: left !important;
    display: block !important;
}

.modulesDeskContent:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 3%;
    height: 95%;
    border-right: 2px solid #FF6600;
}

#modulesDesk {
    float: right;
}

#categoriesDesk .categoriesDesk-title {
    padding: 20px 15px 10px 15px;
    color: #FF6600;
    font-size: 17px;
    font-weight: bold;
}

div.category {
    font-size: 12px;
}

div.category a {
    padding: 5px 10px 5px 14px !important;
}

#modulesMob > div, #modulesDesk > div {
    padding: 8px 10px;
}


#modulesDesk .modulesDeskContent {
}

#modulesDesk .modulesDeskContent .mini-search-product {
    padding: 30px 0 10px 0;
    margin: 0 8px;
    min-height: 200px;
}

.liveSearchSinExistencias {
    color: red;
}

#modulesDesk .modulesDeskContent .mini-search-product a:hover, #modulesDesk .modulesDeskContent .mini-search-product a:focus {
    text-decoration: none;
}


#modulesDesk .modulesDeskContent .mini-search-product-name {
    margin-top: 3px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

#modulesDesk .modulesDeskContent .mini-search-product img {
    width: 80%;
    height: 80%;
    margin: 0 auto;
}

#modulesDesk .modulesDeskContent .mini-search-info {
    font-size: 12px;
    font-weight: 700 !important;
    margin: 3px 0;
}

#modulesDesk .modulesDeskContent .mini-search-info-price {
    color: #ff6600 !important;
    font-size: 13px;
}

#modulesMob > div:hover, #modulesDesk > div:hover {
    background-color: white !important;
}

#modulesMob > div:hover p, #modulesDesk > div:hover p {
    color: #666;
}

.is_new-live {
    margin-left: 8px;
    position: absolute;
    width: 56%;
    top: 10px;
    right: 0;
}

.replace {
    display: none !important;
}

.header-mini-login {
    display: flex;
    align-items: center;
    justify-content: right;
    height: 100%;
    position: relative;
    left: 37px;
}

.account-actions .header-sesion {
    height: 100%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
}

.account-actions .header-sesion .skip-link , .account-actions .header-sesion .desk-logout, .account-actions .header-sesion .desk-account{
    height: auto;
}

.account-actions .header-sesion .iniciar-sesion {
    border-right: 1px solid white;
}

.skip-link.login-icon {
    height: 100%;
    display: flex;
    align-items: center;
}

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

.icon-header-login {
    display: flex;
    justify-content: end;
}

.header-mini-login .fa-user-circle {
    width: 24px;
    height: 24px;
    left: -2px;
    color: white;
    position: relative;
    top: 0;
}

.header-mini-cart .skip-link.skip-cart .icon img {
    width: 27px;
    height: 27px;
}

.header-mini-cart .skip-link.skip-cart .icon span {
    font-family: Roboto;
    color: white;
    font-size: 15px;
    top: 3px;
    text-transform: none;
    position: relative;
    left: 19px;
}

.skip-link:not(.skip-active):hover {
    opacity: 1 !important;
}

@media (max-width: 1516px) and (min-width: 1452px) {

    .containerLiveSearchDesk {
        top: 42px !important;
        left: 26px !important;
    }

    .count {
        right: 10%;
    }
}

@media (max-width: 1451px) and (min-width: 1275px) {

    #search_mini_form .search-button {
        right: 0 !important;
    }

    .count {
        right: 10%;
    }

    .containerLiveSearchDesk {
        top: 42px !important;
        left: 26px !important;
    }
}

@media (max-width: 1440px) {
    .new-top-slim-container, .header-container {
        padding: 0 75px;
    }
}

@media (max-width: 1340px) {
    .header-mini-login {
        left: 0;
    }

    .header-mini-cart {
        left: 0px;
    }
}

@media (max-width: 1274px) {
    .header-container {
        margin: 0 auto;
        padding: 0 0px;
    }

    .new-top-slim-container {
        padding: 0 20px;
    }

    .ms-topmenu #nav-1.ms-level0 > .ms-label span {
        text-align: left;
        left: 4px;
    }
}

@media (max-width: 991px) {
    .containerLiveSearchDesk {
        top: 42px !important;
        left: -94px !important;
        width: 700px !important;
    }

    #modulesDesk .modulesDeskContent .mini-search-product {
        padding: 15px 0;
        margin: 5px;
    }

    #modulesDesk .modulesDeskContent {
        padding: 0 4px 0 14px !important;
    }
}

@media (max-width: 888px) {
    #search {
        padding-right: 100px !important;
    }

    #search_mini_form .search-button:before {
        left: 20% !important;
    }
}

@media (max-width: 770px) {
    .skip-link {
        border: none !important;
    }
}

@media (max-width: 769px) {

    .truper-logo {
        justify-content: center;
    }

    #header-cart.skip-active {
        top: 52px !important;
        right: 10px !important;
    }


    /* LIVE SEARCH*/
    .containerLiveSearchDesk {
        top: 41px !important;
        left: 0 !important;
        width: 100% !important;
    }

    .containerLiveSearchDesk .col-xs-8 {
        width: 100% !important;
    }

    .containerLiveSearchDesk .col-xs-4 {
        width: 100% !important;
    }

    .containerLiveSearchDesk .modulesDeskContent .mini-search-product {
        width: 50% !important;
        padding: 15px 8px !important;
        margin: 0 !important;
        height: auto !important;
    }

    .modulesDeskContent:before {
        border-right: 0 !important;
    }

    .titleCategories {
        width: 100%;
        text-align: right;
        display: inline-block;
        cursor: pointer;
        color: #262626;
        font-size: 14px !important;
        font-weight: bold;
        padding: 10px 15px !important;
        margin: 0 !important;
    }

    /* LIVE SEARCH*/
    #search_mini_form .search-button:before {
        left: 30% !important;
    }

    .new-mini-logo {
        margin: 0 auto;
        float: none !important;
        z-index: 0;
    }


    #categoriesDesk div.category a {
        padding: 5px 10px 10px 14px !important;
    }

    #header-minilogin {
        background: #EDEDED;
        position: absolute;
        z-index: 9999;
        width: 100vw;
        top: 67px;
        left: 0;
        height: auto;
    }


    #header-cart {
        position: absolute !important;
    }

    #header-cart .product-name {
        margin-top: 0px !important;
    }

    .liveSearchDesk {

        text-align: left !important;
    }

    .catalog-product-view .main-container .main {
        margin-top: 0px !important;
        top: -54px;
        position: relative;
    }

    .new-count {
        top: 29px !important;
        left: 19px !important;
    }

    .skip-link {
        border: none !important;
    }

    .header-mini-cart {
        left: -27px;
    }

    .new-top-slim-wrapper {
        position: relative !important;
    }

    #header-nav {
        height: 0;
    }

    .header-mini-login {
        width: 7% !important;
        position: absolute !important;
        top: -33px;
        right: 80px;
        left: auto;
        bottom: 0;
        z-index: 1;
    }

    .header-mini-cart {
        width: 7% !important;
        position: absolute !important;
        top: -13px;
        right: 16px;
        left: auto;
        bottom: 0;
        z-index: 0;
    }


    .main-container .main {
        margin-top: 73px !important;
    }

    .onestepcheckout-index-index .main-container .main {
        margin-top: 115px !important;
    }

    .onestepcheckout-index-index .new-mini-search {
        left: 0% !important;
    }

    .new-top-slim-wrapper {
        position: absolute !important;
        height: 135px;
    }

    .new-top-slim-container {
        display: block;
    }

    .truper-logo .logo img {
        position: relative;
        top: 0px;
        max-width: 100% !important;
        width: 100%;
    }

    .new-top-slim-wrapper {
        width: 100%;
    }

    .no-mobil {
        display: none;
    }

    .new-mini-search {
        width: 100% !important;
        position: absolute !important;
        top: 60px;
        left: 0;
    }

    #search {
        width: 96% !important;
    }

    .icon img {
        top: 17px;
    }

}

@media (max-width: 769px) and (min-width: 768px) {
    .col-sm-offset-2 {
        margin-left: 0 !important;
    }
}



@media (max-width: 480px) {
    .main-container .main {
        margin-top: 95px !important;
    }

    .header-mini-login {
        right: 65px;
    }


}

@media (max-width: 450px) {
    #header-cart.skip-active {
        right: -18px !important;
        width: 100vw !important;
    }

    #header-cart .quantity-button {
        width: 70px !important;
        min-width: 20px !important;
        font-size: 11px !important;
        padding: 5px 11px !important;
    }
}

@media (max-width: 360px) {

    #search {
        padding: 0 57px 0 15px !important;
    }
}
.footer-redes ul li {
    float: left;
    padding: 10px;

}

@media (max-width: 768px) {
    .footer-redes .footer-title {
        margin-left: 19px;
    }
}

.footer-redes ul li i {
    color: #ff6600;
    font-size: 21px;
}

.footer-subscribe {
    padding: 0px 370px;
    height: 280px;
    max-width: 1666px;
    margin: 0 auto;

}

.footer-subscribe-container {
    width: 100%;
    background-color: #FAFAFA;
    -moz-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    -webkit-box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    box-shadow: 0 5px 5px rgba(182, 182, 182, 0.75);
    height: 280px;
}

.newsletter-title {
    vertical-align: text-top;
    top: 2px;
    position: relative;
}

.footer {
    background-color: #ededed;
    border: none !important;
}


#newsletter {
    width: 100%;
    min-height: 34px;
    border-radius: 17px;
    font-family: Roboto;
    color: #707070;
    padding: 10px;
    font-size: 13px;
    border: 1px solid black;
    font-weight: 100;
    margin-bottom: 10px;
}

#newsletter::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #707070;
    font-weight: lighter;
    font-size: 13px;
    opacity: 1; /* Firefox */
}

#newsletter:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #003C71;
    font-weight: bold;
    font-size: 13px;
}

#newsletter::-ms-input-placeholder { /* Microsoft Edge */
    color: #003C71;
    font-weight: bold;
    font-size: 13px;
}

.footer-title {
    font-family: 'Roboto';
    font-size: 15px;
    color: #282823;
    font-weight: bold;
}

.fix-pipe {
    color: #ff6600;
}

.soporte, .politicas, .fix ul li {
}

.soporte ul li a {
    cursor: pointer;
    text-decoration: none;
    color: white;
    font-size: 13px;
    font-family: Roboto;
}

.politicas ul li a {
    cursor: pointer;
    text-decoration: none;
    color: white;
    font-size: 13px;
    font-family: Roboto;
}

.fix ul li a {
    cursor: pointer;
    text-decoration: none;
    color: white;
    font-size: 13px;
    font-family: Roboto;
}

.formas-de-pago ul li {
    float: left;
    width: 25%;
    padding: 0px 10px 0px 0px;
    margin-bottom: 10px;
}

.formas-de-pago ul {
    width: 100%;

}

.logos {
    margin: 0 auto;
    width: fit-content;
}

.logos ul {
    width: 100%;

}

.logos ul li {
    float: left;
    width: 33%;
    padding: 10px;

}

.logos ul li img {
    width: 100%;

}

.formas-de-pago ul li img {
    width: 100%;

}

@media (max-width: 768px) {
    .footer-item {
        margin-top: 10px;
    }
}

.copy {
    font-family: Roboto;
    font-size: 13px;
    color: white;
}

.contact-container {
    bottom: -23px;
    background-color: #e8e8e8;
    position: relative;
}

.contact-container .main-container {
    padding-bottom: 0px !important;
}

.contact-list {
    width: 100%;
    margin: 0 auto;
}

.contact-list li {
    float: left;
    width: 25%;
    text-align: center;
    border-right: 1px solid #c7c7c7;
    height: fit-content;
    padding: 10px;
    line-height: 14px;

}

.contact-list li:last-child {
    border: none;
}

.contact-list li a img {
    display: inline-block;
}

.c-title {
    display: inline-block;
    position: relative;
    width: 100%;
    font-size: 20px;
    color: #4b4b4b;
    font-weight: 500;
    text-transform: uppercase;
}

.c-data {
    display: inline-block;
    position: relative;
    width: 100%;
    font-size: 13px;
    color: #4b4b4b;
    font-weight: 400;
}

.logos .footer-list {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    height: 200px;
}

.logos .footer-list li:last-child {
    margin-top: auto;
}


.footer-item-container-formas .footer-list {
    margin-top: 15px;
}

.footer-item-container-soporte, .footer-item-container-politicas, .footer-item-container-fix {
    margin-top: 10px !important;
}

.footer-item-container-formas {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@media (max-width: 768px) {
    .contact-list {
        width: 100%;
        margin: 0 auto;
    }

    .c-title {
        /*display: none;*/
    }

    .c-data {
        display: none;
    }
}

/* NEW DESIGN 2022 */

.footer-newsletter-title {
    font-size: 16px;
    font-weight: bold;
    margin: 90px 0px 15px 0px;
    color: #4A4A4A;
}

.footer-newsletter-terms {
    font-size: 15px;
    font-weight: normal;
    color: #707070;
}

.footer-newsletter-blue {
    color: #3B8ED8;
}

.footer-newsletter-img {
    height: 100%;
    top: 50px;
}

.footer-newsletter-img img {
    width: 222px;
}

/* FOOTER CONTACT INFO 2025 TEST */

.footer-contact-info {
    padding: 0 270px 10px 270px;
    height: auto;
    max-width: 100vw;
    margin: 0 auto;
    font-size: 15px;
    color: #343434;
    float: none !important;
    display: flex;
    justify-content: center;
    position: relative !important;
    top: 0;
    background: #ededed;
}


.footer-contact-info .footer-contact-info-container.desk {
    background: #003C73;
    border-radius: 0 0 24px 24px;
    position: relative;
    top: 0;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
    max-width: 1440px;
}

.footer-contact-info .footer-contact-info-container.mov {
    display: none;
}


.footer-contact-info .footer-contact-info-container.desk .footer-columns {
    display: flex;
    flex-direction: row;
    padding: 0 30px !important;
}

.footer-contact-info .footer-contact-info-container.desk .title-footer p {
    font-family: Roboto Condensed !important;
    font-size: 20px;
    font-weight: 800;
    line-height: 23.44px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #FFFFFF;
    margin-top: 15px;
    text-decoration: none;
    margin-bottom: 25px;
}

.footer-contact-info .footer-contact-info-container.desk p.footer-subtitle {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 900;
    line-height: 14px;
    text-align: left;
    color: #FFFFFF;
    text-decoration: none;
    margin-bottom: 5px;
}

.footer-contact-info .footer-contact-info-container.desk p {
    font-family: Roboto;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    text-decoration-line: underline;
    text-decoration-style: solid;
    color: #FFFFFF;
    margin-bottom: 0;
}

.footer-contact-info .footer-contact-info-container.desk p.address-first-line {
    margin-bottom: 0;
    text-decoration: none;
}

.footer-contact-info .footer-contact-info-container.desk p.address-second-line {
    line-height: 15.5px;
    text-decoration: none;
}

.footer-contact-info .footer-contact-info-container.desk .self-center {
    display: flex;
    justify-content: center;
    min-height: 75px;
}

.footer-contact-info .footer-contact-info-container.desk .self-center .footer-column-item-container {
    width: fit-content;
}

.footer-contact-info .footer-contact-info-container.desk .footer-logo {
    align-self: center;
    min-height: 75px;
}

.footer-contact-info .footer-contact-info-container.desk .footer-logo img {
    max-width: 100%;
    height: auto;
    position: relative;
    bottom: 10px;
}

.footer-contact-info .footer-contact-info-container.desk .phone, .footer-contact-info .footer-contact-info-container.desk .mail {
    display: flex;
    align-items: center;
    margin-top: 0;
}

.footer-contact-info .footer-contact-info-container.desk .phone img, .footer-contact-info .footer-contact-info-container.desk .mail img {
    margin-right: 8px;
    width: 15px;
    height: auto;
}

.footer-contact-info .footer-contact-info-container.desk .phone p, .footer-contact-info .footer-contact-info-container.desk .mail p {
    margin: 0;
}

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

footer.footer {
    padding-bottom: 20px;
}

footer.footer .main-container {
}

footer.footer .main-container .footer-custom-desk-container {
    display: flex;
    margin: 0 auto 60px;
    max-width: 1000px;
}

footer.footer .main-container .footer-custom-desk-container .footer-item-list.left {
    display: flex;
    justify-content: left;
}

footer.footer .main-container .footer-custom-desk-container .footer-item-list.center {
    display: flex;
    justify-content: center;
}

footer.footer .main-container .footer-custom-desk-container .footer-item-list.right {
    display: flex;
    justify-content: right;
}

footer.footer .main-container .footer-custom-desk-container .footer-item-list.right .footer-list-container {
    position: relative;
    right: 50px;
}

footer.footer .main-container .footer-custom-desk-container .footer-item-list .footer-list-container {
    width: fit-content;
}

footer.footer .main-container .footer-custom-desk-container .footer-item-list .footer-list-container .footer-title {
    font-family: Roboto Condensed !Important;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 14px;
    text-align: left;
}

footer.footer .main-container .footer-custom-desk-container .footer-item-list .footer-list-container ul.footer-list {
}

footer.footer .main-container .footer-custom-desk-container .footer-item-list .footer-list-container ul.footer-list a {
    font-family: Roboto Condensed !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: #282823;
}


footer.footer .main-container .copy {
    display: flex;
    margin: 0 auto;
    max-width: 1000px;
    background: #ededed;
}

footer.footer .main-container .copy .aviso {
}

footer.footer .main-container .copy .aviso .aviso-item {
    border-right: 1px solid white;
    height: 12px;
}

footer.footer .main-container .copy .aviso .aviso-item p {
    font-family: Roboto Condensed;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    text-align: left;
    color: #282823;
}

footer.footer .main-container .copy .aviso .terminos-item {
    font-family: Roboto Condensed;
    font-size: 12px;
    font-weight: 400;
    text-align: center;
    color: white;
}

footer.footer .main-container .copy .aviso .terminos-item p {
    text-align: left !important;
    position: relative;
    left: 6px;
    color: #282823 !important;
    line-height: 1;
}

footer.footer .main-container .copy .copyright {
}

footer.footer .main-container .copy .copyright p {
    text-align: center;
    font-family: Roboto Condensed;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    color: #282823;
}

footer.footer .main-container .copy .logos {
}

footer.footer .main-container .copy .logos .logo-item {
    display: flex;
    justify-content: end;
}

footer.footer .main-container .copy .logos .logo-item.oxxo {
    justify-content: start;
}

footer.footer .main-container .copy .logos .logo-item img {
    max-width: 100%;
    height: auto;
}

.footer-custom-mov-container {
    display: none !important;
}


.copy.desk {
    display: flex;
}

.copy.mov {
    display: none !important;
}

@media (max-width: 1440px) {
    .footer-contact-info {
        padding: 0 75px !important;
    }
}

@media (max-width: 1274px) {
    .footer-contact-info {
        padding: 0 20px !important;
    }
}

@media (max-width: 1190px) {

    .s-pl-30 {
        padding-left: 30px !important;
    }

    .footer-contact-info .footer-contact-info-container.desk .phone, .footer-contact-info .footer-contact-info-container.desk .mail {
        width: 100%;
        position: relative;
    }

    .footer-contact-info .footer-contact-info-container.desk .mail {
        top: -5px;
    }

    .footer-contact-info .footer-contact-info-container.desk .self-center {
        width: 28%;
    }
}

@media (max-width: 1116px) {
    footer.footer .main-container .copy .aviso .aviso-item {
        width: 103px;
    }
}

@media (max-width: 991px) {

    .footer {
        background-color: #ededed;
        border: none !important;
        padding: 0 !Important;
    }

    .footer-contact-info-container.desk {
        display: none !important;
    }

    .footer-contact-info-container.mov {
        display: block !important;
    }

    .footer-contact-info {
        display: none !important;
    }

    .footer-custom-desk-container {
        display: none !important;
    }

    .footer-custom-mov-container {
        display: block !important;
    }

    .footer .main-container {
        padding: 0 !important;
    }
    .page footer.footer .main-container {
        padding-top: 0 !important;
    }

    .footer-custom-mov-container .mov-footer-item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.5);
        line-height: 1px;
    }

    .footer-custom-mov-container .mov-footer-item .fa-chevron-down {
        position: absolute;
        right: 20px;
        top: 16px;
    }

    .footer-custom-mov-container .mov-footer-item .fa-chevron-down:before {
        color: #003C73;
        text-align: right;
        font-size: 16px;
    }

    .footer-custom-mov-container .mov-footer-item .fa-chevron-up {
        position: absolute;
        right: 20px;
        top: 16px;
    }

    .footer-custom-mov-container .mov-footer-item .fa-chevron-up:before {
        color: rgba(255, 103, 32, 1);
        text-align: right;
        font-size: 16px;
    }

    .footer-custom-mov-container .collapsible {
        background-color: transparent;
        cursor: pointer;
        padding: 10px 20px;
        width: 100%;
        border: none;
        outline: none;
        font-family: Roboto !important;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        color: #003C73;
        z-index: 2;
        position: relative;
    }

    .footer-custom-mov-container .collapsible p {
        margin-bottom: 0;
    }

    .footer-custom-mov-container .content {
        padding: 0 18px;
        display: none;
        overflow: hidden;
        background-color: #ededed;
        margin-bottom: 20px;
    }

    .footer-custom-mov-container .content ul {
        list-style-type: none;
        padding: 0 0 0 25px;
    }

    .footer-custom-mov-container .content ul.ayuda li {
        padding: 4px 0 20px 0;
    }


    .footer-custom-mov-container .content ul li {
        padding: 4px 0;
        list-style: disc;
        color: #003C73;
    }

    .footer-custom-mov-container .content ul li a {
        color: #003C73 !important;
        font-family: Roboto !important;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
    }

    .footer-custom-mov-container .content ul li .title {
        font-family: Roboto !important;
        font-size: 16px;
        font-weight: 600;
        line-height: 24px;
        text-align: left;
        color: #003C73;
        position: relative;
        top: 3px;
        margin-bottom: 15px;
    }

    .footer-custom-mov-container .content ul li a p {
        font-family: Roboto !important;
        font-size: 14px;
        font-weight: 400;
        line-height: 24px;
        text-align: left;
        color: #003C73;
        margin-bottom: 0;
    }


    .footer-custom-mov-container .content ul li .phone {
        display: flex;
    }

    .footer-custom-mov-container .content ul li .phone img {
        max-width: 100%;
        height: auto;
        margin-right: 8px;
    }

    .footer-custom-mov-container .content ul li .phone a {
        color: white;
    }

    .footer-custom-mov-container .content ul li .phone a p {
    }

    .footer-custom-mov-container .content ul li .mail {
        display: flex;
    }

    .footer-custom-mov-container .content ul li .mail img {
        max-width: 100%;
        height: auto;
        margin-right: 8px;
    }

    .footer-custom-mov-container .content ul li .mail a {
        color: white;
    }

    .footer-custom-mov-container .content ul li .mail a p {
    }

    .footer-custom-mov-container .content ul li .address-first-line {
    }

    .footer-custom-mov-container .content ul li .address-second-line {
        margin-top: 20px;
    }


    .copy.desk {
        display: none !important;
    }

    .copy.mov {
        display: flex !important;
        flex-direction: column;
        margin-top: 30px !important;
        background: #ededed !important;
    }

    .copy.mov .logos{
        padding: 0 30px;
        margin-bottom: 15px;
        display: flex;
        align-items: center;
    }

     .copy.mov .aviso .aviso-item p {
         font-family: 'Roboto';
         font-size: 10px;
         font-weight: 400;
         line-height: 1;
         text-align: left;
         color: white;
    }

     .copy.mov .aviso .terminos-item p {
         font-family: 'Roboto';
         font-size: 10px;
         font-weight: 400;
         line-height: 1;
         text-align: left;
         color: white;
    }

    .copy.mov .aviso .aviso-item {
        width: 100% !important;
        text-align: center;
        border-right: none !important;
    }

    .copy.mov .aviso .aviso-item a {
        color: #282823;
    }

    .copy.mov .aviso .aviso-item span {
        font-family: Roboto;
        font-size: 10px;
        font-weight: 400;
        line-height: 11.72px;
        text-align: center;
    }

    .copy.mov .aviso {
        margin-bottom: 15px;
    }

     .copy.mov .copyright p {
        text-align: center;
        font-family: Roboto;
        font-size: 10px;
        font-weight: 400;
        line-height: 1;
    }
}

/* FOOTER CONTACT INFO END  TEST*/

.bold {
    font-weight: bold;
    color: #343434;
}

.venta-linea {
    text-align: center;
}

.sucursal {
    text-align: center;
}

.orange {
    color: #ff6600;
}

.footer-contact-info .fas {
    color: #053C71;
}

.blue-footer-link {
    color: #333333;
}

.blue-footer-link:hover {
    color: #333333;
}

.footer-list {
    margin-top: 5px;
}

.footer-list li {
    margin-bottom: 5px;
}

/* FOOTER */

.logos ul li {
    width: 100% !important;
}

.logos ul li img {
    width: 85% !important;
    margin: 0 auto;
}

footer.footer .main-container {
    padding-top: 30px !important;
}

.footer-item {
    padding: 0px 25px 0px 25px !important;
    height: 210px;
}

.formas-de-pago {
    border-right: none !important;
}

.footer-item-container {
    margin: 0 auto;
}

.footer-item-container-soporte {
    width: 155px;
}

.footer-item-container-politicas {
    width: 140px;
}

.footer-item-container-fix {
    width: 115px;
}

.footer-item-container-formas {
    width: 100%
}

.footer-list img {
    width: 80%;
}


.footer-custom-col-md-2 {
    width: 20%;
    float: left;
}

.footer .main-container {
    padding-bottom: 0 !important;
}

@media (max-width: 1640px) {

    .footer-subscribe {
        padding: 0px 20%;
    }

    .footer-newsletter-img img {
        width: 200px;
    }

    .footer-newsletter-terms {
        font-size: 1em;
    }

    .footer-newsletter-img {
        top: 67px;
    }

    .footer-newsletter-title {
        font-size: 1em;
        margin: 105px 0px 15px 0px;
    }

}

@media (max-width: 1256px) {

    .footer-list img {
        width: 50%;
    }

    .logos .footer-list li:last-child {
        margin-top: 0;
    }

    .logos .footer-list {
        flex-direction: row;
        justify-content: center;
        height: 100px;
    }

    .logos ul li {
        width: 50% !important;
    }

    .footer-custom-col-sm-6 {
        width: 50% !important;
        float: left;
    }

    .footer-custom-col-sm-6-12 {
        width: 100% !important;
    }

    .venta-linea, .sucursal {
        width: 100% !important;
    }

    .footer-contact-info-container {
        display: block;
        height: 305px;
    }

    .footer-contact-info-container .venta-linea:after {
        display: none;
    }

    .footer-mail-1, .footer-tel-1 {
        width: 100% !important;
        justify-content: center !important;
    }

    .footer-tel-1 {
        margin-top: 10px;
    }

    .sucursal {
        margin-top: 25px;
    }

}

@media (max-width: 991px) {

    .footer-list img {
        width: 40%;
        margin: 0 auto;
    }

    .formas-de-pago ul li img {
        width: 80%;
    }

    .footer-newsletter-img img {
        margin: 0 auto;
    }

    .footer-subscribe, .footer-subscribe-container {
        height: 541px;
    }

    .politicas {
        border-right: none !important;
    }


    #newsletter-validate-detail .actions {
        top: -3px;
        position: relative;
        text-align: center;
    }

    .footer-newsletter-terms {
        margin-bottom: 20px;
        margin-top: 25px;
    }

    .xs-hidden {
        display: none;
    }

    .sucursal {
        margin-top: 20px;
    }


    .footer-item-container-soporte {
        width: 100%;
    }

    .footer-item-container-politicas {
        width: 100%;
    }

    .footer-item-container-fix {
        width: 100%;
        margin-top: 20px;
    }

    .footer-item-container-formas {
        margin-top: 20px;
    }

    .fix {
    }

    .formas-de-pago {
    }
}

@media (max-width: 769px) {

    .footer-custom-col-xs-12 {
        width: 100% !important;
    }

    .footer-list img {
        width: 85px;
        margin: 0 auto;
    }

    .logos ul li img {
        width: 70% !important;
    }

    .soporte {
        border-top: none;
        border-right: none;
    }

    .politicas {
        border-right: none;
    }

    .fix {
        border-right: none;
    }

    .formas-de-pago {
    }

    .footer-item-container-politicas {
        margin-top: 20px;
    }

    .footer-item {
        height: 220px;
    }
}

@media (max-width: 600px) {
    .footer-subscribe {
        padding: 0px;
    }
}

@media (max-width: 569px) {
    .footer-contact-info-container {
        height: 323px;
    }
}

@media (max-width: 400px) {
    .footer-list img {
        width: 50px;
        margin: 0 auto;
    }
}
body,html{
    font-family: 'Roboto', sans-serif !important;
    margin-top: 81px;
}

a{
    outline: none !important;
}




.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus{
    outline: none !important;
}


input[type=email],
input[type=search],
input[type=number],
input[type=password],
input[type=tel],
input[type=text]{
    outline: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
    -webkit-text-fill-color: inherit !important;
    /*-webkit-box-shadow: 0 0 0px 1000px #FFFFFF inset;*/
    transition: background-color 5000s ease-in-out 0s;
}

*:focus {
    outline: none;
}

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

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

.no-margin-lr{
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.no-padding-l{
    padding-left: 0 !important;
}

.no-padding-r{
    padding-right: 0 !important;
}





.no-show{
    display: none !important;
}

.mt-5{
    margin-top: 5px !important;
}

.mt-10{
    margin-top:10px !important;
}

.mt-20{
    margin-top:20px !important;
}

.mt-30{
    margin-top: 30px !important;
}

.mt-40{
    margin-top: 40px !important;
}

.mt-60{
    margin-top: 60px !important;
}

.mb-5{
    margin-bottom: 5px !important;
}

.mb-10{
    margin-bottom: 10px !important;
}

.mb-20{
    margin-bottom: 20px !important;
}

.mb-30{
    margin-bottom: 30px !important;
}

.mb-40{
    margin-bottom: 40px !important;
}

.mb-60{
    margin-bottom: 60px !important;
}


.pt-10{
    padding-top: 10px !important;
}

.pb-10{
    padding-top: 10px !important;
}

.pt-15{
    padding-top: 15px !important;
}

.pb-15{
    padding-bottom: 15px !important;
}

.pt-20{
    padding-top: 20px !important;
}

.pb-20{
    padding-bottom: 20px !important;
}

.pt-30{
    padding-top: 30px !important;
}

.pb-30{
    padding-bottom: 30px !important;
}

.pt-40{
    padding-top: 40px !important;
}

.pb-40{
    padding-bottom: 40px !important;
}

.padding-10{
    padding: 10px;
}

.padding-15{
    padding: 15px;
}

.bg-truper{
    background: #262626 !important;
}

.truper-h2{
    color: #4B4B4B;
    font-size: 22px;
    line-height: 24px;
    text-transform: none !important;
    margin: 20px 0 !important;
    font-weight: bold;
    font-family: 'Roboto', sans-serif !important;
}

.truper-h2 i{
    color: #ff6600;
    font-size: 12px;
    vertical-align: middle;
}

.btn-truper{
    min-height: 34px;
    font-family: 'Roboto', sans-serif !important;
    background: #ff6600 !important;
    color: #fff !important;
    text-align: center !important;
    padding: 5px 20px !important;
    border-radius: 7px !important;
    min-width: 100px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    text-transform: none !important;
}

.btn-truper:hover{
    text-decoration: none !important;
    color: #fff !important;
}

.btn-green{
    background: #00b852;
    color: #fff;
    text-align: center;
    padding: 5px 20px;
    border-radius: 50px;
    min-width: 100px !important;
    font-size: 15px !important;
    font-weight: normal !important;
}


.btn-green:hover{
    text-decoration: none;
    color: #fff;
}

.custom-link{
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    background-color: white;
    border: 2px solid #3B9AF2;
    border-radius: 8px;
    color: #3B9AF2;
    text-align: center;
    width: 62%;
    height: 35px;
    padding-top: 5px;
    margin-top: 3px;
}

.truncate-name{
    display: block;
    display: -webkit-box;
    max-width: 200px;
    height: 38px;
    margin: 0 auto !important;
    line-height: 1.5;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis !important;
}


.input-round-truper{
    border-color:#aeaeae !important;
    border-radius: 50px !important;
    height: 30px !important;
}

.select-round-truper{
    -webkit-appearance: none;
    outline: none;
    border:1px solid #aeaeae;
    height: 30px;
    border-radius: 50px;
    background: none;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 10px;
}

.select-box{
    display: block;
    position: relative;
}

.select-box:after{
    content: "\f0d7";
    color: #ff6600;
    display: inline-block !important;
    margin-left: 15px;
    position: absolute;
    font-size: 10px;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    top: 8px;
    right: 10px;
}


/** checkbox **/
.truper-check{
    display: inline-block;
}
.truper-check input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.truper-check label {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    margin-left: 10px;
}

.truper-check label::before,
.truper-check label::after {
    position: absolute;
    content: "";
    display: inline-block;
}

.truper-check label::before{
    height: 14px;
    width: 14px;

    border: 2px solid #ff6600;
    border-radius: 2px;
    left: 0;

    top: 3px;
}


.truper-check input[type="checkbox"]:checked + label::before{
    background: #ff6600 !important;
}

.truper-check label::after {
    height: 4px;
    width: 7px;
    border-left: 2px solid #fff ;
    border-bottom: 2px solid #fff;

    transform: rotate(-45deg);

    left: 4px;
    top: 7px;
}

/*Hide the checkmark by default*/
.truper-check input[type="checkbox"] + label::after {
    content: none;
}

/*Unhide on the checked state*/
.truper-check input[type="checkbox"]:checked + label::after {
    content: "";
}


.truper-check .validation-advice{
    margin-left: 10px;
}

/** truper check **/


/** truper radio **/

.truper-radio .validation-advice{
    margin-left: 10px;
}

.truper-radio{
    display: inline;
}
.truper-radio input[type="radio"] {
    opacity: 0;
    position: absolute;
}

.truper-radio label {
    position: relative;
    display: inline-block;
    padding-left: 18px;
    margin-left: 10px;
}

.truper-radio label::before,
.truper-radio label::after {
    position: absolute;
    content: "";
    display: inline-block;
}

.truper-radio label::before{
    height: 14px;
    width: 14px;

    border: 2px solid #ff6600;
    border-radius: 2px;
    left: 0;

    top: 3px;
}


.truper-radio input[type="radio"]:checked + label::before{
    background: #ff6600 !important;
}

.truper-radio label::after {
    height: 4px;
    width: 7px;
    border-left: 2px solid #fff ;
    border-bottom: 2px solid #fff;

    transform: rotate(-45deg);

    left: 4px;
    top: 7px;
}

/*Hide the checkmark by default*/
.truper-radio input[type="radio"] + label::after {
    content: none;
}

/*Unhide on the checked state*/
.truper-radio input[type="radio"]:checked + label::after {
    content: "";
}

/** truper radio **/

input[type=file]{
    border: none !important;
}

/** truper textarea **/
textarea{
    border-radius: 15px;
    border: 1px solid #e8e8e8;
}



.cms-page-view .std p{
    font-family: 'Roboto', sans-serif !important;
}

.cms-page-view .std p,
.cms-no-route .std p{
    color:#4b4b4b !important;
    font-style: normal !important;
}



/** success message **/
.messages .success-msg li{
    position: absolute !important;
    width: 96% !important;
    z-index: 1 !important;
}

.messages{
    margin-top: 0 !important;
}




.breadcrumbs li{
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    text-transform: none !important;
    color: #4b4b4b !important;
}

.breadcrumbs li strong{
    color: #FF6600 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    text-transform: none !important;
}


@media (min-width: 768px) {
    .col-sm-tf-7{
        display: inline-block;
        text-align: center;
        margin: 0 auto;
        width: 14.2855555% !important;
        float: left;
    }
}


@media (max-width: 770px) {
    .no-margin-767{
       /*margin: 0 !important;*/
    }

    .center-block-767{
        margin: 0 auto !important;
        text-align: center !important;
    }
    .text-center-767{
        text-align: center !important;
    }

    .mt-20-767{
        margin-top:20px !important;
    }

    .mb-20-767{
        margin-bottom:20px !important;
    }

    body,html{

        margin-top: 0 !important;
    }
    .main-container{
        /*padding-top: 55px !important;*/
    }

}


@media (max-width: 617px) {
    .custom-link{
        width: 100%;
    }
}



@media (max-width: 524px) {
    .col-xxs-1,.col-xxs-10,.col-xxs-11,.col-xxs-12,.col-xxs-2,.col-xxs-3,.col-xxs-4,.col-xxs-5,.col-xxs-6,.col-xxs-7,.col-xxs-8,.col-xxs-9{float:left}
    .col-xxs-12{width:100% !important;}
    .col-xxs-11{width:91.66666667% !important; }
    .col-xxs-10{width:83.33333333% !important;}
    .col-xxs-9{width:75% !important;}
    .col-xxs-8{width:66.66666667% !important;}
    .col-xxs-7{width:58.33333333% !important;}
    .col-xxs-6{width:50% !important;}
    .col-xxs-5{width:41.66666667% !important;}
    .col-xxs-4{width:33.33333333% !important;}
    .col-xxs-3{width:25% !important;}
    .col-xxs-2{width:16.66666667% !important;}
    .col-xxs-1{width:8.33333333% !important;}
    .col-xxs-offset-0 {
        margin-left: 0 !important;
    }

    .no-pl-524{
        padding-left: 0 !important;
    }
}

@media (max-width: 428px) and (min-width: 337px) {
    .messages {
        display: block;
        margin-bottom: 59px;
    }

    .messages li li {
        font-size: 11px !important;
    }
}

@media (max-width: 336px) and (min-width: 200px) {
    .messages {
        display: block;
        margin-bottom: 59px;
    }

    .messages li li {
        font-size: 9px !important;
    }
}
.cms-index-index.cms-home .notice-msg {
    display: none !important;
}

.cms-home .breadcrumbs {
    display: none !important;
}

body.cms-home .home-grid .main-container {
    padding-top: 10px;
    padding-bottom: 10px;
}

.home-grid {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: #f0efef !important;
}

.home-grid .main-container p {
    padding: 0 36px;
    margin-bottom: 0px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400;
    color: #4b4b4b;

}

.home-grid .main-container .truper-h2 {
    padding: 0 25px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    color: #4b4b4b;

}

.home-grid .main-container .btn-truper {
    margin-left: 0px !important;
    display: inline-block;
}

.home-grid .grid-text-cont {
    height: 110px;
}

.envio-gratis-catalog {
    margin: 0 auto;
    background: url("https://www.fixferreterias.com/media/wysiwyg/sprite.png") no-repeat 5.958% 0.352%;
    background-size: 718px 356px;
    width: 130px;
    height: 16px;
}

.no-free {
    height: 16px;
}


.cms-home .page {
    overflow: hidden;
}

.distribuidor {
    padding: 50px 0;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: url('https://www.fixferreterias.com/skin/frontend/glam/default/images/distribuidor.jpg') no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    color: #fff !important;
}

.owl-carousel .price-box .price, .owl-carousel .slider-price .price {
    font: normal normal bold 18px/22px Helvetica;
    letter-spacing: 0px;
    color: #464646;
}


.owl-carousel .product-name {
    margin: 27px auto !important;
    font: normal normal normal 15px/18px Helvetica;
    color: #464646;
    text-align: center;
}

/** BRANDS **/

.brands .title {
    font-weight: bold;
    color: #4b4b4b;
    font-size: 20px;
}

.brands .title .orange {
    color: #ff6600;
    font-weight: bold !important;
}

.brands .title span {
    font-weight: normal !important;
}

.brands .brands-small {
    font-size: 20px;
    font-weight: bold;
    display: none;
}

.brands .brands-small.truper {
    display: block;
}

.brands .brands-small span {
    font-weight: normal;
}

.brands p.brands-mobile {
    margin: 0 !important;
}

.cms-home .wrapper .page .visible-home {
    display: block !important;
}

.brands-logos img.active {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.2);
    -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2);
}

.brands-logos img:hover {
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    /*-webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;*/
    transform: scale(1.2);
    -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2);
}

.brands-logos img {
    -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(100%); /* FF 35+ */
    opacity: 0.5;
    max-width: 90%;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

/*.noticias-distribuidor h4 {
    font-size: 16px !important;
    text-transform: none !important;
    font-weight: normal !important;
}
.noticias-distribuidor p{
    font-size: 14px !important;
    font-weight: lighter !important;

}


.noticias-distribuidor .news-title{
    font-size: 16px !important;
    line-height: 23px;
    font-weight: normal !important;
    vertical-align: middle;
    border-bottom: 2px solid #ff6600;
    position: relative;
    display: inline-block;
    color: #4B4B4B !important;
}


.noticias-distribuidor .news-title:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    border-width: 3px;
    border-style: solid;
    border-color: transparent transparent #ff6600 transparent;

}*/

/*.widget-latest a:hover{
    text-decoration: none;
}*/

/** banner nuevos **/
/*.banner-nuevos{
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: #f0efef !important;
}


.banner-nuevos .new-text-container{
    display: block;
    position: relative;
    width: 70%;
    float: right;
}


.banner-nuevos h3{
    color: #4B4B4B;
    font-size: 58px;
    font-family: 'Roboto', sans-serif !important;
    text-align: left;
    text-transform: none;
    margin: 0 !important;
}

.banner-nuevos h4{
    color: #4B4B4B;
    font-size: 58px;
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    text-align: right;
    margin: 0 !important;
}


.banner-nuevos .img-new{
    margin-left: -70px;
    margin-bottom: 30px;
}

.banner-nuevos .new-text-gray{
    color: #4B4B4B;
    font-size: 28px;
}

.banner-nuevos .new-text-orange{
    text-align: justify;
    color: #ff6600;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}*/

/*** DESTACADOS ***/

.destacados .owl-carousel .owl-item {
    padding: 25px 6px;
}

.destacados .owl-carousel .owl-item .item {
    position: relative;
    top: 6px;
    padding-top: 10px;
    background-color: white;
}

.destacados .owl-carousel .padding-lr-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.destacados .owl-carousel .border {
    box-shadow: 0px 2px 8px lightgrey;
}

.destacados .owl-carousel a:hover {
    text-decoration: none !important;
}

.destacados .owl-carousel .clave-codigo {
    width: 145px;
    margin: 0 auto;
}

.destacados .owl-carousel .clave-codigo .product-clave,
.destacados .owl-carousel .clave-codigo .product-codigo {
    text-align: center;
    line-height: 14px;
    vertical-align: middle;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Roboto', sans-serif !important;
    color: #4B4B4B;
    font-weight: 400;
    font-size: 14px !important;
}

/***  DESTACADOS  **/

/*** distribuidor slider **/

#slider {
    margin: 0 auto;
    position: relative;
    max-width: 100%;
}

.distribuidor .truper-h2 {
    color: #fff;
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    font-size: 22px;
}

.distribuidor p {
    font-family: 'Roboto', sans-serif !important;
    font-weight: normal;
    font-size: 14px !important;

}

#container-css-slider p {

    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
}

#container-css-slider p.puesto {
    margin: 2px 0 !important;
}

.dist-orange {
    color: #ff6600;
}

.distribuidor input {
    display: none;
}

#slide1:checked ~ #slides .inner {
    margin-left: 0;
}

#slide2:checked ~ #slides .inner {
    margin-left: -100%;
}

#slide3:checked ~ #slides .inner {
    margin-left: -200%;
}

#slide4:checked ~ #slides .inner {
    margin-left: -300%;
}

#slide5:checked ~ #slides .inner {
    margin-left: -400%;
}

#container-css-slider {
    width: 100%;
    overflow: hidden;
}

.distribuidor article img {
    width: 100%;
}

#slides .inner {
    width: 500%;
    line-height: normal;
}

#slides article {
    width: 20%;
    float: left;
}

#commands {
    top: calc(50% - 25px);
    position: absolute;
    margin: 0;
    width: 100%;
    height: inherit;
}

#commands label {
    display: none;
    width: 50px;
    height: 50px;
    opacity: 0.5;
}

#commands label:hover {
    opacity: 0.8;
}

#slide1:checked ~ #commands label:nth-child(2),
#slide2:checked ~ #commands label:nth-child(3),
#slide3:checked ~ #commands label:nth-child(4),
#slide4:checked ~ #commands label:nth-child(5),
#slide5:checked ~ #commands label:nth-child(1) {
    background: url('https://0.s3.envato.com/files/84450220/img/next.png') no-repeat center;
    float: right;
    margin-right: 10px;
    display: block;
}

#slide1:checked ~ #commands label:nth-child(5),
#slide2:checked ~ #commands label:nth-child(1),
#slide3:checked ~ #commands label:nth-child(2),
#slide4:checked ~ #commands label:nth-child(3),
#slide5:checked ~ #commands label:nth-child(4) {
    background: url('https://0.s3.envato.com/files/84450220/img/previous.png') no-repeat center;
    float: left;
    margin-left: 10px;
    display: block;
}

.distribuidor .caption {
    line-height: 20px;
    margin: 0 0 -150%;
    position: absolute;
    padding: 320px 12px;
    opacity: 0;
    color: #fff;
    text-transform: none;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    text-align: left;
    font-size: 18px;
}

.distribuidor .caption .bar {
    display: inline-block;
    padding: 10px;
    background: #000;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    opacity: 0.7;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
}

#slides {
    position: relative;
    margin: 0;
    background: none !important;

}

#slides .inner {
    -webkit-transform: translateZ(1);
    -webkit-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -webkit-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -moz-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -ms-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    -o-transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
    transition-timing-function: cubic-bezier(0.770, 0.000, 0.175, 1.000);
}

#slider {
    -webkit-transform: translateZ(1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

#commands label {
    -webkit-transform: translateZ(1);
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
}

#slide1:checked ~ #slides article:nth-child(1) .caption,
#slide2:checked ~ #slides article:nth-child(2) .caption,
#slide3:checked ~ #slides article:nth-child(3) .caption,
#slide4:checked ~ #slides article:nth-child(4) .caption,
#slide5:checked ~ #slides article:nth-child(5) .caption {
    opacity: 1;
    -webkit-transition: all 1s ease-out 0.6s;
    -moz-transition: all 1s ease-out 0.6s;
    -o-transition: all 1s ease-out 0.6s;
    transition: all 1s ease-out 0.6s;
}

#commands,
#commands label,
#slides,
#active,
#active label {
    -webkit-transform: translateZ(1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.distribuidor .quote {
    font-family: "Times New Roman";
    font-size: 70px !important;
    text-align: left;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    line-height: 50px;
    margin-bottom: -24px;
    width: 100%;

}

/*** distribuidor slider **/

#seo {
    margin-top: 30px;
    font-size: 10px;
    color: #aeaeae;
}

.cms-home .page > .main-container.col1-layout {
    padding-bottom: 0 !important;
}

/*** SLIDER ***/

.carousel-caption {
    color: white;
    xright: 58%;
    text-align: center;
    width: 48%;
    right: 0 !important;
    left: auto !important;
    top: 30%;
    /*top: 50%; */
    xtransform: translateY(-50%);
    xbottom: initial;
    background: rgba(0, 0, 0, 0.65);
    padding: 15px;
    height: 40%;
}

.carousel-control {
    width: 70px;
    text-shadow: none !important;
    height: 20% !important;
    top: 40% !important;
}


.carousel-control.left,
.carousel-control.right {
    background-image: none !important;
}

.content-caption {
    text-align: left;
    width: 85%;
}

.carousel-caption h3 {
    margin: 10px 0;
    font-size: 35px;
    font-weight: bold;
    color: #fff !important;
    font-family: 'Roboto', sans-serif !important;
    text-transform: none !important;
}

.carousel-caption h3 span {
    color: #ff6600 !important;
}

.carousel-caption p {
    font-size: 25px;
    font-family: 'Roboto', sans-serif !important;
}

.carousel-caption p span {
    font-weight: bold !important;
    color: #ff6600;
}

body.cms-home .main-container {
    margin-top: 13px !important;
}

@media (max-width: 1020px) {
    .home-grid .grid-text-cont {
        height: 120px;
    }

    .home-grid .truper-h2 {
        font-size: 2.1vw !important;
    }
}

@media (max-width: 991px) {
    .carousel-caption {
        width: 50%;
    }

    .carousel-caption h3 {
        font-size: 24px;
    }

    .carousel-caption p {
        font-size: 14px;
    }

    .home-grid .truper-h2 {
        font-size: 2vw !important;
    }
}

@media (max-width: 861px) {
    .home-grid .truper-h2 {
        font-size: 1.8vw !important;
    }

    .home-grid .grid-text-cont {
        height: 160px;
    }
}

@media (max-width: 770px) {

    .brands .item img {
        -webkit-filter: none !important; /* Ch 23+, Saf 6.0+, BB 10.0+ */
        filter: none !important; /* FF 35+ */
        opacity: 1 !important;
    }

    body.cms-home .main-container {
        padding-top: 44px;
    }

    #seo {
        display: none;
    }

    .banner-nuevos .new-text-container {
        width: 100%;
    }

    .banner-nuevos .new-text-gray {
        color: #4B4B4B;
        font-size: 18px;
    }

    .banner-nuevos .new-text-orange {
        font-size: 18px;
    }

    .slider-boots {
        margin-top: -10px !important;
    }

    /*.carousel-caption {
        display: block;
    }*/
    .home-grid .main-container p {
        margin-bottom: 0 !important;
    }

    .home-grid .main-container .btn-truper {
        margin-bottom: 40px !important;
    }

    .carousel-caption {
        width: 100%;
        top: auto;
        bottom: 0 !important;
    }

    .home-grid .grid-text-cont {
        height: auto;
        margin-bottom: 20px !important;
    }

    .home-grid .truper-h2 {
        font-size: 20px !important;
    }

    .home-grid .btn-truper {
        margin-top: 20px;
    }

}


/** Cintillo guía de existencias */

.guia-existencias {
    padding: 0px 0px 0px 0px !important;
    background-color: #FF6501;
    width: 100vw !important;
    margin-left: calc(-50vw + 50%);
    margin-top: 0px;
}

.cintillo-existencias-desk {
    height: 100%;
    width: 100%;
}

.cintillo-existencias-mov {
    height: 100%;
    width: 100%;
}

/** Cintillo guía como comprar */

.how-to-buy {
    display: none !important;
}

/* OFERTAS */

.mx-0 {
    margin-left: 0px;
    margin-right: 0px;
}

.px-0 {
    padding-left: 0px;
    padding-right: 0px;
}

.home-ofertas {
    color: #343434;
    font-size: 21px;
    text-transform: none !important;
    text-align: left;
    font-weight: 600;
    border-bottom: 1px solid lightgray;
    padding-bottom: 5px;
    margin-bottom: 5px !important;
    position: relative;
    top: 15px;
}

.ofertas .ofertas-badge img {
    width: 100%;
    position: relative;
    top: 37px;
    margin-bottom: 83px;
}

.btn-truper-red {
    min-height: 34px;
    font-family: 'Roboto', sans-serif !important;
    background: #C61413 !important;
    color: #fff !important;
    text-align: center !important;
    padding: 5px 20px !important;
    border-radius: 7px !important;
    min-width: 100px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    text-transform: none !important;
}

.btn-truper-blue {
    min-height: 34px;
    font-family: 'Roboto', sans-serif !important;
    background: #053463 !important;
    color: #fff !important;
    text-align: center !important;
    padding: 5px 20px !important;
    border-radius: 7px !important;
    min-width: 100px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    text-transform: none !important;
}

.ofertas .old-price .price {
    text-align: center !important;
    text-decoration: line-through !important;
    font: normal normal normal 18px/22px Helvetica !important;
    letter-spacing: 0px !important;
    color: #707070 !important;
}

.ofertas .special-price .price {
    text-align: center !important;
    font: normal normal normal 18px/22px Helvetica !important;
    letter-spacing: 0px !important;
    color: #C61413 !important;
}

.price-box {
    height: 30px !important;
}

.destacados-background {
    height: 100%;
    width: 102vw;
    margin-left: calc(-50vw + 44%);
    position: absolute;
    background-color: #EDEDED;
    max-height: 520px;
}

.item-offer-badge {
    width: 20% !important;
    position: absolute;
    top: -3%;
    right: -5%;
}

.item-offer-badge-percent {
    position: absolute;
    top: -2px;
    right: -3%;
    font-size: 12px;
    color: white;
    font-family: 'Lato';
    font-weight: 400;
}

.item-offer-badge-percent-zoomed {
    position: absolute;
    top: -2px;
    right: -3%;
    font-size: 15px;
    color: white;
    font-family: 'Lato';
    font-weight: 400;
    z-index: 10;
}

.recently .price-box {
    height: 21px !important;
}


#recent-title {
    display: none;
}


/* EFECTOS HOME */
.zoom-effect {
    z-index: 9;
    transition: all 150ms ease-in;
    transform: scale(1.1);
    font-size: 15px !important;
}

.zoom-effect-text {
    z-index: 1;
    font-size: 15px !important;
}

@media (max-width: 1081px) {
    .destacados-background {
        max-height: 660px;
    }

    .item-offer-badge {
        top: 0%;
        right: 0%;
    }

    .item-offer-badge-percent {
        top: 17px;
        right: 8px;
        font-size: 14px;
    }
}

@media (max-width: 979px) {
    .destacados-background {
        max-height: 760px;
    }

    .item-offer-badge-percent {
        top: 4%;
        right: 4%;
        font-size: 2vw;
    }
}

@media (max-width: 879px) {
    .destacados-background {
        max-height: 720px;
    }
}

@media (max-width: 780px) {
    .destacados-background {
        max-height: 660px;
    }
}

@media (max-width: 680px) {
    .destacados-background {
        max-height: 630px;
    }
}

@media (max-width: 580px) {
    .destacados-background {
        max-height: 560px;
    }

    .item-offer-badge-percent {
        top: 3%;
    }
}

@media (max-width: 499px) {
    .destacados-background {
        max-height: 745px;
    }

    .item-offer-badge-percent {
        top: 4%;
        right: 4%;
        font-size: 4vw;
    }
}

@media (max-width: 435px) {
    .destacados-background {
        max-height: 703px;
    }
}

@media (max-width: 386px) {
    .destacados-background {
        max-height: 663px;
    }

    .home-ofertas {
        top: 25px;
    }
}

@media (max-width: 340px) {
    .destacados-background {
        max-height: 607px;
    }
}

/** Móvil **/

@media (max-width: 480px) and (min-width: 200px) {
    .cintillo-existencias-desk {
        display: none;
    }

    .cintillo-existencias-mov {
        display: block;
    }
}

@media (max-width: 462px) and (min-width: 200px) {
    body.cms-home .main-container {
        margin-top: 37px !important;
    }
}

/** Tabletas **/
@media (max-width: 768px) and (min-width: 481px) {
    .cintillo-existencias-desk {
        display: none;
    }

    .cintillo-existencias-mov {
        display: block;
    }

    .slider-boots {
        top: -1px;
        position: relative;
    }
}

/** Pantallas pequeñas **/
@media (max-width: 1025px) and (min-width: 769px) {
    .cintillo-existencias-desk {
        display: block;
    }

    .cintillo-existencias-mov {
        display: none;
    }

    .cms-home .main-container {
        margin-top: 23px !important;
    }
}

/** Pantallas normales **/
@media (max-width: 1400px) and (min-width: 1026px) {
    .cintillo-existencias-desk {
        display: block;
    }

    .cintillo-existencias-mov {
        display: none;
    }

    .cms-home .main-container {
        margin-top: 23px !important;
    }
}

/** Pantallas grandes **/
@media (min-width: 1401px) {
    .cintillo-existencias-desk {
        display: block;
    }

    .cintillo-existencias-mov {
        display: none;
    }

    .cms-home .main-container {
        margin-top: 23px !important;
    }

}

/** Pantallas retina **/
@media (min-width: 2400px) {
    .cintillo-existencias-desk {
        display: block;
    }

    .cintillo-existencias-mov {
        display: none;
    }

    .cms-home .main-container {
        margin-top: 23px !important;
    }
}



.ms-topmenu .ms-label {
    opacity: 1 !important;
    color: white !important;
    background: #E65D1D;
    height: 40px;
}

.ms-megamenu .row {
    margin-right: -15px;
    margin-left: -15px;
}

.ms-megamenu .col-xs-12 {
    padding-left: 10px;
    padding-right: 10px;
}

/* GLAM CUSTOM 2 columns**/

.ulpart2 {
    margin-bottom: 15px;
}

#header-nav .div-temp {
    display: none !important;

}

/* GLAM CUSTOM **/

.fake-hamburguer {
    margin-top: 20px;
}

.fake-hamburguer .menu-hamburger {
    color: #fff;
    background: #003C71 !important;
    /*background: red !important;*/
    padding: 4px 0;
    vertical-align: middle;
    text-align: center;
    height: 34px !important;
    width: 38px !important;
    margin-left: 30px;
    float: left;
    font-size: 18px;
    position: absolute;
    top: 18px;
}

.fake-hamburguer .menu-hamburger:before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f0c9";
    height: 34px !important;
    width: 38px !important;
    text-align: center;
    top: -4px;
    position: absolute;
    left: 15px;
}

.ms-megamenu * {
    transition: none;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
}

.ms-megamenu .dynamic-content .col-xs-24 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ms-megamenu .col-xs-10 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.ms-megamenu .col-xs-3 {
    padding-left: 10px !important;
    padding-right: 10px !important;
}


.ms-topmenu .ms-level0.active .ms-label,
.ms-topmenu .ms-level0:hover .ms-label,
.ms-topmenu .ms-level0:active .ms-label,
.ms-topmenu .ms-level0:focus .ms-label {
    background-color: #E65D1D !important;
}

.ms-topmenu .ms-level0 > .ms-label .menu-name {
    font-family: Roboto Condensed !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 18.2px !important;
    letter-spacing: 0.05em !important;
    text-align: left !important;
    color: white !important;
    text-transform: uppercase !important;
}

.ms-topmenu .ms-level0 > .ms-label {
    padding: 0;
    font-size: 16px !important;
    font-weight: normal !important;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
}

.ms-topmenu .ms-level0 > .ms-label span {
    position: relative;
    line-height: 40px;
    display: inline;
    width: 100%;
}

/** dynamic submenu**/
.ms-submenu {
    background: none !important
}


.ms-submenu .dynamic-content {
    background: #fff !important;
    -webkit-box-shadow: -4px 4px 10px -4px rgba(0, 0, 0, .8);
    -moz-box-shadow: -4px 4px 10px -4px rgba(0, 0, 0, 0.8);
    height: 500px !important;
}

.ms-submenu .featured-glam {
    height: 500px !important;
}


.ms-content .ms-featured {
    background: #fff !important;
    text-align: center !important;
    padding: 0 !important;
}

.ms-submenu .col-level > .form-group {
    text-align: left !important;
    background: #EDEDED !important;
    color: #003C71;
    text-indent: 0 !important;
    border: none !important;
}

.ms-submenu .col-level > .form-group a {
    font-size: 13px !important;
    color: #fff !important;
    font-weight: bold !important;
    padding: 6px 0 !important;
}

.ms-topmenu .ms-submenu a {
    color: #4B4B4B;
    font-size: 13px;
}

.ms-topmenu .ms-submenu a:hover {
    color: #ff6600 !important;
    font-weight: bold !important;
    text-decoration: none;

}


.ms-submenu .col-level > .form-group.active {
    text-align: left !important;
    background: #fff !important;
    color: #ff6600;
    text-indent: 0 !important;
    -webkit-box-shadow: 0px 7px 12px -7px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 7px 12px -7px rgba(0, 0, 0, .5);
    box-shadow: 0px 7px 12px -7px rgba(0, 0, 0, .5);
    z-index: 9;
}

.ms-submenu .col-level > .form-group.active a {
    color: #ff6600 !important;
    font-size: 12px;
    font-weight: bold;
}

.ms-submenu .col-level > .form-group .glyphicon {
    display: none !important;
}

.col-dynamic .form-group .col-category-name {
    margin-bottom: 10px !important;
    font-size: 13px;
    font-weight: bolder !important;
}


.ms-category-dynamic .col-dynamic a:hover span {
    color: #252729;
}

.ms-category-dynamic .col-dynamic a:hover img {
    transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-tranform: none;
    -webkit-transform: none;
}


.col-dynamic .form-group .catlist {
    font-weight: normal !important;
    font-size: 13px;
    display: inline-block;
}

.col-dynamic .form-group .catlist li {
    line-height: 15px;
    margin-bottom: 8px !important;
    vertical-align: middle;
}

.ms-level0 > .ms-submenu {
    width: 100% !important;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 0px 0px;
}

.menu-abs-767 {
    position: relative !important;
}

.ms-category-dynamic .main-cat .fas {
    display: none;
}

.ms-category-dynamic .main-cat:hover .fas,
.ms-category-dynamic .main-cat:active .fas,
.ms-category-dynamic .main-cat:focus .fas {
    display: inline-block;
}


.ms-category-dynamic .active .fas {
    display: inline-block;
}


.ms-topmenu a.atoz {
    display: inline-block !important;
    font-size: 13px !important;
    margin-top: 0px !important;
}

.ms-topmenu a.atoz:hover {
    text-decoration: none !important;

}


/** static categories **/

.ms-content > .ms-maincontent {
    width: 100% !important;
}

.ms-maincontent > .ms-category-level {
    background: #636363;
}

.ms-megamenu .ms-submenu {
    padding: 0;
    border: none !important;
    width: 240px;
}

.ms-level0 > .ms-submenu {
    max-width: 15% !important;
}


@media (max-width: 1265px) {
    .ms-level0 > .ms-submenu {
        max-width: 20% !important;
    }
}

.ms-category-level .col-sub {
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 300px;
    width: 300px;
    padding: 0 10px;
    min-width: 240px;
    height: 496px;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 0px 0px;
}

.ms-category-level .col-sub.lvl2 {
    left: 100%;
}

.ms-category-level a.form-group {
    font-weight: 400 !important;
}


.col-category .parent {
    display: contents;
    background: #fff !important;

}

.lvl1.parent > .form-group > i {
    display: none;
    color: #ff6600 !important;
    text-align: right !important;
    float: right !important;
    margin-right: 15px;
    margin-top: 9px;
}

.ms-megamenu .parent .small.glyphicon-chevron-right {
    color: #ff6600 !important;
}


.col-category .parent.active {
    display: contents;
    background: #fff !important;
    color: #ff6600;
}


.ms-category-level .parent.active > a.form-group {
    color: #ff6600;
    background: #fff !important;
    text-decoration: none !important;
}


.ms-category-level .parent.active > a.form-group .fas {
    display: inline-block;
}


.col-category .parent .form-group {
    margin-left: 15px;
}


.ms-topmenu .ms-submenu .parent.lvl2 > a.form-group,
.ms-topmenu .ms-submenu .parent.lvl3 > a.form-group {
    padding-left: 10px;

}


.ms-topmenu .ms-submenu a.form-group {
    margin: 0;
    line-height: 31px;
}


.col-category .lvl1 > a {
    padding-left: 10px !important;
}

.col-category .lvl1 {
    background-color: #EDEDED !important;
    padding: 0 !important;
}

div[catid="cat1718"] {
    display: contents;
    background: #fff !important;
    background-color: #014a8c !important;
}

div[catid="cat1718"] i {


    display: none;
}

#ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level a[href*="/ofertas"] {
    margin-left: 30px !important;
}

.ms-megamenu .parent .small.glyphicon-chevron-right {
    top: 11px !important;
    font-size: 9px !important;
    padding-right: 0;

}


.col-category .col-sub.lvl3 {
    border-left: 1px solid #eaeaea;
    width: 240px;
}

.col-category .lvl4 {
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    margin-left: -1px;
    left: 240px;
    box-shadow: rgb(0 0 0 / 20%) 0px 2px 0px 0px;
}


.more-cat {
    font-size: 13px !important;
    color: #ff6600 !important;
    text-align: right !important;
    margin-top: 10px !important;
    /*float: right !important;*/
    margin-right: 10px;
}

.more-cat:hover {
    text-decoration: underline !important;
    font-weight: normal !important;
}


.img-lvl2-test {
    position: absolute;
    top: 0;
    margin-left: 300px;
    display: inline-block;
    width: 100%;


}

.img-lvl3-test {
    position: absolute;
    top: 0;
    margin-left: 239px !important;
    display: inline-block;
    width: 100%;


}

.img-lvl4-test {
    position: absolute;
    top: 0;
    margin-left: 10px !important;
    display: inline-block;
    width: 100%;

}

.lvlcat {
    background: #fff;
    height: 464px;
    text-align: center;
    box-shadow: rgb(0 0 0 / 20%) 2px 2px 0px 0px;
}

.lvlcat img.catimg {
    background: #fff;
    /*display: none;*/
    margin: 15px 30px 0px 15px !important;
    max-width: 100% !important;
}


.btn-menu-glam {
    position: relative;
    text-align: center;
    margin: 0 auto;
    margin-top: 10px !important;
}


.btn-menu-glam a {
    cursor: pointer;
}


.ms-topmenu .ms-submenu a.form-group:hover {
    color: #ff6600 !important;
}


/** static categories **/


/** content **/

#nav-5 .ms-content > .ms-maincontent {
    border-bottom: 15px solid #004a8d !important;
    border: none !important;

}

#nav-5.ms-level0 > .ms-submenu {
    left: inherit !important;
}

#nav-5.ms-level0 > .ms-submenu ul {
    padding: 10px 15px !important;
}

#nav-5.ms-level0 > .ms-submenu ul li {
    line-height: 31px !important;
}

#nav-5.ms-level0 > .ms-submenu ul li a {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #fff !important;
}

#nav-5.ms-level0 > .ms-submenu ul li a .fas {
    color: #ff6600 !important;
    margin-right: 7px;
}

#nav-5.ms-level0 > .ms-submenu ul li a:hover {
    color: #ff6600 !important;
}


#nav-3 .ms-content > .ms-maincontent {
    border-bottom: 15px solid #004a8d !important;
    border: none !important;

}

#nav-3.ms-level0 > .ms-submenu {
    left: inherit !important;
}

#nav-3.ms-level0 > .ms-submenu ul {
    padding: 10px 15px !important;
}

#nav-3.ms-level0 > .ms-submenu ul li a {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #fff !important;
}

#nav-3.ms-level0 > .ms-submenu ul li {
    line-height: 31px !important;
}

#nav-3.ms-level0 > .ms-submenu ul li a:hover {
    color: #ff6600 !important;
}

#nav-3.ms-level0 > .ms-submenu ul li a .fas {
    color: #ff6600 !important;
    margin-right: 7px;
}

#nav-10 {
    background-color: #ff6500;
}

.nav-contact {

    border-left: 1px solid white;
    text-align: center;
    border-right: 1px solid white;
}

/** Cambia depende la cantidad de items v*/

.custom-megamenu-container {
    height: 40px !important;
}

.extra-custom {
    background-color: #E65D1D;
    width: 20%;
}

.custom-menu-text {
    color: white;
    font-size: 14px;
    font-family: Roboto;
    line-height: 62px;

}

.nav-store {
    border-left: 1px solid white;
}

small.icono-menos-menu:before {
    content: "\002d" !important;
    font-size: 40px;
    line-height: 0px;
}

.ms-megamenu .ms-topmenu {
    margin: 0 !important;
    background: #E65D1D;
    height: 40px !important;
}

/** NAV 8 **/
#nav-8 {
    margin-left: 15px;
    height: 40px;
}

.nav-8 #submenu-8 {
    display: block !important;
    position: relative;
    top: -40px !important;
    max-width: 100% !important;
    height: 40px;
    box-shadow: none;
}

#nav-8 .megamenu-click-link {
    display: flex;
    align-items: center;
    height: 20px;
    border-left: 1px solid #fff;
    padding-left: 15px;
}

#nav-8 #submenu-8 .ms-maincontent p {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.np-menu-991 {
    padding: 0 !important;
}

.extra-custom .ms-label:hover {
    background: #E65D1D !important;
}


.menu-name {
    text-transform: none;
    font-weight: 600;
}

#nav-1 .ver-prductos-img {
    position: relative;
    top: -2px;
    left: -3px;
}

#nav-1 .ms-label {
    padding: 0;
}



#nav-1, #nav-2, #nav-7, #nav-6, #nav-3, #nav-8  {
    width: fit-content;
}

#nav-2, #nav-7, #nav-6 {
    margin-right: 35px;
}


#nav-2, #nav-7, #nav-6, #nav-3, #nav-8 {
    float: right;
}

.ms-topmenu #nav-2.ms-level0 > .ms-label span,
.ms-topmenu #nav-7.ms-level0 > .ms-label span,
.ms-topmenu #nav-6.ms-level0 > .ms-label span,
.ms-topmenu #nav-3.ms-level0 > .ms-label span {
    text-align: right;
}


.megamenu-pc.ms-megamenu {
    max-width: 1440px;
    margin: 0 auto;
    padding: 0 !important;
}

.extra-custom i {
    top: 23px;
    position: relative;
}

.ms-level0.nav-1:after, .ms-level0.nav-2:after, .ms-level0.nav-7:after, .ms-level0.nav-6:after {
    content: "";
    position: relative;
    right: 0;
    top: 20px;
    height: 22px;
    border-right: 2px solid #ff6600;
    display: none;
    z-index: 1;
}

/* NUEVO style 2022 */

.extra-custom a span img {
    left: 0px;
    top: 20px;
    width: 16px;
    height: 16px;
}

#nav-6 a span img {
    width: 22px;
}

#nav-3 a span img {
    width: 22px;
}

.ms-topmenu .ms-submenu a.form-group:hover {
    background-color: #ff6600 !important;
    color: white !important;
}


.lvlcat {
    height: 434px !important;
}

#submenu-1 {
    left: unset !important;
}

@media (max-width: 1500px) {

    .ms-category-level .col-sub {
        height: 434px;
    }

    .lvlcat {
        height: 434px !important;
    }
}

@media (max-width: 1274px) {

    #nav-1 .ms-label {
        text-align: center;
    }

    #nav-3 .ms-label {
        text-align: center;
    }

    .extra-custom i {
        top: 23px;
        left: 0;
    }

    .ms-megamenu .ms-topmenu {
        padding: 0 20px;
    }

    .fa-bars {
        float: none;
    }

    .ms-category-level .col-sub {
        height: 434px;
    }

    .lvlcat {
        height: 434px !important;
    }
}

@media (max-width: 1056px) {

    .lvlcat {
        height: 434px !important;
    }

    .ms-category-level .col-sub {
        height: 434px;
    }
}

@media (max-width: 1056px) and (min-width: 934px) {

    #nav-1 .ms-label .menu-name {
        line-height: 18px;
        top: 0px;
        left: -8px;
    }

    #nav-3 a span img {
        left: 0px;
        top: 14px;
        width: 23px;
        height: auto;
    }

    .lvlcat {
        height: 434px !important;
    }

}

@media (max-width: 933px) and (min-width: 866px) {

    .ms-level0 > .ms-submenu {
        top: 64px !important;
    }

    #nav-3 a span img {
        top: 13px;
    }
}

@media (max-width: 820px) {
    #nav-8 {
        display: none !important;
    }
}

@media (max-width: 770px) {

    #nav-2, #nav-7, #nav-6 {
        margin-right: 0;
    }

    .ms-topmenu .ms-label {
        height: 85px;
    }


    .ms-topmenu #nav-1.ms-level0 > .ms-label span {
        left: 0;
        display: flex;
        margin-left: 5px;
    }

    .ms-topmenu .ms-level0 > .ms-label .menu-name {
        color: #4b4b4b !important;
        float: left;
        top: 1px !important;
    }

    #nav-1 .ver-prductos-img {
        left: 0;
    }

    .fake-hamburguer .menu-hamburger {
        margin-left: 2%;
    }

    #nav-1 {
        width: 100%;
    }

    #nav-2 {
        width: 100%;
    }

    #nav-3 {
        width: 100%;
    }

    #nav-6 {
        width: 100%;
    }

    #nav-7 {
        width: 100%;
    }

    #nav-1 a span i {
        float: none !important;
        top: 5px;
        position: relative;
        margin-right: 10px;
    }

    .ms-megamenu .anchor_mbmenu,
    .ms-megamenu .mb-label {
        display: none !important;
    }

    .visible-770 {
        display: block !important;
    }

    .full-search {
        margin: 0 !important;
        width: 100% !important;
    }

    #nav-4 {
        display: none;
    }

    .col-category .parent {
        display: block !important;
    }

    .ms-level0.nav-1 {
        background: #fff !important;
        width: 100%;
    }

    #m_submenu-5 ul,
    #m_submenu-3 ul {
        padding: 0 35px;
    }

    #m_submenu-5 ul li,
    #m_submenu-3 ul li {
        padding: 5px 0;
    }


    .menu-abs-767 {
        position: absolute !important;
        z-index: 0;
        height: 1px !important;
    }

    .megamenu-pc.ms-megamenu {
        float: none !important;
    }

    .ms-topmenu .ms-label {
        border: 0 !important;
    }


    .ms-megamenu .ms-topmenu {
        background: #fff;
        left: -100%;
        -webkit-transition: left .25s ease, opacity 0s linear;
        -moz-transition: left .25s ease, opacity 0s linear;
        -o-transition: left .25s ease, opacity 0s linear;
        -ms-transition: left .25s ease, opacity 0s linear;
        transition: left .25s ease;
        width: 100%;
        min-height: 100%;
        position: absolute;
        opacity: 1 !important;
        top: -30px;
        right: 0;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 99999;

    }


    .ms-megamenu .ms-topmenu.active {
        float: none !important;
        /*position: absolute;*/
        background: #fff;
        z-index: 99999;
        width: 100%;
        height: 100%;
        min-height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        margin: 0 !important;
        left: 0;
        opacity: 1 !important;
        overflow-y: scroll;
        display: block;

    }


    .mobmenu-search-container {
        height: 40px !important;
    }

    #header-search.mobmenu-search {
        border: 1px solid #4b4b4b;
        z-index: 999999 !important;
        position: fixed !important;
        display: block !important;
        width: calc(100% - 60px) !important;
        height: 46px !important;
        float: left !important;
        background: #ffffff !important;
        border-radius: 100px !important;
        top: 70px !important;
        animation: slide-left-right .25s;
        -moz-animation: slide-left-right .25s; /* Firefox */
        -webkit-animation: slide-left-right .25s; /* Safari and Chrome */


    }


    @keyframes slide-left-right {
        from {
            left: -100%;
        }
        to {
            left: 0;
        }
    }
    @-moz-keyframes slide-left-right {
        from {
            left: -100%;
        }
        to {
            left: 0;
        }
    }

    #header-search.mobmenu-search .searchautocomplete {
        border: none !important;
        margin-left: 0px;
        width: 100% !important;
        padding: 0 15px !important;
    }


    #header-search.mobmenu-search .searchautocomplete .nav-submit-button {
        float: right !important;
    }

    .ms-topmenu .ms-level0 {
        display: block;
    }

    .ms-topmenu .ms-level0 > .ms-label {
        padding: 12px 10px !important;
        margin-top: 0 !important;
        font-size: 16px !important;
        font-weight: bold !important;
    }

    .ms-topmenu .ms-level0 > .ms-label span:first-child {
        margin-left: 20px !important;
    }

    .ms-topmenu .ms-level0 > .ms-label:hover span {
        border-color: transparent !important;
    }

    .ms-topmenu .ms-level0 > .ms-label:hover span:before {
        display: none !important;
    }

    .ms-topmenu .ms-level0.active .ms-label {
        background-color: #E65D1D !important;
    }

    .ms-megamenu .anchor_mbmenu,
    .ms-megamenu .mb-label {
        display: block !important;
        text-align: right;
        background: none !important;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .ms-megamenu .mb-label {
        color: #ff6600;
    }

    #header-nav {
        padding: 0 !important;
    }

    .ms-topmenu.active .ms-level0.nav-1 {
        margin-top: 50px !important;
    }

    .header-container .ms-level0 .ms-label {
        background: #fff;
        color: #4b4b4b !important;
        border-bottom: 2px solid #eaeaea !important;
        opacity: 1 !important;
        text-align: left !important;

    }

    .ms-topmenu .ms-label .ms-iconmega {
        top: 21.75px;
        margin-right: 10px;
        padding: 0;
        left: 0px;
    }

    .ms-topmenu .ms-level0:hover .ms-label,
    .ms-topmenu .ms-level0:active .ms-label,
    .ms-topmenu .ms-level0:focus .ms-label {
        /*background-color: #262626;*/
    }

    .ms-megamenu .anchor_mbmenu .anchor_mbmenu_text,
    .ms-megamenu .anchor_lmbmenu_text {
        background: #4b4b4b !important;
        padding: 5px 0;
        vertical-align: middle;
        text-align: center;
        height: 34px !important;
        width: 38px !important;
        margin-left: 30px;
        left: 0 !important;
    }

    .ms-megamenu .active .anchor_mbmenu .anchor_mbmenu_text,
    .ms-megamenu .active .anchor_lmbmenu_text {
        background: #4b4b4b !important;
        padding: 5px 0;
        vertical-align: middle;
        text-align: center;
        height: 34px !important;
        width: 38px !important;
        margin-left: 30px;
    }


    .menu-hamburger:before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00d";
        height: 34px !important;
        width: 38px !important;
        text-align: center;
    }

    .menu-hamburger.flag:before {
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        -webkit-font-smoothing: antialiased;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f00d";
        height: 34px !important;
        width: 38px !important;
        text-align: center;
    }

    .header-container .div-temp {
        display: none !important;
    }


    .ms-topmenu .ms-level0.active .ms-label,
    .ms-topmenu .ms-level0:hover .ms-label,
    .ms-topmenu .ms-level0:active .ms-label,
    .ms-topmenu .ms-level0:focus .ms-label {
        background-color: white !important;

    }

    /** subcat **/
    #ms-topmenu > .ms-level0 .mb-label {
        margin-top: 22px;
        background: none !important;
        color: #ff6600;
        text-align: right;
        font-size: 14px !important;
        z-index: 3;
    }

    .enviogratis {
        display: inline;
        font-size: 14px;
        font-weight: bold;
        color: #4b4b4b;
    }

    .mexico {
        display: inline;
        font-size: 14px;
        font-weight: 300;
        color: #4b4b4b;
    }

    .extra-custom {
        background-color: white !important;
    }

    .monto {
        color: #FF6600;
        display: inline;
        font-size: 14px;
        font-weight: bold;
    }

    .custom-ad p {
        display: inline;
    }

    #ms-topmenu > .ms-level0 .mb-label.glyphicon-minus {

        transform: rotate(90deg);
        margin-right: 5px;
    }


    #ms-topmenu > .ms-level0 .mb-submenu {
        background: #808080 !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-submain {
        border: none !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level {
        color: #fff !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level .form-group {
        margin: 0 !important;
        padding: 5px 0 !important;
        text-align: left;
        font-weight: normal !important;
        text-indent: 0 !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level .form-group:hover {
        text-decoration: none !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level a {
        color: #fff !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .parent .small {
        margin-left: 30px !important;
    }

    .mb-submenu .ms-category-level .col-category a.form-group {
        border: none !important;
    }

    /* level 1 */
    .ms-megamenu .mb-submain {
        background: #fff;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level .form-group {
        color: #4b4b4b !important;
        border-bottom: 1px solid #eaeaea;
        font-size: 14px !important;
        padding: 10px 10px 10px 27px !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level a {
        color: #4b4b4b !important;
        margin-left: 30px;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .parent .small {
        color: #ff6600;

    }


    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .parent .small.glyphicon-minus {
        transform: rotate(90deg);
        top: 10px;
        left: -7px;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .parent .glyphicon.glyphicon-triangle-right.small {
        font-size: 14px !important;
    }


    .btn-atoz-mobile {
        width: 100%;
        text-align: center;
        position: relative;
        margin-top: 50px;
        display: inline-block;
        margin-bottom: 50px;
    }

    .btn-atoz-mobile .atoz {
        color: #4b4b4b !important;
        text-decoration: underline;
    }

    .btn-atoz-mobile .btn-truper {
        padding: 10px 20px !important;
        position: relative !important;
    }


    .ms-megamenu .col-xs-12 {
        padding-right: 15px;
        padding-left: 15px;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level .form-group.mob-sub-1 {
        padding: 10px 10px 10px 22px !important;
        font-weight: bold !important;
        font-size: 14px !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level .form-group.mob-sub-2 {
        padding: 6px 5px 6px 37px !important;
        font-weight: normal !important;
        font-size: 14px !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level .form-group.mob-sub-3 {
        max-width: 357px;
        padding: 2px 0px 3px 75px !important;
        font-weight: normal !important;
        font-size: 14px !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level .form-group.mob-sub-1 > .col-sub {
        padding: 20px 0 !important;
    }


    .mb-submenu .parent .col-sub.last-sub {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    .mb-submenu .parent .col-sub.last-sub-2 {
        padding-top: 6px !important;
        padding-bottom: 6px !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .parent .mob-sub-1 .small.glyphicon-minus {
        transform: none !important;
        top: 4px !important;
    }


    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .parent .mob-sub-1 .small.glyphicon-plus {
        left: -5px;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .parent .mob-sub-2 .small.glyphicon-minus {
        transform: none !important;
        top: 4px !important;
        left: -11px;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .parent .mob-sub-2 .small.glyphicon-plus {
        left: -5px;
    }

    .form-group.mob-sub-1.mb-level-click.glyphicon-minus:before {
        display: none;

    }


    .ms-category-level .col-sub {
        height: auto !important;
        border-bottom: none !important;
    }

    .mb-submenu .parent .col-sub {
        padding: 0 !important;
    }


    .col-sub .no-parent {
        border-bottom: 1px solid #eaeaea;
        padding: 0px 0px 0px 22px !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level .no-parent .form-group {
        margin-left: 15px !important;
        color: #4b4b4b !important;
        font-size: 15px !important;
        font-weight: bold !important;
    }


    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level .last-sub > .no-parent > .form-group {
        padding: 8px 5px 8px 29px !important;
        max-width: 239px !important;
        font-weight: normal !important;
        font-size: 15px !important;
    }


    .mb-maincontent .fas {
        color: #FF6600 !important;
    }

    #nav-3 .ms-label span {
        line-height: 64px;
        top: 0px;
    }
}

@media (max-width: 769px) {




    #nav-1 .ver-prductos-img {
        top: 0;
        filter: invert(27%) sepia(0%) saturate(1%) hue-rotate(209deg) brightness(40%) contrast(89%);
    }

    .ms-level0.nav-1:after, .ms-level0.nav-2:after, .ms-level0.nav-7:after, .ms-level0.nav-6:after {
        display: none;
    }

    .ms-megamenu .ms-topmenu {
        display: block;
    }

    #nav-1 {
        position: relative;
    }

    #submenu-1 {
        display: none !important;
    }

    .fake-hamburguer .menu-hamburger {
        font-size: 30px !important;
        top: 17px !important;
    }

    .fake-hamburguer .menu-hamburger {
        margin-left: 1% !important;
    }
}

@media (max-width: 386px) and (min-width: 286px) {

    .ms-topmenu .ms-level0 > .ms-label {
        font-size: 12px !important;
    }

    .ms-topmenu .ms-level0 > .ms-label span:first-child {
        margin-left: 15px !important;
    }
}

@media (max-width: 385px) and (min-width: 200px) {

    .ms-topmenu .ms-level0 > .ms-label {
        font-size: 10px !important;
    }

    .ms-topmenu .ms-level0 > .ms-label span:first-child {
        margin-left: 5px !important;
    }

    .fake-hamburguer .menu-hamburger {
        top: -116px;
    }

    .cms-header-container {
        margin-left: -15px !important;
    }
}

/** *********** galeria *********** **/
.product-img-box {
    width: 100% !important;
}

.product-img-box .more-views {
    width: 85px !important;
}


.product-image-thumbs li {
    display: block;


}

.product-img-box .product-image {
    width: calc(100% - 85px) !important;
    float: right;
}

@media (max-width: 768px) {
    .product-img-box .product-image {
        width: 100% !important;
        float: right;
    }

    .product-img-box .more-views {
        width: 100% !important;
    }

    .product-image-thumbs li {
        float: left;
        margin-left: 10px;
    }
}

.product-img-box .product-image.one-img {
    width: 100% !important;
    float: right;
}


/*** review **/

.product-shop .rating-box {
    display: inline-block !important;
    margin: 0 10px 0 0 !important;
}

.product-shop .amount {
    display: inline-block !important;
    margin: 0 !important;
}

.product-view .product-shop .ratings {
    display: inline-block !important;
    margin: 5px 0 0 15px !important;
}

.product-shop .brands-logo {
    display: inline-block !important;
}


.product-shop .no-rating {
    position: relative;
    display: inline-block;
    margin: 5px 0 0 15px !important;
}

.product-view .ratings .rating-links {
    display: inline-block;
    float: none !important;
}

.tab-content .top-review-resume p {
    text-align: center;
    margin: 0 auto;
    color: #4b4b4b;
    font-weight: bold;
}

.tab-content .ratings {
    text-align: center;
    margin: 0 auto;
}

.top-review-resume .add-review-btn {
    color: #FF6600 !important;
    border: 2px solid #FF6600;
    border-radius: 50px;
    padding: 6px 20px;
    font-size: 15px !important;
    margin-top: 40px;
    text-align: center;
}

.top-review-resume .add-review-btn:hover {
    text-decoration: none !important;
}


.tab-content .review-by {
    font-weight: bold;
    font-size: 14px;
    color: #FF6600;
}

.tab-content .ratings,
.tab-content .review-date {
    display: inline-block;

}

.tab-content .ratings .rating-box {
    margin: 0 !important;
}

.tab-content .review-date {
    margin-left: 10px !important;
    font-family: 'Roboto', sans-serif !important;
    font-weight: lighter;
    color: #4b4b4b !important;

}

.tab-content .review-title p {
    font-weight: bold;
    font-size: 16px;
    color: #4b4b4b;
    margin: 0;
}

.tab-content .review-text p {
    font-size: 14px;
    color: #4b4b4b;
    margin: 0;
}

.tab-content .border-review {
    margin-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #eaeaea !important;
    padding-bottom: 20px !important;
}

#review-form h3 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    font-size: 16px;
    color: #4B4B4B !important;
    text-transform: none !important;
}

#review-form h3 span {
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    font-size: 16px;
    color: #4B4B4B !important;
    text-transform: none !important;
}

#review-form h4 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    font-weight: normal !important;
    text-transform: none !important;
    color: #4b4b4b;
    display: inline-block;
}


.tab-content .total-ratings {
    display: table !important;
}


#review-form .form-list label {
    font-family: 'Roboto', sans-serif !important;
    font-weight: normal;
    font-size: 16px;
    color: #4b4b4b;
}

#review-form .campos-obligarotios {
    width: 100%;
    display: inline-block;
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    font-size: 12px;
    color: #FF6600;
    text-transform: uppercase;
    float: right;

}

#review-form .eval-tag {
    display: block;
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    font-size: 16px;
    color: #FF6600;
}

#product-review-table {
    display: inline-table;
    border-bottom: none;
}


#review-form .rating-box {
    display: inline-block;
    text-align: center;
}

#review-form .review-summary-table th {
    text-align: center;
}


#review-form .buttons-set {
    border: none !important;
}

#review-form .buttons-set .button {
    float: left !important;
}


#review-form textarea {
    max-width: 100%;
}

/** *********** detalles de producto *********** **/

.product-view .product-shop {
    color: #4B4B4B;
    width: 100% !important;

}

.product-view .product-shop .product-name .h1 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    font-size: 20px;
    color: #4B4B4B !important;
    text-transform: none !important;
}


.product-view .product-shop .clave-sku p {
    margin: 0;
    font-size: 15px;

    line-height: 20px;
    vertical-align: middle;
}


.product-view .product-shop .precio-mayoreo p {
    display: inline-block;
    line-height: 22px;
    float: left;
    margin-bottom: 0 !important;
}

.product-view .product-shop .price-info {
    float: left !important;
    max-width: 100%;
    margin-bottom: 10px;
}

.product-view .product-shop .price-info .precio_presentacion {
    float: left;
    position: relative;
    top: 9px;
    margin-right: 8px;
    color: #ff6501;
    font-weight: bold;
}

.product-view .product-shop .price-info .price-box  {
    float: left;
}

.product-view .product-shop .precio-mayoreo .price-info .price-box .price {
    font-family: 'Arimo', sans-serif;
    font-size: 22px;
    font-weight: bolder;
    color: #FF6600;
    line-height: 24px;
}

.product-view .char-title {
    font-weight: bolder;
    color: #FF6600;
    font-size: 18px;
}


.product-view .sust-cont {
    width: fit-content;
}

.product-view .sustituye {
    background: white !important;
    color: #4b4b4b !important;
    font-size: 14px !important;
    padding: 6px 4px !important;
    font-family: 'Roboto', sans-serif !important;
}

.product-view .sustituye span {
    font-weight: bold !important;
}


.donde-comprar.btn-truper {
    width: 100%;
    display: block;
}


.product-view .short-description .std ul {
    list-style: none !important;

}

.product-view .short-description .std ul li {
    margin: 3px 0 !important;
    font-size: 15px !important;
}

.product-view .short-description .std ul .orange-caret {
    color: #FF6600 !important;
    margin-right: 5px;
    font-size: 12px;
}


.product-view .vinietas {
    float: left !important;

}

.product-view .vinietas li {
    display: inline;
    position: relative;
}

.product-view .vinietas li img {
    position: relative;
    height: 60px !important;
    display: inline;
    margin: 0 5px;
}

/** producto configurable **/
.product-options {
    border: none !important;
    margin-bottom: 30px;
}


/***** select configurables ******/

.product-view .product-options dd .input-box {
    idth: auto;
    height: auto;
    position: relative;
    display: inline;
}

.product-shop .product-options dl select {

    font-family: 'Roboto';
    height: 40px !important;
    border: none !important;
    font-size: 12px !important;


    margin-top: 0 !important;


    background: #eaeaea !important;
    color: #4b4b4b !important;
    border-radius: 0 !important;
    -webkit-appearance: none;
    padding-left: 10px;
    -moz-appearance: none;
    outline: none;
}

.product-shop .product-options dl .input-box:after {
    font-family: "Font Awesome 5 Free";
    content: '\f078' !important;
    position: absolute !important;
    margin-right: 16px !important;
    right: 0 !important;
    margin-top: -30px !important;
    font-size: 16px !important;
    color: #4b4b4b !important;
    font-weight: 900;
}

.product-shop .product-options {
    padding-bottom: 0 !important;
}

.product-shop .product-options dl.last {
    margin-bottom: 0 !important;
}

/***** select configurables ******/


.product-view .add-to-cart-wrapper {
    width: 100% !important;
}

.product-view .add-to-cart-buttons {
    position: relative;
    width: 70%;
}
@media (max-width: 768px) {
    .product-view .add-to-cart-buttons {

        width: 62%!important;
    }
}

.product-view .add-to-cart-buttons .button {
    min-height: 40px;
    line-height: 40px;
    font-size: 16px !important;
    padding: 0px 30px;
    float: left;
    min-width: 160px;
    white-space: normal;
    background-color: #ff6501 !important;
    font-family: 'Roboto' !important;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: inherit !important;
    border-radius: 8px;
    width: 100% !important;
    display: block;
}

.product-view .product-shop .price-box .regular-price .price {
    color: #4b4b4b !important;
    font-weight: 400 !important;
    font-size: 23px!important;
}

product-view .add-to-cart {
    border: none !important;
}


.product-view .add-to-cart .qty-wrapper {
    /*display: none;*/
}

.product-view .add-to-cart button {
    /*display: none;*/
}


.product-options-bottom {
    /*display: none;*/
}

/** *********** OCULTAR BOTON Y QTY *********** **/


/** *********** boton imprimir *********** **/

.product-view .add-to-links {
    margin: 0 !important;
    float: right !important;
}

.product-view .add-to-cart-buttons {
    margin: 0 !important;
}

.product-view .add-to-links a {
    padding: 0 !important;
}

.product-view .add-to-links a:hover,
.product-view .add-to-links a:active,
.product-view .add-to-links a:focus {
    text-decoration: none !important;
}

.product-view .print-link {
    color: #FF6600 !important;
    border: 2px solid #FF6600;
    border-radius: 50px;
    padding: 6px 20px;
    font-size: 15px !important;
    margin-top: 40px;
    float: right;
}

.product-view .add-to-cart-buttons {
    float: right !important;
}


/** *********** comprar y redes *********** **/
.add-to-box > .add-to-links,
.add-to-box > .sharing-links {
    display: none !important;
}


.product-image {
    border: none !important;
}


/** *********** modal guia *********** **/

.tab-content p.guia-link {
    margin: 0 !important;
    line-height: 18px;
    display: block !important;
    cursor: pointer;
}

.tab-content p.guia-link a {
    color: #445bd3 !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    cursor: pointer;
}


#guia .modal-content {
    background-color: transparent !important;
    border: none !important;
}

#guia .modal-content .modal-body {
    padding: 0 !important;
}

#guia .modal-content .modal-body .close {
    font-size: 50px !important;
    color: #fff !important;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    right: -35px;
    top: -15px;
}


.especificaciones.detalle table a {
    cursor: pointer;
}


/** *********** modal pagina *********** **/


#pagina .modal-content {
    background-color: transparent !important;
    border: none !important;
}

#pagina .modal-content .modal-body {
    padding: 0 !important;
}

#pagina .modal-content .modal-body .close {
    font-size: 50px !important;
    color: #fff !important;
    text-shadow: none;
    opacity: 1;
    position: absolute;
    right: -35px;
    top: -15px;
}

/** *********** especificaciones *********** **/

.detalle h3 {
    font-weight: bold;
    font-size: 16px;
    color: #4b4b4b !important;
    border-bottom: 2px solid #FF6600;
    line-height: 30px;
    padding-left: 15px;
    margin: 5px 0 10px 0;
    font-family: 'Roboto', sans-serif !important;
    text-transform: none !important;
}

.detalle .esp-list ul li {
    margin-top: 4px;
}

.detalle .esp-list ul li i {
    color: #FF6600 !important;
}

.especificaciones table {
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    color: #4b4b4b;
}

.especificaciones .esp-list {
    color: #4B4B4B;
    /*border-bottom: 1px solid #4B4B4B;*/
    font-size: 14px;
}

.especificaciones .esp-list p {
    margin: 5px 0 0 0;
    line-height: 30px;
}

.especificaciones .esp-list .title {
    font-weight: bold;
}

.especificaciones .esp-list .detail {
    font-weight: normal;
}


.especificaciones .espec-tables {
    margin-bottom: 40px !important;

}

.tab-content .especificaciones.detalle {
    visibility: hidden;
}

.tab-content .especificaciones.detalle.parcial {
    height: 250px;
    overflow: hidden;
    position: relative;

}

.especificaciones .gradientback {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 50px;
    background: -moz-linear-gradient(top, rgba(137, 255, 241, 0) 0%, rgba(255, 255, 255, 1) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(137, 255, 241, 0)), color-stop(100%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(137, 255, 241, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(137, 255, 241, 0) 0%, rgba(255, 255, 255, 1) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(137, 255, 241, 0) 0%, rgba(255, 255, 255, 1) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(137, 255, 241, 0) 0%, rgba(255, 255, 255, 1) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0089fff1', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}


.tab-content .vermas {
    display: none;
}

.tab-content .vermenos {
    display: none;
}

.tab-content .vermenos,
.tab-content .vermas {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    color: #4b4b4b;
    cursor: pointer !important;
}

.tab-content .vermenos i,
.tab-content .vermas i {
    color: #FF6600 !important;
}


.product-collateral > dl > dd {
    border: none !important;
}

/** PRINT PAGE ***/

.page-print.clearprint-catalog-product-view .header-print {
    background: #262626;
}

.page-print.clearprint-catalog-product-view {
    margin-top: -90px;
}

.page-print.clearprint-catalog-product-view h1 {
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    font-size: 24px;
    color: #4B4B4B !important;
    text-transform: none !important;
}

.page-print.clearprint-catalog-product-view .buttons-set {
    text-align: center;
    margin: 0 auto;
    float: none !important;
    border: none !important;
}

.page-print.clearprint-catalog-product-view .buttons-set button.button {
    float: none !important;
    margin: 30px 0 !important;
}

.page-print.clearprint-catalog-product-view #remate-footer .footer-legals {
    color: #fff !important;
    font-size: 9px !important;
}


.page-print h3 {
    font-weight: bold;
    font-size: 16px;
    color: #4b4b4b !important;
    border-bottom: 2px solid #FF6600;
    line-height: 30px;
    padding-left: 15px;
    margin: 5px 0 10px 0;
    font-family: 'Roboto', sans-serif !important;
    text-transform: none !important;
}

.page-print .vinetas-print {
    width: 50% !important;
}

/*
.page-print .vinetas-print .vinetas-p{
    width: 100% !important;
    display: inline-block !important;
    height: 180px !important;
}*/

.page-print .vinetas-print .vinetas-p .include-vineta-img {
    display: inline-block;
    width: 75px !important;
    float: left;
    margin-right: 10px;
}

.page-print .vinetas-print .vinetas-p .v-container {
    position: relative;
    height: 75px;
    display: table-cell;
    vertical-align: middle;
}


@media (min-width: 769px) {
    .product-img-box .product-image {
        left: 62px !important;
    }
}

.page-print .product-img-box .product-image {
    width: 100% !important;
}

.page-print .print-img-text {
    font-size: 12px;
    color: #aeaeae;
    font-family: 'Roboto', sans-serif !important;
    line-height: 16px;
}

.page-print iframe {
    display: none !important;
}

/** tabs sliders **/


.slider-tabs .owl-carousel .product-name {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px;
    color: #4b4b4b;
}


.slider-tabs .owl-carousel .product-clave,
.slider-tabs .owl-carousel .product-codigo {
    line-height: 14px;
    vertical-align: middle;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Roboto', sans-serif !important;
    color: #4B4B4B;
    font-weight: 400;
    font-size: 12px !important;
    text-align: center;
}

.slider-tabs .owl-carousel .clave-codigo {
    width: 150px;
    margin: 0 auto;
}

.slider-tabs .owl-carousel a:hover {
    text-decoration: none !important;
}

.slider-tabs .owl-carousel .border {
    border: 1px solid #f0efef;
}

.slider-tabs .owl-carousel .padding-lr-12 {
    padding-left: 12px;
    padding-right: 12px;
}


/** tabs **/

.product-collateral .toggle-tabs {
    border: none !important;
    border-bottom: 3px solid #FF6600 !important;
    background-color: transparent !important;
}

.product-collateral .toggle-tabs li {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background: #eaeaea;
    margin-right: 2px !important;
}

.product-collateral .toggle-tabs li.current {
    border: none !important;
    background: #FF6600;
}

.product-collateral .toggle-tabs li.current > span {
    font-family: 'Roboto', sans-serif !important;
    background-color: transparent !important;
    color: #fff !important;
    text-transform: none !important;
    font-size: 18px !important;
}

.product-collateral .toggle-tabs li > span {
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px !important;
    color: #4b4b4b !important;
    text-transform: none !important;
}


.tab-container .include-vineta-img,
.tab-container .include-vineta-text {
    position: relative !important;
}


.tab-container .include-vineta-img {
    display: inline-block;
    width: 75px !important;
    float: left;
    margin-right: 10px;
}


.v-container {
    position: relative;
    height: 75px;
    display: table-cell;
    vertical-align: middle;
}

.tab-container .include-vineta-text {
    display: table;
    margin: 0;
    color: #4b4b4b !important;
    font-size: 14px !important;
    line-height: 16px !important;
}

/** descargables **/
.descargables li {
    border-bottom: 1px solid #eaeaea;
    padding: 15px 0 !important;
}


.descargables li:last-child {
    border: none;
}

.descargables li a {
    color: #4b4b4b;
    font-size: 14px !important;
}

.descargables li a:hover {
    color: #4b4b4b;
    text-decoration: none;
}

.descargables h3 {
    font-weight: bold;
    font-size: 16px;
    color: #4b4b4b !important;
    border-bottom: 2px solid #FF6600;
    line-height: 30px;
    padding-left: 15px;
    margin: 5px 0 10px 0;
    font-family: 'Roboto', sans-serif !important;
    text-transform: none !important;
}

.descargables .descargables-list .fas {
    color: #FF6600;
    margin-right: 5px;
}

.descargables .descargables-list img {
    margin-left: 20px !important;
    margin-right: 0 !important;
    width: 20px !important;

}


@media (max-width: 920px) {
    .product-collateral .toggle-tabs li.current > span {
        font-size: 16px !important;
        padding: 0 20px;
    }

    .product-collateral .toggle-tabs li > span {
        font-size: 16px !important;
        padding: 0 20px;
    }
}

@media (max-width: 880px) {
    .product-collateral .toggle-tabs li.current > span {
        font-size: 14px !important;
        padding: 0 15px;
    }

    .product-collateral .toggle-tabs li > span {
        font-size: 14px !important;
        padding: 0 15px;
    }
}


@media (max-width: 770px) {

    .product-view .product-shop .price-info .precio_presentacion {
        float: left;
        position: relative;
        top: 9px;
        margin-right: 8px;
        color: #ff6501;
        font-weight: bold;
    }

    .product-view .product-shop .price-info {
        max-width: 100%;
    }

    #guia .modal-content .modal-body .close {
        right: 0 !important;
    }

    #pagina .modal-content .modal-body .close {
        right: 0 !important;
    }

    .catalog-product-view .col1-layout {
        margin-top: 50px;

    }

    .product-view .product-img-box .product-name h1 {
        font-family: 'Roboto', sans-serif !important;
        font-weight: bold !important;
        font-size: 24px !important;
        color: #4B4B4B !important;
        text-transform: none !important;
    }


    .product-collateral > dl > dt {
        border: none !important;
        font-family: 'Roboto', sans-serif !important;
        font-weight: bolder !important;
        font-size: 18px !important;
        color: #4B4B4B !important;
        border-bottom: 1px solid #FF6600 !important;
        line-height: 30px !important;
        padding-left: 10px !important;
        margin: 5px 10px 5px !important;
        background: none !important;

    }

    .product-collateral > dl > dt:after {
        border-left: 4px solid #FF6600 !important;
        left: 0px !important;
    }

    .product-collateral > dl > dd {
        border: none !important;
    }

    .product-collateral.accordion-open > dl > dt.current:after {

        border-right: 4px solid transparent !important;
        border-left: 4px solid transparent !important;
        border-top: 4px solid #FF6600 !important;
    }


    #review-form input[type=text] {
        width: 100% !important;
    }

    .product-name {
        margin-top: 30px !important;


    }

}










/*.catalog-category-view .breadcrumbs{
    display: none !important;
}*/

.category-title h1{
    font-family: 'Roboto', sans-serif !important;
    font-size: 24px !important;
    text-transform: none !important;
    font-weight: bold !important;
    color: #4B4B4B !important;

}

@media (max-width: 768px){
    .category-title h1{
        top: 8px;
        position: relative;
    }

}

.category-title h1 i{
    color: #ff6600;
}


/** tabs search results **/
.catalogsearch-result-index .searchindex-results{
    display: none !important;
}


.catalogsearch-result-index .page-title h1{
    font-family: 'Roboto', sans-serif !important;
    font-size: 24px !important;
    text-transform: none !important;
    font-weight: bold !important;
    color: #4B4B4B !important;
}

/* SORT */
.category-products .toolbar .sorter:after, .category-products .toolbar .sorter:before {
    left: 86% !important;
}

/** ITEMS **/
.category-products .item{
    border:1px solid #f0efef;
    text-align: center;
    padding: 0 5px;

}
.category-products .item:hover{
    -webkit-box-shadow: 0px 0px 5px 1px rgba(219,219,219,0.62);
    -moz-box-shadow: 0px 0px 5px 1px rgba(219,219,219,0.62);
    box-shadow: 0px 0px 5px 1px rgba(219,219,219,0.62);
}

.category-products .item .product-name a{
    text-transform: none !important;
    font-family: 'Roboto', sans-serif !important;
    font-style: normal !important;
    color: #4B4B4B;


}


.category-products .item .product-brand{
    font-family: 'Roboto', sans-serif !important;
    font-style: normal !important;
    color: #4B4B4B;
    text-transform: uppercase;
    font-size: 25px;
    font-weight: bold;
    margin-top: 10px;
}
.category-products .item .sku{
    display: block;
    line-height: 10px;
    vertical-align: middle;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Roboto', sans-serif !important;
    color: #4B4B4B;
    font-weight: 400;
    font-size: 10px !important;
    text-align: center;
}
.category-products .item .clave{
    display: block;
    line-height: 21px;
    vertical-align: middle;
    margin: 0 !important;
    padding: 0 !important;
    font-family: 'Roboto', sans-serif !important;
    color: #4B4B4B;
    font-weight: 400;
    font-size: 10px !important;
    text-align: center;

}

.add-to-links a.link-compare{
    color: #4B4B4B !important;
    font-family: 'Roboto', sans-serif !important;
}


.category-products .item .product-brand{
    margin-bottom: 2px;
    margin-top: 2px;
    color: #4B4B4B !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;

}

.count-options{
    color: #4B4B4B !important;
    
}

.products-list .count-options{
    text-align: left !important;
}

.count-options{
    height: 21px !important;
}


.products-grid .new-tag {
    position: absolute;
    top:0;
    z-index: 2;
}

.products-grid .new-tag img{
    width: 60px;
    margin-left: 2px;

}

.products-grid .outlet-tag {
    position: absolute;
    top:0;
    z-index: 2;
}

.products-grid .outlet-tag img{
    width: 60px;
    margin-left: 2px;

}

/** ITEMS **/






/** FILTROS ***/


.block-layered-nav .block-title{
    color: #ff6600;
    text-transform: uppercase;
    border-bottom: 2px solid #ff6600;
    width: 100%;


}

.block-layered-nav .block-title span{
    color: #ff6600;
    font-family: 'Roboto', sans-serif !important;
    font-weight: bold;
    font-size: 16px;
}







.block-layered-nav .block-content .dl > .dt{
    border: none !important;
    background: none !important;
    text-transform: none !important;
    font-size: 14px !important;
    color: #4B4B4B !important;
    font-weight: bold !important;
    font-family: 'Roboto', sans-serif !important;
    margin-top: 20px !important;
    display: block;
    padding: 7px 10px 7px 10px !important;
    position: relative;
}

.block-layered-nav .block-content .dl > .dt:hover{
    text-decoration: none !important;
}

.block-layered-nav .block-content .dl > .dt .filter-icon{
    display:inline-block;
    position: absolute;
    right: 0;
    color: #ff6600 !important;
}


.block-layered-nav .block-content .dl > .dd{
    border: none !important;
    border-bottom: 1px solid #cccccc !important;
    display: block;
    font-family: 'Roboto', sans-serif !important;
    color: #4B4B4B !important;
    padding: 10px !important;
    max-height: 203px;
    overflow-y: auto;
}



.block-layered-nav .dl .dd ol > li > span,
.block-layered-nav .dl .dd ol > li > a{
    padding: 5px 0 !important;
}



.block-layered-nav .dl .dd ol > li > span,
.block-layered-nav .dl .dd ol > li > a{
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #4B4B4B !important;
    font-family: 'Roboto', sans-serif !important;
}

.block-layered-nav .dl .dd ol > li > span,
.block-layered-nav .dl .dd ol > li > a:hover{
    text-decoration: none;
}

.block-layered-nav .dl .dd ol > li > a .count{
    color: #4B4B4B !important;
}






/** FILTROS ***/


/** owl filtro **/


.owl-filtro a:hover{
    text-decoration: none !important;
}


.category-products .owl-filtro .item{
    border: none !important;
}

.category-products .owl-filtro.off {
    display: block;
}

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

.snip1493 img {
    vertical-align: top;
    position: relative;
}

.snip1493 h3{
    margin: 0;
    padding: 0;
}

.snip1493 h3 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    text-transform: none !important;
    font-weight: bold !important;
    color: #4B4B4B !important;
    text-align: center;
}


/** TOOL BAR **/


.grid-view-active,
.list-view-active{
    float: left;
    display: inline-block;
    width: 25px;
}

.grid-view-active img,
.list-view-active img{
    width: 25px;
}

.grid-view-active img{
    width: 23px;
}

.list-view-active{
    display: inline-block;
    width: auto;
    margin-left:10px ;
}

.list-view,
.grid-view{
    float: left;
    display: inline-block;
    width: 25px;
    margin-left:10px ;
}

.grid-view{
    margin-left:0px;
}

.list-view img,
.grid-view img{
    width: 25px;
}

.grid-view img{
    width: 23px;
}

/*.grid-view{
    display: inline-block;
    width: auto;
}*/


.category-products .toolbar{
    background: none !important;
    border-top: none !important;
    text-align: right;
    width: 100%;
}

.category-products .toolbar p{
    margin: 0 !important;
}

.category-products .toolbar .pager{
    width:auto;
    display: inline-block;
    float: none;
    margin:0;
    padding-right: 0;
}


.category-products .toolbar .pager label{
    text-transform: none !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    color: #4b4b4b !important;
    
}

.category-products .toolbar .sorter label{
    text-transform: none !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    color: #4b4b4b !important;
}





.category-products .toolbar .pager select{
    border:none;
    background: #fff;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    text-transform: none !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    width: 34px !important;
    color: #4b4b4b !important;


}

.category-products .toolbar .sorter select{
    border:none;
    background: #fff;
    background-color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 20px;

    text-transform: none !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #4b4b4b !important;

}


.category-products .toolbar .pager .limiter{
    position: relative;
}


.category-products .toolbar .pager .limiter:after,
.category-products .toolbar .pager .limiter:before {
    top: 11px;
    left: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.category-products .toolbar .pager .limiter:after {
    border-color: rgba(252, 252, 252, 0);
    border-top-color: #fcfcfc;
    border-width: 4px;
    margin-left: -4px;
}
.category-products .toolbar .pager .limiter:before {
    border-color: rgba(255, 0, 0, 0);
    border-top-color: #ff6600;
    border-width: 6px;
    margin-left: -6px;
}





.category-products .toolbar .sorter{
    width:auto;
    display: inline-block;
    float: none;
    margin-right: 20px;
    position: relative;
}


.sorter > .sort-by .sort-by-switcher{
    /*display: none !important;*/
}





.category-products .toolbar .sorter:after,
.category-products .toolbar .sorter:before {
    top: 11px;
    left: 90%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.category-products .toolbar .sorter:after {
    border-color: rgba(252, 252, 252, 0);
    border-top-color: #fcfcfc;
    border-width: 4px;
    margin-left: -4px;
}
.category-products .toolbar .sorter:before {
    border-color: rgba(255, 0, 0, 0);
    border-top-color: #ff6600;
    border-width: 6px;
    margin-left: -6px;
}




.category-products .view-mode{
    display: inline-block !important;
    float: left !important;
}

.category-products .view-mode .list,
.category-products .view-mode .grid{
    display: inline-block;
}






.toolbar-bottom .toolbar{
    border-bottom: none !important;
    border-top: 1px solid #cccccc !important;
    padding-top: 10px;

}

.count-container{
    margin-right: 20px !important;
}


.sorter > .sort-by .sort-by-switcher--asc{
    margin-right: -20px;
    color:#ff6600;
}

.sorter > .sort-by .sort-by-switcher--desc{
    margin-right: -20px;
    color:#ff6600;
}

.pages li{
    margin-left: 5px;
}

.pages a,
.pages .current{
    font-size: 12px !important;
    font-family: 'Roboto', sans-serif !important;
    color: #4b4b4b !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    vertical-align: middle;

}


.pages .current,
.pages .current:hover{
    border:1px solid #ff6600 !important;
    width: 20px !important;
    color:#ff6600 !important;
}





/*.pager li>a,
.pager li>span{
    border-radius: 0 !important;
    padding: 0 !important;
    border: 1px solid #4b4b4b !important;
}*/

.pager li>a.next,
.pager li>a.previous{
    border: none !important;
}

.pages li{
    line-height: 20px !important;
}

.pages .next,
.pages .previous{
    color: transparent !important;
}

.pages .next:before{
    border-left: 4px solid #ff6600 !important;
    color:#ff6600 !important;
}

.pages .previous:before{
    border-right: 4px solid #ff6600 !important;
}

.pager .amount,
.pager .limiter,
.pager .pages{
    height: 30px !important;
}



.toolbar-bottom .pages .current{
    margin-top: 0 !important;

}

.pages{
    margin: 0 0 5px 15px  !important;
    padding: 0 !important;
    border: none !important;
    height: 30px;
    width: auto;
}

.pages li .current{
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    margin: 0 0 0 5px !important;
    border: 1px solid #ff6600 !important;
    vertical-align: middle !important;
}

.pages li>a{
    border: 1px solid #4b4b4b !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    vertical-align: middle !important;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 0 !important;
    display: block !important;
}


/** TOOL BAR **/

/** LIST VIEW **/


.products-list > li .product-image{
    width: 20% !important;
}

.products-list .product-shop{
    width: 80% !important;
}


.category-products .products-list .item .product-name{
    text-align: left !important;
}

.category-products .products-list .item .product-name a{
    text-align: left;
}

.category-products .products-list .item .product-brand {
    text-align: left !important;
    margin: 20px 0;
}

.category-products .products-list .item{
    border:none;
    border-bottom: 1px solid #eaeaea;
}

.category-products .products-list .item {

    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}





.category-products .products-list .new-tag {
    position: absolute;
    top:0;
    z-index: 2;
}

.category-products .products-list .new-tag img{
    width: 60px;
    margin-left: 2px;

}

.category-products .products-list .outlet-tag {
    position: absolute;
    top:0;
    z-index: 2;
}

.category-products .products-list .outlet-tag img{
    width: 60px;
    margin-left: 2px;

}


@media (max-width: 770px) {
    .block-layered-nav .block-subtitle--filter{
        background-color: #606161 !important;
    }

    .block-layered-nav .block-subtitle--filter:after{
        border-top: 4px solid transparent !important;
        border-bottom: 4px solid transparent !important;
        border-left: 4px solid #ff6600 !important;

    }

    .block-layered-nav .block-content .dl > .dt{
        margin-top: 0 !important;
    }

    .block-layered-nav .block-subtitle--filter.active:after{
        border-right: 4px solid transparent !important;
        border-left: 4px solid transparent !important;
        border-top: 4px solid #ff6600 !important;
    }

}

@media (max-width: 770px) {
   .page .catalog-category-view .main-container{
        padding-top: 70px !important;
    }
}

.products-grid .actions {
    padding-top: 10px;
    position: absolute;
    bottom: 0px;
    min-height: 0px !important;
    width: 100%;
}

.products-grid .product-info {
    min-height: 126px !important;
    padding-bottom: 36px !important;
}

.arriving{
    width: 100%;
    left: 15px;
    font-size: 15px;
    position: relative;
    display: inline-block;
    margin: 0px!important;
    top: -15px;
}

.free-shipping{
    width: 100%;
    /* left: 15px; */
    position: relative;
    /* display: inline-block; */
    margin: 0px!important;
    /* top: -15px; */
}

.fas{
    color: #fa6303;
}

#toltip-area{
    display: none;
    position:absolute;
    z-index: 9999;
    background-color: white;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 25%);
    margin: -15px 0px 0px 15px;
}

.arriving-area{
    padding-left: 10px;
    padding-right: 10px;
}

.stock-store-result td{
    text-align: center;
}

@media (max-width: 768px) {
    .product-shop .brands-logo{
        display: block!important;
    }

    .count-options{
        height: 45px !important;
        margin-bottom: 0px !important;
    }

    .products-grid .actions {
        font-size: 12px !important;
    }

    .products-grid .actions span{
        font-size: 12px !important;
    }

    .opciones {
        width: 100% !important;
        font-size: 12px !important;
    }
}

.cms-header-container{
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: #004A8D !important;
}

@media (min-width: 769px) {
    .cms-header h1 {
        color: #4b4b4b!important;
    }
    .cms-header-container {
        background: white !important;
    }

}
@media (max-width: 768px) {
    .cms-header h1 {
        color: white!important;
    }
}
.cms-header-container .main-container{
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -30px;
    margin-bottom: 30px;
}

.cms-header h1{
    position: relative;
    float: left;
    display: inline-block;
    line-height: 70px;
    vertical-align: middle;
    margin: 0 !important;
    text-transform: none !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 25px;
}

.cms-header h1 i{
    color: #ff6600;
    font-size: 14px;
    vertical-align: middle;
}

.cms-header img{
    position: relative;
    display: inline-block;
    float: right;
}






/** GARANTIAS **/

.cms-garantias .breadcrumbs{
    display: none;
}


.cms-garantias p {
    font-style: normal !important;
    font-family: 'Roboto', sans-serif !important;
    margin: 0 !important;
    font-size: 16px !important;
    color:#4b4b4b !important;
}

.cms-garantias h1{
    font-family: 'Roboto', sans-serif !important;
    font-size:25px;
}

.cms-garantias h1 i{
    color: #ff6600;
    font-size: 14px;
    vertical-align: middle;
}

.cms-garantias .main-text{
    font-size: 18px !important;
    color: #4b4b4b !important;
    font-style: normal !important;
}

.cms-garantias .main-text a{
    text-decoration: underline;
}

.cms-garantias .main-text a:hover{
    text-decoration: underline;
    color: #ff6600 !important;
}



.cms-garantias h2{
    font-family: 'Roboto', sans-serif !important;
    font-size:20px;
    color: #4b4b4b !important;
    text-transform: none !important;
    font-weight: bold !important;
}

.cms-garantias h2 i{
    color: #ff6600;
    font-size: 14px;
    vertical-align: middle;
}

.cms-garantias h3{
    font-family: 'Roboto', sans-serif !important;
    font-size:25px;
    font-weight: bold;
    color: #4b4b4b ;
    margin: 0 !important;
}

.cms-garantias h3 img{
    display: inline-block;
    width: 30px;
}


.cms-garantias h4{
    font-family: 'Roboto', sans-serif !important;
    font-size:25px;
    font-weight: normal;
    color: #ff6600 !important;
    margin: 0 !important;
    text-transform: none;
}


.cms-garantias h5{
    font-family: 'Roboto', sans-serif !important;
    font-size:18px;
    font-weight: bold;
    color: #4b4b4b !important;
    margin: 0 !important;
    text-transform: none;
}

.cms-garantias .border-bottom{
    border-bottom: 1px solid #eaeaea;
}

.cms-garantias .subtitle {
    font-size: 18px !important;
    font-weight: bold;
}

.cms-garantias .subtitle i{
    color: #ff6600 !important;
}


.cms-garantias a.centro-serv{
    text-decoration: underline;
    color: #ff6600;
}

.cms-garantias a.centro-serv:hover{
    text-decoration: underline;
    color: #ff6600;
}

/** GARANTIAS **/

/** DISTRIBUIDOR **/


.cms-distribuidor .breadcrumbs{
    display: none !important;
}


.cms-distribuidor h1{
    font-family: 'Roboto', sans-serif !important;
    font-size:25px;
}

.cms-distribuidor h1 i{
    color: #ff6600;
    font-size: 14px;
    vertical-align: middle;
}










/** videos **/
.cms-videos .breadcrumbs{
    display: none;
}


.cms-videos h2{
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    color: #4b4b4b !important;
    border-bottom: 2px solid #ff6600;
    text-transform: none !important;
    line-height: 34px !important;
    vertical-align: middle;
    display: inline-block !important;
    margin: 10px 0 !important;
    font-weight: bold;
}


.cms-videos .btn-info{
    background-color: transparent !important;
    border: none;
    padding: 0 !important;
    outline: none !important;
    position: relative;
}

.cms-videos .modal-body{
    padding: 0 !important;
}

.cms-videos .modal-content{
    background-color: transparent !important;
}

.cms-videos .modal-content .close{
    font-size: 40px !important;
    color: #fff !important;
    opacity: 1 !important;
    margin-right: 0;
    position: absolute;
    right: -40px;
}


.cms-videos .btn-info .fa-play-circle{
    display: none;
    position: absolute;
    color: #ff6600;
    font-size: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
}

.cms-videos .btn-info:hover .fa-play-circle{
    display: block;
    position: absolute;
    color: #ff6600;
    font-size: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
}

@media (min-width: 768px) {
    .cms-videos.modal-open .modal-dialog{
        width: 784px;
    }

}






/** terminos y condiciones **/
.cms-terminos p{
    font-family: 'Roboto', sans-serif !important;
    font-size:25px;
}


.cms-terminos h2{
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    color: #4b4b4b !important;
    font-style: normal !important;
}


/** privacidad **/
.cms-privacidad p{
    font-family: 'Roboto', sans-serif !important;
    font-size:25px;
}


.cms-privacidad h2{
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px !important;
    color: #4b4b4b !important;
    font-style: normal !important;
}


/* contacto */


.contacts-index-index .std li{
    font-family: 'Roboto', sans-serif !important;
    font-style: normal;
    color: #4b4b4b;
    list-style: none !important;
}

.contacts-index-index p{
    font-family: 'Roboto', sans-serif !important;
    font-style: normal;
    color: #4b4b4b;
}

.contacts-index-index select{
    font-family: 'Roboto', sans-serif !important;
    font-style: normal;
    color: #4b4b4b;
}


.contacts-index-index select option{
    font-family: 'Roboto', sans-serif !important;
    font-style: normal;
    color: #4b4b4b;
}

.contacts-index-index label{
    font-family: 'Roboto', sans-serif !important;
    font-style: normal;
    color: #4b4b4b;
    font-size: 16px !important;
}

.contacts-index-index label a{
    font-size: 16px !important;
}


.contacts-index-index .form-list select{
    width: 100%;
}

.contacts-index-index input[type=email],
.contacts-index-index input[type=search],
.contacts-index-index input[type=number],
.contacts-index-index input[type=password],
.contacts-index-index input[type=tel],
.contacts-index-index input[type=text] {
    width: 100%;
    font-style: normal !important;
}

.contacts-index-index textarea{
    font-style: normal !important;
}

.tel-2{
    display: none;
}


.contacts-index-index .easypin-popover .close-window{
    font-size: 15px !important;
}


/*.scalize .content{
    left: unset !important;
    height: 222px !important;
    top: 0 !important;
    right: 0 !important;
    margin: 0 !important;

}*/

.content{
    /*background: #efefef !important;*/
    -webkit-box-shadow: none !important;
    -khtml-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

/*.scalize .content .body{
    background: #efefef !important;
}

.scalize .content.right .body:before{
    display: none !important;
}

.scalize .content .head{
    background:#efefef !important;
    border: none !important;
}


.scalize .content a.exit{
    top:0 !important;
    right: 0 !important;
    color: #ff6600 !important;
    float: right !important;
}

.scalize .content a.exit:hover{
    top:0 !important;
    right: 0 !important;
    color: #ff6600 !important;
}




.cms-contacto .buttons-set{
    border-top: none !important;
    text-align: center !important;

}*/


.contacts-index-index .buttons-set button.button{
    text-align: center !important;
    float: none !important;
}

.contacts-index-index #contactForm a{
    color: #ff6600 !important;
    font-weight: bold !important;
}


.contacts-index-index #contactForm textarea{
    width: 100% !important;
    max-width: 100% !important;
}

.contacts-index-index .breadcrumbs{
    display: none;
}


.contacts-index-index h1{
    font-family: 'Roboto', sans-serif !important;
    font-size:25px;
}

.contacts-index-index h1 i{
    color: #ff6600;
    font-size: 14px;
    vertical-align: middle;
}

.contacts-index-index h2{
    font-family: 'Roboto', sans-serif !important;
    color: #4b4b4b !important;
    text-transform: none !important;
    font-size: 20px !important;
}


.contacts-index-index .buttons-set {
    border: none !important;
    float: left !important;
    margin-left: 0 !important;
    max-width: 100% !important;

}




.contacts-index-index h3{
    font-family: 'Roboto', sans-serif !important;
    font-size: 18px !important;
    font-weight: bold !important;
    color: #4b4b4b !important;
    text-transform: none !important;
}

.contacts-index-index h3 i{
    color: #ff6600;
    font-size: 12px;
    vertical-align: middle;
}


.contacts-index-index h4{
    font-family: 'Roboto', sans-serif !important;
    color: #4b4b4b;
    border-bottom: solid 3px #ff6600;

}

.contacts-index-index h4.tel-1,
.contacts-index-index h4.tel-2{
    width: max-content !important;
}


.border-contact-mobile{
    width: 100%;
    height: 3px;
    background:#ff6600;
    border-radius:5px;
}




/*.scalize .item-point{
    background: none !important;
    border: none !important;
    width: 40px !important;
    height: auto !important;
}*/

.popBody h2{
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #4b4b4b !important;
    text-transform: none !important;
}

.popBody .popContentLeft{
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #4b4b4b !important;
    text-transform: none !important;
    text-align: justify !important;
}

.easypin-popover .close-window{
    text-align: right;
    color: #ff6600;
    font-size: 20px !important;
}

.easypin .img-marker{
    -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(100%); /* FF 35+ */
    opacity: 1;
    max-width: 44px !important;
    width: 44px !important;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}

.easypin-marker .img-marker{
    -webkit-filter: grayscale(100%); /* Ch 23+, Saf 6.0+, BB 10.0+ */
    filter: grayscale(100%); /* FF 35+ */
    opacity: 1;
    max-width: 100%;
    transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
}




.easypin-marker.active .img-marker {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;

}

.easypin-marker .img-marker:hover {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
    opacity: 1;

}


.contacts-index-index .panel-default{
   /* border:none !important;*/
}

.contacts-index-index .panel-default>.panel-heading{
   /* background-color: transparent;
    border: none !important;*/
}


.contacts-index-index .panel {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}


.contacts-index-index .panel-default>.panel-heading+.panel-collapse>.panel-body{
   /* border: none !important;*/
}


.contacts-index-index .panel-title a:hover{
    text-decoration: none;
    color: #4b4b4b;
}

.contacts-index-index h4.panel-title {
    border: none !important;
}

.contacts-index-index .panel-title a{
    display: block !important;
}

.contacts-index-index .panel-title a span{
    /*float: right !important;*/
    background: #ff6600;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    color: #fff;
    line-height: 12px;
    vertical-align: middle;
    text-align: center;
    display: inline-block;
    position: absolute;
    margin-top: 5px;
    margin-left: 10px;
    transition: .3s transform ease-in-out;
    transform: rotate(45deg);
    font-size: 8px;

}


.contacts-index-index .panel-title a.collapsed  span {
    transition: .3s transform ease-in-out;
    transform: rotate(90deg);

}




.contacts-index-index .panel-group .panel+.panel{
    margin: 0 !important;
}

.address-after-icon{
    width: calc(100% - 50px);
    display: inline;
    position: relative;
    float: right;
}


.contacts-index-index .truper-check label::before{
    top: 5px !important;
    top: 5px !important;
}





@media (max-width: 1200px) {


    .cms-videos h2 {
        font-size: 1.2vw;
    }

}

@media (max-width: 990px) {
    .cms-videos h2 {
        font-size: 1.2vw;
    }

}


@media (max-width: 770px) {
    .cms-header-container .main-container{
        /*margin-top: 20px !important;*/
    }

    .contacts-index-index .cms-header-container .main-container{
        margin-top: -10px !important;
        padding-top: 0 !important;
    }

    .cms-videos .cms-header-container .main-container{
        margin-top: -10px !important;
        padding-top: 0 !important;
    }

    .contacts-index-index .panel-group{
        margin-top: -30px !important;
    }

    .contacts-index-index .buttons-set{
        text-align: center !important;
        margin-left:0 !important;
        width: 100% !important;
        max-width: 100% !important;

    }

    .cms-videos h2 {
        font-size: 1.8vw;
    }

}


@media (max-width: 524px) {
    .cms-videos h2 {
        font-size: 13px;
    }

}

.cms-bolsa-de-trabajo{
    font-family: 'Roboto', sans-serif !important;
    font-style: normal !important;
    color: #4B4B4B !important;
}

.cms-bolsa-de-trabajo .std p{
    font-size: 18px !important;
    font-family: 'Roboto', sans-serif !important;
    font-style: normal !important;
    /*color: #4b4b4b;*/
}

/*.cms-bolsa-de-trabajo h1{
    position: relative;
    float: left;
    display: inline-block;
    line-height: 140px;
    vertical-align: middle;
    margin: 0 !important;
    text-transform: none !important;
    color: #fff !important;
}*/

#formCV .truper-radio input[type="radio"]{
    width: auto !important;
}


#formCV .truper-check input[type="checkbox"]{
    width: auto !important;

}



.cms-bolsa-de-trabajo h1{
    font-family: 'Roboto', sans-serif !important;
    font-size:25px;
}

.cms-bolsa-de-trabajo h1 i{
    color: #ff6600;
    font-size: 14px;
    vertical-align: middle;
}


.cms-bolsa-de-trabajo .breadcrumbs{
    display: none;
}

#formCV label{
    display: block !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif !important;
    color: #4B4B4B !important;
}


#formCV label.radio-inline{
    display: inline-block !important;
}


#formCV input{
    width: 100% !important;
}




#formCV select{
    -webkit-appearance: none;
    outline: none;
    border:1px solid #aeaeae;
    height: 30px;
    border-radius: 50px;
    background: none;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    font-size: 16px !important;
}


.cms-bolsa-de-trabajo h2{
    font-family: 'Roboto', sans-serif !important;
    font-size:20px;
    font-weight: bold;
    color: #ff6600  !important;
    margin: 0 0 40px 0 !important;
    /*border-bottom: 3px solid #ff6600;*/
    padding-bottom: 20px;

}


.cms-bolsa-de-trabajo #formCV h3{
    font-family: 'Roboto', sans-serif !important;
    font-size:20px;
    font-weight: bold;
    color: #4b4b4b ;
    margin: 0 !important;
    padding-bottom: 10px;
    border-bottom: 3px solid #ff6600;;
}


.cms-bolsa-de-trabajo h3 i{
    color: #ff6600 ;
}


.cms-bolsa-de-trabajo .truper-check label::before {
    top:5px !important;
}

.cms-bolsa-de-trabajo .truper-radio label::before{
    top:5px !important;
}

.cms-bolsa-de-trabajo .truper-check label::after{
    top: 9px !important;
}
.cms-bolsa-de-trabajo .truper-radio label::after{
    top: 9px !important;
}


/*#formCV .select-box{
    display: block;
    position: relative;
}*/

/*#formCV .select-box:after{
    content: "\f0d7";
    color: #ff6600;
    display: inline-block !important;
    margin-left: 15px;
    position: absolute;
    font-size: 10px;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    top: 8px;
    right: 20px;
}*/


.input-container {
    margin: 0;
    max-width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 0;
}

input[type='file'] {
    display: none !important;
}

.file-info {
    font-size: 14px;
    border: 1px solid #e8e8e8;
    border-radius: 50px;
    height: 30px;
    line-height: 30px;
    width: calc(60% - 10px);
    display: inline-block;
    float: left;
    margin-right: 10px;
    padding-left: 10px;
}

.cms-bolsa-de-trabajo p.browse-btn {
    font-family: 'Roboto', sans-serif !important;
    background: #fff !important;
    color: #ff6600 !important;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #ff6600;
    border-radius: 50px;
    font-size: 15px !important;
    width: 40%;
    font-style: normal !important;
    float: right;
    position: relative;
    display: inline-block;
    cursor: pointer;
    line-height: 30px !important;
    text-align: center;
}

.browse-btn:hover {
    /*background: #4ec0b4;*/
}


#formCV a{
    color: #ff6600;
    font-weight: bold;
}

#formCV a:hover{
    color: #ff6600;
    text-decoration: none !important;
}


#paso3-btn{

    display: block !important;
    /*margin: 0 auto;*/
    margin-top: -3px !important;

}


#formCV .validation-advice{
    /*display: inline-block !important;*/
}


.cms-bolsa-de-trabajo .std p.file-details{
    font-family: 'Roboto', sans-serif !important;
    font-size: 10px !important;
    color: #4c4b4b !important;
    line-height: 12px !important;
    margin: 0 !important;
    padding: 0 !important;

}

.cms-bolsa-de-trabajo .truper-check label::before{
    top: 5px !important;
}






@media (max-width: 991px) {
    .cms-bolsa-de-trabajo p.browse-btn {
        font-size: 12px !important;
    }
}


@media (max-width: 841px) {
    .cms-bolsa-de-trabajo p.browse-btn {
        font-size: 10px !important;
    }
}


@media (max-width: 770px) {
    .cms-bolsa-de-trabajo p.browse-btn {
        font-size: 10px !important;
    }

    .cms-bolsa-de-trabajo p.browse-btn{
        width: 26%;
        
    }

    .file-info{
        width: calc(74% - 10px);
    }

    .cms-bolsa-de-trabajo .cms-header-container .main-container{
        padding-top: 0 !important;
        margin-top: -10px !important;
        
    }



}

@media (max-width: 455px) {
    .cms-bolsa-de-trabajo p.browse-btn{
        width: 40%;

    }

    .file-info{
        width: calc(60% - 10px);
    }
}


/*@media (max-width: 300px) {
    .browse-btn {
        width: 100%;
        border-top-right-radius: 5px;
        border-bottom-left-radius: 0;
    }

    .file-info {
        display: block;
        margin: 10px 5px;
    }
}*/


.cms-distribuidor {
    font-family: 'Roboto', sans-serif !important;
    font-style: normal !important;
}

.cms-distribuidor .std p {
    font-size: 18px !important;
    font-family: 'Roboto', sans-serif !important;
    font-style: normal !important;
    /*color: #4b4b4b;*/
}


/*.cms-bolsa-de-trabajo h1{
    position: relative;
    float: left;
    display: inline-block;
    line-height: 140px;
    vertical-align: middle;
    margin: 0 !important;
    text-transform: none !important;
    color: #fff !important;
}*/


.dist-mex.h2 {
    text-transform: uppercase;
    font-size: 26px;
    line-height: 36px;
    border-bottom: 2px solid #ff6600;
}

#formDist .truper-check input[type="checkbox"] {
    width: auto !important;

}


.cms-distribuidor h1 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 25px;
}

.cms-distribuidor h1 i {
    color: #ff6600;
    font-size: 14px;
    vertical-align: middle;
}


.cms-distribuidor .breadcrumbs {
    display: none;
}


.cms-distribuidor .std select {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid #aeaeae;
    height: 30px;
    border-radius: 50px;
    background: none;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    font-size: 16px !important;
}


.cms-distribuidor .std label {
    display: block !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif !important;
    color: #4b4b4b !important;
    font-weight: normal;
}

.Mex p.campos-obligatorios {
    color: #ff6600 !important;
    font-size: 14px !important;
    font-weight: bold !important;

}

.Mex h3.aviso {
    text-transform: uppercase !important;
    font-size: 16px !important;
    margin-bottom: 10px !important;

}

.Mex p.aviso-text {
    font-size: 16px !important;
}

.Mex p.aviso-text i {
    color: #ff6600 !important;
}


.cms-distribuidor .Mex h2 {
    margin-bottom: 10px !important;
}

.EUA,
.LA {
    display: none;
}

.LA p.campos-obligatorios {
    color: #ff6600 !important;

    font-size: 14px !important;
    font-weight: bold !important;

}

.EUA p.campos-obligatorios {
    color: #ff6600 !important;
    font-size: 14px !important;
    font-weight: bold !important;

}


.cms-distribuidor .LA h2 {
    margin-bottom: 10px !important;
}

.cms-distribuidor .EUA h2 {
    margin-bottom: 10px !important;
}


.dist-form label {
    display: block !important;
    font-size: 16px !important;
    font-family: 'Roboto', sans-serif !important;
    color: #4b4b4b !important;
    font-weight: normal;
}


.dist-form label.radio-inline {
    display: inline-block !important;
}


.dist-form input {
    width: 100% !important;
}


.dist-form select {
    -webkit-appearance: none;
    outline: none;
    border: 1px solid #aeaeae;
    height: 30px;
    border-radius: 50px;
    background: none;
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0 10px;
    font-size: 16px !important;
}


.cms-distribuidor h2 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px;
    font-weight: bold;
    color: #4b4b4b !important;
    margin: 0 0 40px 0 !important;
    border-bottom: 3px solid #ff6600;
    padding-bottom: 20px;

}


.cms-distribuidor h3 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 20px;
    font-weight: bold;
    color: #4b4b4b;
    margin: 0 !important;
}


.cms-distribuidor h3 i {
    color: #ff6600;
}


/*#formCV .select-box{
    display: block;
    position: relative;
}*/

/*#formCV .select-box:after{
    content: "\f0d7";
    color: #ff6600;
    display: inline-block !important;
    margin-left: 15px;
    position: absolute;
    font-size: 10px;
    font-family: "Font Awesome 5 Free" !important;
    font-weight: 900;
    top: 8px;
    right: 20px;
}*/


.input-container {
    margin: 0;
    max-width: 100%;
    background-color: #fff;
    border: none;
    border-radius: 0;
}


.dist-form a {
    color: #ff6600;
    font-weight: bold;
}

.dist-form a:hover {
    color: #ff6600;
    text-decoration: none !important;
}


.dist-form .validation-advice {
    display: inline-block !important;
}


.dist-form .truper-check label {
    font-weight: lighter !important;

}


.dist-main-text span {
    color: #ff6600;
}

.dist-main-text h3 {
    height: 30px;
    line-height: 20px;
    text-transform: none !important;
    vertical-align: middle;
    font-weight: normal !important;
    font-size: 16px;
}

.dist-main-text h3 span {
    font-weight: bold;
}

.cms-distribuidor .std .tel p {
    margin-bottom: 0 !important;
    font-size: 20px !important;
}

.tel h4 a {
    color: #4b4b4b !important;
    font-family: 'Roboto', sans-serif !important;
    font-size: 30px !important;
    letter-spacing: 2px !important;

}

.tel h4 a:link {
    text-decoration: none;

}

.cms-distribuidor .std .dis-points p {
    font-size: 18px !important;
}

.dist-map {
    /*margin-top: 70px;*/
}

@media (max-width: 770px) {

    .cms-distribuidor .cms-header-container .main-container {
        margin-top: -10px !important;
        padding-top: 0 !important;
    }

}





#listStores .list-btn {
    width: 100% !important;
}


#mielemento h2 {
    font-family: 'Roboto', sans-serif !important;
    color: #4b4b4b !important;
    text-transform: none !important;
    font-size: 18px !important;
}


#mielemento .resultados {
    background: #f0efef;
    border-radius: 5px !important;
}


#mielemento .resultados p {
    font-family: 'Roboto', sans-serif !important;
    color: #4b4b4b !important;
    font-size: 14px !important;
    margin: 0 !important;
}

#mielemento .resultados p span {
    font-family: 'Roboto', sans-serif !important;
    color: #ff6600 !important;
    font-size: 16px !important;
    margin: 0 !important;
    font-weight: bold;
}


#mielemento #listStores .list-btn h3 {
    font-family: 'Roboto', sans-serif !important;
    color: #ff6600 !important;
    font-size: 14px !important;
    font-weight: bold;
    text-transform: none !important;
}

#listStores .list-btn:hover h3 {
    text-decoration: none !important;
    border: none !important;
}


#mielemento #listStores .list-btn p {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: lighter;
    color: #4b4b4b;

}


#mielemento #listStores li {
    border-bottom: 1px solid #eaeaea;
}

.map-container {
    background: none !important;
}

#mielemento #listStores .phone {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #4b4b4b;
}

#mielemento #listStores .dist {
    font-family: 'Roboto', sans-serif !important;
    color: #ff6600 !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-align: left;
    margin-top: 20px;
}

#searchteam {
    width: 100%;
    height: 35px;
    border: 1px solid #e8e8e8;
    border-radius: 50px;
    font-weight: normal !important;
    font-family: 'Roboto', sans-serif !important;
    color: #4b4b4b;
    font-size: 14px;
    position: relative;
    background: transparent;
}

.dist-arrow {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 26%;
    right: 8%;
    font-size: 18px !important;
    font-weight: normal;
    color: #ff6600;
    display: inline-block !important;
}

.gm-style .gm-style-iw {
    background-color: #262626 !important;
    top: 0 !important;
    left: 0 !important;
    min-width: 200px !important;
    min-height: 130px !important;
    padding-top: 0;
    display: block !important;
    color: #fff !important;
    opacity: 0.7 !important;
}


.gm-style-iw.gm-style-iw-c {
    height: auto !important;
    max-width: 400px !important;
}

.gm-style-iw-d {
    overflow: hidden !important;
}


.gm-style .gm-style-iw-t::after {
    background-color: #262626 !important;
}

.gm-style .gm-style-iw .box-detail {
    width: 100% !important;
    height: auto !important;
    padding: 20px 20px 10px !important;

}


.gm-style .gm-style-iw .box-detail .service_center {
    display: none;

}


/*style the p tag*/
.gm-style .gm-style-iw p {
    padding: 0 10px;
    margin: 0;
}

.gm-style .gm-style-iw h3 {
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #ff6600 !important;
    text-transform: none !important;
    padding: 10px !important;

}

.gm-ui-hover-effect {
    opacity: 1 !important;
}

.gm-ui-hover-effect .fas {
    color: #fff !important;
}


.gm-style > div > div > div > div > div > div > div > div > div {
    background-color: #262626 !important;
    padding: 0;
    margin: 0;
    top: 0;
    color: #fff;
    font-size: 16px;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

#mielemento .gm-waze {
    text-align: center;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    color: #4b4b4b;
    background: #eaeaea;
    padding: 4px 0;

}


.info-marker {

    cursor: default !important;
    position: absolute !important;
    top: -200px !important;
    left: -180px !important;
    width: 359px !important;
    height: 164px !important;
    z-index: -200 !important;
}


@media (max-width: 770px) {
    .storelocator-index-index .main-container {
        /*margin-top: 30px !important;*/
    }

    .gm-style .gm-style-iw p {
        font-size: 14px !important;
        margin-bottom: 5px !important;
    }

    .gm-style .gm-style-iw h3 {
        margin: 0;
        font-size: 18px !important;
    }

    .gm-style-iw.gm-style-iw-c {
        max-width: 280px !important;
    }
}


/**** centros de atencion **/
.cms-centros-de-servicio li {
    margin-left: 0 !important;
    list-style: none !important;
}

.cms-centros-de-servicio .gm-style-iw-d p {
    color: #fff !important;
}


.cms-centros-de-servicio .breadcrumbs {
    display: none !important;
}


.cms-centros-de-servicio .truper-check label {
    font-family: 'Roboto', sans-serif !important;
    font-size: 12px !important;
}

.cms-centros-de-servicio p.phone {
    font-size: 14px !important;
    font-weight: bold !important;
}


.cms-centros-de-servicio .check-img {
    position: relative;
    display: inline-block;
    margin-right: 2vw;
    height: 40px !important;
    vertical-align: top !important;
    margin-bottom: 20px !important;
}

.cms-centros-de-servicio .check-img .icon-filtro {
    display: inline-block !important;
    width: 50px !important;
    vertical-align: top !important;

}

.cms-centros-de-servicio .mail-csat p {
    color: #4b4b4b;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    text-align: right;
    margin: 0 !important;
    line-height: 14px;
    vert-align: middle !important;
}

.cms-centros-de-servicio .mail-csat p a {
    color: #ff6600 !important;
    text-decoration: none !important;
}

.cms-centros-de-servicio .mail-csat p a:hover {
    color: #ff6600 !important;
    text-decoration: none !important;
}


/** checkbox derecha **/
.truper-check-derecha {
    display: inline-block;
}

.truper-check-derecha input[type="checkbox"] {
    opacity: 0;
    position: absolute;
}

.truper-check-derecha label {
    min-width: 100px;
    font-family: 'Roboto', sans-serif !important;
    position: relative;
    display: inline-block;
    padding-right: 18px;
    margin-left: 10px;

}

.truper-check-derecha label.one-line {
    top: 8px !important;
    height: 20px !important;
}


.truper-check-derecha label::before,
.truper-check-derecha label::after {
    position: absolute;
    content: "";
    display: inline-block;
}

.truper-check-derecha label::before {
    height: 14px;
    width: 14px;
    border: 2px solid #ff6600;
    border-radius: 2px;
    right: 0px;
    top: 13px;
}

.truper-check-derecha label.one-line::before {
    height: 14px;
    width: 14px;
    border: 2px solid #ff6600;
    border-radius: 2px;
    right: 0px;
    top: 4px;
}


.truper-check-derecha input[type="checkbox"]:checked + label::before {
    background: #ff6600 !important;
}

.truper-check-derecha label::after {
    height: 4px;
    width: 7px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    right: 3px;
    top: 17px;
}

.truper-check-derecha label.one-line::after {
    height: 4px;
    width: 7px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    right: 3px;
    top: 8px;
}

/*Hide the checkmark by default*/
.truper-check-derecha input[type="checkbox"] + label::after {
    content: none;
}

/*Unhide on the checked state*/
.truper-check-derecha input[type="checkbox"]:checked + label::after {
    content: "";
}


.truper-check-derecha .validation-advice {
    margin-left: 10px;
}


.gm-svpc img {
    max-width: none !important;
}


#mielemento .ver-tienda {
    text-align: right;
    font-family: 'Roboto', sans-serif !important;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    float: right;
}

#mielemento .ver-tienda:hover {
    color: #ff6600;
    text-decoration: underline;

}


.storelocator-index-view .gm-style-iw-d {
    font-family: 'Roboto', sans-serif !important;
}


@media (max-width: 770px) {
    .cms-centros-de-servicio .cms-header-container .main-container {
        margin-top: -10px !important;
        padding-top: 0 !important;
    }

}


/** Fachadas styles */

.fachada {
    width: 100%;
    margin-bottom: 5px;
}

.gm-style-iw-c .fachada {
    display:none !important;
}


/* Predictivo */

.containerCotizadorLiveSearchDeskStorelocator {
    position: absolute;
    z-index: 10000;
    left: 0;
    width: 100%;
}

.containerCotizadorLiveSearchDeskStorelocator .scrollbar {
    overflow-y: auto;
}

.containerCotizadorLiveSearchDeskStorelocator > div {
    background-color: #FFF;
    width: 100%;
    margin: auto;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    -ms-box-shadow: 0 3px 10px #666;
    -o-box-shadow: 0 3px 10px #666;
    box-shadow: 0 3px 10px #666;
}


#productDeskStorelocator > div {
    padding: 10px 10px 10px 10px;
    margin: auto;
    position: relative;
    align-items: center;
    text-decoration: none !important;
    border-bottom: 1px solid #e1e1e1;
    min-height: 60px;
    width: 100%;
    display: table;
    cursor: pointer;
}

#productDeskStorelocator > div p:first-child, #productDeskStorelocator > div p:first-child {
    color: #a09c9c !important;
    margin-bottom: 5px;
    font-weight: 300;
}

#productDeskStorelocator > div p {
    margin: 0;
    font-weight: 400 !important;
    display: inline-table;
    vertical-align: middle;
    line-height: normal !important;
    cursor: default;
    font-family: 'Roboto', sans-serif !important;
    font-size: 14px !important;
    color: #4b4b4b;
}

#productDeskStorelocator .storeName, #productDeskStorelocator .address {
    align-items: center;
    padding-top: 5px;
}

.resultsearch {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

@media (max-width: 768px) {
    #productDeskStorelocator .storeName {
        align-items: baseline !important;
    }

    .storeName p, .address p {
        font-size: 14px;
    }

    #mielemento .ver-tienda {
        top: -10px;
        position: relative;
    }

    .storelocator-page h2.text-left {
        padding: 8px 15px 8px 0 !important;
    }
}

body.compensate-for-scrollbar {
    overflow: hidden;
}

.fancybox-active {
    height: auto;
}

.fancybox-is-hidden {
    left: -9999px;
    margin: 0;
    position: absolute !important;
    top: -9999px;
    visibility: hidden;
}

.fancybox-container {
    -webkit-backface-visibility: hidden;
    height: 100%;
    left: 0;
    outline: none;
    position: fixed;
    -webkit-tap-highlight-color: transparent;
    top: 0;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    transform: translateZ(0);
    width: 100%;
    z-index: 99992;
}

.fancybox-container * {
    box-sizing: border-box;
}

.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.fancybox-outer {
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}

.fancybox-bg {
    background: rgb(30, 30, 30);
    opacity: 0;
    transition-duration: inherit;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(.47, 0, .74, .71);
}

.fancybox-is-open .fancybox-bg {
    opacity: .9;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
    direction: ltr;
    opacity: 0;
    position: absolute;
    transition: opacity .25s ease, visibility 0s ease .25s;
    visibility: hidden;
    z-index: 99997;
}

.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
    opacity: 1;
    transition: opacity .25s ease 0s, visibility 0s ease 0s;
    visibility: visible;
}

.fancybox-infobar {
    color: #ccc;
    font-size: 13px;
    -webkit-font-smoothing: subpixel-antialiased;
    height: 44px;
    left: 0;
    line-height: 44px;
    min-width: 44px;
    mix-blend-mode: difference;
    padding: 0 10px;
    pointer-events: none;
    top: 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.fancybox-toolbar {
    right: 0;
    top: 0;
}

.fancybox-stage {
    direction: ltr;
    overflow: visible;
    transform: translateZ(0);
    z-index: 99994;
}

.fancybox-is-open .fancybox-stage {
    overflow: hidden;
}

.fancybox-slide {
    -webkit-backface-visibility: hidden;
    /* Using without prefix would break IE11 */
    display: none;
    height: 100%;
    left: 0;
    outline: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: absolute;
    text-align: center;
    top: 0;
    transition-property: transform, opacity;
    white-space: normal;
    width: 100%;
    z-index: 99994;
}

.fancybox-slide::before {
    content: '';
    display: inline-block;
    font-size: 0;
    height: 100%;
    vertical-align: middle;
    width: 0;
}

.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
    display: block;
}

.fancybox-slide--image {
    overflow: hidden;
    padding: 44px 0;
}

.fancybox-slide--image::before {
    display: none;
}

.fancybox-slide--html {
    padding: 6px;
}

.fancybox-content {
    background: #fff;
    display: inline-block;
    margin: 0;
    max-width: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 44px;
    position: relative;
    text-align: left;
    vertical-align: middle;
}

.fancybox-slide--image .fancybox-content {
    animation-timing-function: cubic-bezier(.5, 0, .14, 1);
    -webkit-backface-visibility: hidden;
    background: transparent;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    left: 0;
    max-width: none;
    overflow: visible;
    padding: 0;
    position: absolute;
    top: 0;
    -ms-transform-origin: top left;
    transform-origin: top left;
    transition-property: transform, opacity;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    z-index: 99995;
}

.fancybox-can-zoomOut .fancybox-content {
    cursor: zoom-out;
}

.fancybox-can-zoomIn .fancybox-content {
    cursor: zoom-in;
}

.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
    cursor: -webkit-grab;
    cursor: grab;
}

.fancybox-is-grabbing .fancybox-content {
    cursor: -webkit-grabbing;
    cursor: grabbing;
}

.fancybox-container [data-selectable='true'] {
    cursor: text;
}

.fancybox-image,
.fancybox-spaceball {
    background: transparent;
    border: 0;
    height: 100%;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none;
    padding: 0;
    position: absolute;
    top: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    width: 100%;
}

.fancybox-spaceball {
    z-index: 1;
}

.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
    height: 100%;
    overflow: visible;
    padding: 0;
    width: 100%;
}

.fancybox-slide--video .fancybox-content {
    background: #000;
}

.fancybox-slide--map .fancybox-content {
    background: #e5e3df;
}

.fancybox-slide--iframe .fancybox-content {
    background: #fff;
}

.fancybox-video,
.fancybox-iframe {
    background: transparent;
    border: 0;
    display: block;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
    width: 100%;
}

/* Fix iOS */
.fancybox-iframe {
    left: 0;
    position: absolute;
    top: 0;
}

.fancybox-error {
    background: #fff;
    cursor: default;
    max-width: 400px;
    padding: 40px;
    width: 100%;
}

.fancybox-error p {
    color: #444;
    font-size: 16px;
    line-height: 20px;
    margin: 0;
    padding: 0;
}

/* Buttons */

/*
.fancybox-button {
    background: rgba(30, 30, 30, .6);
    border: 0;
    border-radius: 0;
    box-shadow: none;
    cursor: pointer;
    display: inline-block;
    height: 44px;
    margin: 0;
    padding: 10px;
    position: relative;
    transition: color .2s;
    vertical-align: top;
    visibility: inherit;
    width: 44px;

    -webkit-transition: all .5s;
       -moz-transition: all .5s;
        -ms-transition: all .5s;
         -o-transition: all .5s;
            transition: all .5s;
}

.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
    color: #ccc;
}

.fancybox-button:hover {
    color: #fff;
}

.fancybox-button:focus {
    outline: none;
}

.fancybox-button.fancybox-focus {
    outline: 1px dotted;
}

.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
    color: #888;
    cursor: default;
    outline: none;
}
*/

/* Fix IE11 */
.fancybox-button div {
    height: 100%;
}

.fancybox-button svg {
    display: block;
    height: 100%;
    overflow: visible;
    position: relative;
    width: 100%;
}

.fancybox-button svg path {
    fill: currentColor;
    stroke-width: 0;
}

.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
    display: none;
}

.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
    display: none;
}

.fancybox-progress {
    background: #ff5268;
    height: 2px;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -ms-transform-origin: 0;
    transform-origin: 0;
    transition-property: transform;
    transition-timing-function: linear;
    z-index: 99998;
}

/* Close button on the top right corner of html content */

.fancybox-close-small {
    background: transparent;
    border: 0;
    border-radius: 0;
    color: #ccc;
    cursor: pointer;
    opacity: .8;
    padding: 8px;
    position: absolute;
    right: -12px;
    top: -44px;
    z-index: 401;
}

.fancybox-close-small:hover {
    color: #fff;
    opacity: 1;
}

.fancybox-slide--html .fancybox-close-small {
    color: currentColor;
    padding: 10px;
    right: 0;
    top: 0;
}

.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
    overflow: hidden;
}

.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
    display: none;
}

/*
.fancybox-button--zoom > svg {
    display: none;
}

.fancybox-button--zoom::after {
    content: url('https://www.fixferreterias.com/skin/frontend/glam/default/css/img/56399.svg');
}
*/

/* Navigation arrows */

.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: 100px;
    opacity: 0;
    position: absolute;
    top: calc(50% - 50px);
    width: 70px;
}

.fancybox-navigation .fancybox-button div {
    padding: 7px;
}

.fancybox-navigation .fancybox-button--arrow_left {
    left: 0;
    left: env(safe-area-inset-left);
    padding: 31px 26px 31px 6px;
}

.fancybox-navigation .fancybox-button--arrow_right {
    padding: 31px 6px 31px 26px;
    right: 0;
    right: env(safe-area-inset-right);
}

/* Caption */

.fancybox-caption {
    background: linear-gradient(to top,
    rgba(0, 0, 0, .85) 0%,
    rgba(0, 0, 0, .3) 50%,
    rgba(0, 0, 0, .15) 65%,
    rgba(0, 0, 0, .075) 75.5%,
    rgba(0, 0, 0, .037) 82.85%,
    rgba(0, 0, 0, .019) 88%,
    rgba(0, 0, 0, 0) 100%);
    bottom: 0;
    color: #eee;
    font-size: 14px;
    font-weight: 400;
    left: 0;
    line-height: 1.5;
    padding: 75px 44px 25px 44px;
    pointer-events: none;
    right: 0;
    text-align: center;
    z-index: 99996;
}

@supports (padding: max(0px)) {
    .fancybox-caption {
        padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
    }
}

.fancybox-caption--separate {
    margin-top: -50px;
}

.fancybox-caption__body {
    max-height: 50vh;
    overflow: auto;
    pointer-events: all;
}

.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
    color: #ccc;
    text-decoration: none;
}

.fancybox-caption a:hover {
    color: #fff;
    text-decoration: underline;
}

/* Loading indicator */

.fancybox-loading {
    animation: fancybox-rotate 1s linear infinite;
    background: transparent;
    border: 4px solid #888;
    border-bottom-color: #fff;
    border-radius: 50%;
    height: 50px;
    left: 50%;
    margin: -25px 0 0 -25px;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 99999;
}

@keyframes fancybox-rotate {
    100% {
        transform: rotate(360deg);
    }
}

/* Transition effects */

.fancybox-animated {
    transition-timing-function: cubic-bezier(0, 0, .25, 1);
}

/* transitionEffect: slide */

.fancybox-fx-slide.fancybox-slide--previous {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--next {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
}

.fancybox-fx-slide.fancybox-slide--current {
    opacity: 1;
    transform: translate3d(0, 0, 0);
}

/* transitionEffect: fade */

.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
    opacity: 0;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
}

.fancybox-fx-fade.fancybox-slide--current {
    opacity: 1;
}

/* transitionEffect: zoom-in-out */

.fancybox-fx-zoom-in-out.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(1.5, 1.5, 1.5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(.5, .5, .5);
}

.fancybox-fx-zoom-in-out.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1);
}

/* transitionEffect: rotate */

.fancybox-fx-rotate.fancybox-slide--previous {
    opacity: 0;
    -ms-transform: rotate(-360deg);
    transform: rotate(-360deg);
}

.fancybox-fx-rotate.fancybox-slide--next {
    opacity: 0;
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
}

.fancybox-fx-rotate.fancybox-slide--current {
    opacity: 1;
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

/* transitionEffect: circular */

.fancybox-fx-circular.fancybox-slide--previous {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--next {
    opacity: 0;
    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}

.fancybox-fx-circular.fancybox-slide--current {
    opacity: 1;
    transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}

/* transitionEffect: tube */

.fancybox-fx-tube.fancybox-slide--previous {
    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);
}

.fancybox-fx-tube.fancybox-slide--next {
    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);
}

.fancybox-fx-tube.fancybox-slide--current {
    transform: translate3d(0, 0, 0) scale(1);
}

/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
    .fancybox-slide {
        padding-left: 6px;
        padding-right: 6px;
    }

    .fancybox-slide--image {
        padding: 6px 0;
    }

    .fancybox-close-small {
        right: -6px;
    }

    .fancybox-slide--image .fancybox-close-small {
        background: #4e4e4e;
        color: #f2f4f6;
        height: 36px;
        opacity: 1;
        padding: 6px;
        right: 0;
        top: 0;
        width: 36px;
    }

    .fancybox-caption {
        padding-left: 12px;
        padding-right: 12px;
    }

    @supports (padding: max(0px)) {
        .fancybox-caption {
            padding-left: max(12px, env(safe-area-inset-left));
            padding-right: max(12px, env(safe-area-inset-right));
        }
    }
}
/* Share */

.fancybox-share {
    background: #f4f4f4;
    border-radius: 3px;
    max-width: 90%;
    padding: 30px;
    text-align: center;
}

.fancybox-share h1 {
    color: #222;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

.fancybox-share p {
    margin: 0;
    padding: 0;
}

.fancybox-share__button {
    border: 0;
    border-radius: 3px;
    display: inline-block;
    font-size: 14px;
    font-weight: 700;
    line-height: 40px;
    margin: 0 5px 10px 5px;
    min-width: 130px;
    padding: 0 15px;
    text-decoration: none;
    transition: all .2s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    white-space: nowrap;
}

.fancybox-share__button:visited,
.fancybox-share__button:link {
    color: #fff;
}

.fancybox-share__button:hover {
    text-decoration: none;
}

.fancybox-share__button--fb {
    background: #3b5998;
}

.fancybox-share__button--fb:hover {
    background: #344e86;
}

.fancybox-share__button--pt {
    background: #bd081d;
}

.fancybox-share__button--pt:hover {
    background: #aa0719;
}

.fancybox-share__button--tw {
    background: #1da1f2;
}

.fancybox-share__button--tw:hover {
    background: #0d95e8;
}

.fancybox-share__button svg {
    height: 25px;
    margin-right: 7px;
    position: relative;
    top: -1px;
    vertical-align: middle;
    width: 25px;
}

.fancybox-share__button svg path {
    fill: #fff;
}

.fancybox-share__input {
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d7d7d7;
    border-radius: 0;
    color: #5d5b5b;
    font-size: 14px;
    margin: 10px 0 0 0;
    outline: none;
    padding: 10px 15px;
    width: 100%;
}
/* Thumbs */

.fancybox-thumbs {
    background: #ddd;
    bottom: 0;
    display: none;
    margin: 0;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    padding: 2px 2px 4px 2px;
    position: absolute;
    right: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    top: 0;
    width: 212px;
    z-index: 99995;
}

.fancybox-thumbs-x {
    overflow-x: auto;
    overflow-y: hidden;
}

.fancybox-show-thumbs .fancybox-thumbs {
    display: block;
}

.fancybox-show-thumbs .fancybox-inner {
    right: 212px;
}

.fancybox-thumbs__list {
    font-size: 0;
    height: 100%;
    list-style: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0;
    position: absolute;
    position: relative;
    white-space: nowrap;
    width: 100%;
}

.fancybox-thumbs-x .fancybox-thumbs__list {
    overflow: hidden;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
    width: 7px;
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
}

.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
    background: #2a2a2a;
    border-radius: 10px;
}

.fancybox-thumbs__list a {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    background-color: rgba(0, 0, 0, .1);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    cursor: pointer;
    float: left;
    height: 75px;
    margin: 2px;
    max-height: calc(100% - 8px);
    max-width: calc(50% - 4px);
    outline: none;
    overflow: hidden;
    padding: 0;
    position: relative;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.fancybox-thumbs__list a::before {
    border: 6px solid #ff5268;
    bottom: 0;
    content: '';
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: all .2s cubic-bezier(.25, .46, .45, .94);
    z-index: 99991;
}

.fancybox-thumbs__list a:focus::before {
    opacity: .5;
}

.fancybox-thumbs__list a.fancybox-thumbs-active::before {
    opacity: 1;
}

/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
    .fancybox-thumbs {
        width: 110px;
    }

    .fancybox-show-thumbs .fancybox-inner {
        right: 110px;
    }

    .fancybox-thumbs__list a {
        max-width: calc(100% - 10px);
    }
}
.cms-indice .breadcrumbs{
    display: none !important;
}

.index-item{
    margin: 4px 0 !important;
}
.index-item a{
    color: #4b4b4b !important;
    font-size: 16px !important;
}
.index-item a:hover{
    text-decoration: none !important;
    color: #ff6600 !important;

}

.index-letter{
    font-family: 'Roboto', sans-serif !important;
    cursor: pointer;
    margin:0 1vw ;
    display: inline-block;
    font-weight: bold !important;
    font-size: 15px !important;
}

.index-letter.active{
    color: #ff6600;
}
.index-letter.active:before{
    content: "\f0da";
    color: #ff6600 !important;
    font-size: 8px !important;
    font-family: "Font Awesome 5 Free" !important;
    position: relative;
    top: -3px;
    left: -3px;
}


.index-letter:hover{
    cursor: pointer;
    color: #ff6600 !important;
}

.index-brand{
    cursor: pointer;
    display: inline-block;
    width: 10% !important;

}

.index-brand img{
    transition: transform .2s; /* Animation */

}

.index-brand img:hover{
    transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.index-brand.active img{
    transform: scale(1.5);
}

.cms-indice .cms-header-container{
    margin-top: -30px;
    margin-bottom: 30px;
    background: url('https://www.fixferreterias.com/skin/frontend/glam/default/images/banner_indice.jpg') no-repeat center !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    height: 200px !important;
}

.cms-indice .slider-boots{
    margin:0 !important;
    width: 100% !important;
}

.cms-indice .carousel-control{
    color: #000 !important;
    opacity: 1 !important;
    position: relative !important;
    margin: 0 auto !important;
    text-align: center !important;
    display: inline-block !important;
}

.cms-indice .flechas{
    display: none;
}

.cms-indice .all-brands{
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #4b4b4b;
    display: inline;
    top: -10px;
    position: relative;
    border-radius: 30px;
    padding: 5px 10px;
}

.cms-indice .all-brands.active{
    border: 1px solid #ff6600;
    color: #ff6600;
}

.cms-indice .all-brands:hover{
    border: 1px solid #ff6600;
    color: #ff6600;
}


.cms-indice h2.current-letter{
    font-family: 'Roboto', sans-serif !important;
    color: #ff6600 !important;
    font-size: 25px !important;
    font-weight: bolder !important;
    margin-bottom: 0 !important;
}

.cms-indice hr{
    margin: 5px 0 !important;
}

.cms-indice .carousel-control .glyphicon{
    font-size: 20px !important;

}

.cms-indice  .carousel-control{
    width: 100px !important;
}

.cms-indice .flechas-top{
    margin-top: -30px !important;
    color: #4b4b4b !important
}

.cms-indice .current-page{
    color: #ff6600 !important;
}


@media (max-width: 770px) {
    .index-brand{
        width: 49% !important
    }




    .cms-indice .all-brands{
        position: relative !important;
        display: block !important;
        text-align: center;
        margin: 0 auto !important;
        font-size: 14px;
        font-weight: bold;
        border: 1px solid #4b4b4b;
        top: -10px;
        position: relative;
        border-radius: 30px;
        padding: 5px 10px;
    }

    .cms-indice .all-brands.active{
        border: 1px solid #ff6600;
        color: #ff6600;
    }

    .cms-indice .all-brands:hover{
        border: 1px solid #ff6600;
        color: #ff6600;
    }
}



/* Generales */
.orange-pipe {
    color: #F60;
}

#gridProductosCot thead, #gridProductosCot tbody {
    display: block;
}

#gridProductosCot tbody {
    overflow-y: auto;
    max-height: 350px;
    display: block;
}

#gridProductosCot tbody tr {
    width: 100%;
    display: block;
    padding: 0px 0 5px 0;
}

.cotizador-index-index .main-container p {
    font-size: 16px;
}

.cotizador-index-index h2 {
    font-family: 'Roboto', sans-serif !important;
    color: #4b4b4b !important;
    text-transform: none !important;
    font-size: 13px !important;
    font-weight: 600 !important;
}

.cotizador-index-index .main-container p {
    font-size: 14px;
}

.cotizador-index-index p {
    font-size: 15px;
}

.cotizador-index-index .account p {
    font-size: 12px !important;
}

/* Buscador */

#cotizador_search_form .input-box {
    position: relative;
    padding-top: 0;
    padding-bottom: 1%;
    padding-left: 0px;
    padding-right: 0px !important;
}

.cotizador-index-index .input-box #cotizador_search {
    color: #757575;
    padding: 20px;
    background-color: transparent;
    border-radius: 33px;
    height: 40px;
    padding-right: 40px;
    font-family: "Roboto", "Helvetica Neue", Verdana, Arial, sans-serif;
    font-weight: 500;
    width: 50%;
    border: 1px #000 solid;

}

#cotizador_search_form .search-button {
    text-indent: -9999px;
    position: absolute;
    top: 0;
    right: 0%;
    width: 40px;
    height: 40px;
    border: 0;
    background: none;
}

#cotizador_search_form .search-button:before {
    content: '';
    position: absolute;
    top: 53%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    background-position: -45px -146px;
    background-image: url(https://www.fixferreterias.com/skin/frontend/glam/default/images/icon_sprite.png);
    background-repeat: no-repeat;
    text-indent: -9999px;
}

.containerCotizadorStoresLiveSearchDesk {
    position: absolute;
    z-index: 99;
    top: 40px;
    left: 0;
    width: 100%;
}

.containerCotizadorStoresLiveSearchDesk > div {
    background-color: #FFF;
    width: 100%;
    float: left;
    margin: auto;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    -ms-box-shadow: 0 3px 10px #666;
    -o-box-shadow: 0 3px 10px #666;
    box-shadow: 0 3px 10px #666;
}

.containerCotizadorLiveSearchDesk {
    position: absolute;
    z-index: 99;
    top: 55px;
    left: 0;
    width: 100%;
}

.containerCotizadorLiveSearchDesk > div {
    background-color: #FFF;
    width: 51%;
    float: left;
    margin: auto;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    -ms-border-radius: 0 0 5px 5px;
    -o-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 3px 10px #666;
    -moz-box-shadow: 0 3px 10px #666;
    -ms-box-shadow: 0 3px 10px #666;
    -o-box-shadow: 0 3px 10px #666;
    box-shadow: 0 3px 10px #666;
}

#cotizador_search_form .descrip > div {
    display: flex;
}

#cotizador_search_form .descrip {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#cotizador_search_form .price {
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2vw;
}


.stores-search-descrip {
    text-align: left;
    padding: 10px;
}

#productDesk > div {
    padding: 10px 10px;
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none !important;
    border-bottom: 1px solid #e1e1e1;
    min-height: 49px;
}

#productDesk > div p:first-child, #productDesk > div p:first-child {
    color: #a09c9c !important;
    margin-bottom: 5px;
    font-weight: 300;
}

#productDesk > div > div:first-child {
    width: 40px !important;
    padding-left: 5px;
    margin-right: 5px;
}

#productDesk > div p {
    color: #666 !important;
    line-height: 1;
    margin: 0;
    font-weight: 400 !important;
}

#storeDesk > div {
    padding: 10px 10px;
    position: relative;
    display: flex;
    align-items: center;
    text-decoration: none !important;
    border-bottom: 1px solid #e1e1e1;
    min-height: 49px;
}

#storeDesk > div p:first-child, #storeDesk > div p:first-child {
    color: #a09c9c !important;
    margin-bottom: 5px;
    font-weight: 300;
}

#storeDesk > div > div:first-child {
    width: 40px !important;
    padding-left: 5px;
    margin-right: 5px;
}

#storeDesk > div p {
    color: #666 !important;
    line-height: 1;
    margin: 0;
    font-weight: 400 !important;
}


@media (min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    #cotizador_search_form .search-button:before {
        background-image: url(https://www.fixferreterias.com/skin/frontend/glam/default/images/icon_sprite@2x.png);
        background-size: 100px 1000px;
    }
}


/* Grid */

table.gridProductos {
    border: 1px double #4b4b4b;
    width: 100%;
    height: auto;
    text-align: center;
    border-collapse: collapse;
    margin-top: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
}

table.gridProductos td, table.gridProductos th {
    padding: 3px 2px;
}

table.gridProductos tbody td {
    font-size: 13px;
}

table.gridProductos tbody .cot-quot-price {
    font-size: 13px;
    padding: 0;
    margin: 3px;
    color: red;
    text-decoration: line-through;
    padding-top: 4px;
}

table.gridProductos tbody .cot-dis-price {
    font-size: 15px;
    padding: 0;
    margin: 3px;
}

table.gridProductos tr {
    border-bottom: 1px solid #4b4b4b;
}

table.gridProductos tr:nth-child(even) {
    /* Para mas legibilidad background: #D0E4F5;*/
}

table.gridProductos thead {
    background: #003B71;
}

table.gridProductos thead th {
    color: #FFFFFF;
    text-align: center;
}

.copy-es-cotizacion {
    float: left;
    font-weight: bold;
}

table.gridCotTotales {
    float: right;
    width: 20%;
    height: auto;
    text-align: center;
    border-collapse: collapse;
    margin-bottom: 20px;
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    border-left: 1px solid #4B4B4B;
    border-right: 1px solid #4B4B4B;
    border-bottom: 1px solid #4B4B4B;
}

table.gridCotTotales td, table.gridCotTotales th {
    padding: 3px 2px;
    text-align: center;
}

table.gridCotTotales tbody td {
    font-size: 13px;
    border-bottom: 1px solid #4b4b4b;
}

table.gridCotTotales tr {
    border-bottom: 1px solid #4b4b4b;
}

table.gridCotTotales tr:nth-child(even) {
    /* Para mas legibilidad background: #D0E4F5;*/
}


.cotizador-index-index .btn-next {
    float: right;
    clear: both;
}

.cotizador-index-index .btn-back {
    float: left !important;
}

.cotProdImg {
    float: left;
    padding-left: 20px;
    position: relative;
    top: 5px;
}

.cotProdDesc {
    display: flex;
    padding-left: 20px;
    position: relative;
    top: 7px;
}


.ficha {
    width: 43px;
    top: 11px;
}

.ficha_tech .tooltiptext, .btn-remove-cot .tooltiptext_trash {
    visibility: hidden;
    width: 120px;
    background-color: white;
    color: #636363;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    left: 37%;
    margin-left: -60px;
    transition: opacity 0.3s;
    top: 35px;
    border: 1px solid #636363;
    font-weight: 400 !important;
}

.tooltiptext-planogramed {
    visibility: hidden;
    width: 120px;
    background-color: white;
    color: #636363;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    left: 49%;
    margin-left: -60px;
    transition: opacity 0.3s;
    top: 26px;
    border: 1px solid #636363;
    font-weight: 400 !important;
}

.tooltiptext-desc-planogramed {
    visibility: hidden;
    width: 120px;
    background-color: white;
    color: #636363;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    left: 49%;
    margin-left: -60px;
    transition: opacity 0.3s;
    top: 26px;
    border: 1px solid #636363;
    font-weight: 400 !important;
}

.ficha:hover .tooltiptext, .btn-remove-cot:hover .tooltiptext_trash {
    visibility: visible;
}


.cotProdDesc:hover .tooltiptext-desc-planogramed {
    visibility: visible;
    opacity: 1;
}

.tdcodigo-no-planogramed:hover .tooltiptext-planogramed, .tdsku-no-planogramed:hover .tooltiptext-planogramed {
    visibility: visible;
    opacity: 1;
}

.cotProdDesc {
    display: flex;
    padding-left: 20px;
    position: relative;
    top: 7px;
    text-align: initial;
}

.cotizador-index-index .cotQtyInput {
    width: 52px !important;
    text-align: center !important;
    height: 30px !important;
    font-weight: 600 !important;
    position: relative !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #4b4b4b !important;
    border-top: 1px solid #4b4b4b !important;
    top: 0px !important;
}

.min, .min-not-planogramado {
    cursor: pointer;
    color: #4b4b4b;
    width: 15px;
    height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 7px 0px 0px 7px;
    background-color: white;
    border: 1px solid #4b4b4b;
}

.plus, .plus-not-planogramado {
    cursor: pointer;
    color: #4b4b4b;
    width: 15px;
    height: 30px;
    text-align: center;
    display: inline-block;
    border-radius: 0px 7px 7px 0px;
    background-color: white;
    border: 1px solid #4b4b4b;
}

.qtyChanger span {
    padding: 0px 5px 0px 10px;
    font-weight: 600;
}

.plus span, .plus-not-planogramado span, .min span, .min-not-planogramado span {
    padding: 0px 0px 0px 0px;
    font-weight: 10;
}

.btn-remove-cot {
    border: none;
    vertical-align: inherit;
    display: inline-block;
    width: 20px;
    height: 26px;
    text-align: center;
    text-shadow: none;
    position: relative;
    margin-left: 10px;
    background: transparent;
}

.btn-remove-cot i {
    font-size: 1em;
    color: darkgrey;
}

i[class*=fa-trash-alt]::before {
    background: transparent;
}

/* Formulario de contacto */

.cotizador-index-index .cotBillingAdress input {
    width: 100%;
    max-width: 100% !important;
    border-radius: 20px 20px 20px 20px !important;
}

.cotizador-index-index ul.form-list label {
    color: #4b4b4b;
    font-size: 13px;
    font-weight: 100;
}

.cotizador-index-index .form-list select {
    width: 100% !important;
    max-width: 100% !important;
    border-radius: 20px 20px 20px 20px !important;
}


/* Terminos y condiciones */

#termConditions p {
    font-size: 11px !important;
}

#termConditions h2, #concretar h2 {
    font-size: 16px !important;
    color: #ff6720 !important;
}

#termConditions ul, #concretar ul {
    font-size: 15px !important;
}

#concretar {
    margin-bottom: 25px;
}

#concretar li {
    list-style: auto !important;
}

#concretar li a {
    color: #1C6486 !important;
}

.cot_bullets li {
    list-style: disc;
}

/* TABLA ACTUALIZACIÓN */
#gridProductosCot thead tr {
    width: 100%;
    display: block;
}

.tdblock {
    display: inline-block;
}

.tdid {
    width: 2%;
}

.tdcodigo {
    width: 7%;
}

.tdsku {
    width: 7%;
    position: relative;

}

.tddesc {
    width: 30%;
    position: relative;
}

.tdstock {
    width: 8%;
}

.tdpresentacion {
    width: 8%;
    z-index: 9;
}

.tdpresentacion .unidad {
    width: 74%;
    float: left;
    transform: translateY(50%);
    position: relative;
    left: 13px;
}

.tdpresentacion .tooltipCaja {
    width: 26%;
    float: right;
    transform: translateY(64%);
    position: relative;
    left: 0;
    display: none;
}

.tdpresentacion .toltip-area {
    display: none;
    position: absolute;
    z-index: 9999;
    background-color: white;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 25%);
    margin: -15px 0 0 15px;
    right: 35px;
    top: 7px;
    width: 210px;
    height: 69px;
}

.tdpresentacion .toltip-area p {
    padding: 17px 0 0 0;
}

.tdstock .toltip-area {
    display: none;
    position: absolute;
    z-index: 9999;
    background-color: white;
    box-shadow: 0 0 10px 2px rgb(0 0 0 / 25%);
    margin: -15px 0 0 15px;
    right: 35px;
    top: 7px;
    width: 210px;
    height: 50px;
}

.tdstock .toltip-area p {
    padding: 17px 0 0 0;
}

.tdstock .tooltipCaja {
    width: 26%;
    float: right;
    transform: translateY(64%);
    position: relative;
    left: 0;
    display: none;
}

.tdstock .tooltipStock {
    position: absolute;
    right: 6px;
    top: 23px;
}

.tdqprice {
    width: 11%;
}

.tdqty {
    width: 16%;
}

.tdtotal {
    width: 7%;
}

.tddis {
    width: 0;
    position: relative;
    left: -13px;
}

.desgloce_Dis {
    display: none;
}

.desgloce_Quo {
    display: none;
}

tbody .tdpresentacion, tbody .tdstock, tbody .tdqprice, tbody .tdtotal {
    position: relative;
    left: 9px;
}


#createPdf {
    margin-right: 0px;
    padding-right: 0px;
    margin-bottom: 5%;
}


#generate-cot {

}

#generate-cot-mail {
    margin-left: 10px !important;
}

.resultsearch:hover {
    background-color: #E0E0E0;
}

.resultsearch button {
    margin-right: 3% !important;
}

.resultsearch:hover {
    background-color: #E0E0E0;
}

#cotInstructions .prices_label {
    text-align: center;
    font-size: 22px;
    color: #F60 !important;
}

#cotInstructions .frontera_label {
    text-align: center;
    font-size: 20px;
    color: red !important;
    margin-top: 30px;
}

table.gridProductos thead .tdqty {
    position: relative;
}


/* POP UPs */

.popup-cotizador {
    background: rgba(0, 0, 0, .4);
    cursor: pointer;
    display: none;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10000;
    left: 0px;
}

.popup-cotizador .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.popup-cotizador > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}

.popup-cotizador p {
    color: #F60;
    font-size: 1.5vw;
}

.popupCloseButton {
    background-color: #fff;
    border: 3px solid;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: -20px;
    font-size: 25px;
    line-height: 26px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #F60;
}

.popupCloseButton:hover {
    background-color: #ccc;
}

.popup-cotizador-email {
    background: rgba(0, 0, 0, .4);
    cursor: pointer;
    display: none;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10000;
    left: 0px;
}

.popup-cotizador-email .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.popup-cotizador-email > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}

.popup-cotizador-email p {
    color: #F60;
    font-size: 1.5vw;
}

.popup-cotizador-email .fa-check-circle {
    font-size: 38px;
    color: green;
}


.popup-cotizador-qty-minimo-no-planogramado {
    background: rgba(0, 0, 0, .4);
    cursor: pointer;
    display: none;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10000;
    left: 0px;
}

.popup-cotizador-qty-minimo-no-planogramado .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.popup-cotizador-qty-minimo-no-planogramado > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}

.popup-cotizador-qty-minimo-no-planogramado p {
    color: #F60;
    font-size: 1.5vw;
}

.popup-cotizador-qty-minimo-no-planogramado .fa-check-circle {
    font-size: 38px;
    color: green;
}

.no-planogramados-container {
    padding: 30px 10px 10px 10px !important;
}

.noPlanogramedPopupCloseButton {
    background-color: #fff;
    border: 3px solid;
    border-radius: 50px;
    cursor: pointer;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
    position: absolute;
    top: -20px;
    right: 0;
    font-size: 25px;
    line-height: 26px;
    width: 30px;
    height: 30px;
    text-align: center;
    color: #F60;
}

.popup-producto-no-planogramado .products p, .popup-producto-no-planogramado .products .product-name {
    color: black;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
}

.popup-producto-no-planogramado .no-planogramed-title, .popup-producto-no-planogramado .no-planogramed-label {
    color: #F60 !important;
    font-size: 16px !important;
    text-transform: initial !important;
    text-align: center !important;
}

/* POPUPS CLIENTE DISTINGUIDO */


.popup-cd {
    background: rgba(0, 0, 0, .4);
    cursor: pointer;
    display: none;
    height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 10000;
    left: 0px;
}

.popup-cd .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.popup-cd > div {
    background-color: #fff;
    box-shadow: 10px 10px 60px #555;
    display: inline-block;
    height: auto;
    max-width: 551px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 15px 5%;
}

.popup-cd p {
    color: #F60;
    font-size: 1.5vw;
}

.popup-cd .fa-check-circle {
    font-size: 38px;
    color: green;
}

.popup-cd .fa-times-circle {
    font-size: 38px;
    color: red;
}

/* TOOLTIPS */

.no-planogramed {
    color: red !important;
}

.tooltiptext {
    visibility: hidden;
    background-color: white;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 10px 15px;
    position: absolute;
    z-index: 1;
    left: 37%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
    top: 0px;
    border: 1px solid black;
}

.tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
    display: none !important;
}

.tooltiptext::before {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
    display: none !important;
}

.cotProdImg:hover + .tooltiptext {
    visibility: visible;
    opacity: 1;
}

.btn-truper-custom {
    min-height: 34px;
    font-family: 'Roboto', sans-serif !important;
    background: #ff6600;
    color: #fff !important;
    text-align: center !important;
    padding: 5px 20px !important;
    border-radius: 7px !important;
    min-width: 100px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    text-transform: none !important;
    border: 1px solid #ff6600;
}

.btn-truper-custom:hover {
    min-height: 34px;
    font-family: 'Roboto', sans-serif !important;
    background: #ff6600;
    color: #fff !important;
    text-align: center !important;
    border-radius: 7px !important;
    min-width: 100px !important;
    font-size: 15px !important;
    font-weight: bold !important;
    text-transform: none !important;
}

#tooltipCp {
    position: absolute;
    right: 9%;
    top: 33px;
}

#tooltipCp .fa-info-circle {
    font-size: 16px;
}

#toltip-area {
    position: absolute;
    right: 7%;
    top: 71px;
}


#toltip-area p {
    padding: 5%;
}


#tooltipTienda {
    position: absolute;
    right: -2%;
    top: 33px;
}

#tooltipTienda .fa-info-circle {
    font-size: 16px;
}

#toltip-tienda-area {
    position: absolute;
    right: 0;
    top: 71px;
    display: none;
    z-index: 9999;
    background-color: white;
    box-shadow: 0px 0px 10px 2px rgb(0 0 0 / 25%);
    margin: -15px 0px 0px 15px;
}

#toltip-tienda-area p {
    padding: 5%;
}


.copy-es-cotizacion {
    position: relative;
    top: -74px;
    width: 50%;
    text-align: center;
    left: 15%;
}

.copy-es-cotizacion p {
    color: red;
    font-size: 18px;
}
.copy-es-cotizacion p a {
    color: red !important;
    font-size: 14px;
}

.billing_postcode {
    width: 90% !important;
}

.custom-cotizador-table-title-description {
    position: relative;
    left: 46px;
}


.custom-cotizador-table-title-cantidad {
    position: relative;
    left: -36px;
}

.green-total {
    color: #02A84E !important;
}


/** STORE SELECTOR */

.storeSelector {
    position: absolute;
    padding-left: 120px;
    top: 50px;
    z-index: 999;
}

.storeSelector p {
    color: white;
}

.full-search {
    margin-left: 280px !important;
}

.storeSelectorContainer {
    background-color: white;
}

.storeSelector-header {
    text-align: right;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.close-store-selector {

    padding-right: 10px;
    font-size: 20px;
}

.selectStore:focus {
    text-decoration: none;
    color: #3399cc !important;
}

.storeSelector-body {
    position: relative;
    padding: 0;
}

.store-selector-body tr {
    text-align: center;
}

.store-selector-body p {
    text-align: left;
    color: #636363;
}

.ss-btn:focus-visible {
    outline: -webkit-focus-ring-color auto 0px !important;
}

.ss-btn:hover {
    color: white !important;
}

.ss-btn:active {
    background: #f26928 !important;
}

.ss-btn:focus {
    background: #f26928 !important;
}

.hidden-ss-code {
    display: none;
}

.hidden-ss-name {
    display: none;
}

.hidden-ss-city {
    display: none;
}

.justify-content-center {
    margin: 0 auto;
}

.store-selector-message {
    display: inline-block;
    font-size: 14px;
    text-align: left;
    padding: 5px 20px 5px 16px;

}

.store-selector-form {
    padding: 15px;
}

.storeSelectorTitle {
    float: left;
    color: #636363;
    font-size: 18px;
    padding-top: 7px;
}

.col-sst {
    padding-right: 0px !important;
}

.col-css {
    padding-left: 0px !important;
}

.selected-store-text {
    font-size: 10px;
}

.full-search {
    z-index: 999;
}

.store-selector-desk-modal .selectStore {
    color: #fa6303;
}


/* Custom selector */

.cotizador-index-index label.required:after, span.required:after {
    content: "" !important;
    color: red;
    font-size: 18px;
    position: relative;
    left: 5px;
}

.svg-asterisk {
    float: left;
}

.svg-asterisk svg {
    float: left;
    width: 9px;
    fill: red;
    position: relative;
    left: 3px;
    top: 6px;
}

.svg-asterisk.storeselector svg {
    float: left;
    width: 9px;
    fill: red;
    position: relative;
    left: 3px;
    top: 0;
}

.svg-asterisk-normal {
    float: none;
}

.svg-asterisk-normal svg {
    float: none;
    width: 9px;
    fill: red;
}

#show_stores {
    border: 1px solid #e8e8e8;
    width: 100%;
    min-height: 30px !important;
    height: 28px !important;
    position: relative !important;
    top: 1px !important;
    background: white !important;
    border-radius: 20px 20px 20px 20px !important;
    color: #4b4b4b !important;
    font-size: 13px !important;
    font-weight: 100 !important;
}

.storeSelectorCoti {
    position: absolute;
    top: 50px;
    z-index: 999;
    width: 100%;
}

#storeSelectorCot {
    width: 100%;
    box-shadow: 0px 0px 3px black;
    position: absolute;
    left: 0px;
}

.store-selector-body-cot .ss-btn-cot {
    margin: 0 auto;
    width: 200px;
    display: block;
}


#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 9999;
    display: none;
}

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

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

#cover-spin::after {
    content: '';
    display: block;
    position: absolute;
    left: 48%;
    top: 40%;
    width: 40px;
    height: 40px;
    border-style: solid;
    border-color: #F60;
    border-top-color: transparent;
    border-width: 4px;
    border-radius: 50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

.actions-cot {
    margin-top: 20px;
}

#cotizador-modal iframe {
    width: 100%;
    height: 350px;
}

#cotizador-modal .modal-header button {
    position: absolute;
    right: 14px;
    top: 12px;
}

#cotizador-modal .modal-header h1 {
    margin: 0;
    text-align: center;
}


@media (max-width: 400px) {
    table.gridProductos tbody td {
        font-size: 10px !important;
    }

    #gridProductosCot te th {
        font-size: 10px;
    }

}

/** Tabletas **/
@media (max-width: 768px) {
    #cotizador-modal .modal-header h1 {
        font-size: 19px;
    }


    #cotizador-modal iframe {
        width: 100%;
        height: auto;
    }


    .popup-cd p {
        font-size: 17px !important;
    }

    .popup-cd > div {
        width: 80%;
    }

    tbody .tdpresentacion, tbody .tdstock, tbody .tdqprice, tbody .tdtotal {
        position: relative;
        left: 0;
    }


    .cotizador-index-index .input-box #cotizador_search {
        width: 100%;
    }

    table.gridProductos thead th {
        font-size: 11px;
    }

    .tdstock {
        width: 20%;
    }

    .cotizador-index-index .main-container p {
        font-size: 10px;
    }

    table.gridProductos tbody .cot-dis-price {
        font-size: 10px;
    }

    table.gridProductos tbody .cot-quot-price {
        font-size: 10px;
    }

    .store-selector-form-cot {
        width: 100vw;
        position: relative;
        left: 0;
    }

    #instructionfinales {
        padding-top: 5%;
        padding-bottom: 5%;
    }

    .billing_postcode {
        width: 100% !important;
    }

    #tooltipCp {
        right: -2%;
    }

    .copy-es-cotizacion {
        position: relative;
        top: 49px !important;
        width: 100%;
        margin-bottom: 21%;
        text-align: center;
        left: 0;
    }

    #reload-cot {
        width: 100% !important;
    }

    .reload-cot-cont {
        float: none !important;
    }

    .actions-cot {
        margin-top: 0;
    }

    #generate-cot {
        width: 100% !important;
    }

    #generate-cot-mail {
        width: 100% !important;
    }

    #generate-cot-xls {
        width: 100% !important;
    }


    #createPdf {
        margin-bottom: 20%;
    }

    #gridProductosCot te th {
        font-size: 12px;
    }


    .popup-cotizador p {
        font-size: 4vw !important;
    }


    .popup-cotizador-email p {
        font-size: 4vw !important;
    }

    .popup-cotizador-qty-minimo-no-planogramado p {
        font-size: 4vw !important;
    }


    .tdid {
        display: none !important;
    }

    table.gridProductos thead .tdqty {
        left: -15px;
    }

    .qtyChanger .custom-label {
        display: none;
    }

    .cotizador-index-index .cotQtyInput {
        top: 0px !important;
    }

    #cotInstructions .prices_label {
        font-size: 18px;
    }


    #productDesk > div p {
        font-size: 3.5vw;
        line-height: 1.2;
    }


    #productDesk > div {
        padding: 15px 10px;

    }


    #storeDesk > div p {
        font-size: 3.5vw;
        line-height: 1.2;
    }


    #storeDesk > div {
        padding: 15px 10px;

    }

    .resultsearch button {
        margin-right: 1% !important;
        margin-left: 1%;
    }


    .std ul li {
        margin-left: 0px !important;
    }

    #gridProductosTotales span.highlight {
        font-size: 13px !important;
    }

    #cotizador_search_form {
        margin-bottom: 20px;
    }

    #cotizador_search_form .descrip {
        align-items: baseline !important;
    }

    .cotizador-index-index .cotQtyInput {
        top: 0px !important;
    }

    #gridProductosCot thead tr {
        text-align: left;
    }

    #gridProductosCot tbody tr {
        text-align: left;
    }

    .product-table-container {
        overflow-x: scroll;
        padding: 0;
    }

    #gridProductosCot {
        width: 127% !important;
        display: inline-grid;
    }

    .tdcodigo {
        width: 10%;
        text-align: center;
    }

    .tdsku {
        width: 9%;
        text-align: center;
    }

    .tdqprice {
        width: 12%;
        text-align: center;
    }

    .tdstock {
        width: 17%;
        text-align: center;
        padding: 0 10px 0 10px !important;
    }

    .tdqty {
        width: 37%;
        text-align: center;
    }

    .tdtotal {
        width: 15%;
        text-align: center;
    }

    .tddis {
        display: none;
    }

    #generate-cot-xls {
        margin-left: 0 !important;
        margin-top: 10px !important;
        margin-bottom: 10px;
        float: right;
    }

    #generate-cot {
        float: right;
    }

    #generate-cot-mail {
        margin-left: 0 !important;
        margin-top: 10px !important;
        float: right;
    }

    table.gridProductos tbody td {
        font-size: 12px;
    }
}

@media (max-width: 991px) {
    .custom-cotizador-table-title-description {
        position: relative;
        left: 56px;
    }

    .custom-cotizador-table-title-cantidad {
        position: relative;
        left: -2px;
    }

    .containerCotizadorLiveSearchDesk > div {
        width: 100%;
        float: none;
    }

    .containerCotizadorStoresLiveSearchDesk > div {
        width: 100%;
        float: none;
    }

}

@media (max-width: 845px) and (min-width: 769px) {
    table.gridProductos thead .tdqty {
        left: -20px;
    }
}

/** Pantallas pequeñas **/
@media (max-width: 1025px) and (min-width: 769px) {

}

/** Pantallas normales **/
@media (max-width: 1400px) and (min-width: 1026px) {

}

/** Pantallas grandes **/
@media (min-width: 1401px) {


}

/** Pantallas retina **/
@media (min-width: 2400px) {

}





.flex-center {
    display: flex;
    justify-content: center;
}

.cdlabel {
    font-size: 18px;
    margin-top: 18px;
}

.cdnumber {
    font-size: 20px;
}

.cddbutton {
    margin-top: 35px;
}

.input-telefono {
    margin-top: 20px;
    float: left;
}

.input-tarjeta {
    margin-top: 5px;
    float: left;
}

.cdlabelasociar{
    margin-top: 60px;
    font-size: 18px;
}

.cdbeneficios {
    font-size: 15px;
    padding: 0px 0px 0px 14px;
    position: relative;
    bottom: 6px;
}

.beneficios-activos {
    color: #03a84e;
    font-size: 30px;
}

.beneficios-inactivos {
    color: #636363;
    font-size: 30px;
}



@media (max-width: 768px) {

    .my-account .page-title {
        margin-top: 40px;
    }

    .beneficios {
        margin-top: 35px;
    }


}
/*!
 * Bootstrap v3.3.0 (http://getbootstrap.com)
 * Copyright 2011-2014 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */



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 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
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 {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          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-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}


textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
/*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */
@media print {
  *,
  *:before,
  *:after {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    -webkit-box-shadow: none !important;
            box-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;
  }
  select {
    background: #fff !important;
  }
  .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('https://www.fixferreterias.com/skin/frontend/base/default/css/fonts/glyphicons-halflings-regular.eot');
  src: url('https://www.fixferreterias.com/skin/frontend/base/default/css/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://www.fixferreterias.com/skin/frontend/base/default/css/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://www.fixferreterias.com/skin/frontend/base/default/css/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://www.fixferreterias.com/skin/frontend/base/default/css/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  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: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.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";
}
 .col-main * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
 .col-main *:before,
 .col-main *:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}


a {

  text-decoration: none;
}
a:hover,
a:focus {
 
  text-decoration: underline;
}
a:focus {

 

}
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: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.42857143;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
       -o-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  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;
}

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: #777;
}
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: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}
.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: #777;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}

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;
  margin-left: -5px;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 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: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #777;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
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: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.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 {
  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: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: none;
          box-shadow: none;
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.42857143;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
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-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
  margin-right: -15px;
  margin-left: -15px;
}
.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-right: 15px;
  padding-left: 15px;
}
.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: 768px) {
  .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: 992px) {
  .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: 1200px) {
  .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: #777;
  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 #ddd;
}
.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.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 #ddd;
}
.table .table {
  background-color: #fff;
}
.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 #ddd;
}
.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 #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.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 {
  min-height: .01%;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .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;
  }
}


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: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-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: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999;
}
.form-control::-webkit-input-placeholder {
  color: #999;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="search"] {
  -webkit-appearance: none;
}
input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
  line-height: 34px;
  line-height: 1.42857143 \0;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm {
  line-height: 30px;
  line-height: 1.5 \0;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg {
  line-height: 46px;
  line-height: 1.33 \0;
}
_:-ms-fullscreen,
:root input[type="date"],
_:-ms-fullscreen,
:root input[type="time"],
_:-ms-fullscreen,
:root input[type="datetime-local"],
_:-ms-fullscreen,
:root input[type="month"] {
  line-height: 1.42857143;
}
_:-ms-fullscreen.input-sm,
:root input[type="date"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="time"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="datetime-local"].input-sm,
_:-ms-fullscreen.input-sm,
:root input[type="month"].input-sm {
  line-height: 1.5;
}
_:-ms-fullscreen.input-lg,
:root input[type="date"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="time"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="datetime-local"].input-lg,
_:-ms-fullscreen.input-lg,
:root input[type="month"].input-lg {
  line-height: 1.33;
}
.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-top: 4px \9;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  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;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
  padding-right: 0;
  padding-left: 0;
}
.input-sm,
.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm,
select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
textarea.form-group-sm .form-control,
select[multiple].input-sm,
select[multiple].form-group-sm .form-control {
  height: auto;
}
.input-lg,
.form-group-lg .form-control {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg,
select.form-group-lg .form-control {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
textarea.form-group-lg .form-control,
select[multiple].input-lg,
select[multiple].form-group-lg .form-control {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.form-control-feedback {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  pointer-events: none;
}
.input-lg + .form-control-feedback {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.input-sm + .form-control-feedback {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.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: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.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, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.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: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.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: #737373;
}
@media (min-width: 768px) {
  .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 {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    padding-top: 7px;
    margin-bottom: 0;
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  right: 15px;
}
@media (min-width: 768px) {
  .form-horizontal .form-group-lg .control-label {
    padding-top: 14.3px;
  }
}
@media (min-width: 768px) {
  .form-horizontal .form-group-sm .control-label {
    padding-top: 6px;
  }
}
.btn {
  display: inline-block;
  padding: 6px 6px 6px 0px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default.focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.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.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 {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
}
.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.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 {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.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,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info.focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.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,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning.focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.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,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.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,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  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: #2a6496;
  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: #777;
  text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.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 .15s linear;
       -o-transition: opacity .15s linear;
          transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.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;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.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: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.nav {
  padding-left: 0;
  margin-bottom: 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: #eee;
}
.nav > li.disabled > a {
  color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #777;
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.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 #ddd;
}
.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: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.tab-content > .tab-pane {
  display: none;
  visibility: hidden;
}
.tab-content > .active {
  display: block;
  visibility: visible;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.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: #777;
  cursor: not-allowed;
  background-color: #fff;
}

a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #5e5e5e;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.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;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-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;
  }
}
.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  display: none;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transition: -webkit-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
       -o-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.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: #fff;
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: 0;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-header {
  min-height: 16.42857143px;
  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-bottom: 0;
  margin-left: 5px;
}
.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: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}
.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-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.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-footer:after {
  clear: both;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : Jul 17, 2015, 10:28:02 AM
    Author     : Sally
*/

@font-face {
    font-family: 'Glyphicons Halflings';
    src: url('https://www.fixferreterias.com/skin/frontend/base/default/fonts/glyphicons-halflings-regular.eot');
    src: url('https://www.fixferreterias.com/skin/frontend/base/default/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'),
        url('https://www.fixferreterias.com/skin/frontend/base/default/fonts/glyphicons-halflings-regular.woff') format('woff'),
        url('https://www.fixferreterias.com/skin/frontend/base/default/fonts/glyphicons-halflings-regular.ttf') format('truetype'),
        url('https://www.fixferreterias.com/skin/frontend/base/default/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
}
.storelocator-page *{
    box-sizing: border-box;
}
.back-page{
    margin: 5px 0;
}
.back-page a{
    text-decoration: none;
}
.back-page a small{
    line-height: 1.35;
    font-size: 10px;
    letter-spacing: -3px;
    margin-right: 5px;
}
.back-page a:hover{
    color: #A7A7A7;
    text-decoration: none;
}
.storelocator-page h1{
    color: #646678;
    font-weight: 700;
    border-bottom:1px solid #ccc;
}
.storelocator-index-index .page-header{
    border-bottom:0;
}
.search-button{
    float: left;
}
.search-button .search-distance{
    padding:12px 10px 12px 30px;
    background:url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/distance.png') no-repeat 1px center;
    cursor: pointer;
}
.search-button .search-area-magestore{
    padding:12px 10px 12px 30px;
    background:url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/area.png') no-repeat 1px center;
    cursor: pointer;
}
.search-button a.search{
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #636363;
    background-color:#E4E3E3;
    font-size: 12px;
}
.search-button a.search.active{
    color: #fff;
    background-color: #428BCB;
}
.search-button a.search:hover{
    text-decoration: none;
    opacity: 0.85;
}
.search-button a.search.active:hover{
    opacity: 0.85;
}
.storelocator-page .search-content{
    background: #f8f8f8;
    padding: 15px 0 0px 0;
    margin-top: 8px;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ececec;
    z-index: 100;
}
/*style radius*/
.range-slider-input{
    margin: 10px 0;
    background-color: #ccc;
    height: 8px;
    position: relative;
    top: 4px;
}
.range-slider-input .handle-slider{
    width: 10px;
    height: 15px;
    background-color: #48B5E9;
    cursor: pointer;
    position: absolute;
    top: -4px;
    border: 8px solid #48B5E9;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
}
#track1{
    margin-top: 15px;
    margin: 15px 8px;
    position: relative;
    width: 235px;
}
.track {
    background-color: #428BCA;
    position: relative;
    height: 0.5em; width: 10em;
    cursor: pointer; z-index: 0;
}
.handle {
    background-color: red;
    position: absolute;
    height: 1em; width: 0.25em; top: -0.25em;
    cursor: move; z-index: 2;
}
.track.vertical {
    width: 0.5em; height: 10em;
}
.track.vertical .handle {
    width: 1em; height: 0.25em; top: 0; left: -0.25em;
}
.range-slider-label{
    padding: 6px 0px;
    float: left;
    position: absolute;
    left: 290px;
    top: 1px;
    white-space: pre;
}
.input-radius label{
    float: left;
    text-align: center;
    position: relative;
    top: 8px;
}
/*end*/
.input-location{
    margin-bottom: 15px;
}
.input-location label{
    float: left;
    margin-top: 7px;
}
.input-location .form-control{
    height:34px;
}
.search-filter ul li label{
    background: url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/storelocator-img.png') no-repeat 0 -165px;
    padding-left: 30px;
    font-weight: 500;

}
.search-filter ul li label button{
    border-radius: 0;
    color: #fff;
    background-color: #428bca;
    border: none;
    box-shadow: none;
    padding: 8px 12px;
    outline: 0;
}
.search-filter ul li label button:hover,
.custom-popup .box-input button:hover{
    border-radius: 0;
    border: none;
    color: #fff;
    opacity: 0.85;
    box-shadow: none;
}
.custom-popup .box-input button:hover{
    border-radius: 4px;
}
.search-filter ul li label:first-child{
    background: transparent;
    font-weight: 700;
    padding-left: 0;
}
.input-location input[type=text]{
    width: 100%;
}
.search-content input[type="text"]{
    width: 100%;
    height: 34px;
    border-radius: 4px;
    font-size: 14px;
}
.seach-by-area{padding: 0;}
.seach-by-area .col{
    margin-bottom: 10px;
}
.search-type .search{
    margin-top: 0;
    margin-left: 10px;
}
.search-type-area.search-type{
    margin-right: 0;
    padding-right: 15px;
    width:auto;
    float: right;
}
.search-content .label-radius{
    padding: 0;
    float: left;
    width: auto;
    padding-top: 8px;
}
.input-location{
    margin-bottom: 15px;
}
.search-content .container-search{
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    float: left;
    width: 100%;
}
#form-search-distance .search-type{
    float: right;
    width: auto;
    padding-right: 15px;

}
/*search filter*/
.search-filter{
    width: 100%;
    float: left;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px 0;
}
.search-filter .list-tag-ul{
    padding:0 10px 0 15px;
    max-height: 88px;
    overflow-x: auto;
}
/*end*/
.map-store {
    margin-bottom: 15px;
}
.form-information h2{
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    background-color: #428BCA;
    padding: 7px 15px;
}
.form-information h2 span.glyphicon{
    font-size: 16px;
    margin-right: 10px;
}
.slider-imgs{
    float: left;
    width: 100%;
    //padding-left: 15px;
}
.magestore-map-image img{
    width: 100%;
    max-height: 350px;
    outline: 0;
}
/*Slider images*/
.more-views p{
    margin-top: 10px;
    float: left;
}
.form-information .more-views ul li{
    float: left;
    padding: 3px;
    margin: 1px;
    border: 1px solid rgb(230, 230, 230);
}
.info-detail{
    float: right;
    padding: 0;
    margin-bottom: 15px;
}
.info-detail .box-detail{
    border: 1px solid #ececec;
    float: left;
}
.info-locator .tag-store, .tag-store {
    display: table;
    margin: 0 auto;
    min-height: 79px;
    position: absolute;
}
.tag-store a{
    vertical-align: middle;
    display: table-cell;
    text-decoration: none;
}
.tag-store a:hover{
    text-decoration: underline;
}
#tab_content,
.info-locator .tag-content{
    padding-left: 20px;
    float: right;
    min-height: 79px;
}
.info-locator .tag-content a.view-detail{
    color: #428BCB;
    text-decoration: none;
    white-space: normal;
}
.info-locator .tag-content a.view-detail:hover{
    text-decoration: underline;
}
.info-locator .tag-store span{
    color: #545454;
    font-size: 11px;
    font-style: italic;
    text-align: center;
    width: 100%;
    float: left;
    position: absolute;
    left: -4px;
    bottom: -8px;
}
.el-content{display: block}
.info-locator .tag-store img, .gm-style img{
    margin: 0 auto;
    display: block;
    max-width: none;
    width: 60px;
    height: 60px;
    border-radius: 4px;
}
.locator-content .container-locator{
    margin-top: 15px;
}
.container-locator #map{
    height: 535px;
    margin-bottom: 15px;
}
.info-locator .title-list h2{
    font-size: 14px;
    color: #fff;
    background:  url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/list.png') no-repeat 10px center;
    background-color: #428BCB;
    padding: 10px 10px 10px 43px;
    text-transform: none;
    background-size: 25px;
}
.info-locator .title-list h2 p{
    float: right;
}
.info-locator .title-list h2 p span{
    vertical-align: middle;
}
.tag-content h4{
    font-size: 12px;
    color: #24549d;
    text-transform: capitalize;
    min-height: 15px;
}
.tag-content p{
    font-size: 12px;
    line-height: 18px;
    margin: 0;
}
.tag-content a{
    font-size: 13px;
    font-style: italic;
    text-decoration: underline;
    cursor: pointer;
    margin-right: 5px;
    white-space: pre;
}
.tag-content a:hover{
    text-decoration: none;
}
.info-locator .box{
    float: left;
    width: 100%;
    background: #f8f8f8;
    border: 1px solid #ececec;
}
.info-locator ul#list-store-detail{
    float: left;
    width: 100%;
    padding: 10px;
    max-height: 500px;
    overflow-y: auto;
}
.info-locator ul li.el-content{
    padding: 10px 0;
    float: left;
    width: 100%;
    margin-bottom: 10px;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 1px 1px 5px #D6D6D6, -1px -1px 7px #D6D6D6;
    cursor: pointer;
    min-height: 97px;
}
.info-locator ul li:hover{
    background: #EAEAEA;
}
.info-locator ul li.first{
    border-top: 1px solid #ccc;
}
#list-store-detail .custom-popup{
    left: 0 !important;
    margin-top: 10px;
    height: auto !important;
}
.info-locator{
    float: right;
    padding-left: 0;
}
.tag-store-xs{
    margin-top: 10px;
    float: left;
    overflow-y: hidden;
    overflow-x: auto;
    height: 100px;
    border: 1px solid #ccc;
    width: 100%;
}
.tag-store-xs ul{
    padding: 10px;
}
.tag-store-xs ul li{
    padding: 0 10px;
}
.info-detail h4{
    color: #24549d;
    font-size: 14px;
    text-transform:capitalize;
    margin-top: 15px;
    font-weight: 600;
}
.info-detail p{
    color: #464646;
    font-size: 12px;
    margin-bottom: 5px;
    line-height: 23px;
    float: left;
    width: 100%;
    padding-left: 15px;
}
.info-detail p span.group-info,
.info-detail p a.group-info{
    padding-left: 10px;
    float: left;
    width: 70%;
    font-family: 'Lato';
    font-weight: 400 !important;
    font-size: 14px !important;
    color: #4b4b4b !important;
}
.info-detail p strong{
    color: #4b4b4b !important;
    font-weight: bold !important;
    font-size: 14px !important;
    font-family: 'Lato';
    float: left;
}
.time-open{
    margin-top: 15px;
}
.time-open a{
    padding: 7px 10px;
    background: #12b483;
    color: #fff;
    border-radius: 3px;
}
.time-open a:hover{
    background: #1aca95;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}
.time-open span{
    color: #464646;
    font-size: 11px;
    font-style:italic;
}
/*Open*/
.table-wrap{
    // margin-top: 20px;
}
.table-wrap h2.title-store{
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding: 8px 15px 8px 15px;
    background-size: 18px;
    text-transform: none !important;
    background-color: #4b4b4b !important;
    text-align: center;
}
.tab_wrap{
    float: left;
    padding: 0;
    margin-bottom: 15px;
}
.tab_content .custom-popup{
    left: 0 !important;
}
.tab_content{
    float: left;
    width: 100%;
}
.tab_content.display.active{
    display: block;
}
.tab_content.display{
    display: none;
}
.tab_content.open{
    border: 1px solid #ececec;
}
#open_hour .table-responsive{
    float: left;
    width: 100%;
}
.tab_wrap h2{
    color: #fff;
    font-size: 14px !important;
    font-family: 'Lato';
    padding: 8px 0 8px;
    background-color: #4b4b4b !important;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: none;
    text-align: center;
    float: left;
    width: 100%;
}
.tab_wrap h2 .glyphicon{
    font-size: 16px;
    padding-left: 15px;
    margin-right: 10px;
    vertical-align: top;
}
.tab_wrap h3{
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    border-bottom: 1px solid #ececec;
    padding-bottom: 5px;
    margin-bottom: 0;
}
#open_hour .table{
    margin-bottom: 0;
}

#open_hour .table>tbody>tr{
    text-align: center;
    color: #4b4b4b !important;
    font-weight: bold !important;
    font-size: 14px !important;
    font-family: 'Lato';
}
#open_hour .table>tbody>td{
    text-align: center;
    color: #4b4b4b !important;
    font-weight: bold !important;
    font-size: 14px !important;
    font-family: 'Lato';
}
/*Direction*/
.directions-type {
    margin-top: 10px;
    float: left;
    margin-bottom: 20px;
    width: 100%;
}
ul#travel-modes {
    width: 150px;
    margin: 0 auto;
}
#tab_content_1,
#tab_content_2{
    max-height: 300px;
    overflow: auto;
}
.tab_content .tabs{padding: 0;}
.tab_content li {
    display: block;
    float: left;
    width: 100%;
    padding: 10px 15px;
    text-align: center;
    border-bottom: 1px solid #ececec;
}
.tab_content .tabs li{
    width: 50%;
    padding: 8px 0;
    background: #E4E3E3;
    text-align: center;
    cursor: pointer;
}
.tab_content .tabs li.active{
    background: #428BCA;
    color: #fff;
}
.tab_content .tabs li.active.full-width{
    width: 100%;
    background: #428BCA;
}
#open_hour li .content1,
#open_hour li .content2{
    width: 50%;
    float: left;
}
ul#travel-modes li input[type="radio"] {
    visibility: hidden;
    position: absolute;
}
ul#travel-modes li label {
    cursor: pointer;
    display: block;
    height: 28px;
    width: 40px;
    background-color: #d0d0d0;
    color: #fff;
    text-indent: -9999px;
    margin-right: 10px;
}
ul#travel-modes li input[type="radio"]:checked+label {
    background-color: #12b483;
}
ul#travel-modes li label, #directionsForm ol.form li.swap-locations-wrapper button#swap-locations {
    background-image: url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/sl-directions-form-atlas.png');
    background-repeat: no-repeat;
    background-position: left top;
}
ul#travel-modes li.transit label {
    background-position: -40px top;
}
ul#travel-modes li.walking label {
    background-position: -80px top;
}
.widget-directions-icon {
    background: transparent url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/omnibox-sprite.png') no-repeat -2px -31px;
    background-size: 20px 100px;
    width: 16px;
    height: 17px;
    text-indent: -10000px;
}
.widget-directions-searchbox-handle {
    visibility: visible ;
    position: absolute;
    height: 60px;
    width: 15px;
    padding: 8px 0 0 0;
    z-index: 4;
    transition: background-color 200ms cubic-bezier(0.52,0,0.48,1);
}
.widget-directions-icon.waypoint-handle {
    background-position: 0 2px;
    width: 16px;
    height: 13px;
}
.widget-directions-searchbox-container .waypoint-bullet {
    opacity: 1;
    transition-property: opacity;
    transition-duration: 70ms;
    transition-delay: 130ms;
}
.widget-directions-icon.waypoint-bullet {
    background-position: 0 -12px;
    width: 11px;
    height: 20px;
    margin-top: 3px;
}
#directions-tool .form-inputs,
#directions-el .form-inputs{
    padding-left: 22px;
}
#directions-tool .form-inputs input,
#directions-el .form-inputs input{
    height: 34px;
    width: 95%;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0;
    outline: 0;
}
#directions-tool .form-inputs input.originA,
#directions-el .form-inputs input.originA{
    border-top: 1px solid #ccc;
}
#directions-tool,
#directions-tool{
    margin-bottom: 10px;
}
#directions-panel{
    max-height: 300px;
    overflow: auto;
}
.widget-directions-right-overlay{
    position: absolute;
    z-index: 3;
    top: 4px;
    bottom: 0;
    right: 0;
    width: 30px;
    border: 0;
    opacity: 1;
    transition: opacity 200ms cubic-bezier(0.52,0,0.48,1);
}
.widget-directions-right-overlay button{
    text-indent: -10000px;
    background: transparent url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/omnibox-sprite.png') no-repeat center -64px;
    width: 20px;
    border: none;
    box-shadow: none;
    margin-top: 20px;
    outline: 0;
    opacity: 0.5;
}
.widget-directions-right-overlay button:hover{
    opacity: 1;
}
.get_direction {
    margin: 10px 0;
    max-height: 500px;
    overflow: auto;
    border-top: 1px solid #ececec;
    padding-top: 10px;
}
.get_direction button{
    float: right;
}
.store-locator-title{
    color: #428BCA;
    padding: 0 1px 0 0;
}
.store-locator-title span{
    border-bottom: 2px solid #428BCA;
}
/*Popup Map*/
.custom-popup {
    left: 25px !important;
}
.custom-popup .box-input button{
    margin-top: 10px;
    float: right;
}
.custom-popup ul.vertical {
    float: left;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    border-top: 1px solid #ccc;
}
.custom-popup .box-input{
    padding: 0 15px;
}
.custom-popup .box-input input{
    width: 100%;
    font-size: 12px;
}
.custom-popup ul.vertical li {
    display: inline-block;
    margin: 0;
    padding: 0;
    box-shadow: none;
    background-color: #ccc;
    width: 40px;
    float: none;
    height: 20px;
    border-bottom: none;
}
.custom-popup ul.vertical li span{
    text-indent: -10000px;
    padding: 0px 20px 5px 13px;
    display: block;
}
.custom-popup ul.vertical li span:hover{
    border-bottom: 2px solid #428bca;

}
.custom-popup ul.vertical li.car{
    background: url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/sprite-icon.png') no-repeat center -40px;
}
.custom-popup ul.vertical li.bus{
    background: url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/sprite-icon.png') no-repeat center -80px;
}
.custom-popup ul.vertical li.walk{
    background: url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/sprite-icon.png') no-repeat center -120px;
}
.custom-popup ul.vertical li.bicycle{
    background: url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/sprite-icon.png') no-repeat center -160px;
}
.custom-popup ul.vertical li.car:hover,
.custom-popup ul.vertical li.car.active{
    background: url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/sprite-icon.png') no-repeat center -60px;
}
.custom-popup ul.vertical li.bus:hover,
.custom-popup ul.vertical li.bus.active{
    background: url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/sprite-icon.png') no-repeat center -100px;
}
.custom-popup ul.vertical li.walk:hover,
.custom-popup ul.vertical li.walk.active{
    background: url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/sprite-icon.png') no-repeat center -140px;
}
.custom-popup ul.vertical li.bicycle:hover,
.custom-popup ul.vertical li.bicycle.active{
    background: url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/sprite-icon.png') no-repeat center -180px;
}
.storelocator-page h2.text-left{
    color: #4b4b4b !important;
    font-size: 20px;
    font-weight: 600;
    padding: 8px 15px 8px 40px;
    background: white url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/shop.png') no-repeat 15px center !important;
    background-size: 18px;
    margin-bottom: 20px;
    text-transform: none !important;
    font-family: 'Lato';
}

.storelocator-page h2 i{
    color: #ff6600;
    font-size: 14px;
    vertical-align: middle;
    padding-right: 10px;
}




.description span{
    padding-left: 15px;
}
@media (min-width: 768px) {
    .container {
        width: 700px;
    }

}
@media (min-width: 992px) {
    .container {
        width: 860px;
    }
    .table-wrap {
        padding-left: 0;
    }
    .store-locator-column-right{
        padding: 0;
    }
}
@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
}
@media (max-width: 992px) {
    #track1{
        margin: 15px 0 15px 15px;
    }
    .store-locator-column-right {
        padding-right: 0;
    }
    .info-detail{
        padding-left: 15px;
    }
    .table-wrap {
        padding: 0;
    }
    .range-slider-label{
        left: 255px;
    }
}
@media (min-width: 767px) and (max-width:992px) {
    .info-locator .tag-store img{
        width: 40px;
        height: 40px;
    }
}
@media (max-width: 767px) {
    .search-content .search-type .reset,
    .search-content .search-type .search{
        width: 70px;
    }
    .info-locator{
        padding: 0;
    }
    .store-locator-column-right{
        padding: 0;
    }
    .locator-content .container-locator{
        margin-top: 25px;
    }
    .info-detail {
        padding-left: 0;
    }
    .magestore-map-image img {
        max-width: 550px;
        display: block;
        margin: 0 auto;
    }
    .table-responsive {
        width: 100%;
        margin-bottom: 0;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: none;
    }
    .store-locator-img{
        text-align: center;
    }
}
@media (max-width: 580px) {
    .search-content .search-type .reset,
    .search-content .search-type .search{
        width: 55px;
        height: 30px;
        padding-top:3px;
    }
    .search-content .search-type .reset span,
    .search-content .search-type .search span{
        color: #fff;
        font-size: 10px;
        text-transform: uppercase;
    }
    .search-type{
        padding: 0;
        margin-top:4px;
    }
}
@media (max-width: 450px) {
    .magestore-map-image img {
        max-width: 100%;
    }
    .search-type{
        padding: 0;
        margin-top:4px;
    }
    .search-content .range-slider-label{
        padding: 10px 0px;
        float: left;
        font-size: 11px;
    }
    .search-content .search-type .reset,
    .search-content .search-type .search{
        width: 48px;
        height: 25px;
        padding-top: 0px;
    }
    .storelocator-page h1{
        font-size: 20px;
    }
}
.search-content input[type="checkbox"],
.search-content input[type="radio"]{
    vertical-align: text-bottom;
    outline: 0;
    margin-right: 5px;
}
.fb_iframe_widget iframe{
    width: 100% !important;
}
.touch .mfsl{
    font-size: 14px;
}
.gm-style-iw .tag-store{
    padding-left: 0;
}
.gm-style .gm-style-iw .custom-popup{
    left: 0 !important;
    margin-top: 10px;
}
.gm-style .gm-style-iw .tag-store span{
    color: #545454;
    font-size: 11px;
    font-style: italic;
    text-align: center;
    width: 100%;
    float: left;
    position: absolute;
    left: -4px;
    bottom: -8px;
}
.widget-mylocation {
    width: 29px;
    height: 29px;
    cursor: pointer;
    position: relative;
    -moz-user-select: none;
}
.widget-mylocation-button {
    border-radius: 2px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.3);
    display: block;
    width: 29px;
    height: 29px;
    overflow: hidden;
    cursor: pointer;
    padding: 0px;
    border: 0px none;
    outline: 0px none;
    font: inherit;
    vertical-align: baseline;
    background: none repeat scroll 0% 0% transparent;
    list-style: outside none none;
    background-color: #FFF;
}
.widget-mylocation-button .widget-mylocation-cookieless {
    background: url('https://www.fixferreterias.com/skin/frontend/base/default/images/storelocator/geolocation_resize.png') no-repeat 0 0;
    background-attachment: scroll;
    display: block;
    height: 18px;
    left: 6px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    top: 6px;
    width: 18px;
}
.widget-mylocation-button:hover .widget-mylocation-cookieless{
    background-position: -36px 0px;
}
#box-view{
    left: 30px !important;
}
img.adp-marker {
    width: 22px;
    height: 40px;
}
.top-box .tag-content {
    float: right;
}

.inforwindow .view-detail {
    text-decoration: none;
}
.inforwindow .view-detail:hover {
    text-decoration: underline;
}
button#storelocator_tag_check_all {
    float: right;
    margin: 3px 18px;
}