/*!
 * 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.truper.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.eot');
  src: url('https://www.truper.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://www.truper.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://www.truper.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://www.truper.com/skin/frontend/base/default/megamenu/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://www.truper.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:15px;
    text-transform:none;
    color:#FFFFFF;
    padding:28.75px 15px;
}
.ms-topmenu .ms-label .ms-iconmega{
    height:15px;
    top:3.75px;
}
.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:#212322;
}
.ms-topmenu .ms-submenu a{
    color:#212322;
}
.ms-topmenu .ms-boxtitle{
    color:#212322;
}

/* ------Left Menu ------*/
.ms-leftmenu .msl-label{
    font-size:15px;
    text-transform:none;
    color:#212322;
    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:#212322;
    background-color:#DEDEDE;
}
.ms-leftmenu .msl-submenu,.ms-leftmenu .col-sub{
    background-color:#FFFFFF;
    color:#212322;
}
.ms-leftmenu .msl-submenu a{
    color:#212322;
}
.ms-leftmenu .ms-boxtitle{
    color:#212322;
}

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

}
@media (max-width: 769px){
    .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:#212322;
    }
    .ms-megamenu .ms-boxtitle{
        color:#212322;
    }
    .ms-megamenu .mb-submenu a{
        color:#212322;
    }
}
    /* ---- 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:#212322;
    }
    .ms-megamenu .ms-boxtitle{
    color:#212322;
    }

    .ms-megamenu .lmb-submenu a{
    color:#212322;
    }
    }

.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;
}

.postWrapper {
    padding-bottom: 25px;
    clear: both;
}

.postTitle {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DDDDDD;
    margin-bottom: 15px;
}

.postTitle h1 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.postTitle h2 {
    font-size: 20px;
    font-weight: normal;
    margin: 0px;
    padding: 0px;
}

.postTitle h3 {
    font-size: 10px;
    margin: 0px;
    padding-top: 2px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}

.postContent {
    padding-bottom: 10px;
}

.postContent ul{
    list-style: disc outside;
    margin-bottom: 1.5em;
}

.postContent ul li{
    margin-left: 2em;
}

.postContent ol{
    list-style: decimal outside;
    margin-bottom: 1.5em;
}

.postContent ol li{
    margin-left: 2em;
}

.postDetails {

}

.postBookmarks {
    padding-bottom: 10px;
}

.postBookmarks h4 {

    font-size: 12px;
    font-weight: bold;
}

.postBookmarks a.bm {
    display: inline-block;
}

.postBookmarks img {
    display: inline;
}

.commentWrapper {
    padding-bottom: 15px;
}

.commentTitle {
    border-bottom: 1px solid #dddddd;
    margin-bottom: 15px;
}

.commentTitle div {
    font-size: 20px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: #0a263c;
    line-height: 1.35;
}

.commentContent {
    padding-bottom: 0px;
}

.commentDetails {
    margin-bottom: 5px;
    padding: 0px;
}

.commentDetails h4.username {
    display: inline;
}

.postError {
    font-size: 16px;
}

.tags {
    font-weight: bold;
    padding-bottom: 10px;
}

.tags UL {
    display: inline;
}

.tags UL LI {
    font-weight: normal;
    display: inline;
    padding-right: 6px;
}

.tags h4 {
    font-size: 12px;
    font-weight: bold;
}

.menu-tags, .menu-categories, .menu-recent {
    margin: 5px 9px;
}

.menu-tags h5, .menu-categories h5, .menu-recent h5 {
    font-size: 11px;
}

.block-blog .menu-tags UL LI {
    display: inline;
    padding: 2px;
    margin-left: 10px;
}

.block-blog .menu-categories UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI {
    margin-left: 10px;
}

.block-blog .menu-recent UL LI a, .block-blog .menu-categories UL LI a, .block-blog .menu-tags UL LI a {
    font-size: 11px;
}

.tagcloud {
    /* text-align:center; */
}

.tag-count-1 {
    font-size: 1em !important;
}

.tag-count-2 {
    font-size: 1.2em !important;
}

.tag-count-3 {
    font-size: 1.4em !important;
}

.tag-count-4 {
    font-size: 1.6em !important;
}

.tag-count-5 {
    font-size: 1.8em !important;
}

.tag-count-6 {
    font-size: 2em !important;
}

.tag-count-7 {
    font-size: 2em !important;
}

.tag-count-8 {
    font-size: 2em !important;
}

.tag-count-9 {
    font-size: 2em !important;
}

.tag-count-10 {
    font-size: 2em !important;
}

.block-blog .head h4 {
    padding-left: 20px;
}

.block-blog .block-title strong {
    background-image: url(https://www.truper.com/skin/frontend/base/default/aw_blog/images/icon_blog.png);
    background-repeat: no-repeat;
    padding-left: 21px;
    text-align: left;
}

.postWrapper .poster {
    display: inline;
}

.input-box.aw-blog-comment-area {
    width: 100%;
}

.widget-latest .title {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.35;
    margin: 0 0 5px;
}

.widget-latest li {
    font-size: 12px;
    padding: 5px 10px;
}

.block-blog .menu-categories {
    margin: 0;
    padding: 5px 9px;
}

A.awblog_current_comment {
    text-decoration: none !important;
    font-weight: bold !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.truper.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;
}
.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 {
    padding: 0 150px;
}

.page-header {
    background: #262626 !important;
}

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

/** impreso btn **/

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

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

}

/** top slim bar **/

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

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

.topslim-where {
    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: 'Lato', sans-serif !important;
    line-height: 1 !important;
}*/


.topslim-bar .store-language-container label {
    margin: 0 5px 0 0 !important;
    color: #ff6720 !important;
    float: left;
    position: relative;
    left: -10px;
    top: -5px;
}

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

/** top slim bar **/

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

/** LOGO **/


/** mi cuenta **/

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

.account-cart-wrapper {

}

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

/** buscador **/


.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: #f0efef !important;
    font-weight: normal !important;
    margin-left: 20px !important;
}

.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: #ff6720 !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: #ff6720;
}

.searchautocomplete .searchautocomplete-placeholder .index-title.cat-complete span {
    color: #212322;
    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: #ff6720 !important;
}

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

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

.searchautocomplete .searchautocomplete-placeholder .sku-clave span {
    color: #212322 !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: #ff6720 !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;
}

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

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

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

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

.topslim-bar-container .topslim-contact {
    /*border: .5px solid white;*/
    left: 10%;
    position: relative;
    top: -12px;
    width: 144px;
    background: #ff6720 !important;
    min-width: 40px;
    border-radius: 6px;
    height: 40px;
    padding: 14px 16px;
}


.topslim-bar-container .topslim-contact span {
    position: relative;
    top: 16px;
    left: 0;
    display: block;
}

.topslim-bar-container .topslim-contact span img {
    width: 24px;
    height: 19px;
}


.topslim-bar-container .topslim-contact a {
    text-decoration: none !important;
    position: relative;
    top: -19px;
    left: 0;
    height: auto;
    margin: 0 auto;
    display: block;
    font-size: 15px !important;
    font-weight: bold;
    font-family: 'Roboto';
}


.custom-select-color {
    font-size: 15px !important;
    font-weight: bold !important;
    font-family: 'Roboto';
    position: relative;
    left: -10px;
    top: -1px;
    z-index: 1000;
    color: #262626;
}

.topslim-bar .store-language-container img {
    top: 2px;
    position: relative;
    max-width: 23px;
    width: 18px;
    height: 18px;
    left: 0;
}

.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: 7px;
    border: none;
    padding-right: 19px;
    /*color: #fff;*/
    font-size: 14px !important;
    font-weight: bold !important;
    font-family: 'Lato';
    z-index: 1006;
    position: absolute;
    top: 8px;
    opacity: 0;
    left: 0;
    width: 100%;
}

.topslim-bar .store-language-container .fa-caret-down {
    position: absolute;
    top: 35%;
    left: 81%;
    font-size: 15px;
}

.tablet-mode {
    display: none;
}

.visible-770-custom {
    display: none;
}

.visible-xs-custom {
    display: none !important;
}

/* Rediseno 2024 **************************/

body, html {
    margin-top: 0 !important;
}

.page .navbar-fixed-top {
    background: #F8F7F7;
    max-height: 120px;
    height: auto;
}

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

.header-container {
    position: relative;
    z-index: 1;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 150px;
    height: 55px !important;
    background-color: #E2E2E2;
}

.topslim-bar {
    background: #232322;
    height: 65px;
    position: relative;
    width: 100%;
    display: block;
    padding: 0 150px;
}

.topslim-bar-container {
    max-width: 1440px;
    margin: 0 auto;
    font-size: 12px;
    height: 65px !important;
}

.megamenu-custom-container {
    max-width: 1440px;
    margin: 0 auto;
    font-size: 12px;
    height: 55px;
}

.topslim-bar-container .custom-col-lg-6 {
    width: 50%;
}

.topslim-bar-container .custom-col-lg-5 {
    width: 38.666667%;
}

.topslim-bar-container .custom-col-lg-1 {
    width: 11.333333%;
}

.topslim-bar-container .truper-logo {
    position: absolute;
    z-index: 999;
    height: 65px;
}

.topslim-bar-container .truper-logo .logo {
    max-height: inherit !important;
    min-height: inherit !important;
    width: inherit !important;
    max-width: inherit !important;
    display: block;
    float: left;
    text-align: center;
    padding: 0;
    height: 65px !important;
}


.topslim-bar-container .truper-logo .logo img {
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.topslim-bar-container .header-element-container {
    height: 65px;
}

.topslim-bar-container .full-search {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
}

.topslim-bar-container #header-search {
    z-index: 2;
    display: inline-block !important;
    width: 90%;
    height: 36px !important;
    background: #232322 !important;
    border-radius: 6px !important;
    padding: 0 !important;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.topslim-bar-container #search {
    border-radius: 6px;
    width: 100%;
    height: 36px;
    padding: 8px 16px;
    border: none;
    background: #47535C;
    color: #848E96;
    font-family: 'Roboto' !important;
    font-weight: 400;
    font-size: 16px !important;
}

.topslim-bar-container #search::placeholder {
    color: #848E96;
    font-family: 'Roboto' !important;
    font-weight: 400;
    font-size: 16px !important;
}

.topslim-bar-container .languaje-container {
    height: 65px;
}

.topslim-bar-container .languaje-container .store-languaje-switcher {
    display: flex;
    justify-content: end;
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.topslim-bar-container .languaje-container .store-languaje-switcher .before {
    background-color: white;
    -webkit-mask: url(/media/wysiwyg/header/icons/header_Icon_language.svg) no-repeat center;
    mask: url(/media/wysiwyg/header/icons/header_Icon_language.svg) no-repeat center;
    width: 24px;
    height: 24px;
    margin-right: 6px;
}

.topslim-bar-container .languaje-container .store-languaje-switcher span {
    color: white;
    font-family: 'Roboto' !important;
    font-weight: 400;
    font-size: 16px;
    position: relative;
    top: 2px;
}

.topslim-bar-container .languaje-container .store-languaje-switcher .after {
    background-color: white;
    -webkit-mask: url(/media/wysiwyg/header/icons/header_Icon_Arrow-language.svg) no-repeat center;
    mask: url(/media/wysiwyg/header/icons/header_Icon_Arrow-language.svg) no-repeat center;
    width: 24px;
    height: 24px;
    margin-left: 6px;
}

.topslim-bar-container .languaje-selectors {
    /*height: 100px;*/
    background: #232322;
    z-index: 999;
    width: 200%;
    display: none;
    position: relative;
    top: -1px;
}

.topslim-bar-container .languaje-selectors ul {
    height: 100%;
    padding: 0 0 10px 0;
}

.topslim-bar-container .languaje-selectors ul li {
    display: flex;
    justify-content: flex-start;
    padding-left: 17px;
    height: 50%;
    align-items: center;
}

.topslim-bar-container .languaje-selectors ul li a {
    color: white;
    font-family: 'Roboto' !important;
    font-weight: 400;
    font-size: 16px;
    background: #232322;
    padding: 8px 50% 5px 18px;
    border-radius: 6px;
    height: 40px;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.topslim-bar-container .languaje-selectors ul li:hover a {
    background: #ff6720;
    text-decoration: none;
}



@media (max-width: 1661px) {
    .topslim-bar-container .custom-col-lg-6 {
        width: 45%;
    }

    .topslim-bar-container .custom-col-lg-5 {
        width: 39%;
    }

    .topslim-bar-container .custom-col-lg-1 {
        width: 16%;
    }
}

@media (max-width: 1450px) {

    .header-container, .topslim-bar , .page {
        padding: 0 75px;
    }
}

@media (max-width: 1258px) {
    .topslim-bar-container .custom-col-lg-5 {
        width: 33% !important;
    }

    .topslim-bar-container .custom-col-lg-1 {
        width: 22% !important;
    }
}

@media (max-width: 1024px) {

    .topslim-bar-container .truper-logo .logo img {
        width: 247px !important;
    }

    .topslim-bar-container .custom-col-lg-5 {
        width: 25% !important;
    }

    .topslim-bar-container .custom-col-lg-1 {
        width: 26% !important;
    }

    .header-container, .topslim-bar , .page {
        padding: 0 20px;
    }
}

@media (max-width: 895px) {
    .topslim-bar-container .truper-logo .logo img {
        width: 223px !important;
    }
}

@media (min-width: 770px) {
    .contact-m {
        display: none !important;
    }
}

@media (max-width: 769px) {

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

    .page {
        padding: 0;
    }

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

    .topslim-bar-container .truper-logo .logo img {
        -ms-transform: translateY(-40%);
        transform: translateY(-40%);
    }

    .topslim-bar-container .truper-logo .logo {
        height: 70px !important;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 223px !important;
    }

    .page .navbar-fixed-top, .topslim-bar, .topslim-bar-container {
        height: 70px !important;
    }

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

    .topslim-bar-container {
        padding: 0 !important;
    }

    .topslim-bar-container .header-element-container {
        height: 55px;
    }

    .topslim-bar-container #header-search {
        width: 100% !important;
        position: relative;
        top: 23px;
    }

    .topslim-bar-container .custom-col-lg-6 {
        width: 100%;
        max-width: 100%;
    }

    .topslim-bar-container .truper-logo {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
    }

    .topslim-bar-container .contact-logo.contact-m {
        width: 27px;
        position: absolute;
        right: 0;
        top: 24px;
        z-index: 999999999;
    }

    .topslim-bar-container .contact-logo.contact-m .contact-img-mobil {
        width: 19px;
    }

    .topslim-bar-container .truper-logo .logo img {
        width: 100%;
    }

    .header-container {
        height: 0 !important;
        padding: 0 !important;
        z-index: 999999999;
    }
}

/***********************************************/



.footer .main-container .footer-links.row {
    margin-right: 0;
    margin-left: 0;
}

.footer {
    padding-top: 0 !important;
    background: #232322;
    color: #fff;
    border: none !important;
    font-family: 'Lato', sans-serif !important;
    position: absolute;
    left: 0;
    padding: 0 150px;
}

#remate-footer {
    background: #FF6720;
    text-align: center;
    padding: 15px 0;
    position: absolute;
    width: 100%;
    left: 0;
}

#remate-footer p {
    width: 100%;
    background: #FF6720;
    text-align: center;
    margin: 0;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16.41px;
}

.footer .footer-links ul {
    padding-top: 12px;
}

.footer .footer-links ul li {
    line-height: 30px;
    font-size: 13px !important;
    font-weight: normal !important;
}

.footer .footer-links .fa-caret-right {
    color: #ff6720;
    font-size: 12px;
    vertical-align: middle;
    margin-top: -2px;
}

.footer .footer-links ul li a {
    color: #212322;
    font-weight: normal;
    font-size: 15px;
}

.footer .footer-links ul li a:hover {
    text-decoration: none;
}

.footer-redes {
    text-align: center;
}

.footer-redes a {
    color: #ffffff;
    font-size: 18px;
    padding-right: 20px;
    text-decoration: none;
}

.footer-redes .tw svg {
    width: 16px;
    height: 16px;
    display: inline-block;
    top: 0;
    position: relative;
}

.footer-redes a:focus {
    outline: none;
    color: #ffffff;
}

.footer-redes .tw:hover > svg path {
    fill: #ff6720;
}

.footer-redes a.fb {
    padding-left: 20px !important;
    font-size: 16px;
    top: -2px;
    position: relative;
}

.footer-redes a:hover {
    color: #ff6720;
    text-decoration: none;
}




.footer .footer-links h3:before {
    content: "";
    position: relative;
    width: 100%;
    height: 1px;
    bottom: -21px;
    left: -8px;
    background-color: #ff6720;
    visibility: visible;
    transform: scaleX(1);
    transition: 0.3s;
    display: block;
}

.footer-links .footer-redes {
    margin-top: 10px !important;
}

.footer .col-sm-4 {
    width: 32.333333% !important;
}


/** barra de redes mobile **/

.redes-mob {
    margin-top: -1px;
    margin-bottom: -1px;
    background: #3d3d3d;
}

.redes-mob .footer-redes {
    text-align: center;

}

.redes-mob .footer-redes h3 {
    display: inline-block;
    font-size: 18px;
    color: #fff !important;
    margin: 15px 0 !important;
    font-weight: normal !important;
    padding-right: 30px;
    line-height: 32px;
    vertical-align: middle;
    text-transform: none !important;
    font-family: 'Lato', sans-serif !important;


}


.redes-mob .footer-redes .fa-caret-right {
    color: #ff6720;
    font-size: 12px;
    vertical-align: middle;
    margin-top: -2px;
}


.redes-mob .footer-redes a {
    color: #ff6720;
    font-size: 18px;
    padding-right: 20px;
    text-decoration: none;
    line-height: 22px;
    vertical-align: middle;
}


.redes-mob .footer-redes a:hover {
    color: #ff6720;
    text-decoration: none;
}


/** idioma **/
.footer .form-language,
.footer .currency-switcher {
    display: block !important;
}


/** dropdowns **/

.collapse-footer > input[type="checkbox"] {
    display: none;
}

.collapse-footer > input[type="checkbox"]:checked ~ label h3::after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.collapse-footer > input[type="checkbox"]:checked ~ .collapse__content {
    display: block;
}

.collapse-footer > label {
    cursor: pointer;
}

.collapse-footer h3::after {
    content: '\f078';
    display: inline-block !important;
    margin-left: 15px;
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
}

.collapse-footer h3 {
    margin-top: 0 !important;
}

.collapse__content {
    display: none;
}


/** news form **/

.block-subscribe {
    height: 50px !important;
    background: #4b4b4b;
    margin: 0 !important;
    padding: 0 !important;
    display: grid !important;
}

.block-subscribe .block-title {
    border: none !important;
    color: #fff;
    font-family: 'Lato', sans-serif !important;
    text-align: right;
    font-size: 20px !important;
    line-height: 30px;
    margin-top: 10px;
    padding: 0 !important;
    margin-bottom: 0 !important;
}

.block-subscribe .block-title span i {
    color: #ff6720 !important;
    font-size: 16px !important;
}

.block-subscribe input[type=email] {
    background: #606161 !important;
    border-radius: 100px;
    border: 0 !important;
    width: 100% !important;

}

.block-subscribe input {

    font-size: 12px !important;
    color: #f0efef !important;
    font-weight: normal !important;
}

#newsletter-validate-detail .block-content {
    margin-top: 10px !important;
}

#newsletter-validate-detail .block-content .input-box {
    padding: 0 !important;
}

#newsletter-validate-detail .block-content .actions {
    margin-top: 0px !important;
    float: left !important;
}


.block-subscribe input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #fff;
}

.block-subscribe input::-moz-placeholder { /* Firefox 19+ */
    color: #fff;
}

.block-subscribe input:-ms-input-placeholder { /* IE 10+ */
    color: #fff;
}

.block-subscribe input:-moz-placeholder { /* Firefox 18- */
    color: #fff;
}

.block-subscribe input:-webkit-autofill,
.block-subscribe input:-webkit-autofill:hover,
.block-subscribe input:-webkit-autofill:focus {
    -webkit-text-fill-color: #fff !important;
}

#newsletter:-webkit-autofill {
    -webkit-text-fill-color: #ffffff !important;
}

/* TOP SCROLL BUTTON */
.top-scroll-cointainer {
    display: none;
}


.footer .footer-links span {
    display: none;
}

footer.footer .main-container {
    margin: 0 auto !important;
    max-width: 1440px !important;
    padding: 0 !important;
}

.footer .footer-links ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* MEDIA QUERIES*/

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

@media (max-width: 1310px) {
    .footer .main-container {
        max-width: 100%;
    }
}

@media (max-width: 1024px) {


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

    .footer {
        padding: 0 20px !important;
    }

    .footer-redes a:hover {
        color: white;
    }

    .footer-redes .tw:hover > svg path {
        fill: white;
    }

    .footer .col-sm-4 {
        width: 100% !important;
    }

    .block-subscribe .block-title {
        font-size: 18px !important;
        text-align: center !important;
    }

    .block-subscribe .block-title span i {
        color: #ff6720 !important;
        font-size: 12px !important;
    }

    .block-subscribe {
        height: 90px !important;
    }

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

    /* UPDATE FOOTER 2023*/
    .footer-redes a {
        color: white;
    }

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

    .br-1 {
        border-right: 1px solid #ff6720 !important;
    }

    .top-scroll-cointainer {
        position: fixed;
        bottom: 15%;
        right: 26px;
        z-index: 8;
    }

    .top-scroll-cointainer .scroll {
        display: block;
        background: #ff6720;
        color: #FFFFFF;
        padding: 3px 8px;
        cursor: pointer;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
        border-radius: 5px;
        box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    }

    .top-scroll-cointainer .scroll:hover .fa {
        padding-top: -10px;
    }

    .top-scroll-cointainer .scroll .fa {
        margin: 0;
        font-size: 30px;
        transition: 0.5s;
        -moz-transition: 0.5s;
        -webkit-transition: 0.5s;
        -o-transition: 0.5s;
    }

    .footer .footer-links h3 {
        float: left;
        letter-spacing: 0;
        position: relative;
        top: 10px;
    }

    .footer .footer-links span {
        top: 10px;
        display: block;
    }

    .footer .footer-links h3:before {
        content: "";
        position: relative;
        width: 100%;
        height: 1px;
        bottom: -21px;
        left: -8px;
        background-color: transparent;
        visibility: visible;
        transform: scaleX(1);
        transition: 0.3s;
        display: block;
    }


    .collapse-footer h3::after {
        display: none !important;
    }

    .footer-links .glyphicon-triangle-bottom {
        float: right;
    }

    .footer-links .glyphicon-triangle-bottom:before {
        color: #ff6720;
        text-align: right;
        font-size: 10px !important;
        top: 0 !important;
    }

    .footer-links .collapse-footer.collapse--collapse-on-sm label {
        width: 100%;
        height: 38px;
        margin-bottom: 10px;
    }


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

    .footer .footer-links ul li a {
        color: #212322;
        font-weight: normal;
        font-size: 16px;
        letter-spacing: 0;
    }

    .footer .footer-links ul {
        padding-top: 0;
    }

    .footer .footer-links .collapse__content ul li:last-child {
        padding-bottom: 9px;
    }

    .footer .footer-links .collapse__content ul li:first-child {
        /*border-top: 1px solid #ff6720;*/
    }

    .collapse-footer h3::after {
        display: none !important;
    }

    .collapse-footer > label {
        cursor: auto !important;
    }
}

@media (max-width: 991px) {
    .custom-footer .custom-col-md-3 ul li a {
        font-size: 1.6vw !important;
    }
}

@media (max-width: 850px) {
    .custom-footer .logo-custom-footer img {
        max-width: 195px !important;
    }
}


@media (max-width: 769px) {

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

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

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

    .footer-links-title{
        float: left;
    }

    .collapse-arrow {
        float: right;
    }


    .footer .footer-links h3 {
        font-size: 16px;
        line-height: 16px;
        vertical-align: middle;
        text-transform: none !important;
        font-weight: bold !important;
        color: white !important;
        margin-top: 0px !important;
        margin-bottom: 0px !important;
        width: 160px;
        font-family: 'Roboto-regular' !important;
    }

    .footer .footer-links ul li a {
        color: white;
        font-weight: normal;
        font-size: 14px;
        letter-spacing: 0;
        font-family: 'Roboto-regular' !important;
    }

    .footer .footer-links ul li {
        padding-left: 23px;
        list-style-type: disc;
        list-style-position: inside;
    }

    .footer-mov-social {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .logo-footer-truper {
        display: flex;
        align-items: center;
        justify-content: start;
        margin: 25px 0;
    }

    .footer-mov-social a {
        margin: 20px 5px;
    }

    #remate-footer p {
        text-align: center !important;
    }

    .footer-mov .bb-1 {
        border-bottom: 0.5px solid #5E5E5E
    }

    .footer-mov h3 {
        font-size: 16px !important;
    }

    .footer-mov .collapse-footer.collapse--collapse-on-sm label {
        margin: 1px;
    }

    .glyphicon-triangle-bottom:before {
        transform: rotate(0deg) !important;
    }

    .glyphicon-triangle-bottom.active:before {
        transform: rotate(180deg) !important;
    }
}

@media (max-width: 500px) {
    #remate-footer p {
        font-size: 10px;
    }
}


body,html{
    font-family: 'Lato', sans-serif !important;
    margin-top: 120px;
}

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: #212322;
    font-size: 22px;
    line-height: 24px;
    text-transform: none !important;
    margin: 20px 0 !important;
    font-weight: bold;
    font-family: 'Lato', sans-serif !important;
}

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

.btn-truper{
    background: #ff6720 !important;
    color: #fff !important;
    text-align: center !important;
    text-transform: none !important;
    padding: 14px 16px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    font-size: 15px !important;
    min-width: 40px !important;
    height: 40px !important;
    font-family: 'Roboto' !important;
    line-height: .9 !important;
}

.btn-truper span {
    position: relative;
    top: 0;
}

.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;
}

.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-radius: 6px !important;
    border: 1px solid #B4B4B4 !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: 16px !important;
    color: #212322 !important;
    padding-left: 16px !important;
    font-family: 'Lato', sans-serif !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: #ff6720;
    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 #ff6720;
    border-radius: 2px;
    left: 0;

    top: 3px;
}


.truper-check input[type="checkbox"]:checked + label::before{
    background: #ff6720 !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 #ff6720;
    border-radius: 2px;
    left: 0;

    top: 3px;
}


.truper-radio input[type="radio"]:checked + label::before{
    background: #ff6720 !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 silver;
}



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

.cms-page-view .std p,
.cms-no-route .std p{
    color:#212322 !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: 'Lato', sans-serif !important;
    font-size: 16px !important;
    text-transform: none !important;
    color: #212322 !important;
}

.breadcrumbs li strong{
    color: #ff6720 !important;
    font-family: 'Lato', 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: 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;
    }
}

footer.footer .main-container{
    padding-top: 0px !important;
}
.cms-index-index.cms-home .notice-msg {
    display: none !important;
}

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

.cms-home .page .main-container {
    margin: 0 auto !important;
    max-width: 1440px !important;
    padding: 0;
}

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

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

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

}

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

}

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

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

.home-destacados {
    color: #212322;
    font-size: 24px;
    line-height: 26px;
    text-transform: none !important;
    margin: 20px 0 !important;
    font-weight: bold;
    text-align: center;
    font-family: 'Lato', sans-serif !important;
}

.home-destacados i {
    color: #ff6720;
    font-size: 14px;
    vertical-align: middle;
}

.distribuidor {
    padding: 50px 0;
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: url('https://www.truper.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 .product-name {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px;
    margin: 15px 0;
}

/** BRANDS **/

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

.brands .title .orange {
    color: #ff6720;
    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;
}

/*
.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 #ff6720;
    position: relative;
    display: inline-block;
    color: #212322 !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 #ff6720 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: #212322;
    font-size: 58px;
    font-family: 'Lato', sans-serif !important;
    text-align: left;
    text-transform: none;
    margin: 0 !important;
}

.banner-nuevos h4{
    color: #212322;
    font-size: 58px;
    font-family: 'Lato', 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: #212322;
    font-size: 28px;
}

.banner-nuevos .new-text-orange{
    text-align: justify;
    color: #ff6720;
    font-size: 28px;
    font-weight: bold;
    text-transform: uppercase;
}*/

/*** DESTACADOS ***/

.destacados .owl-carousel .owl-item {
    padding: 0 6px;
}

.destacados .owl-carousel .padding-lr-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.destacados .owl-carousel .border {
    border: 1px solid #f0efef;
}

.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: 'Lato', sans-serif !important;
    color: #212322;
    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: 'Lato', sans-serif !important;
    font-weight: bold;
    font-size: 22px;
}

.distribuidor p {
    font-family: 'Lato', sans-serif !important;
    font-weight: normal;
    font-size: 14px !important;

}

#container-css-slider p {

    font-family: 'Lato', sans-serif !important;
    font-weight: 300;
}

#container-css-slider p.puesto {
    margin: 2px 0 !important;
}

.dist-orange {
    color: #ff6720 !important;
}

.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: 'Lato', sans-serif !important;
    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: 34px !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;
}

.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: 'Lato', sans-serif !important;
    text-transform: none !important;
}

.carousel-caption h3 span {
    color: #ff6720 !important;
}

.carousel-caption p {
    font-size: 25px;
    font-family: 'Lato', sans-serif !important;
}

.carousel-caption p span {
    font-weight: bold !important;
    color: #ff6720;
}

.slider-boots {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    margin-top: 0px;
}

@media (max-width: 1310px) {
    .cms-home .page .main-container {
        max-width: 100% !important;
    }
}

@media (max-width: 1025px) {
    .cms-home .page .main-container {
        padding: 0 20px !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 {
        width: 100% !important;
        max-width: 200px !important;
        -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: #212322;
        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;
    }
}

.cms-index-index .home-grid-container {
    margin-top: 12px;
    margin-bottom: 12px;
}

@media (max-width: 768px) {
    .cms-index-index .std .home-grid-container {
        margin-top: 12px !important;
        margin-bottom: 12px !important;
    }
}
.ms-level0.nav-1 {
    background: #ff6720 !important;
    width: 240px;
}


.ms-topmenu .ms-label {
    opacity: 1 !important;
    color: #212322 !important;
}

.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 **/

.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:hover .ms-label,
.ms-topmenu .ms-level0:active .ms-label,
.ms-topmenu .ms-level0:focus .ms-label {
    background-color: transparent !important;

}

.ms-topmenu .ms-level0:hover,
.ms-topmenu .ms-level0:active,
.ms-topmenu .ms-level0:focus {
    background-position: 0 0;
    color: #333;
}


/*.ms-topmenu .ms-level0 > .ms-label:hover span{
    border-bottom: 2px solid #ff6720;
}

.ms-topmenu .ms-level0 > .ms-label:hover span:before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -3px;
    border-width: 3px;
    border-style: solid;
    border-color: transparent transparent #ff6720 transparent;
}*/


/** dynamic submenu**/
.ms-submenu {
    /*border: 1px solid #4c4b4b !important;
    padding-bottom: 15px !important;*/
    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-megamenu img {
    /* display: block !important;
     max-width: 100% !important;
     height: auto !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: #262626 !important;
    color: #fff;
    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: #212322;
    font-size: 13px;
}

.ms-topmenu .ms-submenu a:hover {
    color: #ff6720 !important;
    font-weight: bold !important;
    text-decoration: none;

}


.ms-submenu .col-level > .form-group.active {
    text-align: left !important;
    background: #fff !important;
    color: #ff6720;
    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: #ff6720 !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;
}

.megamenu-pc.ms-megamenu {
    float: left !important;
    width: 100%;
    height: 55px;
}


.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: 234px !important;
    border-bottom: 15px solid #262626;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;

}

.ms-maincontent > .ms-category-level {
    background: #636363;
}


.ms-megamenu .ms-submenu {
    padding: 0;
    border: none !important;
}

.ms-category-level .col-sub {
    -webkit-box-shadow: none;
    box-shadow: none;
    left: 240px;
    width: 240px;
    padding: 0 10px;
    min-width: 240px;
    height: 480px;
    border-bottom: 15px solid #262626 !important;
}

.ms-category-level .col-sub.lvl2 {

    left: 240px;

}


.col-category .parent {
    display: contents;
    background: #fff !important;

}

.lvl1.parent > .form-group > i {
    /*display: none;*/
    color: #ff6720 !important;
    text-align: right !important;
    float: right !important;
    margin-right: 15px;
    margin-top: 9px;
}

.col-category .parent.active {
    display: contents;
    background: #fff !important;
    color: #ff6720;
}


.ms-category-level .parent.active > a.form-group {
    color: #ff6720;
    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: #262626 !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;
}

.col-category .lvl4 {
    border-left: 1px solid #eaeaea;
    margin-left: -1px;
}


.more-cat {
    font-size: 13px !important;
    color: #ff6720 !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: 240px;
    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: 480px !important;
    border-right: solid 15px #262626 !important;
    border-bottom: solid 15px #262626 !important;
}

.lvlcat img.catimg {
    background: #fff;
    /*display: none;*/
    margin: 15px 30px 0px 15px !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: #ff6720 !important;
}


/** static categories **/


/** content **/


#nav-5.ms-level0 > .ms-submenu {
    left: 0 !important;
    top: 55px !important;
}


#nav-5.ms-level0 > .ms-submenu ul li a {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #212322 !important;
}

#nav-5.ms-level0 > .ms-submenu ul li a:hover p:after,
#nav-5.ms-level0 > .ms-submenu ul li a:focus p:after {
    left: 0;
}

/*
#nav-5.ms-level0 > .ms-submenu ul li a p:before {
    content: "";
    position: relative;
    width: 100%;
    height: 2px;
    bottom: -35px;
    left: 0;
    background-color: #ff6720;
    visibility: visible;
    transform: scaleX(0);
    transition: 0.3s;
    display: block;
}

#nav-5.ms-level0 > .ms-submenu ul li a:hover p:before,
#nav-5.ms-level0 > .ms-submenu ul li a:focus p:before {
    visibility: visible;
    transform: scaleX(1);
}*/

#nav-5.ms-level0 > .ms-submenu ul li a .fas {
    color: #ff6720 !important;
    margin-right: 7px;
}

#nav-5.ms-level0 > .ms-submenu ul li a:hover {
    color: #ff6720 !important;
}


/**nav 6 */

#nav-6.ms-level0 > .ms-submenu {
    left: 0 !important;
    top: 55px !important;

}

#nav-6.ms-level0 > .ms-submenu ul li a {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #212322 !important;
}

#nav-6.ms-level0 > .ms-submenu ul li a:hover p:after,
#nav-6.ms-level0 > .ms-submenu ul li a:focus p:after {
    left: 0;
}


#nav-6.ms-level0 > .ms-submenu ul li a .fas {
    color: #ff6720 !important;
    margin-right: 7px;
}

#nav-6.ms-level0 > .ms-submenu ul li a:hover {
    color: #ff6720 !important;
}

/*nav 4*/

#nav-4.ms-level0 > .ms-submenu {
    left: 0px !important;
    top: 59px !important;

}

#nav-4.ms-level0 > .ms-submenu ul li a {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #212322 !important;
}

#nav-4.ms-level0 > .ms-submenu ul li a:hover p:after,
#nav-4.ms-level0 > .ms-submenu ul li a:focus p:after {
    left: 0;
}


#nav-4.ms-level0 > .ms-submenu ul li {
    line-height: 41px !important;
}

#nav-4.ms-level0 > .ms-submenu ul li a:hover {
    color: #ff6720 !important;
}

#nav-4.ms-level0 > .ms-submenu ul li a .fas {
    color: #ff6720 !important;
    margin-right: 7px;
}


/*nav 3*/

#nav-3.ms-level0 > .ms-submenu {
    left: 0 !important;
    top: 55px !important;

}

#nav-3.ms-level0 > .ms-submenu ul li a {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #212322 !important;
}

.ms-level0 > .ms-submenu ul li a:focus {
    text-decoration: none !important;
}

#nav-3.ms-level0 > .ms-submenu ul li a:hover p:after,
#nav-3.ms-level0 > .ms-submenu ul li a:focus p:after {
    left: 0;
}


#nav-3.ms-level0 > .ms-submenu ul li {
    line-height: 41px !important;
}

#nav-3.ms-level0 > .ms-submenu ul li a:hover {
    color: #ff6720 !important;
}

#nav-3.ms-level0 > .ms-submenu ul li a .fas {
    color: #ff6720 !important;
    margin-right: 7px;
}


/* nav 45 */

#nav-45.ms-level0 > .ms-submenu {
    left: 0 !important;
    top: 55px !important;

}

#nav-45.ms-level0 > .ms-submenu ul li a {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #212322 !important;
}

#nav-45.ms-level0 > .ms-submenu ul li a:hover p:after,
#nav-45.ms-level0 > .ms-submenu ul li a:focus p:after {
    left: 0;
}


#nav-45.ms-level0 > .ms-submenu ul li a .fas {
    color: #ff6720 !important;
    margin-right: 7px;
}

#nav-45.ms-level0 > .ms-submenu ul li a:hover {
    color: #ff6720 !important;
}

/* nav 46 */

#nav-46.ms-level0 > .ms-submenu {
    left: 0 !important;
    top: 55px !important;

}

#nav-46.ms-level0 > .ms-submenu ul li a {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #212322 !important;
}

#nav-46.ms-level0 > .ms-submenu ul li a:hover p:after,
#nav-46.ms-level0 > .ms-submenu ul li a:focus p:after {
    left: 0;
}


#nav-46.ms-level0 > .ms-submenu ul li a .fas {
    color: #ff6720 !important;
    margin-right: 7px;
}

#nav-46.ms-level0 > .ms-submenu ul li a:hover {
    color: #ff6720 !important;
}


/* nav 50 */

#nav-50.ms-level0 > .ms-submenu {
    left: 0 !important;
    top: 55px !important;

}

#nav-50.ms-level0 > .ms-submenu ul li {
    line-height: 41px !important;
}

#nav-50.ms-level0 > .ms-submenu ul li a {
    font-size: 15px !important;
    font-weight: normal !important;
    color: #212322 !important;
}

#nav-50.ms-level0 > .ms-submenu ul li a:hover p:after,
#nav-50.ms-level0 > .ms-submenu ul li a:focus p:after {
    left: 0;
}


#nav-50.ms-level0 > .ms-submenu ul li a .fas {
    color: #ff6720 !important;
    margin-right: 7px;
}

#nav-50.ms-level0 > .ms-submenu ul li a:hover {
    color: #ff6720 !important;
}


/* nav 50 */

#nav-10 {
    background-color: #ff6500;
}


small.icono-menos-menu:before {
    content: "\002d" !important;
    font-size: 40px;
    line-height: 0px;
}

.visible-770-custom {
    display: none;
}

/* Rediseno 2024 **************************/

.menu-overlay {
    width: 100vw;
    height: 100vh;
    background: black;
    opacity: 0.6;
    position: fixed;
    z-index: 9;
    top: 120px;
    display: none;
    left: 0;
}

.ms-megamenu .ms-topmenu {
    margin: 0 !important;
    height: 55px;
    background: #E2E2E2 !important;
}

.ms-topmenu .ms-level0 {
    text-align: left;
    height: 55px;
    position: relative;
    top: 0;
    color: #00c6ff;
    padding: 20px 0;
    display: block;
    background-image: linear-gradient(to left,
    transparent,
    transparent 50%,
    #E2E2E2 50%,
    #E2E2E2);
    background-position: 100% 0;
    background-size: 200% 100%;
    transition: all .25s ease-in;
    width: 17%;
}


.ms-topmenu .ms-level0 > .ms-label {
    padding: 0 0 !important;
    font-family: 'Roboto' !important;
    font-weight: 400;
    font-size: 16px;
    margin: 0 auto;
    float: none;
    position: relative;
    top: -11px;
}

.ms-topmenu .ms-level0 > .ms-label .megamenu-icon-down {
    margin-left: 5px;
}

.ms-topmenu .ms-level0 > .ms-label .megamenu-icon-up {
    transform: rotate(180deg);
    display: none;
    margin-left: 5px;
}

.ms-topmenu .ms-level0 > .ms-label span {
    position: relative;
    line-height: 40px;
    display: flex;
}

#nav-3 {
    margin-right: 110px;
    width: 168px;
    min-width: 168px;
}

#nav-45 {
    margin-right: 60px;
    /*width: 171px;*/
    min-width: 171px;
}

#nav-5 {
    width: 82px;
    min-width: 82px;
}

#nav-7 {
    float: right;
    width: 155px !important;
    min-width: 155px !important;
}

.ms-topmenu #nav-7 > .ms-label span {
    padding: 8px 16px;
    background: #ff6720;
    border-radius: 6px;
    color: #fff;
    height: 39px;
    display: flex;
    align-items: center;
    line-height: 0;
    position: relative;
    top: -1px;
    width: 100%;
    justify-content: center;
}

.ms-topmenu .ms-level0 > .ms-submenu ul {
    /*padding: 10px 10px !important;*/
    text-align: left;
}


.ms-topmenu .ms-level0 > .ms-submenu ul li a p {
    font-family: Roboto-regular;
    font-size: 16px;
    font-weight: 400;
    line-height: 18.8px;
    text-align: left;
    color: #5B676F;
}

.ms-topmenu .ms-level0 > .ms-submenu ul li a p:after {
    content: "";
    position: relative;
    bottom: 10px;
    left: -100%;
    width: 100%;
    height: 2px;
    background: #ff6720;
    transition: left .3s;
    display: none;
}

.ms-level0 > .ms-submenu {
    width: 237px !important;
    max-width: 237px !important;
}

.ms-content > .ms-maincontent {
    width: 100% !important;
    background: #E2E2E2 !important;
    border: none !important;
}

.ms-topmenu .ms-level0 > .ms-submenu ul li {
    padding: 10px 0px 0px 20px;
    line-height: 41px !important;
    height: 36px;
}

.ms-topmenu .ms-level0 > .ms-submenu ul li:hover {
    background-color: #EEF0F1;
}

/*
Apply border radios to last li
 */
.ms-topmenu .ms-level0 > .ms-submenu ul li:last-child {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

@media (max-width: 1375px) {

    #nav-3 {
        margin-right: 90px;
    }

    #nav-45 {
        margin-right: 90px;
    }

}

@media (max-width: 1156px) {
    #nav-45 {
        width: 20%;
    }
}

@media (max-width: 1024px) and (min-width: 770px) {


    #nav-3 {
        margin-right: 60px !important;
        width: 180px !important;
        min-width: 180px !important;
    }

    #nav-45 {
        margin-right: 60px !important;
        width: 191px !important;
        min-width: 191px !important;
    }

    #nav-5 {
        margin-right: 0 !important;
        width: 92px !important;
        min-width: 92px !important;
    }

    .ms-topmenu #nav-7 > .ms-label span {
        font-size: 16px;
        width: 100%;
    }

    #nav-7 {
        width: 125px !important;
    }

    .ms-topmenu .ms-level0 {
        width: 20%;
    }

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

    .ms-topmenu .ms-level0 > .ms-submenu ul li a p {
        font-size: 12px;
    }

    .ms-level0 > .ms-submenu {
        width: 185px !important;
    }
}

@media (max-width: 990px) and (min-width: 770px) {

    .ms-topmenu .ms-level0 > .ms-submenu ul li a p {
        font-size: 12px;
    }

    .ms-level0 > .ms-submenu {
        width: 185px !important;
    }

}

@media (max-width: 895px) and (min-width: 770px) {

    #nav-3 {
        width: 160px !important;
        min-width: 160px !important;
        margin-right: 40px !important;
    }

    #nav-45 {
        width: 150px !important;
        min-width: 150px !important;
        margin-right: 50px !important;
    }

    #nav-5 {
        width: 85px !important;
        min-width: 85px !important;
    }

    .ms-topmenu .ms-level0 > .ms-label span {
        font-size: 13px;
    }
}

@media (max-width: 769px) {
    .top-menu-container, .megamenu-custom-container {
        padding-left: 0 !important;
        padding-right: 0 !important;
        height: 0;
    }

    .megamenu-pc.ms-megamenu {
        height: 0;
        width: 100%;
    }

    .fake-hamburguer {
        position: absolute;
        left: 15px;
        top: -47px;
        margin: 0;
    }


    .fake-hamburguer .menu-hamburger {
        color: #fff;
        background: white !important;
        padding: 4px 0;
        vertical-align: middle;
        text-align: center;
        float: left;
        -webkit-mask: url(/media/wysiwyg/header/menu/home_menu_hamburguer_375px-mobile.svg) no-repeat center;
        mask: url(/media/wysiwyg/header/menu/home_menu_hamburguer_375px-mobile.svg) no-repeat center;
        width: 24px;
        height: 24px;
    }

    #nav-3 {
        width: 100% !important;
        margin-right: 0;
        padding: 15px 0 !important;
    }

    #nav-45 {
        width: 100% !important;
        margin-right: 80px;
        padding: 15px 0 !important;
    }

    #nav-5 {
        width: 100% !important;
        margin-right: 0;
        padding: 15px 0 !important;
    }

    #ms-topmenu .hamburguer-header-container {
        background-color: #232322;
        height: 70px;
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    #ms-topmenu .hamburguer-header-container .truper-logo {

    }

    .topslim-bar-container #header-search {
        background: transparent !important;
    }


    #ms-topmenu .hamburguer-header-container .logo {
        width: 100%;
        height: 65px;
        max-height: 65px !important;
        min-height: 1px;
    }


    .truper-logo .logo img {
        margin: 0 auto;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        max-width: 160px;
    }

    #ms-topmenu .hamburguer-header-container .truper-logo .logo img {
        margin: 0;
        position: relative;
        top: 50%;
        -ms-transform: translateY(-38%);
        transform: translateY(-38%);
        max-width: 160px;
        left: -2px;
    }

    #ms-topmenu .hamburguer-header-container .anchor_mbmenu {
        position: absolute;
        display: block !important;
        background: none !important;
        width: 100%;
        padding-right: 15px !important;
        left: 0;
    }

    #ms-topmenu .hamburguer-header-container .anchor_mbmenu .flag {
        color: #fff;
        background: #ff6720 !important;
        vertical-align: middle;
        text-align: center;
        float: left;
        -webkit-mask: url(/media/wysiwyg/header/menu/home_menu_close_375px-mobile.svg) no-repeat center;
        mask: url(/media/wysiwyg/header/menu/home_menu_close_375px-mobile.svg) no-repeat center;
        width: 24px;
        height: 24px;
        position: absolute;
        right: 20px;
        top: 23px;
        margin: 0;
    }


    #header-search.mobmenu-search {
        z-index: 999999 !important;
        display: block !important;
        animation: slide-left-right .25s;
        -moz-animation: slide-left-right .25s; /* Firefox */
        -webkit-animation: slide-left-right .25s; /* Safari and Chrome */
    }

    #ms-topmenu .languaje-menu-custom-conatiner {
        z-index: 999999;
        position: relative;
        display: block;
        background: transparent;
        margin: 0;
        width: 100%;
        top: 0;
    }

    #ms-topmenu .languaje-menu-custom-conatiner .topslim-languaje.visible-770-custom {
        margin: 0;
        padding: 0 15px !important;
    }

    #ms-topmenu .languaje-menu-custom-conatiner .languaje-container {
        height: 65px;
    }

    #ms-topmenu .languaje-menu-custom-conatiner .languaje-container .store-languaje-switcher {
        display: flex;
        justify-content: start;
        margin: 0;
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 100%;
    }

    #ms-topmenu .languaje-menu-custom-conatiner .languaje-container .store-languaje-switcher .before {
        background-color: white;
        -webkit-mask: url(/media/wysiwyg/header/icons/header_Icon_language.svg) no-repeat center;
        mask: url(/media/wysiwyg/header/icons/header_Icon_language.svg) no-repeat center;
        width: 24px;
        height: 24px;
        margin-right: 6px;
    }

    #ms-topmenu .languaje-menu-custom-conatiner .languaje-container .store-languaje-switcher span {
        color: white;
        font-family: 'Roboto' !important;
        font-weight: 400;
        font-size: 16px;
        position: relative;
        top: 6px;
    }

    #ms-topmenu .languaje-menu-custom-conatiner .languaje-container .store-languaje-switcher .after {
        background-color: white;
        -webkit-mask: url(/media/wysiwyg/header/icons/header_Icon_Arrow-language.svg) no-repeat center;
        mask: url(/media/wysiwyg/header/icons/header_Icon_Arrow-language.svg) no-repeat center;
        width: 24px;
        height: 24px;
        margin-left: 6px;
    }

    #ms-topmenu .languaje-menu-custom-conatiner .languaje-selectors {
        /*height: 100px;*/
        background: #232322;
        z-index: 999;
        width: 100vw;
        display: none;
        margin-bottom: 20px;
        position: relative !important;
        left: -15px;
    }

    #ms-topmenu .languaje-menu-custom-conatiner .languaje-selectors ul {
        height: 100%;
        padding: 5px 0;
    }

    #ms-topmenu .languaje-menu-custom-conatiner .languaje-selectors ul li {
        display: flex;
        justify-content: center;
        height: 50%;
        align-items: center;
        padding: 0 20px;
    }

    #ms-topmenu .languaje-menu-custom-conatiner .languaje-selectors ul li a {
        color: white;
        font-family: 'Roboto' !important;
        font-weight: 400;
        font-size: 16px;
        background: #232322;
        border-radius: 6px;
        height: 40px;
        display: flex;
        align-items: center;
        text-decoration: none;
    }

    #ms-topmenu .languaje-menu-custom-conatiner .languaje-selectors ul li a:hover {
        background: #ff6720;
        text-decoration: none;
        width: 100%;
        justify-content: center;
    }


    .header-container .ms-level0 .ms-label {
        background: transparent !important;
        color: white !important;
        border: none !important;
        opacity: 1 !important;
        text-align: left !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-submain {
        border: none !important;
        background: transparent !important;
    }

    .ms-megamenu .form-group {
        background: transparent !important;
    }

    .ms-megamenu .mb-submenu a p {
        position: relative;
        font-size: 16px;
        color: white !important;
    }

    .ms-megamenu .mb-submenu a p:before {
        content: ".";
        color: white;
        font-size: 30px;
        position: relative;
        left: -5px;
        top: -3px;
    }

    #ms-topmenu > .ms-level0 .mb-submenu {
        background: transparent !important;
    }

    .ms-topmenu .ms-level0 > .ms-label .megamenu-icon-down, .ms-topmenu .ms-level0 > .ms-label .megamenu-icon-up {
        display: none !important;
    }

    .glyphicon-triangle-bottom:before {
        top: -33px;
        position: relative;
        content: url(/media/wysiwyg/header/menu/header_Icon_Arrow.svg) !important;
        display: inline-block;
        transform: rotate(180deg);
    }

    #ms-topmenu .ms-level0.mbactive .glyphicon-triangle-bottom:before {
        rotate: 180deg;
    }

    #ms-topmenu .glyphicon-triangle-right:before {
        top: -33px;
        position: relative;
        content: url(/media/wysiwyg/header/menu/header_Icon_Arrow.svg) !important;
    }


    #nav-7 {
        position: fixed;
        bottom: 30px;
        top: auto;
        width: 100% !important;
    }

    .ms-topmenu #nav-7 > .ms-label span {
        margin: 0 auto !important;
        justify-content: center;
        width: 100%;
    }

    .ms-topmenu .ms-level0 > .ms-label {
        padding: 0 15px !important;
        font-size: 16px !important;
        font-weight: normal !important;
        margin: 0 auto;
        float: left;
        position: relative;
        top: 0;
    }

    .menu-overlay {
        display: none !important;
    }
}

@media (max-height: 685px) and (max-width: 769px) {
    #nav-5, #nav-45, #nav-3 {
        padding: 5px 0 !important;
    }
}

/***********************************************/


@media (max-width: 769px) {

    .ms-topmenu .ms-level0:hover,
    .ms-topmenu .ms-level0:active,
    .ms-topmenu .ms-level0:focus {
        background-position: right;
    }


    .ms-topmenu .ms-level0 > .ms-label .fa-caret-down {
        display: none !important;
    }

    .ms-topmenu .ms-level0 > .ms-label .fa-caret-up {
        display: none !important;
    }

    .ms-topmenu .ms-level0 {
        width: 100% !important;
        text-align: left;
        height: auto;
        position: relative;
        top: 0;
    }


    .ms-level0.nav-5.mbactive #m_submenu-5 {
        height: 220px;
        display: block;
        /*overflow-y: scroll;*/
    }

    .visible-770 {
        display: block !important;
    }

    .full-search {
        margin: 0 !important;
        width: 100% !important;
    }


    /* UPDATE MEGAMENU HAMBURGER 2023 */
    .hamburguer-header-container {
        position: sticky;
    }


    .visible-770-custom {
        display: block;
    }


    .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: 0;
        right: 0;
        margin: 0 !important;
        padding: 0 !important;
        z-index: 99999;
        height: 700px;
    }

    .ms-topmenu .ms-level0 {
        padding: 0 !important;
    }

    /** subcat **/
    #ms-topmenu > .ms-level0 .mb-label {
        margin-top: 5px;
        background: none !important;
        color: #ff6720;
        text-align: right;
        font-size: 18px !important;
        position: relative;
        top: -2px;
        /*height: 60px;*/
    }


    #ms-topmenu > .ms-level0 .mb-label.glyphicon-minus {
        opacity: 1;
    }


    /* TEMRINA MEGAMENU HAMBURGER 2023 */
    .col-category .parent {
        display: block !important;
    }

    .ms-level0.nav-1 {
        background: #fff !important;
        width: 100%;
    }

    /* #m_submenu-5{
         padding: 0 15px;
     }*/
    #m_submenu-4 ul,
    #m_submenu-6 ul,
    #m_submenu-5 ul,
    #m_submenu-45 ul,
    #m_submenu-46 ul,
    #m_submenu-47 ul,
    #m_submenu-50 ul,
    #m_submenu-3 ul {
        position: relative;
        left: 35px;
    }

    #m_submenu-4 ul li,
    #m_submenu-6 ul li,
    #m_submenu-5 ul li,
    #m_submenu-45 ul li,
    #m_submenu-46 ul li,
    #m_submenu-47 ul li,
    #m_submenu-50 ul li,
    #m_submenu-3 ul li {
        height: 40px;
        list-style: none;
        color: white;
        width: 100%;
        line-height: .5;
    }

    .menu-abs-767 {
        position: absolute !important;
    }

    .ms-topmenu .ms-label {
        border: 0 !important;
    }

    .ms-megamenu .ms-topmenu.active {
        float: none !important;
        background: #393939 !important;
        z-index: 99999;
        width: 101vw;
        height: 101vh;
        min-height: 100%;
        position: fixed;
        top: 0;
        right: 0;
        margin: 0 !important;
        left: 0;
        opacity: 1 !important;
        display: block;
    }


    .mobmenu-search-container {
        height: 40px !important;
    }


    @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 .nav-submit-button {
        float: right !important;
    }

    .ms-topmenu .ms-level0 {
        display: block;
    }

    .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: #fff !important;
    }

    .ms-megamenu .mb-label {
        color: #ff6720;
        padding: 10px 5px 10px 15px !important;
    }

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

    /*.ms-megamenu .ms-topmenu{
        margin: 15px 0 0 !important;
    }*/
    .ms-topmenu.active .ms-level0.nav-1 {
        margin-top: 50px !important;
    }

    .ms-topmenu.active .ms-level0.nav-2 {
        margin-top: 60px !important;
    }


    .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,
    .ms-topmenu .ms-level0:active,
    .ms-topmenu .ms-level0:focus {
        background-color: #262626;
    }

    .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,
    .ms-topmenu .ms-level0.active,
    .ms-topmenu .ms-level0:hover,
    .ms-topmenu .ms-level0:active,
    .ms-topmenu .ms-level0:focus {
        background-color: transparent !important;

    }

    /** subcat **/
    #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: #212322 !important;
        border-bottom: 1px solid #eaeaea;
        font-size: 14px !important;
        padding: 6px 10px 6px 24px !important;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .col-level a {
        color: #212322 !important;
        margin-left: 27px;
    }

    .ms-megamenu .parent .small.glyphicon-minus {
        /* top: 10px;
         position: absolute;
         left: -10px*/;
    }

    #ms-topmenu > .ms-level0 .mb-submenu .mb-maincontent > .ms-category-level .parent .small {
        color: #ff6720;

    }


    #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: #212322 !important;
        text-decoration: underline;
    }

    .btn-atoz-mobile .btn-truper {
        padding: 10px 20px !important;
        position: relative !important;
    }

    #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: 13px !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: 0px !important;
        padding-bottom: 0px !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: #212322 !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: 13px !important;

    }


    .mb-maincontent .fas {
        color: #ff6720 !important;
    }

    .ms-topmenu .ms-level0 > .ms-label .fa-caret-down {
        display: none !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: #212322;
    font-weight: bold;
}

.tab-content .ratings {
    text-align: center;
    margin: 0 auto;
}

.top-review-resume .add-review-btn {
    color: #ff6720 !important;
    border: 2px solid #ff6720;
    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: #ff6720;
}

.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: 'Lato', sans-serif !important;
    font-weight: lighter;
    color: #212322 !important;

}

.tab-content .review-title p {
    font-weight: bold;
    font-size: 16px;
    color: #212322;
    margin: 0;
}

.tab-content .review-text p {
    font-size: 14px;
    color: #212322;
    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: 'Lato', sans-serif !important;
    font-weight: bold;
    font-size: 16px;
    color: #212322 !important;
    text-transform: none !important;
}

#review-form h3 span {
    font-family: 'Lato', sans-serif !important;
    font-weight: bold;
    font-size: 16px;
    color: #212322 !important;
    text-transform: none !important;
}

#review-form h4 {
    font-family: 'Lato', sans-serif !important;
    font-size: 16px !important;
    font-weight: normal !important;
    text-transform: none !important;
    color: #212322;
    display: inline-block;
}


.tab-content .total-ratings {
    display: table !important;
}


#review-form .form-list label {
    font-family: 'Lato', sans-serif !important;
    font-weight: normal;
    font-size: 16px;
    color: #212322;
}

#review-form .campos-obligarotios {
    width: 100%;
    display: inline-block;
    font-family: 'Lato', sans-serif !important;
    font-weight: bold;
    font-size: 12px;
    color: #ff6720;
    text-transform: uppercase;
    float: right;

}

#review-form .eval-tag {
    display: block;
    font-family: 'Lato', sans-serif !important;
    font-weight: bold;
    font-size: 16px;
    color: #ff6720;
}

#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: #212322;
    width: 100% !important;

}

.product-view .product-shop .product-name .h1 {
    font-family: 'Lato', sans-serif !important;
    font-weight: bold;
    font-size: 24px;
    color: #212322 !important;
    text-transform: none !important;
}


.product-view .product-shop .clave-sku p {
    margin: 0;
    font-size: 16px;

    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;
}

.product-view .product-shop .precio-mayoreo .price-info .price-box .price {
    font-family: 'Lato', sans-serif !important;
    font-size: 22px;
    font-weight: bolder;
    color: #ff6720;
    line-height: 24px;
}

.product-view .char-title {
    font-weight: bolder;
    color: #ff6720;
    font-size: 18px;
}


.product-view .sust-cont {
    width: fit-content;
}

.product-view .sustituye {
    background: #eaeaea !important;
    color: #212322 !important;
    font-size: 14px !important;
    padding: 6px 4px !important;
    font-family: 'Lato', 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: 16px !important;
}

.product-view .short-description .std ul .orange-caret {
    color: #ff6720 !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: 'Lato';
    height: 40px !important;
    border: none !important;
    font-size: 14px !important;


    margin-top: 0 !important;


    background: #eaeaea !important;
    color: #212322 !important;
    border-radius: 0 !important;
    -webkit-appearance: none;
    padding-left: 10px;
    -moz-appearance: none;
    outline: none;
}

.custom-select::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: '\f078' !important;
    position: absolute;
    top: -3px;
    right: 28px;
    font-size: 16px;
    color: #212322;
}

/*.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: #212322 !important;
    font-weight: 900;
}*/

.product-shop .product-options {
    padding-bottom: 0 !important;
}

.product-shop .product-options dl.last {
    margin-bottom: 0 !important;
}

/***** select configurables ******/

/** *********** OCULTAR BOTON Y QTY *********** **/

/*.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: #ff6720 !important;
    border: 2px solid #ff6720;
    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: 'Lato', 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;
    box-shadow: 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;
    background-color: #212322;
    width: 50px;
    height: 50px;
    text-align: center;
    padding: 0px !important;
    display: block;
    vertical-align: middle;
    line-height: -131px;
}

/** *********** especificaciones *********** **/

.detalle h3 {
    font-weight: bold;
    font-size: 16px;
    color: #212322 !important;
    border-bottom: 2px solid #ff6720;
    line-height: 30px;
    padding-left: 0px;
    margin: 5px 0 20px 0;
    font-family: 'Lato', sans-serif !important;
    text-transform: uppercase !important;
}

.detalle .esp-list ul li {
    margin-top: 4px;
}

.detalle .esp-list ul li i {
    color: #ff6720 !important;
}

.especificaciones table {
    font-family: 'Lato', sans-serif !important;
    font-size: 16px;
    color: #212322;
}

.especificaciones .esp-list {
    color: #212322;
    /*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: 'Lato', sans-serif !important;
    font-size: 14px;
    color: #212322;
    cursor: pointer !important;
}

.tab-content .vermenos i,
.tab-content .vermas i {
    color: #ff6720 !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: 'Lato', sans-serif !important;
    font-weight: bold;
    font-size: 24px;
    color: #212322 !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: #212322 !important;
    border-bottom: 2px solid #ff6720;
    line-height: 30px;
    padding-left: 15px;
    margin: 5px 0 10px 0;
    font-family: 'Lato', 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: 'Lato', sans-serif !important;
    line-height: 16px;
}

.page-print iframe {
    display: none !important;
}

/** tabs sliders **/


.slider-tabs .owl-carousel .product-name {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px;
    color: #212322;
}


.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: 'Lato', sans-serif !important;
    color: #212322;
    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 #ff6720 !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: #ff6720;
}

.product-collateral .toggle-tabs li.current > span {
    font-family: 'Lato', 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: 'Lato', sans-serif !important;
    font-size: 18px !important;
    color: #212322 !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: #212322 !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: #212322;
    font-size: 14px !important;
}

.descargables li a:hover {
    color: #212322;
    text-decoration: none;
}

.descargables h3 {
    font-weight: bold;
    font-size: 16px;
    color: #212322 !important;
    border-bottom: 2px solid #ff6720;
    line-height: 30px;
    padding-left: 0px;
    margin: 5px 0 10px 0;
    font-family: 'Lato', sans-serif !important;
    text-transform: uppercase !important;
}

.descargables .descargables-list .fas {
    color: #ff6720;
    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) {

    #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: 20px;

    }

    .product-view .product-img-box .product-name h1 {
        font-family: 'Lato', sans-serif !important;
        font-weight: bold !important;
        font-size: 24px !important;
        color: #212322 !important;
        text-transform: none !important;
    }


    .product-collateral > dl > dt {
        border: none !important;
        font-family: 'Lato', sans-serif !important;
        font-weight: bolder !important;
        font-size: 18px !important;
        color: #212322 !important;
        border-bottom: 1px solid #ff6720 !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 #ff6720 !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 #ff6720 !important;
    }


    #review-form input[type=text] {
        width: 100% !important;
    }

    .product-name {
        margin-top: 15px !important;


    }

}










/*.catalog-category-view .breadcrumbs{
    display: none !important;
}*/

.category-title h1{
    font-family: 'Lato', sans-serif !important;
    font-size: 24px !important;
    text-transform: none !important;
    font-weight: bold !important;
    color: #212322 !important;

}

@media (max-width: 768px){
    .category-title h1{
        top: 8px;
        position: relative;
    }

}

.category-title h1 i{
    color: #ff6720;
}


/** tabs search results **/
.catalogsearch-result-index .searchindex-results{
    display: none !important;
}


.catalogsearch-result-index .page-title h1{
    font-family: 'Lato', sans-serif !important;
    font-size: 24px !important;
    text-transform: none !important;
    font-weight: bold !important;
    color: #212322 !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: 'Lato', sans-serif !important;
    font-style: normal !important;
    color: #212322;


}


.category-products .item .product-brand{
    font-family: 'Lato', sans-serif !important;
    font-style: normal !important;
    color: #212322;
    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: 'Lato', sans-serif !important;
    color: #212322;
    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: 'Lato', sans-serif !important;
    color: #212322;
    font-weight: 400;
    font-size: 10px !important;
    text-align: center;

}

.add-to-links a.link-compare{
    color: #212322 !important;
    font-family: 'Lato', sans-serif !important;
}


.category-products .item .product-brand{
    margin-bottom: 2px;
    margin-top: 2px;
    color: #212322 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;

}

.count-options{
    color: #212322 !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: #ff6720;
    text-transform: uppercase;
    border-bottom: 2px solid #ff6720;
    width: 100%;


}

.block-layered-nav .block-title span{
    color: #ff6720;
    font-family: 'Lato', 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: #212322 !important;
    font-weight: bold !important;
    font-family: 'Lato', 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: #ff6720 !important;
}


.block-layered-nav .block-content .dl > .dd{
    border: none !important;
    border-bottom: 1px solid #cccccc !important;
    display: block;
    font-family: 'Lato', sans-serif !important;
    color: #212322 !important;
    padding: 10px !important;
}



.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: #212322 !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: #212322 !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: 'Lato', sans-serif !important;
    font-size: 12px !important;
    text-transform: none !important;
    font-weight: bold !important;
    color: #212322 !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: 'Lato', sans-serif !important;
    font-size: 12px !important;
    color: #212322 !important;
    
}

.category-products .toolbar .sorter label{
    text-transform: none !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 12px !important;
    color: #212322 !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: 'Lato', sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    width: 34px !important;
    color: #212322 !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: 'Lato', sans-serif !important;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #212322 !important;

}


.category-products .toolbar .pager .limiter{
    position: relative;
}


.category-products .toolbar .pager .limiter:after,
.category-products .toolbar .pager .limiter:before {
    top: 11px;
    left: 94%;
    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: #ff6720;
    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: #ff6720;
    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: #ff6720;
}

.sorter > .sort-by .sort-by-switcher--desc{
    margin-right: -20px;
    color: #ff6720;
}

.pages li{
    margin-left: 5px;
}

.pages a,
.pages .current{
    font-size: 12px !important;
    font-family: 'Lato', sans-serif !important;
    color: #212322 !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    vertical-align: middle;

}


.pages .current,
.pages .current:hover{
    border:1px solid #ff6720 !important;
    width: 20px !important;
    color: #ff6720 !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 #ff6720 !important;
    color: #ff6720 !important;
}

.pages .previous:before{
    border-right: 4px solid #ff6720 !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 #ff6720 !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 #ff6720 !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 #ff6720 !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;
}

.cms-header-container {
    width: 100vw;
    margin-left: calc(-50vw + 50%);
    background: white !important;
}

.cms-header-container .main-container {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: -30px;
    margin-bottom: 20px;
}

.cms-header {
    margin-top: 20px;
    height: 53px;
    margin-right: 0 !important;
    margin-left: 0 !important;
    padding-left: 10px;
    font-size: 22px !important;
}

.cms-header:before {
    content: "";
    position: absolute;
    left: 30px;
    top: 26px;
    height: 20px;
    width: 1px;
    border-left: 3px solid #ff6720;
}

.cms-header div {
    padding-left: 0 !important;
}

.cms-header h1 {
    position: relative;
    float: left;
    display: inline-block;
    line-height: 70px;
    vertical-align: middle;
    margin: 0 !important;
    text-transform: none !important;
    color: #212322 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 22px;
    font-weight: 600 !important;
    top: 2px;
}

.cms-header h1 i {
    color: #ff6720;
    font-size: 19px !important;
    vertical-align: middle;
    position: relative;
    top: -2px;
    display: none;
}

.cms-header h1 .fa-caret-right {
    color: #ff6720;
    font-size: 19px !important;
    position: relative;
    top: -2px;
    display: none;
}

.cms-header img {
    position: relative;
    display: inline-block;
    float: right;
}

.cms-acerca-de-truper .cms-header {
    margin-bottom: 3px;
}

/** GARANTIAS **/

.cms-garantias .breadcrumbs {
    display: none;
}


.cms-garantias p {
    font-style: normal !important;
    font-family: 'Lato', sans-serif !important;


    color: #212322 !important;
}

.cms-garantias h1 {
    font-family: 'Lato', sans-serif !important;
    font-size: 22px;
}

.cms-garantias h1 i {
    color: #ff6720;
    font-size: 14px;
    vertical-align: middle;
}

.cms-garantias .main-text {
    color: #212322 !important;
    font-style: normal !important;
}

.cms-garantias .main-text a {
    text-decoration: underline;
}

.cms-garantias .main-text a:hover {
    text-decoration: underline;
    color: #ff6720 !important;
}


.cms-garantias h2 {
    font-family: 'Lato', sans-serif !important;
    font-size: 20px;
    color: #212322 !important;
    text-transform: none !important;
    font-weight: bold !important;
}

.cms-garantias h2 i {
    color: #ff6720;
    font-size: 14px;
    vertical-align: middle;
}

.cms-garantias h3 {
    font-family: 'Lato', sans-serif !important;
    font-size: 25px;
    font-weight: bold;
    color: #212322;
    margin: 0 !important;
}

.cms-garantias h3 img {
    display: inline-block;
    width: 30px;
}


.cms-garantias h5 {
    font-family: 'Lato', sans-serif !important;
    font-size: 18px;
    font-weight: bold;
    color: #212322 !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: #ff6720 !important;
}


.cms-garantias a.centro-serv {
    text-decoration: underline;
    color: #ff6720;
}

.cms-garantias a.centro-serv:hover {
    text-decoration: underline;
    color: #ff6720;
}

/** GARANTIAS **/

/** DISTRIBUIDOR **/


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


.cms-distribuidor h1 {
    font-family: 'Lato', sans-serif !important;
}

.cms-distribuidor h1 i {
    color: #ff6720;
    font-size: 14px;
    vertical-align: middle;
}


/** videos **/
.cms-videos .breadcrumbs {
    display: none;
}


.cms-videos h2 {
    font-family: 'Lato', sans-serif !important;
    font-size: 16px;
    color: #212322 !important;
    border-bottom: 2px solid #ff6720;
    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: #ff6720;
    font-size: 60px;
    top: calc(50% - 30px);
    left: calc(50% - 30px);
}

.cms-videos .btn-info:hover .fa-play-circle {
    display: block;
    position: absolute;
    color: #ff6720;
    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: 'Lato', sans-serif !important;
    font-size: 25px;
}


.cms-terminos h2 {
    font-family: 'Lato', sans-serif !important;
    font-size: 20px !important;
    color: #212322 !important;
    font-style: normal !important;
}


/** privacidad **/
.cms-privacidad p {
    font-family: 'Lato', sans-serif !important;
    font-size: 25px;
}


.cms-privacidad h2 {
    font-family: 'Lato', sans-serif !important;
    font-size: 20px !important;
    color: #212322 !important;
    font-style: normal !important;
}


/* contacto */


/* 2023 Upgrade */

.contacts-index-index .contacts-subtitle {
    font-size: 16px;
    font-weight: bold;
}

.contacts-index-index .cms-header {
    margin-top: 0px !important;
}

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

.contacts-index-index .cms-header-container {
    margin-bottom: 20px;
}

.contacts-index-index h2 {
    font-family: 'Lato', sans-serif !important;
    color: #212322 !important;
    text-transform: none !important;
    font-size: 18px !important;
}

.text-head {
    margin-bottom: 60px;
}

.formulario .select-box:after {
    font-size: 29px !important;
    top: 0px !important;
}

.contacts-index-index #contactForm textarea {
    width: 100% !important;
    max-width: 100% !important;
    min-height: 70px;
}

.contacts-index-index .links-atencion {
    background: #F2F2F2;
    padding-bottom: 22px;
    margin-top: 22px;
}

.contacts-index-index .links-atencion .title-atencion p {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    margin-top: 22px;
    color: #262626;
}

.contacts-index-index .links-atencion .atencion h4 a {
    font-size: 16px;
    color: #212322 !important;
    font-family: lato, sans-serif !important;
    text-transform: none;
    text-decoration: none !important;
}

.contacts-index-index .links-atencion .atencion h4 a:hover {
    text-decoration: none;
}

.contacts-index-index .links-atencion .text-center-atencion {
    margin: 0 auto;
    text-align: center;
    font-size: 14px;
    position: relative;
    left: -7px;
}

.contacts-index-index h4 {
    font-family: 'Lato', sans-serif !important;
    color: #212322;
    /*border-bottom: solid 2px #4b4b4b;*/
}

.contacts-index-index .formulario {
    margin-bottom: 50px;
}

.contacts-index-index .formulario .privacidad-link .fa-caret-right {
    color: #ff6720;
}

.contacts-index-index .formulario .privacidad-link a {
    color: #387BBE !important;
}

.contacts-index-index .formulario #contactForm .contact-movil-submit {
    position: relative;
    margin: 0 auto;
    width: fit-content;
}


.contacts-index-index .privacidad-link p {
    font-size: 15px;
    color: #212322;
}

.contacts-index-index .privacidad-check {
    margin-bottom: 20px;
}

.contacts-index-index .privacidad-check input {
    float: left;
}

.contacts-index-index .privacidad-check span {
    position: relative;
    top: -1px;
    font-size: 15px;
    color: #212322;
    margin-left: 5px;
}

.contacts-index-index .privacidad-check .validation-advice {
    position: relative;
    top: 7px;
    left: -13px;
}

.contacts-index-index #captcha-required {
    position: relative;
    top: 56px;
}

@media (max-width: 768px) {

    .contacts-index-index .formulario #contactForm .contact-movil-submit {
        margin: 0;
    }

    .contacts-index-index .contacts-subtitle {
        font-size: 17px !important;
    }

    .row.cms-header .col-xs-12 {
        height: 52px;
        border-bottom: 0 !important;
    }

    .cms-header {
        padding: 0 0 0 10px;
        border-bottom: 0;
    }

    .contacts-index-index .contacts-subtitle {
        font-size: 24px;
        font-weight: bold;
    }

    .contacts-index-index .text-head {
        margin-bottom: 20px;
    }

    .contacts-index-index .visible-xs img {
        position: relative !important;
        left: 42% !important;
        top: -3px !important;
        max-width: 71px;
    }

    .contacts-index-index .links-atencion {
        width: 100vw;
        padding-top: 22px;
        margin-bottom: 22px;
        padding-bottom: 0;
    }

    .contacts-index-index .links-atencion .text-center-atencion {
        font-size: 16px;
        left: 0;
        clear: left;
        text-align: center;
    }

    .contacts-index-index .links-atencion .atencion h4 a {
        font-size: 16px !important;
    }

    .contacts-index-index .links-atencion .atencion h4 a.atencion {
        font-size: 16px;
    }

    .contacts-index-index .links-atencion .title-atencion p {
        margin-top: 12px;
    }

    .contacts-index-index #captcha-required {
        top: 64px;
    }
}


.contacts-index-index .std li {
    font-family: 'Lato', sans-serif !important;
    font-style: normal;
    color: #212322;
    list-style: none !important;
}

.contacts-index-index p {
    font-family: 'Lato', sans-serif !important;
    font-style: normal;
    color: #212322;
}

.contacts-index-index select {
    border-radius: 6px !important;
    border: 1px solid #B4B4B4 !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: 16px !important;
    color: #212322 !important;
    padding-left: 16px !important;
    font-family: 'Lato', sans-serif !important;

    -webkit-appearance: none;
    outline: none;
    background: none;
    position: relative;
    display: inline-block;
    width: 100%;
}


.contacts-index-index select option {
    font-family: 'Lato', sans-serif !important;
    font-style: normal;
    color: #212322;
}

.contacts-index-index .formulario .select-box:after {
    font-size: 29px !important;
    top: 4px !important;
    right: 16px;
}

.contacts-index-index .main label {
    font-size: 16px !important;
    font-family: 'Lato', sans-serif !important;
    color: #212322 !important;
    font-weight: normal;
    padding-left: 16px !important;
    margin-bottom: 6px !important;
    height: 17px;
}

.contacts-index-index  span.required:after {
    color: #ff6720 !important;
}
.contacts-index-index label a {
    font-size: 16px !important;
}

.contacts-index-index li.wide {
    padding-top: 0;
}

.contacts-index-index li.wide label {
    margin-bottom: 8px !important;
}

.contacts-index-index textarea {
    margin-top: 0 !important;
    height: 120px;
    padding-left: 16px !important;
    font-size: 16px !important;
    font-family: 'Lato', sans-serif !important;
    color: #212322 !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: #ff6720 !important;
    float: right !important;
}

.scalize .content a.exit:hover{
    top:0 !important;
    right: 0 !important;
    color: #ff6720 !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: #006BBB !important;
}


.contacts-index-index .breadcrumbs {
    display: none;
}


.contacts-index-index h1 {
    font-family: 'Lato', sans-serif !important;
    font-size: 22px;
}

.contacts-index-index h1 i {
    color: #ff6720;
    font-size: 14px;
    vertical-align: middle;
}


.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: 'Lato', sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #212322 !important;
    text-transform: none !important;
}

.contacts-index-index h3 i {
    color: #ff6720;
    font-size: 12px;
    vertical-align: middle;
}

.contacts-index-index h4.tel-1 {
    border-bottom: solid 2px #F2F2F2;
    text-decoration: none;
}

.contacts-index-index h4.tel-1,
.contacts-index-index h4.tel-2 {
    width: max-content !important;
    z-index: 8;
    position: relative;
}


.border-contact-mobile {
    width: 100%;
    height: 3px;
    background: #ff6720;
    border-radius: 5px;
}


/*.scalize .item-point{
    background: none !important;
    border: none !important;
    width: 40px !important;
    height: auto !important;
}*/

.popBody h2 {
    font-family: 'Lato', sans-serif !important;
    font-size: 16px !important;
    font-weight: bold !important;
    color: #212322 !important;
    text-transform: none !important;
}

.popBody .popContentLeft {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    font-weight: normal !important;
    color: #212322 !important;
    text-transform: none !important;
    text-align: justify !important;
}

.easypin-popover .close-window {
    text-align: right;
    color: #ff6720;
    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: #212322;
}

.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: #ff6720;
    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;
}


.contacts-index-index .truper-check label::before {
    top: 5px !important;
    top: 5px !important;
}


/* Init Contact form MX */

.contacts-index-index .store-default.main-container.col1-layout {
    max-width: 1440px;
    padding-left: 0;
    padding-right: 0;
}

.contact-form-mx .checkbox-group input[type="checkbox"] {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    width: 15px;
    height: 15px;
    border: 1px solid #C3C9CD;
    border-radius: 4px;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
    outline: none;

}

/* Fondo naranja limpio al marcar */
.contact-form-mx .checkbox-group input[type="checkbox"]:checked {
    background-color: #f26522;
}

/* Palomita blanca */
.contact-form-mx .checkbox-group input[type="checkbox"]:checked::after {
    content: "";
    position: absolute;
    top: 2px;
    left: 1px;
    width: 20px;
    height: 18px;
    background-image: url('/media/contact/mx/check.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    pointer-events: none;
}

.contacts-index-index{
    .form-mx{
        p, h1, h2, h3, h4, h5, h6, span, label, input, textarea, select, button {
            font-family: 'Roboto', sans-serif !important;
        }
        select {
            appearance: none;
            -webkit-appearance: none;
            -moz-appearance: none;
            background-color: #fff;
            border: 1px solid #d1d5db;
            /* padding: 10px 40px 10px 15px; */
            font-size: 16px;
            border-radius: 6px;
            width: 100%;
            background-image: url('/media/contact/mx/select.svg');
            background-repeat: no-repeat;
            background-position: right 10px center;
            background-size: 16px;
            cursor: pointer;

            option {
                font-family: 'Roboto', sans-serif !important;
            }
        }

        .form-row-mx select:focus {
            outline: none;
            border-color: #2563eb;
            box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
        }

        .contacts-index-index h2 {
            font-size: 25px !important;
            font-weight: 100 !important;
        }

        .label-mx {
            padding-left: 0 !important;
        }

        .container{
            margin: 12px 0 !important;
            width: 100% !important;

            h1 {
                font-family: 'Roboto-light', serif !important;
                font-size: 32px !important;
                font-weight: normal !important;
                line-height: 35px;
                top: 20px;
                margin-bottom: 5% !important;
            }
            .cms-header{
                padding-left: 0 !important;
                margin-bottom: 12px;
                .col-xs-12 {
                    height: 50% !important;
                }
            }
            .cms-header:before{
                border-left: 0 !important;
            }
        }

        .contact-form-container-mx {
            max-width: 100%;
            margin: 0 auto;
        }

        .contact-form-mx {
            padding-left: 0 !important;

            .form-row-mx {
                display: flex;
                flex-wrap: wrap;
                gap: 30px;
                padding-bottom: 30px;
            }
        }

        .form-group-mx {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .form-group-mx.full-width-mx {
            width: 100%;
            margin-bottom: 20px;
        }

        .form-group-mx > label {
            font-size: 16px;
            margin-bottom: 10px !important;
            color: #212322;
            font-weight: bold;
        }
        .input-inline-mx > label {
            font-size: 16px;
            margin-bottom: 10px !important;
            color: #212322;
            font-weight: bold;
        }

        .required {
            color: #ff6720 !important;
        }

        input[type="text"],
        input[type="email"],
        input[type="tel"],
        select,
        textarea {
            /* padding: 10px 16px; */
            border: 1px solid #C3C9CD !important;
            border-radius: 6px;
            font-size: 16px;
            color: #212322;
            width: 100%;
            height: 40px;
        }

        textarea {
            resize: vertical;
            height: 73px;
            max-width: 720px !important;
        }

        .checkbox-group-mx {
            display: flex;
            gap: 10px;
            margin-bottom: 20px;
        }

        .btn-submit-mx {
            background-color: #C3C9CD;
            color: white;
            padding: 10px 30px;
            border: none;
            border-radius: 5px;
            cursor: pointer;
            width: 100%;
            max-width: 458px;
            opacity: 0.6;
            font-size: 16px !important;
        }

        .btn-submit-mx.enabled {
            background-color: #ff6a17;
            cursor: pointer;
            opacity: 1;
        }

        .client-support-mx {
            margin-top: 50px;
            h2 {
                font-family: 'Roboto-light', serif !important;
                font-size: 32px !important;
                font-weight: normal !important;
                line-height: 35px;
                top: 20px;
            }
        }

        .support-boxes-mx {
            display: flex;
            gap: 20px;
            margin-top: 20px;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .support-box-mx {
            background-color: #f3f3f3;
            padding: 20px;
            border-radius: 10px;
            flex: 1;
        }

        .support-box-mx .icon {
            font-size: 24px;
            margin-bottom: 10px;
        }

        /* # NUEVO: Título de sección */
        .section-title {
            font-size: 18px;
            font-weight: bold;
            color: #ff6720;
            margin: 20px 0 10px;
            display: block;
        }

        /* # Agrupación de inputs en línea */
        .form-group-inline-mx {
            display: flex;
            flex-direction: row;
            gap: 20px;
            flex: 1;
        }

        .input-inline-mx {
            flex: 1;
            display: flex;
            flex-direction: column;
        }

        .contact-method-options {
            display: flex;
            flex-wrap: wrap;
            padding-top: 5px;
            margin-left: 5px;
        }

        .checkbox-inline {
            display: flex;
            align-items: center;
            gap: 5px;
            font-size: 14px;
            color: #333;
        }

        .file-description{
            font-size: .8em !important;
        }

        .error-message {
            color: #C91621;
            font-size: 13px;
            margin-top: 4px;
            display: block;
        }

        /* input file*/
        .input-file-mx {
            display: block !important;
            width: 100%;
            padding:0;
            font-size: 15px;
            color: #374151;
            border: none;
            border-radius: 10px;
            background-color: transparent;
            cursor: pointer;
        }

        .input-file-mx::file-selector-button {
            padding: 10px 18px;
            background-color: #e5e7eb;
            color: #6b7280;
            border: none;
            border-radius: 10px 0 0 10px;
            font-weight: 500;
            margin-right: 12px;
            transition: background-color 0.2s ease-in-out;
        }

        .input-file-mx::file-selector-button:hover {
            background-color: #d1d5db;
        }

        .file-description {
            font-size: 14px;
            color: #4b5563;
            margin-top: 6px;
        }

        .btn-submit-container {
            display: flex;
            justify-content: flex-start;
            width: 100%;
            margin-top: 20px;
        }

    }

    /*Init popup*/
    .popup-dist {
        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-dist > div {
        background-color: #fff;
        display: inline-block;
        height: auto;
        max-width: 465px;
        vertical-align: middle;
        width: 60%;
        position: relative;
        border-radius: 8px;
        padding: 25px 15px 20px 25px;
        box-shadow: 0px 0px 6px 0px #C7CBD1;

    }

    .popup-dist > div  p.popup{
        font-family: Roboto !Important;
        font-size: 16px !important;
        font-weight: 400;
        line-height: 20px !important;
        text-align: left;
        text-underline-position: from-font;
        text-decoration-skip-ink: none;
        margin-bottom: 10px;
    }

    .popup-dist .helper {
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
    /*end popup*/

    #form-loader {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        background: rgba(0, 0, 0, .7);
        z-index: 9999;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        font-family: sans-serif;
        color: #333;
    }

    /* -- Móvil (max-width: 767px) -- */
    @media (max-width: 767px) {

        .store-default.main-container.col1-layout {
            padding: 15px !important;
        }

        /* Formulario en 1 columna */
        .contact-form-mx .form-row-mx .form-group-mx {
            flex: 0 0 100%;
        }

        .contact-form-mx .checkbox-group {
            display: flex;
            align-items: center;
            gap: 10px;
            margin-bottom: 15% !important;
            margin-right: 10px;
        }

        .contact-form-mx .checkbox-group input[type="checkbox"] {
            margin: 0;
            width: auto;
            flex-shrink: 0;
            position: relative;
        }

        .contact-form-mx .checkbox-group label {
            margin: 0;
            font-size: 15px;
            line-height: 1.4;
        }

        /* Tarjetas de atención en 1 columna */
        .support-boxes-mx .support-box-mx {
            flex: 0 0 100%;
        }

        .support-box-mx p{
            font-size: 15px !important;
        }

        .form-group-mx.full-width-mx > label[for="comment"] {
            white-space: normal !important;
            word-break: break-word;
            line-height: 1.3;
        }

        .form-group-mx.full-width-mx textarea {
            margin-top: 5% !important;
        }
        .btn-submit-mx {
            flex: 0 0 100% !important;
            max-width: 100% !important;
        }
    }

    /* -- Tablet (768px a 991px) -- */
    @media (min-width: 768px) and (max-width: 991px) {
        .contact-form-mx .form-row-mx .form-group-mx {
            flex: 0 0 calc(50% - 20px) !important; /* 2 columnas forzadas */
            max-width: calc(50% - 20px) !important;
        }
        .contact-form-mx .form-row-mx {
            gap: 40px !important;
        }

        .btn-submit-mx {
            flex: 0 0 calc(50% - 20px) !important;
            max-width: calc(50% - 20px) !important;
        }
    }

    /* -- Desktop (min-width: 992px) -- */
    @media (min-width: 992px) {
        /* Formulario en 3 columnas */
        .contact-form-mx .form-row-mx .form-group-mx {
            flex: 0 0 calc(33.3333% - 20px);
        }
        /* Tarjetas de atención en 3 columnas */
        .support-boxes-mx .support-box-mx {
            flex: 0 0 calc(50% - 10px);
        }
        .btn-submit-mx {
            flex: 0 0 calc(33.3333% - 20px);
            max-width: calc(33.3333% - 20px);
        }
    }

    @media (max-width: 450px) {
        .popup-dist > div {
            width: 85%;
        }
        .popup-dist > div p {
            margin-bottom: 10px !Important;
        }
    }
}

/* End Contact form MX */



/* CMS TITLES AND SUBTITLES  START */

.general-site-title {
    font-size: 22px;
    text-align: left;
    font-weight: bold;
    color: #212322;
    margin: 0 0 0 0.05em;
    padding-left: 10px;
}

.general-site-title:before {
    content: "";
    position: absolute;
    left: 77px;
    top: 46px;
    height: 20px;
    width: 1px;
    border-left: 3px solid #ff6720;
}

.contacts-index-index .visible-xs-block-custom {
    display: none;
}

.contacts-index-index .hidden-xs-custom {
    display: block;
}


@media (max-width: 1024px) {
    .contacts-index-index .visible-xs-block-custom {
        display: block !important;
    }

    .contacts-index-index .col-sm-6.visible-xs-block-custom {
        width: 100% !important;
    }

    .contacts-index-index .hidden-xs-custom {
        display: none !important;
    }

    .contacts-index-index  .col-sm-6.formulario {
        width: 100% !important;
    }
}


@media (max-width: 700px) {

    .general-site-title {
        font-size: 20px !important;
        text-align: left !important;
    }
}



/* CMS TITLES AND SUBTITLES  ENDS */

@media (max-width: 1200px) {


    .cms-videos h2 {
        font-size: 1.2vw;
    }

}

@media (max-width: 990px) {
    .cms-videos h2 {
        font-size: 1.2vw;
    }

    .cms-header h1 {
        top: 0;
    }
}


@media (max-width: 770px) {

    .cms-header h1 {
        font-size: 20px !important;
    }

    .contacts-index-index h1 {
        font-size: 19px;
    }

    .contacts-index-index .links-atencion .atencion .preguntas {
        border-bottom: solid 2px #4b4b4b !important;
        width: 154px;
    }

    .contacts-index-index .links-atencion .imagen-atencion {
        width: 70% !important;
        float: right !important;
        position: relative;
        left: 30% !important;
        top: -19px !important;
    }

    .contacts-index-index h4.tel-1 {
        border-bottom: solid 2px black;
    }

    .contacts-index-index h4.preguntas, .contacts-index-index h4.tel-1 {
        left: 20%;
        position: relative;
    }

    .store-map-link {
        color: #ff6720 !important;
        font-weight: 600 !important;
        text-decoration: underline;
    }

    .address-after-icon-tels {
        position: relative;
        top: 6px;
    }

    .address-after-icon-tels a {
        color: #212322;
        text-decoration: underline;
    }

    .panel-group .panel-body img {
        left: 13px !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;
    }

}


/************  VALORES ************/

.valores, .us {
    padding-left: 10px !important;
}

.valores h2, .us h2 {
    border-bottom: 0 !important;
    padding-left: 15px;
    font-size: 22px;
}

.valores h2:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 3px;
    height: 20px;
    width: 1px;
    border-left: 3px solid #ff6720;
}

.us h2:before {
    content: "";
    position: absolute;
    left: 6px;
    top: 3px;
    height: 20px;
    width: 1px;
    border-left: 3px solid #ff6720;
}

.us.text-center.valores-title {
    padding: 0 !important;
}

.cms-distribuidor h1, .cms-distribuidor h2 {
    font-size: 22px;
}

.comunidad h2, .aviso h2 {
    display: inline-block;
    line-height: 70px;
    vertical-align: middle;
    margin: 0 !important;
    text-transform: none !important;
    color: #212322 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 22px;
    font-weight: 600 !important;
    top: 2px;
    padding-left: 10px;
}

.comunidad h2:before, .aviso h2:before {
    content: "";
    position: absolute;
    left: 0;
    top: 25px;
    height: 20px;
    width: 1px;
    border-left: 3px solid #ff6720;
}


.custom-text, .contacts-index-index p {
    font-size: 16px;
}

.cms-manuales .main-container.col1-layout {
    height: fit-content;
}

@media (max-width: 768px) {

    h3, .h3, .contacts-index-index p {
        font-size: 17px !important;

    }

    .custom-text {
        font-size: 17px !important;
        line-height: 1.5;
    }

    .comunidad h2, .aviso h2 {
        font-size: 20px !important;
    }

    .valores h2, .us h2 {
        font-size: 20px !important;
    }

    .cms-distribuidor h1, .cms-distribuidor h2 {
        font-size: 20px !important;
    }
}


@media (max-width: 522px) {
    .us h2:before {
        height: 50px !important;
        top: 1px;
    }
}


@media (max-width: 1024px) {
    .cms-header:before {
        top: 24px;
    }
}

@media (max-width: 1024px) {
    .contacts-index-index .hidden-xs {
        display: none !important;
    }

    .contacts-index-index .col-sm-6.formulario {
        width: 100% !important;
    }

    .contacts-index-index #contactForm {
        padding-left: 0 !important;
    }
}


@media (max-width: 479px) {
    .cms-header:before {
        top: 25px;
        left: 16px;
    }
}


/************************/

.cms-bolsa-de-trabajo{
    font-family: 'Lato', sans-serif !important;
    font-style: normal !important;
    color: #212322 !important;
}

.cms-bolsa-de-trabajo .std p{
    font-size: 18px !important;
    font-family: 'Lato', sans-serif !important;
    font-style: normal !important;
    /*color: #212322;*/
}

/*.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: 'Lato', sans-serif !important;
    font-size:25px;
}

.cms-bolsa-de-trabajo h1 i{
    color: #ff6720;
    font-size: 14px;
    vertical-align: middle;
}


.cms-bolsa-de-trabajo .breadcrumbs{
    display: none;
}

#formCV label{
    display: block !important;
    font-size: 16px !important;
    font-family: 'Lato', sans-serif !important;
    color: #212322 !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: 'Lato', sans-serif !important;
    font-size:20px;
    font-weight: bold;
    color: #ff6720  !important;
    margin: 0 0 40px 0 !important;
    /*border-bottom: 3px solid #ff6720;*/
    padding-bottom: 20px;

}


.cms-bolsa-de-trabajo #formCV h3{
    font-family: 'Lato', sans-serif !important;
    font-size:20px;
    font-weight: bold;
    color: #212322 ;
    margin: 0 !important;
    padding-bottom: 10px;
    border-bottom: 3px solid #ff6720;;
}


.cms-bolsa-de-trabajo h3 i{
    color: #ff6720 ;
}


.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: #ff6720;
    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 silver;
    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: 'Lato', sans-serif !important;
    background: #fff !important;
    color: #ff6720 !important;
    min-height: 30px;
    padding: 0 10px;
    border: 1px solid #ff6720;
    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: #ff6720;
    font-weight: bold;
}

#formCV a:hover{
    color: #ff6720;
    text-decoration: none !important;
}


#paso3-btn{

    display: block !important;
    /*margin: 0 auto;*/
    margin-top: -7px !important;

}


#formCV .validation-advice{
    /*display: inline-block !important;*/
}


.cms-bolsa-de-trabajo .std p.file-details{
    font-family: 'Lato', 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;
    }
}*/


.custom-btn {
    z-index: 999 !important;
}

.cms-distribuidor {
    font-family: 'Lato', sans-serif !important;
    font-style: normal !important;
}

.cms-distribuidor .std p {
    font-size: 16px !important;
    font-family: 'Lato', sans-serif !important;
    font-style: normal !important;
    /*color: #212322;*/
}

.cms-distribuidor .dist-form .no-seleccionable:after {
    content: "" !important;
}

/*.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 #ff6720;
}

#formDist .truper-check input[type="checkbox"] {
    width: auto !important;

}


.cms-distribuidor h1 {
    font-family: 'Lato', sans-serif !important;
}

.cms-distribuidor h1 i {
    color: #ff6720;
    font-size: 14px;
    vertical-align: middle;
}


.cms-distribuidor .breadcrumbs {
    display: none;
}


.cms-distribuidor .std select {

    border-radius: 6px !important;
    border: 1px solid #D8DCDF !important;
    height: 40px !important;
    min-width: 40px !important;
    font-size: 16px !important;
    color: #212322 !important;
    padding-left: 16px !important;
    font-family: 'Lato', sans-serif !important;

    -webkit-appearance: none;
    outline: none;
    background: none;
    position: relative;
    display: inline-block;
    width: 100%;
}

.cms-distribuidor .select-box:after {
    pointer-events: none;
    font-size: 11px !important;
    top: 13px !important;
    right: 16px !important;
    content: "\f078" !important;
    color: #232322 !important;
}

.cms-distribuidor .input-round-truper {
    border: 1px solid #D8DCDF !important;
}

.cms-distribuidor textarea {
    max-width: 100% !important;
    border: 1px solid #D8DCDF !important;
    border-radius: 6px !important;
    min-height: 84px !important;
}

.cms-distribuidor form fieldset .dudas-movil {
    display: none;
}

.cms-distribuidor form fieldset .dudas {
    font-family: Roboto !important;
    font-size: 20px !important;
    font-weight: bold;
    line-height: 26px;
    text-align: left;
    color: #333F48 !important;
    margin-bottom: 10px;
    margin-top: 20px;
}

.cms-distribuidor form fieldset .dudas-phone {
    font-family: Roboto-regular !important;
    font-size: 32px !important;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    color: #FF6720 !important;
    margin-bottom: 0;
}

.cms-distribuidor .std label {
    display: block !important;
    font-size: 16px !important;
    font-family: Roboto-regular !important;
    color: #333F48 !important;
    font-weight: 500;
    /*padding-left: 16px !important;*/
    margin-bottom: 6px !important;
    height: 17px;
}

.cms-distribuidor .std label .required {
    opacity: 1 !important;
}

.cms-distribuidor .std label.custom-label-dist {
    margin-bottom: 7px !important;
}

.cms-distribuidor .coments-textarea textarea {
    margin-top: 0 !important;
    height: 120px;
    padding-left: 16px !important;
    font-size: 16px !important;
    font-family: 'Lato', sans-serif !important;
    color: #212322 !important;
}

.cms-distribuidor span.required:after {
    color: #C91621 !important;
    font-size: 20px;
    top: 2px;
    position: relative;
    left: -2px;
}

.Mex p.campos-obligatorios {
    font-family: Roboto-regular !important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 18.8px;
    float: right;
    color: #C91621 !important;
    position: relative;
    top: 47px;
}

.cms-distribuidor h3.aviso {
    font-family: Roboto !important;
    font-size: 18px !important;
    font-weight: bold;
    line-height: 24px;
    text-align: left;
    color: #333F48 !important;
    text-transform: none;
    margin-bottom: 15px !important;
}

.cms-distribuidor h3.aviso-negocio {
    margin-top: 30px !important;
}

.Mex p.aviso-text i {
    color: #ff6720 !important;
}


.cms-distribuidor h2 {
    margin-bottom: 10px !important;
}

.cms-distribuidor .form-title {
    min-height: 24px;
}

.EUA,
.LA, .RM, .CA, .CAR, .SA {
    display: none;
}

.LA p.campos-obligatorios, .CA p.campos-obligatorios, .CAR p.campos-obligatorios, .SA p.campos-obligatorios, .EUA p.campos-obligatorios, .RM p.campos-obligatorios {
    font-family: Roboto-regular !important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 18.8px;
    float: right;
    color: #EE7272 !important;
    position: relative;
    top: 47px;
}

.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: 'Lato', sans-serif !important;
    color: #212322 !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-light !important;
    font-size: 32px !important;
    font-weight: 300;
    line-height: 37.5px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #232322 !important;
}

.cms-distribuidor .row .col-xs-12 .dist-mex-p {
    font-family: Roboto !important;
    font-size: 18px !important;
    font-weight: 400;
    line-height: 18.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #232322 !important;
    margin-top: 10px;
}

.cms-distribuidor .row .col-xs-12 .dist-mex-p.tablet {
    display: none;
}

.cms-distribuidor .row .col-xs-12 .dist-mex-p.movil {
    display: none;
}


.cms-distribuidor .row .col-xs-12 .dist-mex-p.desk {
    display: block;
}


.cms-distribuidor .row .col-xs-12.form-title .orange {
    font-family: Roboto !important;
    font-size: 18px !important;
    font-weight: 700;
    line-height: 24px !important;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ff6720 !important;
    float: left;
}

.cms-distribuidor .row .col-xs-12.form-title .warning {
    font-family: Roboto !important;
    font-size: 14px !important;
    font-weight: 400;
    line-height: 18.8px;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #C91621 !important;
    float: right;
    margin-bottom: 0;
}


.cms-distribuidor .row.form-contacto {
    margin-bottom: 0;
}

.cms-distribuidor .row.form-contacto .col-sm-4 label.custom-label-dist,
.cms-distribuidor .row.form-contacto .col-sm-4 label,
.cms-distribuidor .row.form-contacto .col-md-2  label,
.cms-distribuidor .row.form-contacto .col-sm-2  label,
.cms-distribuidor .row.form-contacto .col-md-4  label,
.cms-distribuidor .row.form-contacto .col-md-6  label,
.cms-distribuidor .row.form-contacto .col-md-8  label,
.cms-distribuidor .row.form-contacto .col-sm-6  label,
.cms-distribuidor .row.form-contacto .col-sm-4 label.custom-label-dist,
.cms-distribuidor .row.form-contacto .col-sm-8 label {
    font-family: Roboto !important;
    font-size: 16px !important;
    font-weight: 600;
    line-height: 18.75px !important;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #333F48 !important;
    padding-left: 0 !important;
    height: auto;
}

.cms-distribuidor .row.form-contacto .col-sm-4 select::placeholder,
.cms-distribuidor .row.form-contacto .col-sm-4 input::placeholder,
.cms-distribuidor .row.form-contacto .col-md-4  select::placeholder,
.cms-distribuidor .row.form-contacto .col-md-2  select::placeholder,
.cms-distribuidor .row.form-contacto .col-sm-2  select::placeholder,
.cms-distribuidor .row.form-contacto .col-md-6  input::placeholder,
.cms-distribuidor .row.form-contacto .col-sm-6  input::placeholder,
.cms-distribuidor .row.form-contacto .col-md-8  input::placeholder,
.cms-distribuidor .row.form-contacto .col-sm-8 input::placeholder {
    font-family: Roboto !important;
    font-weight: 400 !important;
}

.cms-distribuidor .row.form-contacto .col-sm-4 input, .cms-distribuidor .row.form-contacto .col-sm-4 select, .cms-distribuidor .row.form-contacto .col-sm-8 input {
    height: 40px;
    padding: 8px 16px;
    gap: 8px;
    border-radius: 6px;
    border: 1px solid #D8DCDF;
}

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

.cms-distribuidor .row.form-contacto .col-sm-4 input, .cms-distribuidor .row.form-contacto .col-sm-4 .select-box:after {
    content: "\f078" !important;
    color: #232322 !important;
    font-size: 15px !important;
    top: 10px !important;
}

.cms-distribuidor .row.form-contacto .col-sm-4 input, .cms-distribuidor .row.form-contacto textarea {
    width: 100% !important;
    max-width: 100% !important;
}

.cms-distribuidor .row.form-contacto .col-sm-6.form-messages .blue,
.cms-distribuidor .row.form-contacto .col-md-4.form-messages .blue {
    font-family: Roboto !Important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 26px !important;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #333F48 !important;
    margin-bottom: 0 !important;
    margin-top: 20px;
}

.cms-distribuidor .row.form-contacto .col-sm-6 input,
.cms-distribuidor .row.form-contacto .col-md-4 input,
.cms-distribuidor .row.form-contacto .col-md-8 input,
.cms-distribuidor .row.form-contacto .col-md-4.form-messages .blue.second,
.cms-distribuidor .row.form-contacto .col-sm-6.form-messages .blue.second {
    margin-bottom: 0;
    margin-top: 0;
}


.cms-distribuidor .row.form-contacto .col-sm-6.form-messages .orange,
.cms-distribuidor .row.form-contacto .col-md-4.form-messages .orange {
    font-family: Roboto !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 24px !important;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    color: #ff6720 !important;
    padding: 0 0 8px 0;
    display: flex;
    align-items: center;
}

.cms-distribuidor .row.form-contacto .col-sm-6.form-messages .orange span,
.cms-distribuidor .row.form-contacto .col-md-4.form-messages .orange span {
    font-family: Roboto !important;
    font-weight: 400;
    font-size: 14px;
    line-height: 16.41px;
    letter-spacing: 0px;
    margin-left: 8px;
}

.cms-distribuidor .form-title.negocio {
    margin-bottom: 0;
    margin-top: 24px;
}

/*
.cms-distribuidor h2:before {
    content: "";
    position: absolute;
    left: 15px;
    top: 3px;
    height: 19px;
    width: 1px;
    border-left: 3px solid #ff6720;
}
 */

.cms-distribuidor h3 {
    font-family: 'Lato', sans-serif !important;
    font-size: 20px;
    font-weight: bold;
    color: #212322;
    margin: 0 !important;
}


.cms-distribuidor h3 i {
    color: #ff6720;
}


/*#formCV .select-box{
    display: block;
    position: relative;
}*/

/*#formCV .select-box:after{
    content: "\f0d7";
    color: #ff6720;
    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: #ff6720;
    font-weight: bold;
}

.dist-form a:hover {
    color: #ff6720;
    text-decoration: none !important;
}


.dist-form .validation-advice {
    display: inline-block;
    position: absolute;
    width: 100%;
    left: 16px;
    top: 67px;
}

.dist-form .select-box .validation-advice {
    left: 0;
    top: 39px;
}

.dist-form .coment-text .validation-advice {
    left: 16px;
    top: 107px;
}

.dist-form .truper-check label {
    font-weight: lighter !important;

}


.dist-main-text span {
    color: #ff6720;
}

.dist-main-text h3 {
    height: 30px;
    line-height: 20px;
    text-transform: none !important;
    vertical-align: middle;
    font-weight: normal !important;
    font-size: 16px;
    position: relative;
    top: 19px;
}

.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: #212322 !important;
    font-family: 'Lato', sans-serif !important;
    font-size: 30px;
    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;*/
}

/* Cambio custom en la validacion required del campo comments */

.boxsizingBorder {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.coments-textarea textarea {
    margin-top: 2px !important;
}

.coments-textarea .validation-advice {
    position: relative;
    top: -257px;
}


.cms-distribuidor .privacidad-link {
    margin-top: 20px;
}

.cms-distribuidor .privacidad-link p {
    font-size: 15px;
    color: #212322;
    margin-bottom: 5px;
}

.cms-distribuidor .privacidad-check {
    margin-bottom: 24px;
    margin-top: 24px;
}

.cms-distribuidor .privacidad-check input {
    height: 18px;
    float: left;
    width: 18px !important;
    position: relative;
    left: 0;
    top: -4px;
    margin-right: 5px;
    z-index: 9 !important;
}

.cms-distribuidor .custom-input-checkbox {
    height: 18px;
    float: left;
    width: 18px !important;
    position: absolute;
    left: 0;
    top: 2px;
    margin-right: 5px;
    z-index: 100;
    background: transparent;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    text-align: center;
}

.cms-distribuidor .custom-input-checkbox .fa-check {
    color: white;
    position: relative;
    vertical-align: text-top;
    bottom: 1px;
}

.cms-distribuidor .custom-input-checkbox.checked {
    background-color: #ff6720 !important;
}

.cms-distribuidor .privacidad-check span {
    font-family: Roboto-regular !important;
    position: relative;
    top: -1px;
    font-size: 15px;
    color: #333F48;
    left: 25px;
}

.cms-distribuidor .privacidad-check span a {
    font-family: Roboto-regular !important;
    font-size: 15px;
    color: #006BBB !important;
    font-weight: normal !important;
}

.cms-distribuidor .privacidad-check .validation-advice {
    position: absolute;
    top: 25px;
    left: 0;
}

.cms-distribuidor .form-actions {
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}

.cms-distribuidor .form-actions .btn-truper {
    width: 100% !important;
    margin-top: 0 !important;
    position: relative;
    top: 0;
}

.cms-distribuidor .input-round-truper::placeholder {
    font-size: 14px !important;
}

.cms-distribuidor .std form fieldset select {
    font-size: 14px !important;
}

.custom-dist-col-desk {
    display: block;
}

.custom-dist-col-tablet {
    display: none;
}

.cms-distribuidor form fieldset {
    padding-bottom: 0 !important;
}

.cms-distribuidor .form-desk {
    display: block;
}

.cms-distribuidor .form-tablet {
    display: none;
}

.cms-distribuidor .privacidad-check .span-movil {
    display: none;
}

.cms-distribuidor p.required, .validation-advice {
    font-family: Roboto-regular !important;
    color: #EE7272 !important;
}

.cms-distribuidor .input-round-truper, .cms-distribuidor .std .select-box select, .cms-distribuidor .input-round-truper::placeholder, .cms-distribuidor .std .select-box select::placeholder, .cms-distribuidor textarea, .cms-distribuidor textarea::placeholder {
    font-family: Roboto-regular !important;
    font-size: 16px !important;
}

.cms-distribuidor .row.form-contacto .col-md-4.form-messages.tablet {
    display: none;
}

.cms-distribuidor .row.form-contacto .col-md-4.form-messages.desk {
    display: block;
}

.cms-distribuidor .row.form-contacto .col-md-4.form-messages .orange {
    margin-top:  10px !important;
    padding-bottom: 0;
}

.popup-dist {
    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-dist > div {
    background-color: #fff;
    display: inline-block;
    height: auto;
    max-width: 465px;
    vertical-align: middle;
    width: 60%;
    position: relative;
    border-radius: 8px;
    padding: 25px 15px 20px 25px;
    box-shadow: 0px 0px 6px 0px #C7CBD1;

}

.popup-dist > div  p.popup{
    font-family: Roboto !Important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 20px !important;
    text-align: left;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    margin-bottom: 10px;
}

.popup-dist .helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.popupCloseButton {
    border: 3px solid;
    cursor: pointer;
    display: inline-block;
    color: #FFF;
    width: 93px;
    height: 40px;
    padding: 8px 16px;
    gap: 0px;
    border-radius: 8px;
    background-color: #0957D0;
    font-family: Roboto !Important;
    font-size: 16px !important;
    font-weight: 400;
    line-height: 18.8px !important;
    text-align: center;
    text-underline-position: from-font;
    text-decoration-skip-ink: none;
    float: right;

}

.cms-distribuidor .form-actions .btn-truper#sender {
    background: #C3C9CDCC !important;
}

.cms-distribuidor .form-actions .btn-truper#sender.btn-truper-orange {
    background: #ff6720 !important;
}

.cms-distribuidor .mt-80 {
    margin-top: 80px !important;
}

.cms-distribuidor  p.required,
.cms-distribuidor  .validation-advice {
    margin: 0 !important;
}

.cms-distribuidor  .input-box.contact {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 40px;
}

.cms-distribuidor .dist-contact-preference.mail {
    margin-right: auto;
}

.cms-distribuidor .dist-contact-preference.cell {
    margin: 0 auto;
}

.cms-distribuidor .dist-contact-preference.visit {
    margin-left: auto;
}

.cms-distribuidor  .input-box.contact label {
    display: inline-block;
    margin-right: 10px;
}

.cms-distribuidor .contact-checkbox:checked + label {
    background-color: #ff6720;
}

.cms-distribuidor .dist-contact-preference {
    display: flex;
    align-items: center;
    height: 40px;
}

.cms-distribuidor .dist-contact-preference .custom-input-checkbox {
    height: 18px;
    float: left;
    width: 18px !important;
    position: relative;
    left: 0;
    top: 0;
    margin-right: 8px;
    z-index: 1;
    background: transparent;
    border: 1px solid #c1c1c1;
    border-radius: 3px;
    text-align: center;
}

.cms-distribuidor .dist-contact-preference span {
    font-family: Roboto !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 18.75px;
    letter-spacing: 0;
    color: #333F48 !important;
}

.cms-distribuidor span.required.white:after{
    color: #fff !important;
}

@media (max-width: 1477px) {
    p.required, .validation-advice {
        font-size: 12px !important;
    }
}

@media (max-width: 1450px) {
    p.required, .validation-advice {
        font-size: 13px !important;
    }
}

@media (max-width: 1436px) {
    .cms-distribuidor h2 {
        font-size: 2.5vw;
    }
}

@media (max-width: 1392px) {
    .cms-distribuidor h2 {
        font-size: 2.4vw;
    }
}

@media (max-width: 1328px) {
    p.required, .validation-advice {
        font-size: 12px !important;
    }
}

@media (max-width: 1310px) {

    .cms-distribuidor h2 {
        font-size: 2.7vw;
    }
}

@media (max-width: 1256px) {

    .cms-distribuidor .message .m {
        padding-right: 80px;
    }

    .cms-distribuidor .row .col-xs-12 .dist-mex-p {
        line-height: 24.8px;
    }
}

@media (max-width: 1249px) {
    .cms-distribuidor p.required, .validation-advice {
        font-size: 11px !important;
    }
}

@media (max-width: 1211px) {
    .dist-form .validation-advice {
        font-size: 10px !important;
    }
}

@media (max-width: 1091px) {
    .dist-form .validation-advice {
        font-size: 9px !important;
    }
}

@media (max-width: 1059px) {
    .dist-form .validation-advice {
        font-size: 9px !important;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    .cms-distribuidor .form-actions {
        margin-bottom: 32px !important;
    }

    .cms-distribuidor .form-title.negocio {
        margin-top: 32px;
    }

    .home-grid-container .home-grid .home-grid-title h1 {
        margin-bottom: 32px;
    }

    .cms-distribuidor .Mex.dist-form .privacidad-check .input-box {
        padding-top: 0;
    }

    .cms-distribuidor .privacidad-check  .custom-input-checkbox {
        top: 0 !important;
    }

    .cms-distribuidor .privacidad-check  span {
        top: 0 !important;
    }
}


@media (max-width: 1024px) {
    .custom-dist-col-desk {
        display: none;
    }

    .custom-dist-col-tablet {
        display: block;
    }

    .custom-dist-col-tablet .contact {
        display: flex;
        margin: 30px 0 5px 0;
        padding-left: 17px;
    }
}

@media (max-width: 991px) {

    .cms-distribuidor .form-actions {
        margin-bottom: 0;
    }

    .cms-distribuidor .custom-input-checkbox {
        top: 7px;
    }

    .cms-distribuidor .privacidad-check .validation-advice {
        position: absolute;
        top: 30px;
        left: 0;
    }


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

    .dist-form .coment-text .validation-advice {
        left: 16px;
        top: 179px;
    }

    .cms-distribuidor .tablet-segundo {
        margin-bottom: 0 !important;
    }

    .cms-distribuidor .Mex.dist-form .privacidad-check {
        padding-left: 0 !important;
    }

    /*
        .cms-distribuidor .privacidad-check {
            padding-left: 15px !important;
        }
        */


    .cms-distribuidor .privacidad-check span {
        top: 4px;
    }

    .cms-distribuidor .row .col-xs-12 .dist-mex-p.tablet {
        display: block;
        margin-bottom: 10px;
    }

    .cms-distribuidor .row .col-xs-12 .dist-mex-p.movil {
        display: none;
    }

    .cms-distribuidor .row .col-xs-12 .dist-mex-p.desk {
        display: none;
    }

    #rcode .captcha .g-recaptcha > div {
        width: 100% !important;
    }

    #rcode {
        margin-bottom: 20px;
        position: relative !important;
        left: 0 !important;
        bottom: 8px !important; ;
    }

    .cms-distribuidor .tablet-right {
        float: left;
    }

    .cms-distribuidor .row.form-contacto .col-md-4.form-messages.desk {
        display: none;
    }

    .cms-distribuidor .row.form-contacto .col-md-4.form-messages.tablet {
        display: block;
    }

    .cms-distribuidor .row.form-contacto .col-md-4.form-messages .orange {
        margin-left: 10px !important;
        top: 0;
        position: relative;
        display: inline;
    }



    .cms-distribuidor .form-tablet .dudas {
        font-size: 15px !important;
        margin-bottom: 0;
    }

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

    .cms-distribuidor h2 {
        font-size: 28px;
    }

    .cms-distribuidor .privacidad-check input {
        z-index: 999;
    }

    .dist-form .validation-advice {
        font-size: 13px !important;
    }

    .cms-distribuidor .form-desk {
        display: none;
    }

    .cms-distribuidor .form-tablet {
        display: block;
    }

    .cms-distribuidor .form-tablet .dudas {
        font-size: 16px !important;
        margin-bottom: 0;
    }

    .cms-distribuidor .form-tablet .dudas-2 {
        font-size: 16px !important;
        margin-bottom: 0;
        margin-top: 0 !important;
    }

    .cms-distribuidor .form-tablet .dudas-phone {
        font-size: 24px !important;
    }

    .custom-dist-col-tablet .contact {
        padding-left: 8px;
    }

    .cms-distribuidor .privacidad-check p {
        font-family: Roboto-regular !important;
        position: relative;
        top: -1px;
        font-size: 16px;
        color: #333F48;
        padding-left: 30px;
    }

    .cms-distribuidor .privacidad-check p a {
        font-family: Roboto-regular !important;
        font-size: 15px;
        color: #006BBB !important;
        font-weight: normal !important;
    }

    .cms-distribuidor .privacidad-link {
        margin-top: 0;
    }

    .coments-textarea .validation-advice {
        top: -7px;
        left: -449px;
    }

    .cms-distribuidor .privacidad-check input {
        top: 1px;
    }

    .cms-distribuidor textarea {
        min-height: 152px !important;
    }

    #rcode.LA-code, #rcode.CA-code, #rcode.CAR-code, #rcode.SA-code, #rcode.EUA-code, #rcode.RM-code {
        bottom: 116px;
    }

}

@media (max-width: 990px) and (min-width: 768px) {
    .no-tablet{
        display: none;
    }
}

@media (max-width: 1089px) and (min-width: 1025px) {
    .cms-distribuidor .row.form-contacto .col-sm-6.form-messages .orange, .cms-distribuidor .row.form-contacto .col-md-4.form-messages .orange {
        font-size: 30px !important;
    }

    .cms-distribuidor .row.form-contacto .col-sm-6.form-messages .orange span, .cms-distribuidor .row.form-contacto .col-md-4.form-messages .orange span {
        font-size: 12px;
        line-height: 13.41px;
    }
}

@media (max-width: 991px) and (min-width: 769px){
    .cms-distribuidor .row.form-contacto .col-md-4.form-messages .orange {
        margin-top: 0 !important;
        float: none !important;
        padding: 0 !important;
        display: flex;
    }

    .cms-distribuidor .row.form-contacto .col-sm-6.form-messages .blue, .cms-distribuidor .row.form-contacto .col-md-4.form-messages .blue {
        display: flex;
        align-items: center;
    }
}

@media (max-width: 922px) and (min-width: 769px){
    .cms-distribuidor .row.form-contacto .col-sm-6.form-messages .blue, .cms-distribuidor .row.form-contacto .col-md-4.form-messages .blue {
        font-size: 15px !important;
    }

    .cms-distribuidor .row.form-contacto .col-sm-6.form-messages .orange, .cms-distribuidor .row.form-contacto .col-md-4.form-messages .orange {
        font-size: 27px !important;
    }
}

@media (max-width: 915px) {
    .cms-distribuidor .message .m {
        padding-right: 15px;
    }
}

@media (max-width: 850px) {
    .custom-dist-col-tablet .contact {
        padding-left: 23px;
    }

    .cms-distribuidor .message .m {
        padding-right: 90px;
    }
}

@media (max-width: 829px) {
    .col-sm6-custom {
        width: 50% !important;
    }
}

@media (max-width: 829px) and (min-width: 768px) {

    .dist-form .validation-advice {
        font-size: 12px !important;
    }
}

@media (max-width: 1180px) and (min-width: 820px) {

    .cms-distribuidor .mt-80 {
        margin-top: 50px !important;
    }

    .cms-distribuidor .privacidad-check {
        margin-bottom: 32px;
        margin-top: 32px;
    }

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

    .cms-distribuidor .Mex h2 {
        margin-bottom: 8px !important;
    }

    .cms-distribuidor .dist-mex {
        margin-bottom: 8px !important;
    }
}

@media (max-width: 788px) {
    .dist-form .validation-advice {
        font-size: 11px !important;
    }

    .cms-distribuidor .form-tablet .dudas {
        font-size: 14px !important;
        margin-bottom: 0;
    }

}

@media (max-width: 787px) {
    .cms-distribuidor .message .m {
        padding-right: 88px;
    }
}

@media (max-width: 785px) {
    .cms-distribuidor .message .m {
        padding-right: 75px;
    }
}

@media (max-width: 770px) {
    /*
        .pl-0 {
            padding-left: 15px !important;
        }
     */
    .cms-distribuidor .std select.select-categoria {
        font-size: 13px;
    }

    .tel h4 a {
        font-size: 7vw;
    }

    .visible-xs img {
        position: relative;
        left: 37%;
        top: -3px;
    }

    .cms-distribuidor .privacidad-check .input-box p {
        font-size: 16px !important;
    }

    #rcode {
        bottom: 108px;
    }

}

@media (max-width: 768px) {

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

    .mov-aviso-sep {
        display: none;
    }

    .cms-distribuidor .row.form-contacto .col-md-4.form-messages .orange {
        display: flex !important;
    }

    .cms-distribuidor .row.form-contacto .col-md-4.form-messages .orange .separator {
        display: none;
    }


    .cms-distribuidor .input-box.contact {
        flex-flow: column;
        height: auto;
    }

    .cms-distribuidor .dist-contact-preference.cell {
        margin: 0 0 0 0;
        margin-right: auto;
    }

    .cms-distribuidor .dist-contact-preference.visit {
        margin: 0 0 0 0;
        margin-right: auto;
    }

    .cms-distribuidor .message .m {
        padding-right: 15px;
    }

    .cms-distribuidor .form-actions {
        margin-bottom: 40px;
    }


    .cms-distribuidor .form-actions #rcode #captcha-required {
        padding: 0 20px;
    }

    .cms-distribuidor .form-actions #rcode {
        margin-bottom: 0 !Important;
    }

    .cms-distribuidor .custom-input-checkbox {
        top: 3px;
    }

    .cms-distribuidor .tablet-right {
        padding-left: 20px !important;
        padding-right: 20px !important;
    }

    .cms-distribuidor  .captcha {
        margin: 0 0 0 20px !important;
    }

    .cms-distribuidor .row.form-contacto .col-sm-6.form-messages .blue, .cms-distribuidor .row.form-contacto .col-md-4.form-messages .blue {
        font-size: 16px !important;
        margin-top: 0;
    }

    .cms-distribuidor .mt-30 {
        height: auto !important;
    }

    .cms-distribuidor .home-grid-container .home-grid-title {
        position: relative;!important;
        margin-bottom: 0;
        height: auto;
    }

    .cms-distribuidor .home-grid-container .home-grid-title h1 {
        top: 0;
        position: relative;
    }

    .home-grid-container {
        margin: 200px auto 90px auto !important;
    }

    .cms-distribuidor .row .col-xs-12.form-title .orange {
        width: 100%;
    }

    .cms-distribuidor .row.form-contacto .col-md-4.form-messages.desk .blue, .cms-distribuidor .row.form-contacto .col-md-4.form-messages.desk .orange  {
        width: 100%;
    }

    .cms-distribuidor row.form-contacto .col-md-4.form-messages.desk {
        display: block;
    }

    .cms-distribuidor .row.form-contacto .form-messages.desktop {
        display: none !important;
    }

    .cms-distribuidor .row.form-contacto .col-md-4.form-messages .orange {
        top: 0;
        margin-left: 0 !important;
        margin-top: 10px !important;
        font-size: 24px !important;
    }

    .cms-distribuidor .row.form-contacto .col-md-4.form-messages.desk {
        display: block;
    }

    .cms-distribuidor .row.form-contacto .col-md-4.form-messages.tablet {
        display: none;
    }

    .cms-distribuidor .form-title.negocio {
        margin-bottom: 0;
    }

    .cms-distribuidor .row .col-xs-12.form-title .warning {
        float: left;
        margin-bottom: 10px !important;
    }

    .cms-distribuidor .row .col-xs-12 .dist-mex-p {
        font-size: 16px !important;
        margin-bottom: 10px !important;
    }

    .cms-distribuidor .row .col-xs-12 .dist-mex-p.tablet {
        display: none;
    }

    .cms-distribuidor .row .col-xs-12 .dist-mex-p.desk {
        display: none;
    }

    .cms-distribuidor .row .col-xs-12 .dist-mex-p.movil {
        display: block;
        line-height: 22px !Important;
    }


    .cms-distribuidor  h2 {
        font-size: 26px !important;
    }

    .cms-distribuidor .form-actions {
        display: block;
        align-items: center;
        padding: 0 20px;
    }

    .cms-distribuidor .privacidad-check span {
        display: none;
    }

    .cms-distribuidor .privacidad-check .span-movil {
        display: block !important;
        font-size: 16px;
        top: 0;
    }

    .cms-distribuidor .privacidad-check .span-movil a {
        font-size: 16px;
    }

    #rcode {
        margin-bottom: 20px;
        position: relative;
        right: 0;
        bottom: 0;
    }

    .cms-distribuidor .form-desk {
        display: block;
    }

    .cms-distribuidor .form-tablet {
        display: none;
    }

    .dist-form {
        padding: 0 20px;
    }

    .cms-page-view .std p, .cms-no-route .std p {
        top: 0;
        float: left;
        margin-top: 15px;
        margin-bottom: 35px;
    }
}

@media (max-width: 768px) {

    .cms-distribuidor .privacidad-check input {
        top: 1px;
        margin-top: 0;
    }

    #rcode.LA-code, #rcode.CA-code, #rcode.CAR-code, #rcode.SA-code, #rcode.EUA-code, #rcode.RM-code {
        bottom: 25px;
    }

    #rcode {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .cms-distribuidor .privacidad-check .validation-advice {
        position: relative;
        top: 0;
        left: 0;
    }

    .dist-form .validation-advice {
        font-size: 13px !important;
    }

    #rcode {
        margin-top: 10px;
    }

    .cms-distribuidor form fieldset .dudas-movil {
        display: block !important;
        width: 100%;
        margin-bottom: 0;
        font-weight: bold;
        color: #333F48 !important;
        font-size: 5vw !important;
        line-height: 47px;
    }

    .cms-distribuidor form fieldset .dudas-phone {
        font-size: 7vw !important;
        margin-top: 25px;
        margin-bottom: 25px;
    }

    .cms-distribuidor form fieldset .dudas {
        display: none !important;
    }


    .col-sm6-custom {
        width: 100% !important;
    }

    .custom-dist-col-tablet .contact {
        width: 100%;
        padding-left: 0;
    }

    .custom-dist-col-tablet .custom-col-sm-6 {
        width: 10% !important;
    }

    .custom-dist-col-tablet .audifonos {
        width: 68px !important;
    }

    .custom-dist-col-tablet .tel-data {
        top: 3px;
    }

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

}

@media (max-width: 674px) {

    .coments-textarea .validation-advice {
        top: -257px;
        left: 0px;
    }

    .cms-distribuidor form fieldset .dudas-movil {
        line-height: 38px;
    }
}

@media (max-width: 650px) {
    .custom-dist-col-tablet .contact {
        padding-left: 12px;
    }

    .cms-distribuidor h2 {
        font-size: 7.1vw;
    }
}

@media (max-width: 550px) {
    .custom-dist-col-tablet .contact {
        padding-left: 22px;
    }

    .cms-distribuidor h2 {
        font-size: 7vw;
    }

    .cms-distribuidor form fieldset .dudas-movil {
        line-height: 33px;
    }
}

@media (max-width: 500px) {
    .custom-dist-col-tablet .contact {
        padding-left: 30px;
    }
}

@media (max-width: 455px) {
    .cms-distribuidor .coment-text label {
        padding-right: 87px;
    }
}

@media (max-width: 454px) {
    .mov-aviso-sep {
        display: block;
    }
}

@media (max-width: 450px) {

    .cms-distribuidor .row.form-contacto .col-sm-6 input,
    .cms-distribuidor .row.form-contacto .col-md-4 input,
    .cms-distribuidor .row.form-contacto .col-md-8 input,
    .cms-distribuidor .row.form-contacto .col-md-4.form-messages .blue.second,
    .cms-distribuidor .row.form-contacto .col-sm-6.form-messages .blue.second {
        margin-bottom: 0;
        margin-top: 0;
    }

    .cms-distribuidor .privacidad-check .span-movil a {
        font-size: 16px;
    }


    .cms-distribuidor h2 {
        font-size: 6.9vw;
    }

    .cms-distribuidor form fieldset .dudas-movil {
        line-height: 30px;
    }

    .popup-dist > div {
        width: 85%;
    }

    .popup-dist > div p {
        margin-bottom: 10px !Important;
    }

}

@media (max-width: 400px) {

    .cms-distribuidor h2 {
        font-size: 6.8vw;
    }

    .validation-advice {
        font-size: 11px !important;
    }

    .custom-dist-col-tablet .contact {
        padding-left: 43px;
    }

    .custom-dist-col-tablet .contact .custom-col-sm-6-tablet {
        width: 90% !important;
    }

    .cms-distribuidor form fieldset .dudas-phone {
        font-size: 20px !important;
        margin-top: 8px;
        margin-bottom: 6px;
    }

    .cms-distribuidor form fieldset .dudas-movil {
        line-height: 23px;
        font-size: 16px !important;
    }

    .cms-distribuidor .privacidad-check .span-movil {
        line-height: 23px;
        font-size: 16px !important;
    }

    .cms-distribuidor .form-actions .btn-truper {
        margin-top: 22px !important;
        margin-bottom: 35px;
    }
}

@media (max-width: 380px) {
    .cms-distribuidor .coment-text label {
        padding-right: 13px;
    }
}

@media (max-width: 362px) {
    .cms-distribuidor .row.form-contacto .col-sm-4 label.custom-label-dist, .cms-distribuidor .row.form-contacto .col-sm-4 label, .cms-distribuidor .row.form-contacto .col-md-2 label, .cms-distribuidor .row.form-contacto .col-sm-2 label, .cms-distribuidor .row.form-contacto .col-md-4 label, .cms-distribuidor .row.form-contacto .col-md-6 label, .cms-distribuidor .row.form-contacto .col-md-8 label, .cms-distribuidor .row.form-contacto .col-sm-6 label, .cms-distribuidor .row.form-contacto .col-sm-4 label.custom-label-dist, .cms-distribuidor .row.form-contacto .col-sm-8 label {
        font-size: 15px !important;
    }

}
#listStores .list-btn {
    width: 100% !important;
}

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

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

#mielemento .search-text {
    text-align: left;
    font-weight: bold;
    letter-spacing: 0px;
    color:#212322;
}

#mielemento .mielemento-reparaciones {
    font-family: 'Lato', sans-serif !important;
    color: #212322 !important;
    text-transform: none !important;
}

#mielemento .mielemento-reparaciones strong {
    color: #ff6720;
}

#mielemento .mielemento-reparaciones {
    font-size: 16px;
    line-height: 34px;
    font-weight: bold;
}

#mielemento #enter-button {
    margin-top: -4px !important;
}


.mielemento-reparaciones {
    padding-left: 16px;
    padding-bottom: 30px;
    padding-top: 15px;
}

#mielemento .resultados {
    background: #f0efef;
    border-radius: 0px !important;
}

#mielemento .resultados p {
    font-family: 'Lato', sans-serif !important;
    color: #212322 !important;
    font-size: 14px !important;
    margin: 0 !important;
}

#mielemento .resultados p span {
    font-family: 'Lato', sans-serif !important;
    color: #ff6720 !important;
    font-size: 16px !important;
    margin: 0 !important;
    font-weight: bold;
}


#mielemento #listStores .list-btn h3 {
    font-family: 'Lato', sans-serif !important;
    color: #ff6720 !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: 'Lato', sans-serif !important;
    font-size: 14px !important;
    font-weight: lighter;
    color: #212322;
}

#mielemento #listStores li {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 50px !important;
    margin-bottom: 25px !important;
}

#mielemento #listStores li .info {
    margin: 20px 0 0 0;
    text-align: center;
}

#mielemento #listStores li .info-active {
    display:none;
}

#mielemento #listStores li .info-inactive {
    display:block;
}

#mielemento #listStores li .info-img {
    margin: 10px 0 10px 0;
}

#mielemento #listStores li button.btn-info-storelocator {
    display: inline-block;
    margin-bottom: 0;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #ff6720 !important;
    color: #fff !important;
    font-style: normal;
    text-align: center !important;
    text-transform: none !important;
    padding: 14px 16px !important;
    border-radius: 6px !important;
    font-weight: bold !important;
    font-size: 15px !important;
    min-width: 40px !important;
    height: 40px !important;
    font-family: 'Roboto' !important;
    line-height: .9 !important;
}

#mielemento #listStores .custom-popup li {
    border-bottom: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#mielemento #listStores li .tab_content {
    margin-top: 30px;
    position: relative;
    left: 14px;
}


#mielemento #listStores li .mb-8 {
    margin-bottom: 8px;
}


#mielemento #listStores li .center {
    text-align: center;
}



.map-container {
    background: none !important;
}

#mielemento #listStores .phone {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #212322;
    margin-top: 5px;
    margin-bottom: 7px;
}

#mielemento #listStores .dist {
    text-align: left;
    margin-top: 10px;
    font: normal normal normal 14px 'Lato', sans-serif !important;
    letter-spacing: 0px;
    color:#212322;
}

.grey-background {
    background-color: #F0F0F0;
    margin-top: 10px;
    margin-bottom: 10px;
}

.check-tool {
    width: 20%;
    float: left;
}

.check-tool-text {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0px;
    color:#212322;
    margin-top: 20px;
    margin-bottom: 20px;
}

.custom-row {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.check-tool-icon {
    text-align: center;
}

.check-tool-icon img {
    width: 30%;
    margin: 0 auto;
}

.check-tool-options {
    text-align: center;
}

.check-tool-options label {
    text-align: left;
    font: normal normal normal 17px/24px 'Lato', sans-serif !important;
    letter-spacing: 0px;
    color:#212322;
    margin-bottom: 15px;
}

.rate-option span {
    text-align: left;
    font: normal normal normal 16px 'Lato', sans-serif !important;
    letter-spacing: 0px;
    color:#212322;
}

.title-exp {
    text-align: left;
    font-size: 16px;
    letter-spacing: 0px;
    color:#212322;
    margin-bottom: 5px;
}

.orange {
    color: #ff6720 !important;
    font-size: 14px !important;
    font-family: 'Lato', sans-serif !important;
    margin: 0 !important;
}


.orange-store {
    color: #ff6720 !important;
    text-align: left;
    letter-spacing: 0px;
    font: normal normal normal 14px 'Lato', sans-serif !important;
    margin-top: 10px;
}

.list-ranking {
    text-align: left;
    font: normal normal normal 12px 'Lato', sans-serif !important;
    letter-spacing: 0px;
    color:#212322;
}

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

.countcheck {
    accent-color: orangered;
}

.check-tool-options .countcheck {
    position: relative;
    left: -3px;
}

#listStores .tat p {
    font-weight: 400 !important;
}

#listStores .tat .tat-span {
    font-family: 'Lato', sans-serif !important;
    color: #ff6720 !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: 'Lato', sans-serif !important;
    color: #212322;
    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: #ff6720;
    display: inline-block !important;
}

.gm-style .gm-style-iw {
    background-color: white !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: 1 !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 div {
    /*width: 100% !important;
    height: auto !important;
    margin: 10px 0 10px !important;*/

}


/*style the p tag*/
.gm-style .gm-style-iw p {
    padding: 0 10px;
    margin: 0;
}

.storelocator-index-view .gm-style .gm-style-iw p {
    padding: 11px 10px;
    margin: 0;
}

.gm-style .gm-style-iw h3 {
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #ff6720 !important;
    text-transform: none !important;
    padding: 10px !important;

}

.gm-ui-hover-effect {
    opacity: 1 !important;
}

.gm-style > div > div > div > div > div > div > div > div > div {
    background-color: white !important;
    padding: 0;
    margin: 0;
    top: 0;
    color:#212322 !important;
    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: 'Lato', sans-serif !important;
    font-size: 14px !important;
    color: #212322;
    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;
}

.rate-option {
    text-align: left;
}

.rate-option .label{
    position: relative;
    top: 2px;
}

.rate-option .stars {
    position: relative;
}

/**** 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 {
    text-align: left;
    font: normal normal normal 15px/21px 'Lato', sans-serif !important;
    letter-spacing: 0px;
    color:#212322 !important;
}


.cms-centros-de-servicio .breadcrumbs {
    display: none !important;
}


.cms-centros-de-servicio .truper-check label {
    font-family: 'Lato', 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: 20px !important;
    vertical-align: top !important;
    margin-bottom: 20px !important;
}

.cms-centros-de-servicio .check-img .icon-filtro {
    display: inline-block !important;
    width: 35px !important;
    vertical-align: top !important;

}

.cms-centros-de-servicio .mail-csat p {
    color: #212322;
    font-family: 'Lato', sans-serif !important;
    font-size: 14px !important;
    text-align: left;
    margin: 0 !important;
    line-height: 14px;
    vert-align: middle !important;
}

.cms-centros-de-servicio .mail-csat p a {
    color: #ff6720 !important;
    text-decoration: none !important;
}

.cms-centros-de-servicio .mail-csat p a:hover {
    color: #ff6720 !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: 'Lato', 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 #ff6720;
    border-radius: 2px;
    right: 0px;
    top: 13px;
}

.truper-check-derecha label.one-line::before {
    height: 14px;
    width: 14px;
    border: 2px solid #ff6720;
    border-radius: 2px;
    right: 0px;
    top: 4px;
}


.truper-check-derecha input[type="checkbox"]:checked + label::before {
    background: #ff6720 !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;
    text-decoration: underline;
    font: normal normal normal 14px 'Lato', sans-serif !important;
    letter-spacing: 0px;
    color: #4876D8;
    float: right;
    padding-bottom: 10px;
}

#mielemento .ver-tienda:hover {
    color: #ff6720;
    text-decoration: underline;

}


.storelocator-index-view .gm-style-iw-d {
    font-family: 'Lato', sans-serif !important;
}

.cms-centros-de-servicio .gm-style .gm-style-iw p {
    padding: 11px 10px;
    margin: 0;
}

/* 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;
    text-transform: capitalize;
}

#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: #212322;
}

#productDeskStorelocator .storeName, #productDeskStorelocator .address {
    align-items: center;
    padding-top: 5px;
}

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

.cms-centros-de-servicio .tab_content {
    float: none;
    width: 100%;
    height: auto;
}

.directions-tools {
    margin-bottom: 10px;
}

.directions-tools .form-inputs input.originA, #directions-el .form-inputs input.originA {
    border-top: 1px solid #ccc;
}

.directions-tools .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-panels {
    max-height: 300px;
    overflow: auto;
}

.box-views {
    left: 30px !important;
}

.directions-tools .form-inputs, #directions-el .form-inputs {
    padding-left: 22px;
    padding-right: 10px;
}

.cms-centros-de-servicio .get_direction button{
    float: none;
    background: #636363 !important;
    border-radius: 0 !important;
    width: 100%;
    font-style: normal;
}


.cms-centros-de-servicio .get_direction {
    padding-top: 0;
}

.cms-centros-de-servicio #mielemento .star-option {
    display: flex;
}

.cms-centros-de-servicio #mielemento .star-option .label {
    padding: 2px 10px 0 0;
}


@media (max-width: 1024px) {

    .dist-arrow {
        right: 3%;
    }

    .cms-centros-de-servicio #geo {
        margin-bottom: 0;
    }

    .cms-centros-de-servicio .mielemento-reparaciones {
        padding-top: 0;
    }

    .storelocator-index-view .storelocator-page h2.text-left {
        padding-left: 0 !important;
    }

    .cms-centros-de-servicio #mielemento .col-md-8-custom {
        width: 100%;
    }

    .cms-centros-de-servicio #mielemento .col-md-4-custom {
        width: 100%;
    }

    .cms-centros-de-servicio #mielemento .custom-sm-search-input {
        width: 83.33333333%;
    }

    .cms-centros-de-servicio #mielemento .custom-sm-search-button {
        width: 16.66666667%;
        padding-right: 0;
    }

    #mielemento #enter-button {
        float: right;
    }

    .cms-centros-de-servicio #mielemento .col-md-4-custom img {
        width: 50%;
        float: right;
        margin: 35px 0;
    }

    .check-tool {
        width: 33.333333%;
        margin-bottom: 20px;
    }

}


@media (max-width: 991px) {


    .storelocator-index-view .storelocator-page h2.text-left {
        margin-top: 45px;
    }

    .storelocator-index-view .back-page {
        margin: 20px 0;
    }

    .storelocator-index-view .back-page a {
        top: 61px;
        width: 100%;
        display: block;
        text-align: left;
        position: absolute;
    }

}

@media (max-width: 850px) {
    .cms-centros-de-servicio #mielemento .star-option {
        width: 50%;
    }
}


@media (max-width: 525px) {
    #mielemento #enter-button {
        position: relative;
        top: 13px !important;
        margin-bottom: 20px !important;
        margin-left: 0 !important;
        padding: 13px 16px !important;
    }

    .cms-centros-de-servicio #mielemento .custom-sm-search-input {
        width: 100%;
    }

    .cms-centros-de-servicio #mielemento .custom-sm-search-button {
        width: 100%;
        padding-left: 0 !important;
    }

    #mielemento #enter-button {
        float: left !important;
    }


    .storelocator-index-view .storelocator-page h2.text-left {
        margin-top: 95px !important;
        margin-bottom: 0;
    }

}



@media (max-width: 770px) {

    .storelocator-index-view .back-page a {
        top: 0;
    }

    .storelocator-index-view .storelocator-page h2.text-left {
        margin-top: 65px;
        margin-bottom: 0;
    }

    #mielemento #enter-button {
        margin-left: 15px;
        position: relative;
        top: -2px;
    }


    .title-exp, .rate-option span {
        font-size: 17px !important;
    }


    .check-tool-text {
        font-size: 17px !important;
    }

    #productDeskStorelocator .storeName {
        align-items: baseline !important;
    }

    .storeName p, .address p {
        font-size: 14px;
    }

    .m-mt {
        margin-top: 15px;
    }

    .estrellita-exp .ratings .rating-box {
        margin: 0 auto !important;
    }

    .gm-style-iw.gm-style-iw-c {
        max-width: 290px !important;
    }


    .storelocator-index-index .main-container {
        margin-top: 30px !important;
    }

    .xs-hidden {
        display: none;
    }

    #mielemento .mielemento-reparaciones {
        font-size: 17px !important;
    }


    .check-tool {
        width: 50%;
        text-align: center;
        height: 140px;
    }

    .check-tool-icon img {
        width: 30%;
        margin: 11px auto;
    }


    .check-tool-options label {
        text-align: center;
    }

    .estrellita-exp {
        margin-left: 10px;
    }
}




@media (max-width: 450px) {
    .cms-centros-de-servicio #mielemento .star-option {
        width: 100% !important;
    }

    .cms-centros-de-servicio #mielemento .bueno.star-option {
        margin-top: 15px;
    }

}





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.truper.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: #212322 !important;
    font-size: 16px !important;
}
.index-item a:hover{
    text-decoration: none !important;
    color: #ff6720 !important;

}

.index-letter{
    font-family: 'Lato', sans-serif !important;
    cursor: pointer;
    margin:0 1vw ;
    display: inline-block;
    font-weight: bold !important;
    font-size: 15px !important;
}

.index-letter.active{
    color: #ff6720;
}
.index-letter.active:before{
    content: "\f0da";
    color: #ff6720 !important;
    font-size: 8px !important;
    font-family: "Font Awesome 5 Free" !important;
    position: relative;
    top: -3px;
    left: -3px;
}


.index-letter:hover{
    cursor: pointer;
    color: #ff6720 !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.truper.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 #ff6720;
    color: #ff6720;
}

.cms-indice .all-brands:hover{
    border: 1px solid #ff6720;
    color: #ff6720;
}


.cms-indice h2.current-letter{
    font-family: 'Lato', sans-serif !important;
    color: #ff6720 !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: #212322 !important
}

.cms-indice .current-page{
    color: #ff6720 !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 #ff6720;
        color: #ff6720;
    }

    .cms-indice .all-brands:hover{
        border: 1px solid #ff6720;
        color: #ff6720;
    }
}



.misspell.fallback strong,
.misspell.suggest strong {
  color: #c76200;
}
.misspell.fallback strong strike,
.misspell.suggest strong strike {
  color: #3d6611;
  font-weight: normal;
}
.misspell.fallback strong a,
.misspell.suggest strong a {
  color: #c76200;
}