:root {
    --main-bg-color: #000104;
    --main-opacity-color: #e0e0e0;
    --second-bg-color: #f8d149;
    --ligth-bg-color: #ededed;
    --neon-normal: #f8d149;
    --neon-opacity: #fef9e8;
    --rojo-normal: #d62b77;
    --rojo-opacity: #fdf1f6;
    --font-family-menu: "Sansation", sans-serif;
    --font-family-menu-mobile: "Sansation", sans-serif;
    --font-size-menu: 16px;
    --font-weight-menu: 700;
}
/*!
 *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/fontawesome-webfont.eot?v=4.0.3');
  src: url('https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'), url('https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'), url('https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'), url('https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-xs {font-size: 0.75em; }

.fa-sm {font-size: 0.875em; }

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.3333333333333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.2857142857142858em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.142857142857143em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.142857142857143em;
  width: 2.142857142857143em;
  top: 0.14285714285714285em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.8571428571428572em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -webkit-transform: scale(-1, 1);
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -o-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -webkit-transform: scale(1, -1);
  -moz-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  -o-transform: scale(1, -1);
  transform: scale(1, -1);
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}

.fa-cc-paypal:before {
  content: "\f1f4";
}


.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-asc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-desc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-reply-all:before {
  content: "\f122";
}
.fa-mail-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-whatsapp:before {
  content: "\f232";
}


/* ICONOS NAVEGACION */

@font-face {
  font-family: 'outlet-piscinas';
  src:  url('/media/fonts/outlet-piscinas.eot?g9tu7i');
  src:  url('/media/fonts/outlet-piscinas.eot?g9tu7i#iefix') format('embedded-opentype'),
    url('/media/fonts/outlet-piscinas.ttf?g9tu7i') format('truetype'),
    url('/media/fonts/outlet-piscinas.woff?g9tu7i') format('woff'),
    url('/media/fonts/outlet-piscinas.svg?g9tu7i#outlet-piscinas') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="in-"], [class*=" in-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'outlet-piscinas' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.in-blog:before {
  content: "\e900";
}
.in-carrito:before {
  content: "\e901";
  font-weight: bold;
}
.in-chats:before {
  content: "\e902";
}
.in-confianza:before {
  content: "\e903";
}
.in-envio:before {
  content: "\e904";
}
.in-exit:before {
  content: "\e905";
  font-weight:bold;
  padding-right: 10px;
}
.in-lupa:before {
  content: "\e906";
}
.in-mail:before {
  content: "\e907";
}
.in-mas:before {
  content: "\e908";
}
.in-menu:before {
  content: "\e909";
}
.in-movil:before {
  content: "\e90a";
}
.in-ok:before {
  content: "\e90b";
}
.in-pago:before {
  content: "\e90c";
}
.in-precio:before {
  content: "\e90d";
}
.in-regalo:before {
  content: "\e90e";
}
.in-seguro:before {
  content: "\e90f";
}
.in-sello:before {
  content: "\e910";
}
.in-tarta:before {
  content: "\e911";
}
.in-telefono:before {
  content: "\e912";
}
.in-tool:before {
  content: "\e913";
}
.in-user:before {
  content: "\e914";
  font-weight:bold;
  padding-right:10px;
}
.in-whatsapp:before {
  content: "\e915";
}
.in-x:before {
  content: "\e916";
}




@font-face {
  font-family: 'time4pool';
  src:  url('/media/time4pool/fonts/time4pool.eot?w8odv2');
  src:  url('/media/time4pool/fonts/time4pool.eot?w8odv2#iefix') format('embedded-opentype'),
    url('/media/time4pool/fonts/time4pool.ttf?w8odv2') format('truetype'),
    url('/media/time4pool/fonts/time4pool.woff?w8odv2') format('woff'),
    url('/media/time4pool/fonts/time4pool.svg?w8odv2#time4pool') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'time4pool' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cart:before {
  content: "\e900";
}
.icon-search:before {
  content: "\e901";
}
.icon-contact:before {
  content: "\e902";
}
.icon-medal:before {
  content: "\e903";
}
.icon-sequre:before {
  content: "\e904";
}
.icon-ok:before {
  content: "\e905";
}
.icon-chat:before {
  content: "\e906";
}
.icon-card:before {
  content: "\e907";
}
.icon-tool:before {
  content: "\e908";
}
.icon-plus:before {
  content: "\e909";
}
.icon-truck:before {
  content: "\e90a";
}

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */


/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	margin: 0 auto 20px;
	padding: 0;
	zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {


}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	zoom: 1;
	display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: 10px;
	
}

.bx-wrapper .bx-next {
	right: 10px;

}
.related .bx-wrapper .bx-next {margin-right:-50px;}
.related .bx-wrapper .bx-prev {margin-left:-50px;}

.image-additional .bx-wrapper .bx-next {margin-right:-40px;}
.image-additional .bx-wrapper .bx-prev {margin-left:-40px;}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a:hover {
	color:#ff6f28
	}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	height: 32px;
	z-index: 99;
	color:#7e7e7e;
	font-size:26px;
}
.bx-wrapper .bx-controls-direction a {
	font-size:19px;
	height:25px;
	margin-top:-20px;
	}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/image/bxslider/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/image/bxslider/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}

.bx-wrapper .bx-caption span {
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}
/*
 * photoswipe.css
 * Copyright (c) %%year%% by Code Computerlove (http://www.codecomputerlove.com)
 * Licensed under the MIT license
 *
 * Default styles for PhotoSwipe
 * Avoid any position or dimension based styles
 * where possible, unless specified already here.
 * The gallery automatically works out gallery item
 * positions etc.
 */

 
body.ps-active, body.ps-building, div.ps-active, div.ps-building
{
	background: #fff;
	overflow: hidden;
}
body.ps-active *, div.ps-active *
{ 
	-webkit-tap-highlight-color:  rgba(255, 255, 255, 0); 
	display: none;
}
body.ps-active *:focus, div.ps-active *:focus 
{ 
	outline: 0; 
}


/* Document overlay */
div.ps-document-overlay 
{
	background: #000;
}


/* UILayer */
div.ps-uilayer { 
	
	background: #000;
	cursor: pointer;
	
}


/* Zoom/pan/rotate layer */
div.ps-zoom-pan-rotate{
	background: #000;
}
div.ps-zoom-pan-rotate *  { display: block; }


/* Carousel */
div.ps-carousel-item-loading 
{ 
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/loader.gif) no-repeat center center; 
}

div.ps-carousel-item-error 
{ 
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/css/error.gif) no-repeat center center; 
}


/* Caption */
div.ps-caption
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-bottom: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
}
div.ps-caption *  { display: inline; }

div.ps-caption-bottom
{ 
	border-top: 1px solid #42403f;
	border-bottom: none;
	min-height: 44px;
}

div.ps-caption-content
{
	padding: 13px;
	display: block;
}


/* Toolbar */
div.ps-toolbar
{ 
	background: #000000;
	background: -moz-linear-gradient(top, #303130 0%, #000101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#303130), color-stop(100%,#000101));
	border-top: 1px solid #42403f;
	color: #ffffff;
	font-size: 13px;
	font-family: "Lucida Grande", Helvetica, Arial,Verdana, sans-serif;
	text-align: center;
	height: 44px;
	display: table;
	table-layout: fixed;
}
div.ps-toolbar * { 
	display: block;
}

div.ps-toolbar-top 
{
	border-bottom: 1px solid #42403f;
	border-top: none;
}

div.ps-toolbar-close, div.ps-toolbar-previous, div.ps-toolbar-next, div.ps-toolbar-play
{
	cursor: pointer;
	display: table-cell;
}

div.ps-toolbar div div.ps-toolbar-content
{
	width: 44px;
	height: 44px;
	margin: 0 auto 0;
	background-image: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/icons.png);
	background-repeat: no-repeat;
}

div.ps-toolbar-close div.ps-toolbar-content
{
	background-position: 0 0;
}

div.ps-toolbar-previous div.ps-toolbar-content
{
	background-position: -44px 0;
}

div.ps-toolbar-previous-disabled div.ps-toolbar-content
{
	background-position: -44px -44px;
}

div.ps-toolbar-next div.ps-toolbar-content
{
	background-position: -132px 0;
}

div.ps-toolbar-next-disabled div.ps-toolbar-content
{
	background-position: -132px -44px;
}

div.ps-toolbar-play div.ps-toolbar-content
{
	background-position: -88px 0;
}

/* Hi-res display */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi)
{
	div.ps-toolbar div div.ps-toolbar-content
	{
		-moz-background-size: 176px 88px;
		-o-background-size: 176px 88px;
		-webkit-background-size: 176px 88px;
		background-size: 176px 88px;
		background-image: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/icons@2x.png);
	}
}

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

/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden],
template {
  display: none;
}
a {
  background: transparent;
}
a:active,
a:hover {
  outline: 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
h1 {
  margin: .67em 0;
  font-size: 2em;
}
mark {
  color: #000;
  background: #ff0;
}
small {
  font-size: 80%;
}
sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}
sup {
  top: -.5em;
}
sub {
  bottom: -.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 1em 40px;
}
hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}
pre {
  overflow: auto;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font: inherit;
  color: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  padding: 0;
  border: 0;
}
input {
  line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  height: 19px;
  width: 19px;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
input[type="search"] {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
fieldset {
  padding: .35em .625em .75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
legend {
  padding: 0;
  border: 0;
}
textarea {
  overflow: auto;
}
optgroup {
  font-weight: bold;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
td,
th {
  padding: 0;
}
@media print {
  * {
    color: #000 !important;
    text-shadow: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;

    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  select {
    background: #fff !important;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
html {
  font-size: 62.5%;

  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
  font-family: 'IBM Plex Sans', sans-serif;
  font-size: 14px;
  line-height: 1.428571429;
  color: #0f0f0f;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {

  text-decoration: none;
}
a:hover,
a:focus {

}
a:focus {

}
figure {
  margin: 0;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  /*-webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;*/
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
  font-weight: normal;
  line-height: 1;

}
h1,
.h1,
h2,
.h2,
h3,
.h3 {

}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {

}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 24px;
}
h4,
.h4 {
  font-size: 18px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}
p {

}
.lead {
  margin-bottom: 20px;
  font-size: 16px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 21px;
  }
}
small,
.small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
.text-justify {
  text-align: justify;
}
.text-muted {
  color: #999;
}
.text-primary {
  color: #428bca;
}
a.text-primary:hover {
  color: #3071a9;
}
.text-success {
  color: #3c763d;
}
a.text-success:hover {
  color: #2b542c;
}
.text-info {
  color: #31708f;
}
a.text-info:hover {
  color: #245269;
}
.text-warning {
  color: #8a6d3b;
}
a.text-warning:hover {
  color: #66512c;
}
.text-danger {
  color: #a94442;
}
a.text-danger:hover {
  color: #843534;
}
.bg-primary {
  color: #fff;
  background-color: #428bca;
}
a.bg-primary:hover {
  background-color: #3071a9;
}
.bg-success {
  background-color: #dff0d8;
}
a.bg-success:hover {
  background-color: #c1e2b3;
}
.bg-info {
  background-color: #d9edf7;
}
a.bg-info:hover {
  background-color: #afd9ee;
}
.bg-warning {
  background-color: #fcf8e3;
}
a.bg-warning:hover {
  background-color: #f7ecb5;
}
.bg-danger {
  background-color: #f2dede;
}
a.bg-danger:hover {
  background-color: #e4b9b9;
}
.page-header {
  padding-bottom: 9px;
  margin: 40px 0 20px;
  border-bottom: 1px solid #eee;
}
ul,
ol {
  margin-top: 10px;
  margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
.list-inline > li:first-child {
  padding-left: 0;
}
dl {
}
dt,
dd {
  line-height: 1.428571429;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999;
}
.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px;
  border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
  margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
  display: block;
  font-size: 80%;
  line-height: 1.428571429;
  color: #999;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
  content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  text-align: right;
  border-right: 5px solid #eee;
  border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
  content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
  content: '\00A0 \2014';
}
blockquote:before,
blockquote:after {
  content: "";
}
address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.428571429;
}
code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  white-space: nowrap;
  background-color: #f9f2f4;
  border-radius: 4px;
}
kbd {
  padding: 2px 4px;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 3px;
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
pre {
  display: block;
  padding: 9.5px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border-radius: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.container {
  width: 90%;
}
.container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row {
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666666666666%;
}
.col-xs-10 {
  width: 83.33333333333334%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666666666666%;
}
.col-xs-7 {
  width: 58.333333333333336%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666666666667%;
}
.col-xs-4 {
  width: 33.33333333333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.666666666666664%;
}
.col-xs-1 {
  width: 8.333333333333332%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666666666666%;
}
.col-xs-pull-10 {
  right: 83.33333333333334%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666666666666%;
}
.col-xs-pull-7 {
  right: 58.333333333333336%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666666666667%;
}
.col-xs-pull-4 {
  right: 33.33333333333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.666666666666664%;
}
.col-xs-pull-1 {
  right: 8.333333333333332%;
}
.col-xs-pull-0 {
  right: 0;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666666666666%;
}
.col-xs-push-10 {
  left: 83.33333333333334%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666666666666%;
}
.col-xs-push-7 {
  left: 58.333333333333336%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666666666667%;
}
.col-xs-push-4 {
  left: 33.33333333333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.666666666666664%;
}
.col-xs-push-1 {
  left: 8.333333333333332%;
}
.col-xs-push-0 {
  left: 0;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666666666666%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333333334%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666666666666%;
}
.col-xs-offset-7 {
  margin-left: 58.333333333333336%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666666666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.666666666666664%;
}
.col-xs-offset-1 {
  margin-left: 8.333333333333332%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666666666666%;
  }
  .col-sm-push-10 {
    left: 83.33333333333334%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666666666666%;
  }
  .col-sm-push-7 {
    left: 58.333333333333336%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666666666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.666666666666664%;
  }
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lg-pull-0 {
    right: 0;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666666666666%;
  }
  .col-lg-push-10 {
    left: 83.33333333333334%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666666666666%;
  }
  .col-lg-push-7 {
    left: 58.333333333333336%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666666666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.666666666666664%;
  }
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
  .col-lg-push-0 {
    left: 0;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: inherit;
  border-bottom: 1px solid #e2e8fa;
}
.table > thead > tr > th {
  vertical-align: inherit;
  border-bottom: 1px solid #e2e8fa;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {

}
table col[class*="col-"] {
  position: static;
  display: table-column;
  float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  display: table-cell;
  float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {

}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr.active:hover > th {

}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {

}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr.success:hover > th {

}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {

}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr.info:hover > th {

}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {

}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr.warning:hover > th {

}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {

}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr.danger:hover > th {

}
@media (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table {
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap;
  }
  .table-responsive > .table-bordered {
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0;
  }
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 21px;
  line-height: inherit;
  color: #333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 2px 0 0;
  /* IE8-9 */
  line-height: normal;
}
input[type="file"] {
  display: block;
}
input[type="range"] {
  display: block;
  width: 100%;
}
select[multiple],
select[size] {
  height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
output {
  display: block;
  padding-top: 7px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
}
.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;


}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;


}
.form-control:-moz-placeholder {

}
.form-control::-moz-placeholder {

  opacity: 1;
}
.form-control:-ms-input-placeholder {

}
.form-control::-webkit-input-placeholder {

}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eee;
  opacity: 1;
}
textarea.form-control {
  height: auto;
}
input[type="date"] {
  line-height: 34px;
}
.form-group {
  padding: 10px;
}
.radio,
.checkbox {
  display: block;
  min-height: 20px;
  padding-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}
.radio label,
.checkbox label {
  display: inline;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
.radio[disabled],
.radio-inline[disabled],
.checkbox[disabled],
.checkbox-inline[disabled],
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"],
fieldset[disabled] .radio,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox,
fieldset[disabled] .checkbox-inline {
  cursor: not-allowed;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
  height: auto;
}
.input-lg {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-lg {
  height: 46px;
  line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
  height: auto;
}
.has-feedback {
  position: relative;
}
.has-feedback .form-control {
  padding-right: 42.5px;
}
.has-feedback .form-control-feedback {
  position: absolute;
  top: 25px;
  right: 0;
  display: block;
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline {
  color: #3c763d;
}
.has-success .form-control {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #3c763d;
}
.has-success .form-control-feedback {
  color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline {
  color: #8a6d3b;
}
.has-warning .form-control {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
  color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline {
  color: #a94442;
}
.has-error .form-control {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
  color: #a94442;
  background-color: #f2dede;
  border-color: #a94442;
}
.has-error .form-control-feedback {
  color: #a94442;
}
.form-control-static {
  margin-bottom: 0;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}
.form-horizontal .control-label,
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 7px;
  margin-top: 0;
  margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
  min-height: 27px;
}
.form-horizontal .form-group {
  margin-right: -15px;
  margin-left: -15px;
}
.form-horizontal .form-control-static {
  padding-top: 7px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.form-horizontal .has-feedback .form-control-feedback {
  top: 0;
  right: 15px;
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.btn:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {

  text-decoration: none;
}
.btn:active,
.btn.active {
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  pointer-events: none;
  cursor: not-allowed;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
          box-shadow: none;
  opacity: .65;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {

  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  /*-webkit-transition: opacity .15s linear;
          transition: opacity .15s linear;*/
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  /*-webkit-transition: height .35s ease;
          transition: height .35s ease;*/
}
@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/glyphicons-halflings-regular.eot');
  src: url('https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
  content: "\2a";
}
.glyphicon-plus:before {
  content: "\2b";
}
.glyphicon-euro:before {
  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";
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 14px;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #262626;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  background-color: #428bca;
  outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #999;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  display: table-cell;
  float: none;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
[data-toggle="buttons"] > .btn > input[type="radio"],
[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group[class*="col-"] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.input-group .form-control {
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 18px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
  z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  margin-left: -1px;
}
.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.nav > li.disabled > a {
  color: #999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {

  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #eee;
  border-color: #428bca;
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 4px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #428bca;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #ddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #ddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #fff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar {
  position: relative;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
}
@media (min-width: 768px) {
  .navbar {
    border-radius: 4px;
  }
}
@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}
.navbar-collapse {
  max-height: 340px;
  padding-right: 15px;
  padding-left: 15px;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container > .navbar-header,
  .container-fluid > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 1px;
}
@media (min-width: 768px) {
  .navbar-static-top {
    border-radius: 0;
  }
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 768px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 1px 0 0;
}
.navbar-brand {
  float: left;
  height: 20px;
  padding: 15px 15px;
  font-size: 18px;
  line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
  text-decoration: none;
}
@media (min-width: 768px) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin-top: 8px;
  margin-right: 15px;
  margin-bottom: 8px;
  background-color: transparent;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: none;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
@media (min-width: 768px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .navbar-nav.navbar-right:last-child {
    margin-right: -15px;
  }
}
@media (min-width: 768px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    padding-left: 0;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    float: none;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-form.navbar-right:last-child {
    margin-right: -15px;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
  .navbar-text.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #999;
}
.navbar-inverse .navbar-nav > li > a {
  color: #999;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #999;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #999;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li + li:before {
  padding: 0 5px;
  color: #ccc;
  content: "/\00a0";
}
.breadcrumb > .active {

}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  color: #428bca;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #2a6496;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #428bca;
  border-color: #428bca;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 20px 0;
  text-align: center;
  list-style: none;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999;
  cursor: not-allowed;
  background-color: #fff;
}
.label {
  display: inline;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  vertical-align: baseline;
  border-radius: .25em;
}
.label[href]:hover,
.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #999;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #428bca;
  background-color: #fff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  color: inherit;
  background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
  color: inherit;
}
.jumbotron p {
  margin-bottom: 15px;
  font-size: 21px;
  font-weight: 200;
}
.container .jumbotron {
  border-radius: 6px;
}
.jumbotron .container {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 48px;
    padding-bottom: 48px;
  }
  .container .jumbotron {
    padding-right: 60px;
    padding-left: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}
.thumbnail {
  display: block;
  padding: 4px;
  margin-bottom: 20px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
 /* -webkit-transition: all .2s ease-in-out;
          transition: all .2s ease-in-out;*/
}
.thumbnail > img,
.thumbnail a > img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-right: auto;
  margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
  border-color: #428bca;
}
.thumbnail .caption {
  padding: 9px;
  color: #333;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  height: 20px;
  margin-bottom: 20px;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #428bca;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  /*-webkit-transition: width .6s ease;
          transition: width .6s ease;*/
}
.progress-striped .progress-bar {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
          animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.list-group {
  padding-left: 0;
  margin-bottom: 20px;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
}
.list-group-item > .badge + .badge {
  margin-right: 5px;
}
a.list-group-item {
  color: #555;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
  z-index: 2;
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
a.list-group-item.active .list-group-item-heading,
a.list-group-item.active:hover .list-group-item-heading,
a.list-group-item.active:focus .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text,
a.list-group-item.active:hover .list-group-item-text,
a.list-group-item.active:focus .list-group-item-text {
  color: #e1edf7;
}
.list-group-item-success {
  color: #3c763d;
  background-color: #dff0d8;
}
a.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:hover,
a.list-group-item-success:focus {
  color: #3c763d;
  background-color: #d0e9c6;
}
a.list-group-item-success.active,
a.list-group-item-success.active:hover,
a.list-group-item-success.active:focus {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}
.list-group-item-info {
  color: #31708f;
  background-color: #d9edf7;
}
a.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:hover,
a.list-group-item-info:focus {
  color: #31708f;
  background-color: #c4e3f3;
}
a.list-group-item-info.active,
a.list-group-item-info.active:hover,
a.list-group-item-info.active:focus {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}
.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fcf8e3;
}
a.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:hover,
a.list-group-item-warning:focus {
  color: #8a6d3b;
  background-color: #faf2cc;
}
a.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}
.list-group-item-danger {
  color: #a94442;
  background-color: #f2dede;
}
a.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:hover,
a.list-group-item-danger:focus {
  color: #a94442;
  background-color: #ebcccc;
}
a.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
  padding: 15px;
}
.panel > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group .list-group-item:first-child {
  border-top: 0;
}
.panel > .list-group .list-group-item:last-child {
  border-bottom: 0;
}
.panel > .list-group:first-child .list-group-item:first-child {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table {
  margin-bottom: 0;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
  border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
  border-top-right-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
  border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
  border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive {
  border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
  border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
  border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
  border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
  border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th,
.panel > .table-bordered > tfoot > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > th,
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > tfoot > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:first-child > td {
  border-top: 0;
}
.panel > .table-bordered > thead > tr:last-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > th,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-bordered > thead > tr:last-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td {
  border-bottom: 0;
}
.panel > .table-responsive {
  margin-bottom: 0;
  border: 0;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel-group {
  margin-bottom: 20px;
}
.panel-group .panel {
  margin-bottom: 0;
  overflow: hidden;
  border-radius: 4px;
}
.panel-group .panel + .panel {
  margin-top: 5px;
}
.panel-group .panel-heading {
  border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
  border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
  border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
  border-bottom: 1px solid #ddd;
}
.panel-default {
  border-color: #ddd;
}
.panel-default > .panel-heading {
  color: #333;
  background-color: #f5f5f5;
  border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ddd;
}
.panel-default > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ddd;
}
.panel-primary {
  border-color: #428bca;
}
.panel-primary > .panel-heading {
  color: #fff;
  background-color: #428bca;
  border-color: #428bca;
}
.panel-primary > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #428bca;
}
.panel-primary > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #428bca;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success > .panel-heading {
  color: #3c763d;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #d6e9c6;
}
.panel-success > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #d6e9c6;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info > .panel-heading {
  color: #31708f;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #bce8f1;
}
.panel-info > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #bce8f1;
}
.panel-warning {
  border-color: #faebcc;
}
.panel-warning > .panel-heading {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #faebcc;
}
.panel-warning > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #faebcc;
}
.panel-danger {
  border-color: #ebccd1;
}
.panel-danger > .panel-heading {
  color: #a94442;
  background-color: #f2dede;
  border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse .panel-body {
  border-top-color: #ebccd1;
}
.panel-danger > .panel-footer + .panel-collapse .panel-body {
  border-bottom-color: #ebccd1;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0, 0, 0, .15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=20);
  opacity: .2;
}
.close:hover,
.close:focus {
  text-decoration: none;
  cursor: pointer;
  filter: alpha(opacity=50);
  opacity: .5;
}
button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}
.modal-open {
  overflow: hidden;
}
.modal {
  position: fixed;
  top: 70px;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2000000000;
  display: none;
  overflow: auto;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  /*-webkit-transition: -webkit-transform .3s ease-out;
     -moz-transition:    -moz-transform .3s ease-out;
       -o-transition:      -o-transform .3s ease-out;
          transition:         transform .3s ease-out;*/
  -webkit-transform: translate(0, -25%);
      -ms-transform: translate(0, -25%);
          transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
      -ms-transform: translate(0, 0);
          transform: translate(0, 0);
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  outline: none;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
          box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  filter: alpha(opacity=0);
  opacity: 0;
}
.modal-backdrop.in {
  filter: alpha(opacity=50);
  opacity: .5;
}
.modal-header {
  min-height: 16.428571429px;
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.428571429;
}
.modal-body {
  position: relative;
  padding: 20px 20px 0 20px;
}
.modal-footer {
  padding: 19px 20px 20px;
  margin-top: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
            box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
  }
  .modal-sm {
    width: 300px;
  }
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  font-size: 12px;
  line-height: 1.4;
  visibility: visible;
  filter: alpha(opacity=0);
  opacity: 0;
}
.tooltip.in {
  filter: alpha(opacity=90);
  opacity: .9;
}
.tooltip.top {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.right {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.bottom {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.left {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  right: 5px;
  bottom: 0;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  white-space: normal;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
          box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  content: "";
  border-width: 10px;
}
.popover.top .arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, .25);
  border-bottom-width: 0;
}
.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  content: " ";
  border-top-color: #fff;
  border-bottom-width: 0;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, .25);
  border-left-width: 0;
}
.popover.right .arrow:after {
  bottom: -10px;
  left: 1px;
  content: " ";
  border-right-color: #fff;
  border-left-width: 0;
}
.popover.bottom .arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  content: " ";
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, .25);
}
.popover.left .arrow:after {
  right: 1px;
  bottom: -10px;
  content: " ";
  border-right-width: 0;
  border-left-color: #fff;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .item {
  position: relative;
  display: none;
  /*-webkit-transition: .6s ease-in-out left;
          transition: .6s ease-in-out left;*/
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
  filter: alpha(opacity=50);
  opacity: .5;
}
.carousel-control.left {
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .5) 0%), color-stop(rgba(0, 0, 0, .0001) 100%));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: -webkit-linear-gradient(left, color-stop(rgba(0, 0, 0, .0001) 0%), color-stop(rgba(0, 0, 0, .5) 100%));
  background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
  background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  filter: alpha(opacity=90);
  outline: none;
  opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
  left: 50%;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
  right: 50%;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #000 \9;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicons-chevron-left,
  .carousel-control .glyphicons-chevron-right,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}
.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
tr.visible-xs,
th.visible-xs,
td.visible-xs {
  display: none !important;
}
@media (max-width: 767px) {

	.modal{
	top: 75px;
	}
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
.visible-sm,
tr.visible-sm,
th.visible-sm,
td.visible-sm {
  display: none !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
.visible-md,
tr.visible-md,
th.visible-md,
td.visible-md {
  display: none !important;
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
.visible-lg,
tr.visible-lg,
th.visible-lg,
td.visible-lg {
  display: none !important;
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs,
  tr.hidden-xs,
  th.hidden-xs,
  td.hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm,
  tr.hidden-sm,
  th.hidden-sm,
  td.hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md,
  tr.hidden-md,
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg,
  tr.hidden-lg,
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.visible-print,
tr.visible-print,
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
@media print {
  .hidden-print,
  tr.hidden-print,
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}


/**
 * Magento
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magentocommerce.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade Magento to newer
 * versions in the future. If you wish to customize Magento for your
 * needs please refer to http://www.magentocommerce.com for more information.
 *
 * @category    design
 * @package     default_blank
 * @copyright   Copyright (c) 2011 Magento Inc. (http://www.magentocommerce.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* @import"../css/bootstrap.css"; */

/* Reset ================================================================================= */
* {
    margin: 0;
    padding: 0;
    border: none;
}

html {
    height: 100%;
    width: 100%;
}

.catalog-product-compare-index>div {
    min-width: 600px;
}

body {
    min-width: 320px;
    position: relative;
    -webkit-text-size-adjust: none;
    background: none;
    font-family: var(--font-family-menu);
    font-size: 16px;
    line-height: 23px;
    color: #0f0f0f;
    font-weight: 400;
}

body>.wrapper {
    position: relative;
}

.wrapper-tail {}

img,
video {
    border: 0;
    vertical-align: top;
    max-width: 100%;
}

a {
    color: #1B43AC;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
    color: #f8d149;
}

:focus {
    outline: 0;
    text-decoration: none;
}

a:focus {
    outline: 0;
    text-decoration: none;
}

.form-control:focus {}

/* Headings */
h1 {
    font-size: 36px;
    font-weight: normal;
    line-height: 1.15;
    font-family: var(--font-family-menu);
}

h2 {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.25;
    font-family: var(--font-family-menu);
}

h3 {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.25;
    font-family: var(--font-family-menu);
}

h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 7px;
    font-family: var(--font-family-menu);
}

h5 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 7px;
    font-family: var(--font-family-menu);
}

h6 {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 7px;
    font-family: var(--font-family-menu);
}

/* Forms */
form {
    display: inline;
}

fieldset {
    border: 0;
}

legend {
    display: none;
}

/* Table */
table {
    border: 0;
    border-collapse: collapse;
    border-spacing: 0;
    empty-cells: show;
    font-size: 100%;
    overflow-x: auto;
}

caption,
th,
td {
    vertical-align: inherit;
    text-align: left;
    font-weight: normal;
}

/* Content */
strong {
    font-weight: 500;
}

address {
    font-style: normal;
    margin-bottom: 5px;
}

cite {
    font-style: normal;
}

q,
blockquote {
    quotes: none;
}

q:before,
q:after {
    content: '';
}

small,
big {
    font-size: 1em;
}

sup {}

/* Lists */
ul,
ol {
    list-style: none;
}

/* Tools */
.hidden {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

.nobr {
    white-space: nowrap;
}

.wrap {
    white-space: normal !important;
}

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

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

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

.v-top {
    vertical-align: top;
}

.v-middle {
    vertical-align: middle;
}

.f-left,
.left {
    float: left !important;
}

.f-right,
.right {
    text-align: right;
    padding: 0;
}

.f-none {
    float: none !important;
}

.f-fix {
    float: left;
    width: 100%;
}

.no-display {
    display: none;
}

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

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

.no-bg {
    background: none !important;
}

.calendar {
    z-index: 1;
}

.full-width {
    width: 100%;
}


/* ======================================================================================= */
/* =========================== font awesome ============================================== */
.block-cart-header:before,
.header-button.currency-list>a:after,
.header-button.lang-list>a:after,
.sf-menu li a:before,
.add-to-links li a:before,
.row-product .email-friend:before,
.btn-remove:before,
.btn-remove2:before,
.btn-edit:before,
.sorter .view-mode .grid:before,
.sorter .list:before,
.block-layered-nav dd li:before,
.product-view .box-tags .form-add .input-box:before,
.row-product .no-rating:before,
#menu-icon:before,
.sf-menu-phone li strong:before,
span.toggle:before,
.checkout-progress li:before,
.about-padd-2 ul li:before,
.currency-switch .currency-title:before,
.language-list .language-title:before,
.swipe ul a:before,
.switch-show>div:after,
#back-top span:before,
.map-popup-close:before,
.block-slider-sidebar .slider-sidebar-pager a:before,
.home-link:before,
.custom-servis-ul li h3:before,
button.button span:before,
.header .form-search button.button span:before,
.camera_wrap .camera_pag .camera_pag_ul li:before,
.list-icon li a:before,
.product-view .bx-controls-direction>a:before {
    display: inline-block;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent: 0 !important;
}

/*16-12-22*/
.toolbar-bottom {
    display: none;
}

/* Layout ================================================================================ */
.wrapper {
    width: 100%;
}

.tail-top {}

.page {
    margin: 0 auto;
    padding: 0 0 0;
    text-align: left;
}

.page-print {
    background: #fff;
    padding: 20px;
    text-align: left;
}

.page-empty {
    background: #fff;
    padding: 20px;
    text-align: left;
}

.page-popup {
    padding: 20px;
    text-align: left;
    margin: 0 auto;
    background: #fff;
}

.page-popup .ratings .rating-box {
    float: none;
    margin: 0 auto 10px;
}

.main-container {
    position: relative;
    z-index: 1;
    background: #fff;
}

.main {}

.container {
    padding: 0;
}

/* Base Columns */
.col-left {
    float: left;
}

.col-main {
    float: left;
}

.col-right {
    float: right;
}

/* 1 Column Layout */
.col1-layout .col-main {
    float: none;
}

/* 2 Columns Layout */
.col2-left-layout .col-main {
    float: right;
}

.col2-right-layout .col-main {}

/* 3 Columns Layout */
.col3-layout .col-main {}

.col3-layout .col-wrapper {
    float: left;
}

.col3-layout .col-wrapper .col-main {
    float: right;
}

/* Content Columns */
.col2-set .col-1 {
    margin-bottom: 25px;
}

.col2-set .col-2 {}

.col2-set .col-narrow {
    width: 33%;
}

.col2-set .col-wide {
    width: 65%;
}

.cart-wrapper{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
}

.cart-wrapper form{
    width: 70%;
}

.cart-resumen-title{
    background-color: #ededed;
    padding: 10px 25px;
    text-align: center;
    font-size: 24px;
    font-family: 'Sansation';
}
        
.cart-collaterals .col2-set .col-1,
.cart-collaterals .col2-set .col-2 {
    width: 66%;
    float: left;
}

.cart-collaterals .col2-set .col-1 {
    padding: 0 25px;
}

.col3-set .col-1 {
    float: left;
    width: 32%;
}

.col3-set .col-2 {
    float: left;
    width: 32%;
    margin-left: 2%;
}

.col3-set .col-3 {
    float: right;
    width: 32%;
}

.col4-set .col-1 {
    float: left;
    width: 23.5%;
}

.col4-set .col-2 {
    float: left;
    width: 23.5%;
    margin: 0 2%;
}

.col4-set .col-3 {
    float: left;
    width: 23.5%;
}

.col4-set .col-4 {
    float: right;
    width: 23.5%;
}

/* ======================================================================================= */


/* Global Styles ========================================================================= */
/* Form Elements */
input,
select,
textarea,
button {
    font-size: 12px;
    vertical-align: middle;
    color: #000;
}

input.input-text,
select,
textarea,
.form-control {
    border: 1px solid #ececec;
    border-radius: 0;
    width: 100%;
}

input.input-text,
textarea {
    padding: 6px 12px;
    resize: none;
    -webkit-appearance: none;
    border-radius: 8px;
}

select {
    padding: 2px;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

select option {
    padding-right: 10px;
}

select.multiselect option {
    border-bottom: 1px solid #ddd;
    padding: 2px 5px;
}

select.multiselect option:last-child {
    border-bottom: 0;
}

textarea {
    overflow: auto;
}

input.radio {
    margin-right: 3px;
}

input.checkbox {
    margin-right: 3px;
}

input.qty {
    width: 60px !important;
    text-align: center !important;
    background: none;
    display: inline-block;
}

button.button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

/* FF Fix */
button.button {
    -webkit-border-fit: lines;
}

/* <- Safari & Google Chrome Fix */
button.button {
    background: transparent;
    border: 0;
    overflow: visible;
    cursor: pointer;
    padding: 0;
    margin: 5px;
    width: auto;
}

button.button>span {
    float: left;
    text-align: center;
    white-space: nowrap;
    padding: 0;
}

button.button span span {
    padding: 0 10px;
    display: block;
    float: left;
}

button.button>span,
.page-sitemap .links a {
    background: #242727;
    color: #fff;
    font-size: 13px;
    line-height: 30px;
    height: 30px;
}

button.button:hover>span,
.page-sitemap .links a:hover {}

.page-sitemap .links a {
    display: inline-block;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    padding: 0px 11px;
    height: 36px;
    line-height: 36px;
}

/********** Button right Contact Form and Account login home *****************/

button.disabled {}

button.disabled span {}


button.btn-checkout span {}

button.btn-checkout span span {}

button.btn-checkout.no-checkout {}

p.control input.checkbox,
p.control input.radio {
    margin-right: 6px;
}

/* Form Highlight */

/* Form lists */
/* Grouped fields */
.form-list li {}

.form-list label {
    float: left;
    font-weight: bold;
    position: relative;
    z-index: 0;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 0;
}

.form-list label.required {}

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

.form-list li.control label {
    float: none;
}

.form-list li.control input.radio,
.form-list li.control input.checkbox {
    margin-right: 6px;
}

.form-list li.control .input-box {
    clear: none;
    display: inline;
    width: auto;
}

.form-list .input-box {
    display: block;
    clear: both;
    margin-bottom: 25px;
    width: 260px;
}

.form-list .field {
    float: left;
    width: 360px;
}

.form-list input.input-text {
    width: 333px;
}

.form-list textarea {
    resize: none;
    width: 254px;
    height: 10em;
}

.form-list select {
    width: 100%;
}

.form-list li.wide .input-box {
    width: 535px;
}

.form-list li.wide input.input-text {
    width: 529px;
}

.form-list li.wide textarea {
    width: 529px;
}

.form-list li.wide select {}

.form-list li.additional-row {
    border-top: 1px solid #ccc;
    margin-top: 10px;
    padding-top: 7px;
}

.form-list li.additional-row .btn-remove {
    float: right;
    margin: 5px 0 0;
}

.form-list .input-range input.input-text {
    width: 74px;
}

/* Customer */
.form-list .customer-name-prefix .input-box,
.form-list .customer-name-suffix .input-box,
.form-list .customer-name-prefix-suffix .input-box,
.form-list .customer-name-prefix-middlename .input-box,
.form-list .customer-name-middlename-suffix .input-box,
.form-list .customer-name-prefix-middlename-suffix .input-box {
    width: auto;
}

.form-list .name-prefix {
    width: 65px;
}

.form-list .name-prefix select {
    width: 55px;
}

.form-list .name-prefix input.input-text {
    width: 49px;
}

.form-list .name-suffix {
    width: 65px;
}

.form-list .name-suffix select {
    width: 55px;
}

.form-list .name-suffix input.input-text {
    width: 49px;
}

.form-list .name-middlename {
    width: 132px;
    display: none;
}

.form-list .name-middlename input.input-text {
    width: 104px;
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname,
.form-list .customer-name-prefix-middlename .name-firstname {
    width: 140px;
}

.form-list .customer-name-prefix-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-middlename .name-firstname input.input-text {
    width: 124px;
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname {
    width: 318px;
}

.form-list .customer-name-prefix-middlename-suffix .name-lastname input.input-text {
    width: 189px;
}

.field.name-suffix {
    margin-top: 8px;
}

.field.name-prefix {
    margin-bottom: 10px
}

.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px;
}

.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-name-prefix-suffix .name-firstname {
    width: 210px;
}

.form-list .customer-name-prefix-suffix .name-lastname {
    width: 205px;
}

.form-list .customer-name-prefix-suffix .name-firstname input.input-text,
.form-list .customer-name-prefix-suffix .name-lastname input.input-text {
    width: 189px;
}

.form-list .customer-name-prefix .name-firstname,
.form-list .customer-name-middlename .name-firstname {
    width: 210px;
}

.form-list .customer-name-suffix .name-lastname,
.form-list .customer-name-middlename .name-firstname,
.form-list .customer-name-middlename-suffix .name-firstname,
.form-list .customer-name-middlename-suffix .name-lastname {
    width: 230px;
}

.opc .form-list .customer-name-suffix .name-lastname,
.opc .form-list .customer-name-middlename .name-firstname,
.opc .form-list .customer-name-middlename-suffix .name-firstname,
.opc .form-list .customer-name-middlename-suffix .name-lastname {
    width: 191px;
}

.form-list .customer-name-prefix .name-firstname input.input-text,
.form-list .customer-name-suffix .name-lastname input.input-text,
.form-list .customer-name-middlename .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.form-list .customer-name-middlename-suffix .name-lastname input.input-text {
    width: 202px;
}

.opc .form-list .customer-name-prefix .name-firstname input.input-text,
.opc .form-list .customer-name-suffix .name-lastname input.input-text,
.opc .form-list .customer-name-middlename .name-firstname input.input-text,
.opc .form-list .customer-name-middlename-suffix .name-firstname input.input-text,
.opc .form-list .customer-name-middlename-suffix .name-lastname input.input-text {
    width: 171px;
}

.form-list .customer-dob .dob-month,
.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-year {
    float: left;
    width: 85px;
}

.form-list .customer-dob input.input-text {
    display: block;
    width: 74px;
}

.form-list .customer-dob label {
    font-size: 10px;
    font-weight: normal;
    color: #888;
}

.form-list .customer-dob .dob-day,
.form-list .customer-dob .dob-month {
    width: 60px;
}

.form-list .customer-dob .dob-day input.input-text,
.form-list .customer-dob .dob-month input.input-text {
    width: 35px;
}

.form-list .customer-dob .dob-year {
    width: 140px;
}

.form-list .customer-dob .dob-year input.input-text {
    width: 213px;
}

.buttons-set {
    clear: both;
    margin: 5px 0 0;
    padding: 5px 0 5px 0;
}

.buttons-set .back-link {
    display: none;
}

.buttons-set .back-link a {}

.buttons-set button.button {
    float: right;
}

.buttons-set p.required {
    margin: 0 0 10px;
    font-size: 12px;
    color: #B90100;
}

.buttons-set-order {}

.fieldset>p {
    margin-bottom: 10px;
}

.fieldset .legend {
    font-size: 16px;
    text-transform: uppercase;
    padding: 10px 10px;
    color: #66cafa;
    font-weight: 300;
    background: #ecf9ff;
}

/* Form Validation */
.validation-advice {
    clear: both;
    min-height: 13px;
    margin: 3px 0 0;
    font-size: 10px;
    line-height: 13px;
    color: #f00;
}

.validation-failed {
    border: 1px dashed #f00 !important;
    background: #faebe7 !important;
}

.validation-passed {}

p.required {
    font-size: 10px;
    text-align: left;
    color: #f00 !important;
}

/* Expiration date and CVV number validation fix */
.v-fix {
    float: left;
}

.v-fix .validation-advice {
    display: block;
    width: 12em;
    margin-right: -12em;
    position: relative;
}

/* Global Messages  */
.success {
    color: #3d6611;
    font-weight: bold;
}

.error {
    color: #f00;
    font-weight: bold;
}

.notice {
    color: #ccc;
}

.messages,
.messages ul {
    list-style: none !important;
    padding: 0 !important;
}

.messages {
    width: 100%;
    overflow: hidden;
    margin-top: 10px;
}

.messages li {
    margin: 0 0 20px;
}

.messages li li {
    margin: 4px 0 3px;
}

div.alert a {
    font-size: 12px;
    padding-left: 5px;
}

div.alert a:hover {
    color: #fff;
}

div.alert {
    position: fixed;
    top: 0;
    padding: 20px 60px;
    color: #FFF;
    z-index: 999;
    font-size: 12px;
    font-weight: bold;
    color: #3acc00;
    border-radius: 0 0 3px 3px;
    text-align: center;
}


div.alert button {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/remove-popup.png) 0 0 no-repeat;
    width: 9px;
    height: 9px;
    position: absolute;
    right: 20px;
    top: 45%;
    border: none;
    z-index: 9999;
}

div.alert button:hover {
    cursor: pointer;
    background-position: 0 -9px;
}

.alert-success {
    background-color: #fff;
}

.error-msg,
.success-msg,
.note-msg,
.notice-msg {
    background-position: 17px center !important;
    background-repeat: no-repeat !important;
    min-height: 24px !important;
    padding: 4px 8px 10px 56px !important;
    font-size: 16px !important;
    font-weight: bold !important;
}

.success-msg {
    border-color: #ededed;
}

.error-msg {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/i_msg-note.png) left -3px no-repeat #fde4e1;
    color: #d62b77;
    font-weight: bold;
}

.success-msg {
    background-color: #ededed;
    background-image: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/i_msg-success.svg);
    font-weight: bold;
}

.note-msg,
.notice-msg {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/i_msg-note.png) 7px 6px no-repeat #fde4e1 !important;
    border-color: #ebbcb5;
    color: #df0505;
    font-weight: bold;
}

.note-msg-empty-catalog {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/empty-catalog.png) no-repeat center top;
    margin: 80px;
    padding: 200px 0 0;
    text-align: center;
}

.searchindex-related-terms {
    padding: 25px;
}

.availability-only {
    overflow: hidden;
    border-top: 1px solid #ECECEC;
    padding-top: 5px;
    margin-bottom: 5px;
}

/* BreadCrumbs */
.breadcrumbs {
    padding: 25px 0px;
    overflow: hidden;
    font-size: 12px;
}

.breadcrumbs li {
    float: left;
}

.breadcrumbs li a {
    text-decoration: none;
    color: #aaa;
}

.breadcrumbs li a:hover {
    color: #0f0f0f;
}

.breadcrumbs li span {
    display: inline-block;
    margin: 0 10px 0 0;
    color: #1f1f1f;
    font-size: 16px;
}

.breadcrumbs li strong {
    font-weight: normal;
}

.separador {
    color: #aaa;
}


/* Page Heading */
.page-title,
.category-title {}

.category-title {
    display: block;
}

.page-title h1,
.page-title h2 {
    font-size: 35px;
    line-height: 40px;
    margin: 30px 25px 0 25px;
    font-weight: 600;
    text-transform: uppercase;
}

.page-title .separator {
    margin: 0 3px;
}

.page-title .link-rss {
    float: right;
}

.title-buttons {
    text-align: right;
}

.title-buttons h1,
.title-buttons h2,
.title-buttons h3,
.title-buttons h4,
.title-buttons h5,
.title-buttons h6 {
    float: left;
}

.subtitle,
.sub-title {
    clear: both;
}

/********************************************************************************* End ********************************************************************************/

/* Pager */
.pager {
    text-align: center;
}

.pager .amount {
    float: left;
    padding-top: 2px;
    display: none;
}

.pager .amount span {
    font-weight: bold;
}

.pager .amount.spinner {
    padding-top: 13px;
}

.pager .amount strong {
    font-weight: normal;
    display: inline-block;
    padding-top: 0px;
}

.pager .amount strong span {
    font-weight: bold;
}

.pager p,
.pager .limiter label {}

.pager .limiter {
    float: right;
    min-width: 89px;
    display: none;
}

.pager .limiter label {
    display: inline-block;
    padding-top: 2px;
    padding-right: 6px;
    float: left;
}

.pager .pages {
    margin: 0 135px;
}

.pager .pages strong {
    padding-right: 3px;
}

.pager .pages ol {
    display: inline;
}

.pager .pages li {
    display: inline;
    padding: 0;
    color: #737373;
    font-size: 16px;
    line-height: 15px;
    font-weight: bold;
    margin-right: 3px;
}

.pager .pages li a {
    text-decoration: none;
    font-weight: 300;
}

.pager .pages .current {
    color: #0f0f0f;
}

.pager ol>li:first-child>a {
    text-decoration: none;
}

.pager ol>li>a {
    border: 0;
    padding: 3px;
    background: none;
}

.pager ol>li>a:focus,
.pager ol>li>a:hover {
    background: none;
}

/* Sorter */
.sorter {}

.sorter .view-mode {
    float: left;
    font-size: 0;
    overflow: hidden;
    height: 30px;
    width: 150px;
    padding: 0;
}

.sorter .grid,
.sorter .list {
    display: block;
    float: left;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/grid-list.gif) no-repeat left bottom;
    width: 17px;
    height: 16px;
}

.sorter .list {
    background-position: right bottom;
}

.sorter a.list {
    background-position: right top;
}

.sorter a.list:hover {
    background-position: right bottom;
}

.sorter a.grid {
    background-position: left top;
}

.sorter a.grid:hover {
    background-position: left bottom;
}

.sorter .view-mode strong,
.sorter .view-mode a {
    margin-right: 10px;
}

.sorter a.list {}

.sorter strong.list {}

.sorter .sort-by {
    float: right;
    min-width: 152px;
}

.sorter .sort-by select {
    margin-right: 15px;
}

.sorter .sort-by label {
    display: inline-block;
    padding-top: 2px;
    padding-right: 6px;
    float: left;
}

.sorter .link-feed {}

/* Toolbar */
.toolbar {
    margin-bottom: 30px;
}

.toolbar select {
    min-width: 63px;
}

.toolbar .pager {
    border-bottom: 1px solid #ececec;
    margin-bottom: 10px;
    padding: 0 0 10px;
}

.toolbar .sorter {
    padding: 0;
}

.toolbar-bottom {
    margin-top: 30px;
}

/* Data Table */
.data-table {
    width: 100%;
    font-family: var(--font-family-menu);
}

.data-table th {
    white-space: nowrap;
}

.data-table td {
    font-size: 17px;
    line-height: 20px;
    font-weight: 300;
}

.data-table thead {}

.data-table tbody {}

.data-table tfoot {}

.data-table tr th.label {
    color: #0f0f0f;
    font-size: 17px;
    line-height: 20px;
    font-weight: 700;
    padding-right: 10px;
}

.data-table tr {
    border-bottom: 1px solid #0f0f0f3a;
    padding: 11px 0;
    display: flex;
}

.data-table tr.first {}

.data-table tr.first th.label {}

.data-table tr.last {}

.data-table tr.odd th.label {}

.data-table tr.even {}

.data-table tbody.odd {}

.data-table tbody.odd td {
    border-width: 0 1px;
}

.data-table tbody.even {}

.data-table tbody.even td {
    border-width: 0 1px;
}

.data-table tbody.odd tr.border td,
.data-table tbody.even tr.border td {
    border-bottom-width: 1px;
}

.data-table th .tax-flag {
    white-space: nowrap;
    font-weight: normal;
}

.data-table td.label,
.data-table th.label {}

.data-table td.value {}

.data-table-indent {
    margin-bottom: 20px;
}





/* Shopping cart total summary row expandable to details */
tr.summary-total {
    cursor: pointer;
}

tr.summary-total td {}

tr.summary-total .summary-collapse {
    float: left;
    text-align: left;
    padding-left: 20px;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/bkg_collapse.gif) 0 4px no-repeat;
    cursor: pointer;
}

tr.show-details .summary-collapse {
    background-position: 0 -53px;
}

tr.show-details td {}

tr.summary-details td {
    font-size: 11px;
    background-color: #dae1e4;
    color: #626465;
}

tr.summary-details-first td {
    border-top: 1px solid #d2d8db;
}

tr.summary-details-excluded {
    font-style: italic;
}

/* Shopping cart tax info */
.cart-tax-info {
    display: block;
}

.cart-tax-info,
.cart-tax-info .cart-price {
    padding-right: 20px;
}

.cart-tax-total {
    display: block;
    padding-right: 20px;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/bkg_collapse.gif) 100% 4px no-repeat;
    cursor: pointer;
}

.cart-tax-info .price,
.cart-tax-total .price {
    display: inline !important;
    font-weight: normal !important;
}

.cart-tax-total-expanded {
    background-position: 100% -53px;
}

/* Class: std - styles for admin-controlled content */
.std .subtitle {
    padding: 0;
}

.std ol.ol {
    list-style: decimal outside;
    padding-left: 1.5em;
}

.std ul.disc {
    list-style: disc outside;
    padding-left: 18px;
    margin: 0 0 10px;
}

.std dl dt {
    font-weight: bold;
}

.std dl dd {
    margin: 0 0 10px;
}

.std ol,
.std dl,
.std p,
.std address,
.std blockquote {
    padding: 0;
}

.std ol {
    list-style: decimal outside;
    padding-left: 1.5em;
}

.std ul ul {
    list-style-type: circle;
}

.std ul ul,
.std ol ol,
.std ul ol,
.std ol ul {
    margin: .5em 0;
}

.std dt {
    font-weight: bold;
}

.std dd {
    padding: 0 0 0 1.5em;
}

.std blockquote {
    font-style: italic;
    padding: 0 0 0 1.5em;
}

.std address {
    font-style: normal;
}

.std b,
.std strong {
    font-weight: 600;
}

.std i,
.std em {
    font-style: inherit;
}

/* Misc */
.links li {
    display: inline;
    padding-left: 12px;
}

.links li.first {}

.links.LoginLink li.first {
    padding-left: 0;
}

.links li.last {
    padding-bottom: 0;
}

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

.links li a:hover {}

.link-cart {
    font-weight: bold;
}

.link-cart:hover {
    text-decoration: underline;
}

.link-wishlist {
    font-weight: bold;
}

.link-reorder {
    color: #f8d149;
}

.link-compare {
    font-weight: bold;
}

.link-print {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/i_print.gif) 0 2px no-repeat;
    padding: 2px 0 2px 25px;
}

.link-rss {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/i_rss.gif) 0 1px no-repeat;
    padding-left: 18px;
    white-space: nowrap;
}

.btn-papelera {
    display: inline-block;
    overflow: hidden;
    margin-left: 13px;
    font-size: 0;
    text-decoration: none !important;
}

.btn-papelera:before {
    content: "\f00d";
    display: block;
    font-family: 'FontAwesome';
    font-size: 18px;
    font-weight: 600;
    color: #5b677f;
}

.btn-remove {
    display: inline-block;
    overflow: hidden;
    margin-left: 13px;
    font-size: 0;
    text-indent: -999px;
    text-decoration: none !important;
    display: flex;
    color: #000;
}

.btn-remove:before {
    content: "×";
    font-size: 36px;
    display: block;
    font-family: 'Sansation';
    font-weight: 100;
}

.btn-remove2 {
    display: inline-block;
    font-size: 0;
    margin: 0;
}

.btn-remove2:before {
    content: "\f00d";
    font-size: 24px;
    line-height: 24px;
    display: block;
    color: #000;
    margin-top: 28px;
}

.btn-remove2:hover {}

.btn-edit {
    display: block;
    font-size: 0;
    text-indent: -999px;
    overflow: hidden;
    margin-left: 2px;
}

.btn-edit:before {
    content: "\f040";
    font-size: 14px;
    display: block;
}

.btn-remove:hover {}

.cards-list dt {
    margin: 5px 0 0;
}

.cards-list .offset {
    padding: 2px 0 2px 20px;
}

.prod-cart img {
    border: 1px solid #ededed;
}

.separator {
    margin: 0 3px;
}

.divider {
    clear: both;
    display: block;
    font-size: 0;
    line-height: 0;
    height: 1px;
    margin: 10px 0;
    background: #ddd;
    font-size: 0;
    overflow: hidden;
}

/* Noscript Notice */
.noscript {
    border: 1px solid #ddd;
    border-width: 0 0 1px;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f;
}

.noscript .noscript-inner {
    width: 1000px;
    margin: 0 auto;
    padding: 12px 0 12px;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/i_notice.gif) 20px 50% no-repeat;
}

.noscript p {
    margin: 0;
}

/* Demo Notice */
.demo-notice {
    margin: 0;
    padding: 6px 10px;
    background: #d75f07;
    font-size: 12px;
    line-height: 1.15;
    text-align: center;
    color: #fff;
}

/* Cookie Notice */
.notice-cookie {
    border-bottom: 1px solid #cfcfcf;
    background: #ffff90;
    font-size: 12px;
    line-height: 1.25;
    text-align: center;
    color: #2f2f2f;
}

.notice-cookie .notice-inner {
    width: 870px;
    margin: 0 auto;
    padding: 12px 0 12px 80px;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/i_notice.gif) 20px 25px no-repeat;
    text-align: left;
}

.notice-cookie .notice-inner p {
    margin: 0 0 10px;
    border: 1px dotted #cccc73;
    padding: 10px;
}

.notice-cookie .notice-inner .actions {}

/* Logo ================================================================================ */
.logo {
    float: left;
}

.header .logo {
    float: left;
    display: block;
    text-decoration: none !important;
}

.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
}

.header h1.logo {
    margin: 0;
    padding: 0;
}

.header .logo img {
    max-width: 250px;
    height: auto;
}

.aviso {
    width: 100%;
    background: #66cafa;
    padding: 4px 0;
}

/* Header ================================================================================ */
.header-container {
    padding: 30px 0;
}

.header {
    padding: 0;
    position: relative;
}

.header .quick-access {
    float: right;
    padding: 6px 0 0 0;
}

.header .welcome-msg {
    float: left;
    font-weight: bold;
}

.header .welcome-msg a {}

.header .links {
    float: right;
    text-align: right;
}

.header .links li {
    float: left;
    padding: 0;
}

.header .links li a {
    display: inline-block;
    margin-right: 18px;
    color: #e1e1e1;
}

.header .links li a:hover {
    color: #fff;
}

.header .links .top-link-cart,
.header .links .top-car {
    display: none
}

.header .form-search {
    text-align: right;
}

#search_mini_form {
    float: right;
    position: relative;
    clear: right;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 1;
}

.header .form-search {
    position: relative;
}

.header .form-search .input-text {
    float: left;
    padding: 6px;
    width: 300px;
    height: 30px;
    font-family: var(--font-family-menu);
}

.header .form-search button.button {
    margin: -3px;
}

.header .form-search button.button span {}

/* .header .form-search button.button span:before {content: "\f101"; font-size: 17px;} */
.header .form-search button.button span span {}

.header .form-search button.button:hover span {}

.header .form-search label {
    float: left;
    margin-left: 17px;
    display: none;
}

#select-form {
    margin-left: 1px;
}

.header .form-search .search-autocomplete {
    z-index: 999;
    font-size: 13px;
    width: 100%;
}

.header .form-search .search-autocomplete ul {
    border: 1px solid #ddd;
    background-color: #fff;
}

.header .form-search .search-autocomplete li {
    padding: 3px;
    border-bottom: 1px solid #ddd;
    cursor: pointer;
    text-align: left;
}

.header .form-search .search-autocomplete li:hover {
    background-color: #fafafa;
}

.header .form-search .search-autocomplete li .amount {
    float: right;
    font-weight: bold;
}

.header .form-search .search-autocomplete li.selected {}

.header .search-autocomplete li p {
    overflow: hidden;
}

.header .form-search .search-autocomplete ul {
    border-top-width: 0;
    border-bottom-width: 0;
}

.header .form-search .search-autocomplete li {
    padding: 5px;
}

.header .form-search .search-autocomplete li img {
    margin-right: 10px;
}

.ps-phone .header .form-search .search-autocomplete {
    display: none !important;
}

.searchindex-related-terms {
    margin: 30px 25px 0 25px;
}



.header-buttons {
    margin-bottom: 10px;
    float: right;
}

.header-button {
    float: right;
    position: relative;
    width: 38px;
    background: #FBFBFB;
    border: 1px solid #DDDDDD;
    margin-left: 4px;
}

.header-button>a {
    display: block;
    height: 30px;
}

.header-button.currency-list>a,
.header-button.lang-list>a {
    font-size: 17px;
    line-height: 21px;
    text-transform: capitalize;
    text-align: center;
    padding: 4px 0 0;
    width: 100%;
}

.header-button>a:after {
    content: "\f103"
}

.header-button ul {
    display: none;
    text-align: left;
    position: absolute;
    right: 0px;
    top: 32px;
    padding: 0;
    z-index: 999;
    border: 1px solid #ddd;
    width: 220px;
}

.header-button.lang-list ul {
    width: 120px;
}

.header-button ul li {
    float: none;
    display: block;
    padding-left: 0px;
    border-bottom: 1px solid #ddd;
}

.header-button ul li:last-child {
    border: 0;
}

.header-button ul li a {
    display: block;
    background: #fff;
    font-size: 14px;
    line-height: 17px;
    padding: 5px 10px;
    min-height: 18px;
}

.header-button ul li a:hover {
    background-color: #FBFBFB;
}

.header-button>a:hover,
.header-button.active>a {
    background-color: #ccc;
}

/*************Header Cart **********************/

.carrito-ico {
    font-size: 25px;
}

.header-container .top-container {
    clear: both;
    text-align: right;
}

.col2-set {
    width: auto;
}

/*====== Sidebar ======= */

.block {
    margin-bottom: 60px;
}

.ofertas {
    margin-bottom: 20px;
}

.ofertas-title {
    background: #0f0f0f;
    border-bottom: 1px solid #dddddd;
    color: #fff;
    padding-bottom: 6px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}

.ofertas .contenido-ofertas {
    text-align: center;
}

.ofertas .contenido-ofertas .texto-oferta {
    font-weight: bold;
    font-size: 16px;
}

.block.last_block {
    margin-bottom: 70px;
}

.block .block-title {
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
    border-bottom: 1px solid #0f0f0f;
    font-weight: 800;
    display: block;
    padding-bottom: 4px;
}

.block .block-title-green {
    border-bottom: 1px solid #dddddd;
    color: #fff;
    font-size: 14px;
    padding-bottom: 6px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    background: #f8d149;
}

.block .block-title-azul {
    border-bottom: 1px solid #dddddd;
    color: #fff;
    padding-bottom: 6px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
    background: #f8d149;
}

.block .block-title-blanco {
    border: 1px solid #dddddd;

    padding-bottom: 6px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    border-radius: 10px 10px 0px 0px;
}


.blocke .block-title {
    border-radius: 10px 10px 0 0;
    padding-bottom: 6px;
    padding-top: 6px;
    position: relative;
    text-align: center;
    background: #0f0f0f;
    color: #fff;
    font-weight: normal;
}

.blocke {
    margin-bottom: 20px;
    background: #ecf9ff;
    padding: 25px;
}

.agreement-mini {
    font-size: 12px;
    padding-top: 2px;
}

.privacidad-mini {
    display: inline-flex;
}

.privacidad-mini a {
    color: #66cafa;
    font-weight: 600;
}

.privacidad-mini a:hover {
    color: #66cafa;
}

.comentario {
    height: 88px;
}

.block .block-title strong {}

.block .block-title a {
    text-decoration: none !important;
}

.block .block-subtitle {
    font-size: 13px;
    line-height: 16px;
    color: #2d2328;
    font-weight: normal;
    text-align: center;
    margin: 10px;
    text-transform: uppercase;

}

.block .block-content {
    width: 100%;
}

.block .block-conten {
    width: 100%;
}

.block li.item {
    padding: 12px 0;
    border-bottom: 1px solid #e2e8fa;
}

.block li.last {}

.block li.item:first-child {}

.widget.widget-catalogsale-products .block ol li {
    padding: 20px 0 20px 0;
}

.widget.widget-catalogsale-products .price-box.map-info {
    padding: 10px 0 10px 0;
}

.widget.widget-catalogsale-products .price-box.map-info a {
    padding-left: 0;
}

.block .btn-remove,
.block .btn-edit {
    float: right;
}

.block .actions {}

.block .actions a {
    display: inline-block;
    font-weight: bold;
    text-decoration: underline;
    margin-left: 10px;
}

.block .actions a:hover {
    text-decoration: none;
}

.block-compare .actions {
    padding: 20px 0 10px 0;
}

.block .empty {}

.block .price-box.map-info .price {}

.block li.odd {}

.block li.even {}

.sidebar-indent {}

/******************************************************************************** Mini Products List ******************************************************************************/
.mini-products-list li.item {
    padding-top: 20px;
    padding-bottom: 20px;
}

.mini-products-list .product-control-buttons {}

.mini-products-list .product-image {
    float: left;
    width: 90px;
    background: #fff;
    margin-right: 10px;
}

.mini-products-list .product-image img {
    max-width: 100%;
}

.mini-products-list .product-details {
    overflow: hidden;
}

.mini-products-list .product-details h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}

.mini-products-list .product-name {
    margin-top: 14px;
    display: block;
    text-transform: none;
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
}

.mini-products-list .product-name a {
    color: #0f0f0f;
}

.mini-products-list .price-box {
    margin-bottom: 10px;
}

.block-cart .mini-products-list .product-name,
.block-cart .mini-products-list .product-details .nobr small {
    word-wrap: break-word;
}

.block-cart .mini-products-list .product-details .nobr {
    white-space: normal !important;
}

.related .mini-products-list .block li.item {
    border: none;
}

.related .mini-products-list li.item {}

.related .mini-products-list {}

.related .block-title {
    margin: 0;
}




/************************************************************************************ Block: Cart ***********************************************************************************/
.block-cart {}

.block-cart .block-content li.item.last {
    padding-bottom: 0;
}

.block-cart .summary {
    margin-bottom: 20px;
}

.block-cart .amount {
    border-bottom: 1px solid #ececec;
    padding-bottom: 12px;
    margin-bottom: 16px;
}

.block-cart .amount a {
    font-weight: bold;
}

.block-cart .amount a:hover {
    text-decoration: underline;
}

.block-cart .subtotal {}

.block-cart .subtotal .price {
    font-weight: bold;
    padding-left: 6px;
}

.block-cart .subtotal .label {
    padding: 0;
}

.block-cart .amount-2 {
    border-top: 1px solid #ececec;
    padding-top: 16px;
    padding-bottom: 17px;
}

.block-cart .amount-2 a {
    text-decoration: none;
    font-weight: bold;
}

.block-cart .actions>p,
.block-cart .actions>li {
    display: none;
}

.block-cart .actions .paypal-logo {
    float: left;
    width: 100%;
    margin: 3px 0 0;
    text-align: right;
}

.block-cart .actions .paypal-logo .paypal-or {
    clear: both;
    display: block;
    padding: 0 55px 5px 0;
}

.block-cart .actions {
    border-bottom: 1px solid #ececec;
    padding-bottom: 20px;
    margin-bottom: 17px;
}

.block-cart .product-details {
    text-transform: uppercase;
}

.block-cart .product-details strong {
    font-weight: normal;
    padding: 0 0 0 3px;
}



/************************************************************************ Block: Reorder *******************************************************************************************/
.block-reorder {}

.block-reorder .block-subtitle {}

.block-reorder li {
    padding: 5px 0;
}

.block-reorder input.checkbox {
    float: left;
    margin: 0;
}

.block-reorder .product-name {
    margin-left: 20px;
}

.block-reorder .actions {}

.block-reorder .actions a {
    margin-left: 0;
}

.block-reorder .actions a:hover {}

.block-reorder button.button {
    margin: 0 10px 8px 0;
}

/*********************************************************************** Block: Banner *********************************************************************************************/
.block-banner {}

.block-banner .block-content {
    text-align: center;
    padding: 0;
    border: 0;
}

/************************************************************************ Block: Login *********************************************************************************************/
.block-login label {
    font-weight: bold;
    color: #666;
}

.block-login input.input-text {
    display: block;
    width: 167px;
    margin: 3px 0;
}

/************************************************************************* Paypal **************************************************************************************************/
.paypal-logo {
    display: inline-block;
    margin: 0;
    text-align: center;
    overflow: hidden;
}

.paypal-logo a {
    float: none;
    display: inline-block;
    width: 100px;
}

.paypal-logo a img {
    max-width: 100%;
    height: auto;
}

/************************************************************************* Block Slider Sidebar **************************************************************************************************/
.block-slider-sidebar {
    display: none;
    position: relative;
}

.block-slider-sidebar.block-slider-start {
    display: block;
}

.block-slider-sidebar .block-content {}

.block-slider-sidebar li {
    width: 270px;
    min-height: 200px;
    float: left;
    position: relative;
}

.block-slider-sidebar li a {
    display: block;
    background: #ccc;
}

.block-slider-sidebar img {
    max-width: 100%;
}

.block-slider-sidebar .block-content>a {
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
}

.block-slider-sidebar .block-conten>a {
    font-size: 20px;
    position: absolute;
    top: 0;
    right: 0;
}

.block-slider-sidebar a.slider-sidebar-prev {
    right: 40px;
}

.block-slider-sidebar .slider-sidebar-pager {
    text-align: center;
}

.block-slider-sidebar .slider-sidebar-pager a {
    font-size: 20px;
    line-height: 20px;
    display: inline-block;
    margin: 0 4px;
}

.block-slider-sidebar .slider-sidebar-pager a:before {
    content: "\f111";
}

.block-slider-sidebar .slider-sidebar-pager a.selected,
.block-slider-sidebar .slider-sidebar-pager a:hover {
    color: #000;
}

.block-slider-sidebar .slider-sidebar-pager span {
    font-size: 0;
    text-indent: -777px;
}

/*========================================================================================== End Sidebar ============================================================================ */

/* Category Page ========================================================================= */
.category-image {
    width: 100%;
    overflow: hidden;
    margin: 0 0 10px;
    text-align: center;
}

.category-image img {
    max-width: 100%;
}

.category-description {}

.std {
    padding: 25px;
}

.cat {
    font-size: 16px;
    line-height: 21px;
    color: #666666;
}

.cat strong {
    font-weight: 500;
}

.ver-mas {
    text-align: right;
    margin-bottom: 5px;
}

.ver-mas a {
    color: #182a76;
}

.category-products {
    margin-top: 20px;
}

.category-nav {
    width: 100%;
    display: table;
    font-size: 12px;
    line-height: 16px;
}

.category-nav a {
    color: #0f0f0f;
}

.category-nav a:hover {}

.category-nav h3 {
    font-size: 14px;
}

.category-nav h4 {
    font-size: 14px;
}

.nav-img {
    display: block;
}

.center {
    text-align: center;
}

.titulo-center {
    background: #fafafa;
    border-bottom: 1px solid #dedede;
    padding-bottom: 10px;
    padding-top: 10px;
    text-align: center;
    text-transform: uppercase;
}

.titulo-secundario {
    border-bottom: 1px solid #dedede;
    padding-bottom: 5px;
    padding-top: 5px;
}


.link-presupuesto {
    display: block;
    border: 2px solid #f8d149;
    font-weight: 500;
    background: #f8d149;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 22px;
    line-height: 32px;
}

.link-presupuesto:hover {
    background: #fff;
    padding: 10px;
    color: #f8d149;
    border-radius: 5px;
    font-weight: bold;
    font-size: 22px;
    line-height: 32px;
}

.link-presupuesto-mini {
    text-align: center;
    display: block;
    font-weight: 500;
    background: #000;
    padding: 4px;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    line-height: 25px;
}

.link-presupuesto-mini:hover {
    text-align: center;
    background: #fff;
    color: #000;
    border: 2px solid #000;
}


/*==== PAGINA SERVICIO TECNICO MAYTRONICS ====*/
.gris-bk {
    background: #f6f6f6;
    padding: 20px;
}

.border {
    border-radius: 3px;
}

.white-bk {
    background: #fff;
    padding: 20px;
}

.maytronics {
    color: #55c8df;
}

.big-text {
    font-size: 20px;
    line-height: 30px;
}

.link-maytronics {
    display: block;
    border: 2px solid #55c8df;
    background: #55c8df;
    padding: 10px;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 22px;
    line-height: 32px;
}

.link-maytronics:hover {
    background: #fff;
    padding: 10px;
    color: #55c8df;
    border-radius: 5px;
    font-weight: bold;
    font-size: 22px;
    line-height: 32px;
}

.h2-maytronics {
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    color: #55c8df;
    text-transform: uppercase;
    border-top: 2px solid;
    border-bottom: 2px solid;
}

.h3-maytronics {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    color: #55c8df;
    margin: 0;
}

.maytronics-number {
    background: #55c8df;
    padding: 20px 0;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    display: inline-block;
    width: 60px;
    text-align: center;
}

.line-maytronics {
    border-bottom: 2px solid #55c8df;
}


/*==== TRICKS PARRAFO ====*/
.round-ca {
    background: #66cafa;
    padding: 20px 0 !important;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    display: inline-block;
    width: 60px;
    text-align: center;
}

.round-ox {
    background: #0f0f0f;
    padding: 20px 0 !important;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    display: inline-block;
    width: 60px;
    text-align: center;
}

.round-ne {
    background: #f8d149;
    padding: 15px 0 !important;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    display: inline-block;
    width: 60px;
    text-align: center;
}

.round-ca-big {
    background: #66cafa;
    padding: 80px 0 !important;
    border-radius: 50%;
    font-size: 100px;
    color: #fff;
    display: inline-block;
    width: 250px;
    text-align: center;
}

.round-ox-big {
    background: #0f0f0f;
    padding: 80px 0 !important;
    border-radius: 50%;
    font-size: 100px;
    color: #fff;
    display: inline-block;
    width: 250px;
    text-align: center;
}

.round-ne-big {
    background: #f8d149;
    padding: 80px 0 !important;
    border-radius: 50%;
    font-size: 100px;
    color: #fff;
    display: inline-block;
    width: 250px;
    text-align: center;
}

.o-ca {
    background: #66cafa;
    padding: 20px 0 !important;
    border-radius: 35px;
    font-size: 40px;
    color: #fff;
    display: inline-block;
    width: 60px;
    text-align: center;
}

.o-ox {
    background: #0f0f0f;
    padding: 20px 0 !important;
    border-radius: 35px;
    font-size: 40px;
    color: #fff;
    display: inline-block;
    width: 60px;
    text-align: center;
}

.o-ne {
    background: #f8d149;
    padding: 20px 0 !important;
    border-radius: 35px;
    font-size: 40px;
    color: #fff;
    display: inline-block;
    width: 60px;
    text-align: center;
}

.o-ca-big {
    background: #66cafa;
    padding: 40px 0 !important;
    border-radius: 85px;
    font-size: 90px;
    color: #fff;
    display: inline-block;
    width: 250px;
    text-align: center;
}

.o-ox-big {
    background: #0f0f0f;
    padding: 40px 0 !important;
    border-radius: 85px;
    font-size: 90px;
    color: #fff;
    display: inline-block;
    width: 250px;
    text-align: center;
}

.o-ne-big {
    background: #f8d149;
    padding: 40px 0 !important;
    border-radius: 85px;
    font-size: 90px;
    color: #fff;
    display: inline-block;
    width: 250px;
    text-align: center;
}


/*=== COLORS ===*/
.green {
    color: #f8d149 !important;
}

.capri{
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none;
    background-image: linear-gradient(black, black);
    background-repeat: no-repeat;
    padding-top: 6px;
    background-size: 100% 2px;
    background-position: 0% 100%;
    cursor: pointer;
}

.capri:hover,
.capri:focus {
    animation: redrawUnderline 0.6s ease-in-out forwards;
}

@keyframes redrawUnderline {
  49% {
    background-size: 0% 2px;
    background-position: 0% 100%;
  }
  50% {
    background-size: 0% 2px;
    background-position: 100% 100%;
  }
  100% {
    background-size: 100% 2px;
    background-position: 100% 100%;
  }
}

.oxford {
    color: #0f0f0f !important;
}

.neon {
    color: #f8d149 !important;
}

.yellow {
    color: #ffdc0f !important;
}

.white {
    color: #fff !important;
}

.white:hover {
    color: #fff !important;
}

.red {
    color: #f8d149 !important;
}

.red-bold {
    color: #f8d149 !important;
    font-weight: bold;
    font-size: 20px;
    line-height: 34px;
}

.white-ox {
    color: #0f0f0f !important;
}

.pnk {
    color: #C4301C !important;
}



/*=== UTILITY ===*/
.middle {
    vertical-align: middle;
}

.multiply {
    mix-blend-mode: multiply;
}

.inline {
    display: inline-flex;
}

.float {
    float: left;
}

.desktop-flex {
    display: flex;
}

.none {
    display: none;
}

.left-center {
    text-align: center;
}

.bold2 {
    font-weight: 700;
}

.bolder {
    font-weight: 1000;
}

.uppercase {
    text-transform: uppercase;
}

.luminosity {
    mix-blend-mode: luminosity;
}

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

/*=== Block 2colums ===*/

.block-2-columns {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.block-2-columns.middle,
.block-3-columns.middle,
.block-4-columns.middle {
    align-items: center;
}

/*=== Block 2colums image ===*/

.block-2-columns-img {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

.block-2-columns-img .scale {
    overflow: hidden;
}

.block-2-columns-img .scale img {
    transition: all 1s;
}

.block-2-columns-img .scale img:hover {
    transform: scale(1.1);
}

.block-2-columns-img .text {
    padding: 1vw 3.5vw 1vw;
}

.block-2-columns-img .text.less-margin {
    padding: 1vw;
}

.block-2-columns-img .text.no-margin {
    padding: 1vw 2vw 1vw 0;
}

.block-2-columns-img .text.no-margin-right {
    padding: 1vw 0vw 1vw 2vw;
}

.block-2-columns-img .img {
    height: 100%;
}

.block-2-columns-img .multiple-img {
    height: 100%;
    display: flex;
    justify-content: space-evenly;
    text-align: center;
    align-items: center;
}

.block-2-columns-img .img.cr-90 {
    max-width: 90%;
    margin: auto;
    display: block;
    height: auto;
}

.block-2-columns-img .img img {
    /*height: 100%;
    object-fit: cover;
    width: 100%;*/
}

/*=== Block 3colums ===*/

.block-3-columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

/*=== Block 4colums ===*/

.block-4-columns {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
}

/*=== Columns ===*/
.columns-2 {
    display: inline-table;
    width: 47%;
    margin-right: 2%;
}

.columns-3 {
    display: inline-table;
    width: 29%;
    margin-right: 2%;
    margin-top: 5px;
}

.columns-4 {
    display: inline-table;
    width: 22%;
    margin-right: 2%;
    margin-top: 5px;
    text-align: center;
}

.columns-5 {
    display: inline-table;
    width: 17%;
    margin-right: 2%;
    margin-top: 5px;
}

.columns-6 {
    display: inline-table;
    width: 15.7%;
    margin-right: 0.5%;
    margin-top: 5px;
}

.columns-7 {
    display: inline-table;
    width: 11%;
    margin-right: 2%;
    margin-top: 5px;
}

.columns-8 {
    display: inline-table;
    width: 9%;
    margin-right: 2%;
    margin-top: 5px;
}

.columns-9 {
    display: inline-table;
    width: 8%;
    margin-right: 2%;
    margin-top: 5px;
}

.columns-2-mini {
    display: inline-table;
    width: 46%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.columns-2-promo {
    display: inline-table;
    width: 49%;
    text-align: center;
}

/*=== Titulos ===*/

.subtitulo-s-ca {
    color: #666;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.subtitulo-m-ca {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.subtitulo-l-ca {
    color: #66cafa;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

.subtitulo-xl-ca {
    color: #66cafa;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.subtitulo-s-ox {
    color: #0f0f0f;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.subtitulo-m-ox {
    color: #0f0f0f;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.subtitulo-l-ox {
    color: #0f0f0f;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

.subtitulo-xl-ox {
    color: #0f0f0f;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.subtitulo-s-ne {
    color: #666;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.subtitulo-m-ne {
    color: #f8d149;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.subtitulo-l-ne {
    color: #f8d149;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

.subtitulo-xl-ne {
    color: #f8d149;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.subtitulo-s-pnk {
    color: #C4301C;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.subtitulo-m-pnk {
    color: #C4301C;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.subtitulo-l-pnk {
    color: #C4301C;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

.subtitulo-xl-pnk {
    color: #C4301C;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.subtitulo-s-kl {
    color: #1e4dd2;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.subtitulo-m-kl {
    color: #1e4dd2;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.subtitulo-l-kl {
    color: #1e4dd2;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

.subtitulo-xl-kl {
    color: #1e4dd2;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.subtitulo-s-bk-ca {
    color: #fff;
    background: #66cafa;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.subtitulo-m-bk-ca {
    color: #fff;
    background: #66cafa;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.subtitulo-l-bk-ca {
    color: #fff;
    background: #66cafa;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

.subtitulo-xl-bk-ca {
    color: #fff;
    background: #66cafa;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.subtitulo-s-bk-ox {
    color: #fff;
    background: #0f0f0f;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.subtitulo-m-bk-ox {
    color: #fff;
    background: #0f0f0f;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.subtitulo-l-bk-ox {
    color: #fff;
    background: #0f0f0f;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

.subtitulo-xl-bk-ox {
    color: #fff;
    background: #0f0f0f;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.subtitulo-s-bk-ne {
    color: #fff;
    background: #f8d149;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.subtitulo-m-bk-ne {
    color: #fff;
    background: #f8d149;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.subtitulo-l-bk-ne {
    color: #fff;
    background: #f8d149;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

.subtitulo-xl-bk-ne {
    color: #fff;
    background: #f8d149;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.subtitulo-s-bk-pnk {
    color: #fff;
    background: #d62b77;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.subtitulo-m-bk-pnk {
    color: #fff;
    background: #d62b77;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.subtitulo-l-bk-pnk {
    color: #fff;
    background: #d62b77;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

.subtitulo-xl-bk-pnk {
    color: #fff;
    background: #d62b77;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.subtitulo-s-bk-kl {
    color: #fff;
    background: #1e4dd2;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
}

.subtitulo-m-bk-kl {
    color: #fff;
    background: #1e4dd2;
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
    margin: 0;
}

.subtitulo-l-bk-kl {
    color: #fff;
    background: #1e4dd2;
    font-size: 30px;
    font-weight: 600;
    line-height: 36px;
    margin: 0;
}

.subtitulo-xl-bk-kl {
    color: #fff;
    background: #1e4dd2;
    font-size: 40px;
    font-weight: 600;
    line-height: 48px;
    margin: 0;
}

.titulo-1 {
    font-size: 35px;
    font-weight: 600;
    line-height: 37px;
    text-transform: uppercase;
    margin-top: 32px;
    margin-bottom: 18px;
    border-bottom: 1px solid;
    padding-bottom: 4px;
}

.titulo-2-1 {
    font-size: 35px;
    font-weight: 600;
    line-height: 37px;
    text-transform: uppercase;
    margin-top: 32px;
    margin-bottom: 18px;
    border-bottom: 1px solid;
    padding-bottom: 4px;
    text-align: center;
}

.titulo-2 {
    font-size: 32px;
    font-weight: 500;
    line-height: 37px;
}

.titulo-3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 30px;
}

.titulo-4 {
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
}

.titulaco {
    font-size: 55px;
    color: #0f0f0f;
    margin-top: 100px;
    font-weight: 800;
    line-height: 55px;
    padding: 0 !important;
    border: none !important;
    margin-bottom: 0 !important;
    font-family: var(--font-family-menu);
}

.titulo-gris {
    font-size: 55px;
    color: #0f0f0f;
    font-weight: 800;
    line-height: 55px;
    padding: 0 !important;
    border: none !important;
    margin-bottom: 0 !important;
    font-family: var(--font-family-menu);
}

.titulo-gris-mini {
    font-size: 40px;
    line-height: 40px;
    margin-top: 70px;
    color: #0f0f0f;
    font-family: var(--font-family-menu);
}


/*==== Bloques BKG (mobile-desktop) ====*/
.bkg-ox {
    background: #0f0f0f;
    color: #fff;
    padding: 35px;
}

.bkg-ox-ca {
    background: #66cafa;
    color: #0f0f0f;
    padding: 35px;
}

.bkg-ox2 {
    background: #f0f4fc;
    padding: 35px;
}

.bkg-w-ox2 {
    background: #f0f4fc;
    padding: 35px;
}

.bkg-ox2-w {
    background: #fff;
    padding: 35px;
}

.bkg-ca {
    background: #ededed;
    padding: 35px;
}

.bkg-ca2 {
    background: #66cafa;
    padding: 35px;
    color: #fff;
}

.bkg-w-ca {
    padding: 35px;
    background: #ecf9ff;
}

.bkg-ca-w {
    padding: 35px;
}

.bkg-ne {
    background: #fef9e8;
    padding: 35px;
}

.bkg-ne2 {
    background: #f8d149;
    padding: 35px;
}

.bkg-w-ne {
    background: #f8d149;
    padding: 35px;
    color: #fff;
}

.bkg-ne-w {
    background: #fff;
    padding: 35px;
}

.bkg-w {
    padding: 35px;
    background: #fff;
}

.bkg-red {
    padding: 35px;
    background: #ffeae7;
}

.bkg-pnk {
    padding: 35px;
    background: #d62b77;
    color: #fff;
}

.bkg-pnk2 {
    padding: 35px;
    background: #fdf1f6;
}

.bkg-kl {
    padding: 35px;
    color: #fff;
    background: #1e4dd2;
}


/*==== Home ====*/
.titulo-home {
    font-size: 28px;
    font-weight: 100;
    text-transform: uppercase;
}

.banner-home {
    margin: 0;
    padding: 0;
}

.ico-home {
    width: 60%;
    opacity: 0.8
}

.ico-home:hover {
    opacity: 1;
}

.wrapper-home {
    display: flex;
}

.wrapper-home-l {
    display: block;
    width: 50%;
    padding: 0px 10%;
    background: #0f0f0f;
}

.wrapper-home-r {
    display: flex;
    width: 50%;
    padding: 2% 6% 0 0;
    background: #0f0f0f;
}

.max-490-right {
    max-width: 490px;
    float: right;
}

.max-490-left {
    max-width: 490px;
    float: inherit;
}

.h1-home {
    margin: 0;
    font-size: 35px;
    font-weight: 500;
    font-family: var(--font-family-menu);
}

.p-mono {
    font-family: var(--font-family-menu);
    line-height: 20.8px;
}

.p-mono a {
    color: #0f0f0f;
}

.p-mono a:hover {
    color: #ecf9ff;
}

.p-sans {
    font-family: var(--font-family-menu);
}

.title-barlow {
    font-family: 'Barlow', sans-serif;
}

.home-link {
    color: #0f0f0f;
    font-family: var(--font-family-menu);
    opacity: 0.9;
}

.home-link:hover {
    opacity: 1;
    text-decoration: underline;
}

.home-header {
    opacity: 0.85;
}

.top-100 {
    position: relative;
    top: -100px;
}

/*==== BUTTONS ====*/
.button-kl {
    background: #1e4dd2;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 42px;
    text-align: center;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-kl:hover {
    background: #e2e8fa;
    color: #1e4dd2;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ne {
    background: #f8d149;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 42px;
    text-align: center;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ne:hover {
    background: #fef9e8;
    color: #f8d149;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ox {
    background: #0f0f0f;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 42px;
    text-align: center;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ox:hover {
    background: #e2e8fa;
    color: #0f0f0f;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ca {
    background: #66cafa;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 42px;
    text-align: center;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ca:hover {
    background: #ecf9ff;
    color: #66cafa;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-red {
    background: #f8d149;
    color: #fff;
    border-radius: 3px;
    font-size: 16px;
    font-weight: 500;
    padding: 12px 42px;
    text-align: center;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-red:hover {
    background: #ffeae7;
    color: #f8d149;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-w {
    background: #fff;
    color: #0f0f0f;
    border-radius: 3px;
    font-size: 15px;
    font-weight: 500;
    padding: 12px 42px;
    text-align: center;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-w:hover {
    color: #66cafa;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-kl-xl {
    background: #1e4dd2;
    color: #fff;
    border-radius: 3px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    padding: 12px 42px;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-kl-xl:hover {
    background: #e2e8fa;
    color: #1e4dd2;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ne-xl {
    background: #000;
    color: #fff;
    border-radius: 3px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    padding: 12px 42px;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ne-xl:hover {
    background: #fff !important;
    color: #000;
    border: 1px solid #000;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ox-xl {
    background: #0f0f0f;
    color: #fff;
    border-radius: 3px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    padding: 12px 42px;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ox-xl:hover {
    background: #e2e8fa;
    color: #0f0f0f;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ca-xl {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 10rem;
    font-size: 16px;
    font-weight: 700;
    line-height: 30px;
    padding: 8px 42px;
    text-align: center;
    font-weight: bold;
    background-image: linear-gradient(to left, #000 50%, #fff 50%);
    background-size: 201% 100%;
    background-position: right bottom;
    transition: all 0.5s ease-in-out;
    display: block;
}

.button-ca-xl:hover {
    background-position: left bottom;
    background-color: #fff;
    color: #000;
}

.button-red-xl {
    background: #f8d149;
    color: #fff;
    border-radius: 3px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    padding: 12px 42px;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-red-xl:hover {
    background: #ffeae7;
    color: #f8d149;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-w-xl {
    background: #fff;
    color: #0f0f0f;
    border-radius: 3px;
    font-size: 22px;
    line-height: 32px;
    font-weight: 600;
    font-weight: bold;
    padding: 12px 42px;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-w-xl:hover {
    color: #66cafa;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-kl-l {
    background: #1e4dd2;
    color: #fff;
    border-radius: 3px;
    font-size: 18px;
    padding: 18px 66px;
    font-weight: 500;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-kl-l:hover {
    background: #e2e8fa;
    color: #1e4dd2;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ne-l {
    background: #f8d149;
    color: #fff;
    border-radius: 3px;
    font-size: 18px;
    padding: 18px 66px;
    font-weight: 500;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ne-l:hover {
    background: #fef9e8;
    color: #f8d149;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ox-l {
    background: #0f0f0f;
    color: #fff;
    border-radius: 3px;
    border: 2px solid #0f0f0f;
    font-size: 18px;
    padding: 18px 66px;
    font-weight: 500;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ox-l:hover {
    background: #ecf9ff;
    color: #0f0f0f;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ca-l {
    background: #66cafa;
    color: #fff;
    border-radius: 3px;
    font-size: 18px;
    padding: 18px 66px;
    font-weight: 500;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ca-l:hover {
    background: #ecf9ff;
    color: #66cafa;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-red-l {
    background: #f8d149;
    color: #fff;
    border-radius: 3px;
    font-size: 18px;
    padding: 18px 66px;
    font-weight: 500;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-red-l:hover {
    background: #ffeae7;
    color: #f8d149;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-w-l {
    background: #fff;
    color: #0f0f0f;
    border-radius: 3px;
    font-size: 18px;
    padding: 18px 66px;
    font-weight: 500;
    display: block;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-w-l:hover {
    color: #66cafa;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-kl-s {
    background: #1e4dd2;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 35px;
    text-align: center;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-kl-s:hover {
    background: #e2e8fa;
    color: #1e4dd2;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ne-s {
    background: #f8d149;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 35px;
    text-align: center;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ne-s:hover {
    background: #fef9e8;
    color: #f8d149;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ox-s {
    background: #0f0f0f;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 35px;
    text-align: center;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ox-s:hover {
    background: #ecf9ff;
    color: #0f0f0f;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ca-s {
    background: #66cafa;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 35px;
    text-align: center;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-ca-s:hover {
    background: #ecf9ff;
    color: #66cafa;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-red-s {
    background: #f8d149;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 35px;
    text-align: center;
    display: block;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-red-s:hover {
    background: #ffeae7;
    color: #f8d149;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-w-s {
    background: #fff;
    color: #0f0f0f;
    border-radius: 3px;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 35px;
    display: block;
    text-align: center;
}

.button-w-s:hover {
    color: #66cafa;
}

.button-negro {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 10rem;
    font-size: 16px; 
    font-weight: 700;
    line-height: 30px;
    padding: 8px 42px; 
    text-align: center;
    font-weight: bold;
    background-image: linear-gradient(to left, #000 50%, #fff 50%);
    background-size: 201% 100%;
    background-position: right bottom;
    transition: all 0.5s ease-in-out;
}

.button-negro:hover {
    background-position: left bottom;
    background-color: #fff;
    color: #000;
}

.button-comprar {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 10rem;
    font-size: 16px; 
    font-weight: 700;
    line-height: 30px;
    padding: 8px 42px; 
    text-align: center;
    font-weight: bold;
    background-image: linear-gradient(to left, #000 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.5s ease-in-out;
    width: 100%;
}

.button-comprar:hover {
    background-position: left bottom;
    background-color: #fff;
    color: #000;
}

.button-comprar-kl {
    background: #005BD1;
    border-radius: 15px;
    border: 1px solid #005BD1;
    color: #fff;
    font-size: 18px;
    line-height: 23px;
    padding: 14px 66px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-comprar-kl:hover {
    background: #e2e8fa;
    color: #005BD1;
    border: 1px solid #005BD1;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}


.button-contact {
    background: #f8d149;
    color: #fff;
    border: 1px solid #f8d149;
    font-size: 14px;
    line-height: 23px;
    padding: 10px 66px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 0.5px;
    margin: 25px 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    width: 100%;
    border-radius: 3px;
}

.button-contact:hover {
    background: #fef9e8;
    color: #f8d149;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.footer-button {
    margin: 20px 0;
}

.button-contacto {
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 10rem;
    font-size: 16px;
    padding: 12px 42px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;

    background-image: linear-gradient(to left, #000 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.5s ease-in-out;
}

.button-contacto:hover {
    background-position: left bottom;
    background-color: #fff;
    color: #000;
}

button.btn-update, button.btn-empty {
    background-color:#ededed; 
    color:#000; 
    border: 1px solid #ededed; 
    border-radius:10rem; 
    font-size: 14px;
    padding: 6px 18px;
    text-align:center; 
    text-transform:capitalize; 

    background-image: linear-gradient(to left, #ededed 50%, #000 50%);
    background-size: 210% 100%;
    background-position: right bottom;
    transition: all 0.3s ease-in-out;
}

button.btn-update:hover, button.btn-empty:hover {
    background-position: left bottom;
    background-color:#000; 
    color:#fff; 
}

.button-blog {
    background: #fff;
    color: #0f0f0f;
    font-size: 15px;
    font-weight: bold;
    padding: 12px 42px;
    text-align: center;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-blog:hover {
    color: #66cafa;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}


/*=== MARCOS ====*/
.marco-ox {
    padding: 35px;
    border: 6px solid #0f0f0f;
}

.marco-ox2 {
    padding: 35px;
    border: 6px solid #e2e8fa;
}

.marco-ca {
    padding: 35px;
    border: 6px solid #66cafa;
}

.marco-ca2 {
    padding: 35px;
    border: 6px solid #ecf9ff;
}

.marco-ne {
    padding: 35px;
    border: 6px solid #f8d149;
}

.marco-ne2 {
    padding: 35px;
    border: 6px solid #fef9e8;
}

.marco-bottom-ox {
    padding: 35px;
    border-bottom: 6px solid #0f0f0f;
}

.marco-bottom-ox2 {
    padding: 35px;
    border-bottom: 6px solid #e2e8fa;
}

.marco-bottom-ca {
    padding: 35px;
    border-bottom: 6px solid #66cafa;
}

.marco-bottom-ca2 {
    padding: 35px;
    border-bottom: 6px solid #ecf9ff;
}

.marco-bottom-ne {
    padding: 35px;
    border-bottom: 6px solid #f8d149;
}

.marco-bottom-ne2 {
    padding: 35px;
    border-bottom: 6px solid #fef9e8;
}

/*==== PAGINA DESCUENTO 10€ =====*/
.h2-descuento {
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    text-align: center;
    color: #3c77bb;
    text-transform: uppercase;
    border-top: 2px solid #f8ed21;
    border-bottom: 2px solid #f8ed21;
}

.h3-descuento {
    font-size: 20px;
    font-weight: bold;
    line-height: 45px;
    text-align: center;
    color: #3c77bb;
    text-transform: uppercase;
    border-top: 2px solid #f8ed21;
    border-bottom: 2px solid #f8ed21;
}

.h4-descuento {
    font-size: 18px;
    font-weight: bold;
    line-height: 30px;
    color: #3154a5;
    margin: 0;
}

.descuento-number {
    background: #3299d4;
    padding: 20px;
    border-radius: 50%;
    font-size: 30px;
    color: #fff;
    display: inline-block;
}

.link-descuento {
    background: #2eade3;
    border: 2px solid #2eade3;
    padding: 5px;
    color: #fff;
    border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    line-height: 32px;
}

.link-descuento:hover {
    background: #fff;
    padding: 10px;
    color: #2eade3;
    border-radius: 5px;
    font-weight: bold;
    font-size: 18px;
    line-height: 32px;
}

.texto-descuento {
    font-size: 20px;
    line-height: 30px;
    color: #3c77bb;
}



/******************************************************************************** Product View ========================================================================== */
/****************************************** Rating *****************************/
.ratings {
    line-height: 15px;
    margin: 5px 0 7px 0;
}

.ratings strong {
    float: left;
    margin: 1px 3px 0 0;
}

.ratings .rating-links {
    margin: 0;
}

.ratings .rating-links a {
    text-decoration: none;
}

.ratings .rating-links .separator {
    margin: 0 2px;
}

.ratings dt {}

.ratings dd {}

.rating-box {
    width: 91px;
    height: 14px;
    font-size: 0;
    line-height: 0;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/bkg_rating.png) 0 0 repeat-x;
    font-size: 0;
    overflow: hidden;
}

.rating-box .rating {
    float: left;
    height: 14px;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/bkg_rating.png) 0 100% repeat-x;
}

.ratings .rating-box {
    float: left;
    margin-right: 7px;
}

.ratings .amount {}

.email-friend.left {
    float: left;
}

.ratings-table th,
.ratings-table td {
    font-size: 11px;
    line-height: 1.15;
    padding: 3px 0;
}

.ratings-table th {
    font-weight: bold;
    padding-right: 8px;
}

.review-product-list .col-main .ratings-table th,
.review-product-list .col-main .ratings-table td {
    border: 1px solid #DDDDDD;
    padding: 7px;
}

.review-product-list .col-main .ratings-table {
    margin: 10px 0;
}

#block-related .price-box.map-info {
    display: none;
}

/*************************************** Availability *******************************/
.availability {
    margin: 0;
}

.availability span {}

.availability.in-stock span {
    color: #1750A6;
}

.availability.out-of-stock span {
    color: #d62b77;
}

.availability-only {
    margin: 0 0 5px;
}

.availability-only a {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/i_availability_only_arrow.gif) 100% 0 no-repeat;
    cursor: pointer;
    padding-right: 15px;
}

.availability-only .expanded {
    background-position: 100% -15px;
}

.availability-only strong {}

.availability-only-details {
    margin: 0 0 7px;
}

.availability-only-details th {
    background: #f2f2f2;
    font-size: 10px;
    padding: 0 8px;
}

.availability-only-details td {
    border-bottom: 1px solid #ddd;
    font-size: 11px;
    padding: 2px 8px 1px;
}

.availability-only-details tr.odd td.last {}

/* Email to a Friend */
.email-friend {
    margin-bottom: 5px;
}

/* Alerts */
.alert-price {}

.alert-stock {}

/********** < Product Prices */
.price {}

.price-box {}

.price-box .price {}

/* Regular price */
.regular-price {}


/* Old price */
.old-price {}

.old-price .price-label {}

.old-price .price {
    text-decoration: line-through;
}

/* Special price */
.special-price {}

.special-price .price-label {}

.special-price .price {}

/* Minimal price (as low as) */
.minimal-price {}

.minimal-price .price-label {}

.minimal-price-link {
    display: inline-block;
    margin-top: 2px;
}

.minimal-price-link .label {}

.minimal-price-link .price {
    font-weight: normal;
}

.minimal-price-link span {
    display: inline-block;
    text-decoration: none;
}

/* Excluding tax */
.price-excluding-tax {
    display: block;
}

.price-excluding-tax .label {
    white-space: nowrap;
}

.price-excluding-tax .price {
    font-weight: normal;
}

/* Including tax */
.price-including-tax {
    display: block;
}

.price-including-tax .label {
    white-space: nowrap;
}

.price-including-tax .price {
    font-weight: bold;
}

/* Configured price */
.configured-price {}

.configured-price .price-label {
    font-weight: bold;
    white-space: nowrap;
}

.configured-price .price {
    font-weight: bold;
}

/* FPT */
.weee {
    display: block;
    font-size: 11px;
    color: #444;
}

.weee .price {
    font-size: 11px;
    font-weight: normal;
}

/* Excl tax (for order tables) */
.price-excl-tax {
    display: block;
}

.price-excl-tax .label {
    display: block;
    white-space: nowrap;
}

.price-excl-tax .price {
    display: block;
}

/* Incl tax (for order tables) */
.price-incl-tax {
    display: block;
}

.price-incl-tax .label {
    display: block;
    white-space: nowrap;
}

.price-incl-tax .price {
    display: block;
    font-weight: bold;
}

/* Price range */
.price-from {}

.price-from .price-label {
    font-weight: bold;
    white-space: nowrap;
}

.price-to {}

.price-to .price-label {
    font-weight: bold;
    white-space: nowrap;
}

/* Price notice next to the options */
.price-notice {
    padding-left: 10px;
    color: #d62b77;
    font-size: initial;
}

.price-notice .price {}

/* Price as configured */
.price-as-configured {
    color: #3A3A3A;
}

.price-as-configured .price-label {
    white-space: nowrap;
}

.price-box-bundle {}

/********** Product Prices > */

/* Tier Prices */
.tier-prices .price {
    font-weight: bold;
}

.tier-prices .benefit {}

.tier-prices-grouped {}

/* Add to Links */
.add-to-links .separator {
    display: none;
}

/* Add to Cart */
.add-to-cart .qty-block {
    float: left;
    padding-top: 0;
}

.add-to-cart label {
    margin-right: 7px;
    color: #3a3a3a;
}

.add-to-cart .qty {
    font-size: 12px;
    text-align: center;
    padding: 3px 6px 4px 7px;
    background: #fff;
}

.add-to-cart button.button {
    float: left;
}

.add-to-cart .paypal-logo {
    clear: left;
    text-align: right;
}

.add-to-cart .paypal-logo .paypal-or {
    clear: both;
    display: block;
    margin: 5px 46px 5px 0;
}

.product-view .add-to-cart .paypal-logo {
    margin: 0;
    display: none;
}


/* Add to Links + Add to Cart */
.add-to-box {
    margin: 25px 0;
}

.add-to-box .add-to-cart {
    float: left;
    width: 100%;
    position: relative;
}

.add-to-box .add-to-cart #ajax_loader {
    position: absolute;
    bottom: -22px;
    right: 0;
}

.add-to-box .or {
    float: left;
    margin: 0 10px;
}

.add-to-box .add-to-links {
    float: left;
}

.catalog-product-view .col-right {
    padding-top: 0;
}

.product-view .std span.toggle {
    display: none;
}

.product-view .std h2 {
    font-size: 20px;
    line-height: 23px;
    color: #0f0f0f;
    position: relative;
    border: none;
    font-weight: 500;
}

.product-view .std h3 {
    border-bottom: 1px solid #0f0f0f;
    font-weight: 600;
    color: #0f0f0f;
    font-size: 20px;
    line-height: 23px;
    padding-bottom: 4px;
}

.crazy-offer {
    display: none;
    text-align: center;
    margin: 20px;
}

.smart-crazy {
    padding: 10px;
    border: 2px solid #ff0000;
    background: #ff0000;
    color: #fff;
    border-radius: 5px;
    margin: 10px;
    font-size: 16px;
}

.smart-crazy:hover {
    background: #fff;
    border: 2px dotted #ff0000;
    color: #ff0000;
    padding: 10px;
    margin: 10px;
    transition: 0.5s ease-in-out;
}

.smart-crazy a:hover {
    color: #ff0000;
    transition: 0.5s ease-in-out;
}

.link-envio {
    color: #1b86cc;
    font-size: 20px;
}

.producto-exclusivo {
    position: absolute;
    top: 20px;
    left: 0;
    z-index: 500;
}

.block-reorder {
    display: none;
}

.etiqueta-descripcion {
    font-size: 26px;
    font-weight: 800;
    display: block;
    padding-bottom: 4px;
}

/*.banda-azul {
    border-bottom: 1px solid #0f0f0f;
}*/


.confianza-online {
    text-align: center;
    margin-bottom: 20px;
}

.horario-lateral {}

.horario-titulo {
    font-weight: bold;
}

.mail1:before {
    content: "\f003";
    font-family: FontAwesome;
    font-size: 12px;
    padding-right: 10px;
}

.mail1 {
    margin: 5px;
    color: #1b86cc;
}

.compra-segura-lateral {
    font-size: 14px;
    margin-bottom: 30px;
    padding-left: 30px;
    padding-top: 10px;
}

.check:before {
    content: "\f00c";
    font-family: FontAwesome;
    font-size: 16px;
    padding-right: 10px;
    color: #000;
}

.g-plus {
    text-align: center;
    margin-top: 40px;
}

.tt {
    display: block;
}

.zoom-inner {
    width: 300px;
    margin-bottom: 10px;
    height: 300px;
    position: relative;
}

.more-views h2 {
    display: none;
}

/*** Product Collateral **/
.product-essential {
    margin-bottom: 0px;
    padding-bottom: 25px;
}

.product-view .product-essential .product-shop .nobr {
    margin-bottom: 5px;
    display: inline-block;
}

.product-collateral #customer-reviews dl dt {
    margin-bottom: 5px;
}

.product-collateral #customer-reviews dl dd {
    border-bottom: 1px solid #ECECEC;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.product-collateral #customer-reviews dl dd.last {
    border: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.product-collateral #customer-reviews dl dd table {
    margin-bottom: 5px;
}

.product-collateral #customer-reviews .pager {
    margin-bottom: 10px;
}

.product-collateral #customer-reviews #product-review-table span.nobr {
    display: block;
    padding: 0 5px;
}

.product-collateral #customer-reviews #product-review-table .value {
    text-align: center;
}

.product-collateral #customer-reviews #product-review-table {
    margin-bottom: 20px;
}

#customer-reviews .form-list label.required {
    margin-bottom: 5px;
}

#customer-reviews .form-list textarea {}

.product-view .box-additional {
    background-color: #f6f6f6;
    padding: 40px;
}

.product-view .box-additional .data-table tr{
    border: 0;
}

.box-collateral-content {
    margin-top: 24px;
}

/* Product Images */
.product-view .product-img-box {
    float: left;
    text-align: center;
    width: 45%;
    mix-blend-mode: multiply;
}

.col3-layout .product-view .product-img-box {
    float: none;
    margin: 0 auto;
}

.product-view .product-img-box .product-image {
    position: relative;
    height: auto;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/opc-ajax-loader.gif) no-repeat center center;
    overflow: hidden;
}

.product-view .product-img-box .product-box-customs .product-image {
    overflow: inherit;
}


.product-view .product-img-box .product-image .cloud-zoom-big {}

.product-view .product-img-box .product-image .big {
    background-color: #fff;
}

.product-view .product-img-box .product-box-customs .product-image span {
    display: block;
    position: absolute;
    background: none;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

.product-view .product-img-box .product-box-customs .product-image-zoom {
    position: relative;
    overflow: hidden;
    z-index: 9;
}

.product-view .product-img-box .product-box-customs .product-image-zoom img {
    position: absolute;
    left: 0;
    top: 0;
}

.product-view .product-img-box .zoom-notice {
    text-align: center;
}

.product-view .product-img-box .zoom {
    position: relative;
    z-index: 9;
    height: 18px;
    margin: 0 auto 13px;
    padding: 0 28px;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/slider_bg.gif) 50% 50% no-repeat;
    cursor: pointer;
}

.product-view .product-img-box .zoom.disabled {
    -moz-opacity: .3;
    -webkit-opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    /*IE8*/
    opacity: .3;
}

.product-view .product-img-box .zoom #track {
    position: relative;
    height: 18px;
}

.product-view .product-img-box .zoom #handle {
    position: absolute;
    left: 0;
    top: -1px;
    width: 9px;
    height: 22px;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/magnifier_handle.gif) 0 0 no-repeat;
}

.product-view .product-img-box .zoom .btn-zoom-out {
    position: absolute;
    left: 2px;
    top: 0;
}

.product-view .product-img-box .zoom .btn-zoom-in {
    position: absolute;
    right: 2px;
    top: 0;
}

.product-view .product-img-box .product-box-customs .zoom,
.product-view .product-img-box .product-box-customs .zoom-notice {
    display: none;
}

.product-view .product-img-box .more-views li a {
    display: block;
    border: 1px solid #ECECEC;
}


.product-view .gallery-swipe-content {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    display: none;
}

.product-view .gallery-swipe li {}

.product-view .bx-controls-direction>a {
    font-size: 0;
    position: absolute;
    left: 0px;
    top: 50%;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    line-height: 40px;
    z-index: 4;
}

.product-view .bx-controls-direction>a.bx-next {
    right: 0px;
    left: auto;
}


.product-image-popup {
    margin: 0 auto;
}

.product-image-popup .buttons-set {
    float: right;
    clear: none;
    border: 0;
    margin: 0;
    padding: 0;
}

.product-image-popup .nav {
    margin: 0 100px;
    text-align: center;
}

.product-image-popup .image {
    display: block;
}

.product-image-popup .image-label {}

.addthis_32x32_style .addthis_counter.addthis_bubble_style {
    width: 62px !important;
}

/* Product Shop */

.product-view {
    margin-bottom: 20px;
}

.product-view .product-name h1 {
    font-size: 32px;
    text-transform: capitalize;
    font-weight: 700;
    line-height: 42px;
}

.product-view .product-shop {
    float: right;
    width: 61%;
}

.product-view .product-shop .ratings {
    margin: 0;
    margin-bottom: 10px;
}

.col1-layout .product-view .product-shop {
    float: right;
    width: 700px;
}

.col3-layout .product-view .product-shop {
    float: none;
    width: auto;
}

.product-view .product-name {
    margin-top: 12px;
}

.product-view .short-description {
    text-align: left;
    margin: 25px 0;
    padding-top: 20px;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    color: #666;
}

.product-view .short-description h2 {
    display: none;
}

.product-view .short-description .std {
    padding: 0;
}

.short-description .content {
    max-height: 0;
    overflow: hidden;
    margin-top: 16px;
    transition: max-height 0.3s ease;
}

.short-description .details-title {
    position: relative;
    cursor: pointer;
    padding-right: 20px;
    font-size: 17px;
    font-weight: 800;
    line-height: 28px;
    color: #000;
    border-bottom: 1px solid #000;
    padding-bottom: 16px;
}

.short-description .details-title:after {
    content: "+";
    position: absolute;
    right: 0;
    top: 0;
    transition: transform 0.3s ease;
    font-size: 38px;
    font-weight: 100;
}

.short-description.is-open .details-title:after {
    content: "-";
    transform: rotate(180deg);
}

.promo-inline {
    display: flex;
    margin: 0 10px;
}

.promo {
    width: 50%;
    background: #ecf9ff;
    padding: 10px 15px;
    border-radius: 25px;
    border: 2px dashed #fff;
}

.promo span {
    font-weight: 600;
    color: #66cafa;
}

.product-view .product-shop .product-pricing {
    margin-bottom: 15px;
    overflow: hidden;
}

.product-view .product-shop .product-pricing li {
    background: #f4f4f4;
    float: left;
    clear: left;
    line-height: 22px;
    padding: 0 13px;
    font-size: 11px;
    margin-bottom: 3px;
}

.product-view .product-shop .product-pricing li .benefit {}

.whatsapp-icon {
    font-size: 28px;
    vertical-align: sub;
    margin-right: 8px;
}

.whatsapp-producto {
    background: #e2e8fa;
    display: block;
    font-weight: 500;
    text-align: center;
    line-height: 42px;
    margin-bottom: 30px;
}

.whatsapp-producto a {
    color: #0f0f0f;
}

.whatsapp-producto a:hover {
    color: #f8d149;
}

.mejor-oferta {
    padding: 4px;
    text-align: center;
    font-weight: 500;
    margin: 10px 0;
    font-size: 17px;
    line-height: 38px;
    background: #ecf9ff;
    border-radius: 50px;
}

.mejor-oferta a:hover {
    color: #66cafa;
}

.oferta-icon {
    color: #66cafa;
    font-size: 29px;
    vertical-align: middle;
    padding-right: 10px;
}

.button-oferta {
    margin-left: 20px;
    display: inherit;
    white-space: nowrap;
}

.button-oferta:hover {
    background: #fff;
}

.product-view .product-shop .product-stars {
    display: block;
    margin: 0 25px;
}

.product-view .product-shop .product-stars::before {
    content: "Valoraciones de clientes ";
    display: initial;
}

.delivery_date_message {
    padding: 5px 0;
    text-align: center;
    margin: 10px 0;
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    border: 2px solid #757575;
    border-radius: 7px;
}

.date {
    font-weight: bold;
    color: #1750A6;
}

.delivery-icon {
    font-size: 20px;
    vertical-align: sub;
    padding-right: 5px;
}

.alerta-roja {
    padding: 10px;
    text-align: center;
    margin: 10px 15px;
    background: #ffeae7;
    border-radius: 50px;
    font-size: 17px;
    line-height: 23px;
    font-weight: 400;
}


.banner-envio {
    background: #ecf9ff;
    border-radius: 3px;
    text-align: center;
    margin: 40px 0;
    padding: 30px 15px;
}

.banner-envio a {
    color: #0f0f0f;
}

.banner-envio a:hover {
    color: #66cafa;
}

.camion-envio {
    font-size: 52px;
    margin-right: 10px;
}

.texto-envio {
    font-size: 20px;
    line-height: 23px;
    text-transform: uppercase;
}




/* Grouped Product */
.grouped-title {
    font-size: 20px;
    margin-top: 40px;
    line-height: 23px;
    font-weight: 800;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    width: 100%;
    display: block;
    padding-bottom: 4px;
}

.product-view .grouped-items-table {
    width: 100%;
    margin-bottom: 25px;
}

.product-view .product-shop .grouped-items-table .price-box {
    margin: 0;
}

.product-view .product-shop .grouped-items-table .price-box .price {
    font-size: 17px;
    line-height: 20px;
    color: #0f0f0f;
    font-weight: 700;
    margin-right: 10px;
}

.product-view .product-shop .grouped-items-table .price-box .old-price {
    display: none;
}

.product-view .product-shop .grouped-items-table td {
    padding: 0px;
    border-bottom: 1px solid #e2e8fa;
}

.product-view .product-shop .grouped-items-table .grouped-name {
    font-size: 17px;
    margin: 10px;
    padding: 0;
    font-weight: 300;
    line-height: 20px;
}

.product-view .product-shop .grouped-items-table .product-image {
    width: 40px;
    text-align: center;
    width: 100%;
    margin: 5px 0;
}

.product-view .product-shop .grouped-items-table .checkbox {
    display: block;
    margin-right: 10px
}


.product-view {
    position: relative;
}

.iva-incluido {
    text-align: center;
}

.product-view .product-shop .price-box {
    display: block;
    text-align: center;
    margin-top: 40px;
}

.product-view .product-shop .price-box .regular-price {}

.product-view .product-shop .price-box .special-price {
    margin: 0;
}

.product-view .product-shop .price-box .price {
    font-size: 36px;
    font-weight: 700;
}

.product-view .product-shop .price-box .old-price .price {
    font-size: 20px;
    color: #0f0f0f5a;
}

.product-view .product-shop .availability {
    font-size: 16px;
    font-family: var(--font-family-menu) !important;
}

.product-view .product-shop .availability span {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    margin-left: 6px;
}

.product-view .add-to-links li {
    margin-bottom: 8px;
}

.product-view .add-to-links li a:before {
    font-size: 15px;
    margin-right: 15px;
    color: #f8d149;
}

.product-view .add-to-links li .link-wishlist:before {
    content: "\f08a";
}

.product-view .add-to-links li .link-compare:before {
    content: "\f080";
}

.add-to-box .or {
    display: none;
}

.product-view .add-to-cart .qty-block {
    margin-top: 4px;
    display: none;
}

.row-product {
    border-bottom: 1px solid #dbdbdb;
    padding: 15px 0;
    margin-bottom: 20px;
    overflow: hidden;
    width: 100%;
}

.row-product .no-rating {
    float: left;
}

.row-product .no-rating:before {
    content: "\f040";
    font-size: 14px;
    margin-right: 10px;
}

.row-product .no-rating a {
    text-decoration: underline;
}

.row-product .no-rating a:hover {
    text-decoration: none;
}

.row-product .email-friend {
    float: right;
}

.row-product .email-friend:before {
    content: "\f003";
    padding-right: 10px;
    font-size: 16px;
}

/* Product Options */
.product-options {}

.product-options .qty-holder {
    display: block;
    padding-top: 10px;
}

.product-options dl dt {
    display: block;
}

.product-options dt label {
    color: #0f0f0f;
    text-transform: uppercase;
    display: inline-block;
    font-weight: 600;
    margin-top: 25px;
    padding-bottom: 4px;
    font-size: 20px;
}

.product-options dt label em {
    display: none;
    color: #f8d149;
}

.product-options dt .qty-holder {
    float: right;
}

.product-options dt .qty-holder label {
    vertical-align: middle;
}

.product-options dt .qty-disabled {
    background: none;
    border: 0;
    padding: 3px;
}

.product-options dd {
    display: block;
    width: 100%;
    float: left;
}

.product-options dl.last dd.last {}

.product-options .input-box {
    margin-bottom: 20px;
}

.product-options dd input.input-text {
    width: 98%;
}

.product-options dd input.datetime-picker {
    width: 150px;
}

.product-options dd .time-picker {
    display: -moz-inline-box;
    display: inline-block;
    padding: 2px 0;
    vertical-align: middle;
}

.product-options dd textarea {
    width: 98%;
    height: 8em;
}

.product-options dd select {
    width: 100%;
}

.product-options .options-list {
    margin-top: 6px;
}

.product-options .options-list li {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

.product-options .options-list li:first-child {}

.product-options .options-list li:nth-child(odd) {
    background: #f8f8f8;
}

.product-options .options-list li label {
    display: inline-block;
    padding-top: 2px;
    width: 100%;
    padding-right: 10px;
    color: #0f0f0f;
    text-align: left;
    margin-left: 5px;
    margin-top: 2px;
    font-size: 16px;
    font-weight: 500;
}

.product-options .options-list input.radio {
    float: left;
    margin: 2px 0 0 0;
    height: auto;
}

.product-options .options-list input {
    width: auto;
}

.product-options .options-list input.checkbox {
    float: left;
    margin: 3px -20px 0 0;
    height: auto;
}

.product-options .options-list .label {
    display: block;
    margin-left: 20px;
}

.product-options ul.validation-failed {
    padding: 0 7px;
}

.product-options p.required {
    overflow: hidden;
    width: 100%;
    text-align: right;
    font-size: 11px;
    color: #e03b3b;
}

.product-options dl {
    color: #333;
    line-height: 40px;
    margin-top: 5px;
}

.product-shop {}

.product-shop .price-box.map-info a {
    float: none;
    clear: left;
    padding: 0 !important;
    margin-bottom: 3px;
}

.add-to-cart {
    width: 100%;
    text-align: center;
}

.add-to-cart button.button>span {
    font-size: 16px;
    height: 44px;
    line-height: 44px;
}

.add-to-cart button.button>span span {
    padding: 0 25px;
}

.product-view .add-to-links {
    clear: left;
    margin: 0px !important;
    padding: 15px 0 5px;
    width: 100%;
}

.product-view .product-options-bottom {}

.product-view .product-options-bottom .price-box {
    display: none;
}

.product-view .product-options-bottom .price-box .price-as-configured {}

.product-view .product-options-bottom .price-box .price-as-configured .price {}

.product-view .product-options-bottom .add-to-cart {
    margin: 10px 0;
}

.product-view .product-options-bottom .add-to-links {
    border-bottom: 0;
    display: none;
}

.product-view .product-shop .product-options-bottom .price-box .price {
    display: none;
}

.product-view .product-shop .product-options-bottom .price-label {}

.product-view .product-shop .product-options-bottom .price-box .old-price {}

.row-product .addthis_toolbox {
    border-top: 1px solid #dbdbdb;
    border-bottom: 0;
    padding-bottom: 0;
    padding-top: 15px;
    width: 100%;
    overflow: hidden;
}

.review-product-list .row-product .addthis_toolbox {
    margin-top: 15px;
    float: left;
    width: 100%;
}

.addthis_toolbox {
    border-top: 1px solid #dbdbdb;
    padding-bottom: 15px;
    padding-top: 15px;
}

.addthis_mini_style .addthis_button_pinterest_pinit {
    margin-top: -1px;
}

.addthis_mini_style .addthis_button_pinterest_pinit span {
    height: 20px;
}


.box-collateral {
    margin-bottom: 80px;
}

.descargas-producto {
    margin: 30px 0 50px;
}

.fileImageDiv {
    display: block;
    margin-right: 10px;
}

.fileTitleDiv {}


.messege-product {
    background: #FAFAEC;
    border: 1px solid #FCD344;
    border-radius: 0 0 3px 3px;
    font-size: 12px;
    font-weight: bold;
    left: 50%;
    margin-left: -220px;
    padding: 9px 60px 9px 60px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 333px;
    z-index: 999;
    display: none;
}

.messege-product.none-messege {
    display: block;
}

.messege-product button:hover {
    background-position: 0 -9px;
    cursor: pointer;
}

.messege-product button {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/remove-popup-2.png) no-repeat 0 0;
    border: medium none;
    height: 9px;
    position: absolute;
    right: 20px;
    top: 12px;
    width: 9px;
    z-index: 9999;
}

#review-form .form-list .input-box {
    width: 100%;
}

#review-form .form-list input.input-text,
#review-form .form-list textarea {
    width: 100%;
}

#review-form td.value {
    text-align: center;
}

.link-banner-promo .banner-promo:hover {
    background: url("/media/lorete.gif") no-repeat;
}

.banner-promo {
    padding: 10px 10px 10px 90px;
    margin: 10px 10px 20px 10px;
    background: url("/media/lorete.jpg") no-repeat;
    min-height: 105px;
}

.globo {
    padding: 10px;
    background: #70cee7;
    border-radius: 15px 15px 15px 0;
    font-size: 19px;
    text-align: center;
    color: #fff;
    line-height: 30px;
}


/* Block: Description */
.product-view .box-description {}

.smart-link {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    background-color: #000;
    color: #fff;
    border: 1px solid #000;
    border-radius: 10rem;
    font-size: 16px;
    padding: 12px 42px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    background-image: linear-gradient(to left, #000 50%, #fff 50%);
    background-size: 200% 100%;
    background-position: right bottom;
    transition: all 0.5s ease-in-out;
}

.smart-link:hover {
    background-position: left bottom;
    background-color: #fff;
    color: #000;
}

.smart-link a:hover {
    color: #fff;
}

.smart-nav {
    text-align: right;
}

.arrow {
    color: #00af00;
    font-size: medium;
}

/* Block: Additional */
.product-view .box-additional {}

.product-view .box-additional .data-table td.label,
.product-view .box-additional .data-table th.label {}

#product-review-table {}

/* Block: Upsell */
.box-up-sell {
    overflow: hidden;
    position: relative;
}

.box-up-sell h2 {
    font-size: 14px;
    text-transform: uppercase;
    color: #383737;
    margin-bottom: 20px;
    padding-right: 65px;
}

.box-up-sell ul li .product-image {
    display: block;
}

.box-up-sell ul li .product-image img {
    max-width: 65%;
}

.box-up-sell .product-name {
    margin: 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 22px;
    text-transform: none;
}

.box-up-sell .ratings {
    display: none;
}

.box-up-sell .no-rating {
    width: 100%;
    overflow: hidden;
}

.box-up-sell .no-rating a {
    display: block;
}

.box-up-sell .product-name a {
    text-decoration: none;
}

.box-up-sell ul {
    margin-left: 0px;
}

.box-up-sell .up-sell-carousel li {
    min-height: 340px;
}

.box-up-sell ul li {
    float: left;
    margin: 0 0px;
    width: 20%;
}

.box-up-sell ul li .product-box {
    padding: 10px;
    text-align: center;
}

.box-up-sell ul li .noSwipe {
    overflow: hidden;
}

.box-up-sell .up-sell-carousel-none li.last {
    margin-right: 0;
}

.box-up-sell ul li .no-rating {
    margin-bottom: 0;
    margin-top: 0px;
}

.box-up-sell .price-box {}

.box-up-sell .price-box .regular-price {}

.box-up-sell .price-box .special-price {
    color: #f8d149;
    font-weight: 600;
}

.box-up-sell .price-box .old-price {
    color: #0f0f0f5a;
}

.box-up-sell .price-box .minimal-price span {}

.box-up-sell ul li .no-rating a {}

.box-up-sell ul li:first-child {}

.box-up-sell .products-grid td {
    margin-right: 11px;
    width: 204px;
}

.box-up-sell .rating-box {
    float: none;
    margin: 0 auto 5px;
}

.box-up-sell .box-tags .product-tags {
    overflow: hidden;
    margin-bottom: 25px;
}

.box-up-sell .box-tags .product-tags li {
    display: inline;
    text-transform: capitalize;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/line-2.gif) no-repeat 100% 3px;
    padding: 0 10px 0 0px;
    margin: 0 10px 0 0;
}

.box-up-sell .box-tags .product-tags li.first {
    padding-left: 0px;
}

.box-up-sell .box-tags .product-tags li.last {
    background: none;
}

.carousel-prev,
.carousel-next {
    background: #fff;
    font-size: 30px;
    padding: 0 5px;
    position: absolute;
    right: 30px;
    top: 16px;
}

.carousel-prev {
    right: 60px;
}



/* Block: Tags */
.product-view .box-tags {}

.product-view .box-tags h3 {
    font-size: 10px;
    line-height: normal;
    margin-bottom: 12px;
}

.product-view .box-tags .form-add label {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: #7d7d7d;
    margin-bottom: 15px;
    clear: both;
    padding-top: 10px;
}

.tags-list {
    padding-top: 10px;
}

.my-tag-edit .btn-remove {
    float: right;
}

.my-tag-edit {
    display: inline-block;
}

#my-tags-table .add-to-links {
    margin-top: 10px;
}

.product-view .box-tags .form-add .input-box {
    float: left;
    width: 100%;
    padding-left: 32px;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.product-view .box-tags .form-add .input-box:before {
    content: "\f02b";
    font-size: 28px;
    line-height: 28px;
    position: absolute;
    left: 0px;
    top: 0;
}

.product-view .box-tags .form-add input.input-text {
    width: 100%;
    border: 1px solid #d4d4d4;
    background: #fcfcfc;
}

.product-view .box-tags .form-add button.button {
    margin-left: 32px;
    margin-top: 10px;
}

.product-view .box-tags .form-add p {
    clear: both;
}

.box-collateral.box-tags .note {
    color: #B90100;
    padding-bottom: 15px;
    padding-top: 5px;
}

.video,
.map-content {
    height: 100%;
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
}

.video iframe {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.map-content {
    margin-bottom: 30px;
    padding-bottom: 50%;
}

.map-content figure iframe {
    border: none;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

/* Block: Reviews */
.product-view .box-reviews {}

.product-view .box-reviews .form-add {}

/*** My Recent Reviews **/
.dashboard #my_recent_reviews li {
    padding-bottom: 7px;
}

.dashboard #my_recent_reviews li .ratings {
    margin: 0px 0 5px 0;
}

.dashboard #my_recent_reviews li .ratings strong {
    margin: 0 5px 0 0;
}

.dashboard #my_recent_reviews li .ratings .rating-box {
    margin: 0;
}

.dashboard #my_recent_reviews li .details .product-name {
    margin-bottom: 3px;
}

/* Send a Friend */
.send-friend {}

.send-friend .buttons-set button.button {
    margin-left: 10px;
}

#product_sendtofriend_form #sender_message {
    margin-bottom: 20px;
    resize: none;
    min-width: 304px;
    max-width: 373px;
    width: 373px;
}

#product_sendtofriend_form .buttons-set {
    padding-top: 15px;
}

#product_sendtofriend_form .form-list .field {
    float: left;
    width: 361px;
}

#product_sendtofriend_form .form-list .additional-row>div {
    width: 408px;
}

#product_sendtofriend_form .form-list .fields .field:first-child {
    float: left;
    width: 402px;
}

#product_sendtofriend_form .form-list .fields .field input.input-text {
    width: 373px;
}

#product_sendtofriend_form .buttons-set {
    text-align: center;
}

/* ======================================================================================= */

/* Content Styles ================================================================= */
.product-name {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
}

.product-name a {
    color: #0f0f0f;
}

.product-name a:hover {
    color: var(--main-bg-color);
}

/* Product Tags */
.tags-list li {
    display: inline;
    font-size: 15px;
    line-height: normal;
    margin-right: 10px;
}

/* Advanced Search */
.advanced-search {}

.advanced-search+.buttons-set {
    max-width: 340px;
}

.advanced-search-amount {
    margin-bottom: 5px;
}

.advanced-search-summary {
    padding: 15px 0;
}

.advanced-search .form-list select {
    width: 340px;
}

.advanced-search .form-list label {
    float: none;
}

.advanced-search .input-range {
    margin-bottom: 5px;
}

.advanced-search .input-range input {
    display: inline-block;
}

.catalogsearch-advanced-index #advanced-search-list li.even label {
    display: block;
    width: 100%;
}

.form-adv-search {
    border: 1px solid #ececec;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/media/bg-adv-search.gif) left bottom no-repeat #fff;
    padding: 11px 20px 20px 20px
}

.form-adv-search .fieldset {
    border: none;
    background: none;
    margin: 0;
    padding: 0 0 0 0;
}

.form-adv-search .fieldset h2 {
    font-size: 12px;
    text-transform: uppercase;
    color: #B90100;
    padding: 8px 0 5px 0;
}

.catalogsearch-advanced-index .col-main {
    padding-top: 17px;
}

.form-adv-search .page-title {
    border-bottom: 1px solid #ececec;
    padding-bottom: 9px;
}

.form-adv-search .fieldset .form-list input.input-text {
    width: 495px;
}

.form-adv-search .fieldset .form-list .input-range input.input-text {
    width: 100px !important;
}

.input-range small {
    color: #b1b1b1;
}

.form-adv-search select.multiselect option {
    border-bottom: none;
    padding: 2px 5px;
    color: #7e7e7e;
    padding-top: 1px;
    padding-bottom: 1px;
}

.form-adv-search .multiselect {
    padding: 5px;
    height: 94px;
}

.form-adv-search .buttons-set {
    padding: 12px 0 0 0;
    margin-top: 0
}

.form-adv-search .buttons-set button.button {
    float: left;
}

.form-adv-search .form-list select {
    width: 500px;
}


/* NavMenu Columns */

.nav-link {
    font-size: 14px;
}

.nav-menu-columns-de-2 {
    float: left;
    text-align: center;
    width: 48%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-2:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-3 {
    float: left;
    text-align: center;
    width: 30%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-3:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-4 {
    float: left;
    text-align: center;
    width: 23%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-4:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-5 {
    float: left;
    text-align: center;
    width: 18%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-5:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-6 {
    float: left;
    text-align: center;
    width: 14%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-6:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-7 {
    float: left;
    text-align: center;
    width: 12%;
    margin-left: 2%;
    margin-top: 14px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-7:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-8 {
    float: left;
    text-align: center;
    width: 10%;
    margin-left: 2%;
    margin-top: 20px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-8:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-9 {
    float: left;
    text-align: center;
    width: 9%;
    margin-left: 2%;
    margin-top: 20px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-9:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-2-especial {
    float: left;
    text-align: center;
    width: 48%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-2-especial:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-3-especial {
    float: left;
    text-align: center;
    width: 30%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-3-especial:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-4-especial {
    float: left;
    text-align: center;
    width: 23%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-4-especial:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-5-especial {
    height: 215px;
    float: left;
    text-align: center;
    width: 18%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-5-especial:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-5-especial-2 {
    float: left;
    text-align: center;
    width: 18%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-5-especial-2:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-6-especial {
    float: left;
    text-align: center;
    width: 14%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-6-especial:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-7-especial {
    float: left;
    text-align: center;
    width: 12%;
    margin-left: 2%;
    margin-top: 14px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-7-especial:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-8-especial {
    float: left;
    text-align: center;
    width: 10%;
    margin-left: 2%;
    margin-top: 20px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-8-especial:hover {
    text-align: center;
    opacity: 1;
}

.nav-menu-columns-de-9-especial {
    float: left;
    text-align: center;
    width: 9%;
    margin-left: 2%;
    margin-top: 20px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-9-especial:hover {
    text-align: center;
    opacity: 1;
}


.nav-menu-columns-de-4-xl {
    height: 280px;
    float: left;
    text-align: center;
    width: 23%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.nav-menu-columns-de-4-xl:hover {
    text-align: center;
    opacity: 1;
}

.cuadro-tecnico-3-a-1 {
    float: left;
    text-align: center;
    width: 30%;
    margin-left: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
    opacity: 0.9;
}

.cuadro-tecnico-3-a-1:hover {
    text-align: center;
    opacity: 1;
}




.line {
    border-bottom: 1px solid #0f0f0f;
}

.descuento-view {
    float: left;
    left: 0;
    margin: 20px;
    position: absolute;
    text-align: center;
    top: 0;
    z-index: 1000000000;
}

.etiqueta-descuento {
    background: #000;
    border: 1px solid #000;
    color: #fff;
    font-size: 20px;
    opacity: 1;
    padding: 5px;
    border-radius: 35px;
}

.cart-empty {
    text-align: center;
    margin: 50px;
}

/* cms-about-magento-demo-store */
.cms-page-view .std p{
    color: #666;
}

.cms-page-view .page-head {
    margin: 0 0 10px;
    padding: 5px 0 8px;
}

.cms-page-view .page-head h2 {
    text-transform: uppercase;
    font-size: 18px;
    color: #383737;
}

.about-col-1,
.about-col-2,
.about-col-3 {
    float: left;
    padding: 214px 29px 27px 29px;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 32%;
    margin-left: 2%;
}

.about-col-1 {
    margin-left: 0;
}

.about-col-1 {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/media/about-11.png) center top no-repeat #f9f9f9;
    position: relative;
    z-index: 10
}

.about-col-2 {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/media/about-22.png) center top no-repeat #f9f9f9;
    position: relative;
}

.about-col-3 {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/media/about-33.png) center top no-repeat #f9f9f9;
}

.about-col-1 h3,
.about-col-2 h3,
.about-col-3 h3 {
    font-size: 12px;
    text-transform: uppercase;
    color: #B90100;
    margin-bottom: 12px;
}

.about-col-1 p,
.about-col-2 p,
.about-col-3 p {
    font-size: 12px;
    color: #B90100;
    line-height: 18px;
    color: #7c7c7c;
    margin-bottom: 0;
}

.about-col-4,
.about-col-5,
.about-col-6 {
    float: left;
    width: 32%;
    margin-left: 2%;
}

.about-col-4 {
    margin-left: 0;
}

.about-col-4 h4,
.about-col-5 h4,
.about-col-6 h4 {
    font-size: 12px;
    text-transform: uppercase;
    color: #383737;
    padding-bottom: 16px;
    margin-bottom: 14px;
    border-bottom: 1px solid #ececec;
}

.about-col-4 p,
.about-col-5 p,
.about-col-6 p {
    font-size: 12px;
    color: #B90100;
    line-height: 18px;
    color: #7c7c7c;
    margin-bottom: 0;
}

.about-col-4 ul,
.about-col-5 ul,
.about-col-6 ul {
    list-style: none;
    padding: 25px 0 12px 10%;
    margin: 0 0 0 0;
}

.about-col-4 ul li,
.about-col-5 ul li,
.about-col-6 ul li {
    list-style: none;
    font-size: 12px;
    font-style: italic;
    color: #373737;
    padding: 0 0 9px 0;
}

.about-padd-2 ul li:before {
    content: "\f061";
    font-size: 16px;
    margin-right: 10px;
}

.about-col-7 h4 {
    font-size: 12px;
    text-transform: uppercase;
    color: #383737;
    padding-bottom: 16px;
    margin-bottom: 14px;
    border-bottom: 1px solid #ececec;
}

.about-col-7 p {
    font-size: 12px;
    color: #B90100;
    line-height: 18px;
    color: #7c7c7c;
    margin-bottom: 0;
}

.about-padd {
    padding-bottom: 25px;
}

.about-padd-2 {
    padding-bottom: 30px;
}

/* customer-service */
.custom-servis-ul,
.custom-servis-ul ul {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
}

.custom-servis-ul ul li {
    border-bottom: none;
    padding: 5px 5px 5px 5px;
    margin-bottom: 3px;
    padding-left: 23px;
    color: #7c7c7c;
    font-weight: bold;
}

.custom-servis-ul li {
    border-bottom: 1px solid #ececec;
    list-style: none;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.custom-servis-ul li h3 {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/icos-set.png) 0 0 no-repeat;
    font-size: 13px;
    line-height: 16px;
    color: #B90100;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 13px;
    padding: 2px 0 8px 46px;
}

.custom-servis-ul li.item-2 h3 {
    background-position: 0 -124px;
}

.custom-servis-ul li.item-3 h3 {
    background-position: 0 -253px;
}

.custom-servis-ul li.item-4 h3 {
    background-position: 0 -377px;
}

.custom-servis-ul li.item-5 h3 {
    background-position: 0 -501px;
}

.custom-servis-ul li.item-6 h3 {
    background-position: 0 -638px;
}

.custom-servis-ul li.item-7 h3 {
    background-position: 0 -764px;
}

.custom-servis-ul li p {
    font-size: 12px;
    color: #8a8989;
    line-height: 18px;
    margin-bottom: 10px;
}

/* Sitemap */
.page-sitemap .links {
    text-align: right;
    margin: 0 8px -53px 0;
    overflow: hidden;
}

.page-sitemap .links a span {
    display: inline-block;
    padding-right: 29px;
}

.page-sitemap .sitemap {
    margin: 12px 0 30px;
    display: inline-block;
}

.page-sitemap .sitemap a {}

.page-sitemap .page-title {
    margin-bottom: 25px;
}

.page-sitemap .sitemap li {
    margin: 8px 0;
}

.page-sitemap .sitemap li a {
    text-decoration: none;
    font-size: 12px;
    text-transform: capitalize;
    font-weight: normal;
    padding-left: 14px;
}

.page-sitemap .sitemap li.level-0 {
    margin: 10px 0 0;
    font-weight: bold;
}

.page-sitemap .sitemap li.level-0 a {
    text-decoration: none;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    padding-left: 14px;
}

.page-sitemap .sitemap li {
    font-size: 13px;
    line-height: 18px;
}

.page-sitemap .sitemap li.level-1 {
    padding-left: 45px !important;
    margin-bottom: 10px;
    margin-top: 10px;
    background: none;
}

.page-sitemap .sitemap li.level-1 a {
    background: none;
    font-weight: bold;
    padding-left: 0;
    text-transform: none;
}

.page-sitemap .sitemap li.level-2 a,
.page-sitemap .sitemap li.level-3 a,
.page-sitemap .sitemap li.level-4 a {
    background: none;
    padding-left: 0;
    text-transform: none;
}

.page-sitemap .sitemap li.level-2 {
    padding-left: 60px !important;
}

.page-sitemap .sitemap li.level-3 {
    padding-left: 75px !important;
}

.page-sitemap .sitemap li.level-4 {
    padding-left: 100px !important;
}

.page-sitemap .sitemap li a {
    display: inline-block;
    text-decoration: none;
}

.page-sitemap .pager {
    border: 1px solid #ececec;
    margin: 5px 0;
    padding: 13px 9px 13px 19px;
}

/* RSS */
.rss-title h1 {
    padding-left: 27px;
}

.rss-table .link-rss {
    display: block;
    line-height: 1.35;
    background-position: 0 2px;
}

/* ======================================================================================= */
.form-alt li {
    overflow: hidden;
    margin-bottom: 10px;
}

.search-form .form-alt li {
    overflow: inherit;
    clear: both;
    display: table;
    width: 100%;
}

/* Shopping Cart ========================================================================= */
.cart {
    margin-top: 50px;
}

.cart-image {
    max-width: none;
}

/* Checkout Types */
.cart .checkout-types {
    float: right;
    text-align: right;
}

.cart .title-buttons .checkout-types li {
    float: left;
    margin: 0 0 5px 5px;
}

.cart .totals .checkout-types .paypal-or {
    clear: both;
    display: block;
    padding: 0;
    color: #fff;
}

.cart .title-buttons .checkout-types li button.button span {
    background: #d41224;
    border-radius: 0px;
    font-size: 12px;
    padding: 0 12px;
    height: 31px;
    line-height: 30px;
}


/* Shopping Cart Table */
.cart-table .item-msg {
    font-size: 10px;
}

.cart-table .btn-continue {
    float: left;
}

.cart-table {
    width: 100%;
    margin-top: 50px;
}

.cart-table td {
    padding: 10px;
    border-bottom: 1px solid #e2e8fa;
}

.cart-table td.last {
    border-bottom: none;
}

.cart-table th {
    padding: 10px;
    border-bottom: 1px solid #e2e8fa;
    font-weight: bold;
    white-space: nowrap;
    color: #000;
    font-size: 14px;
}

.cart-table .product-name {
    font-size: 16px;
    text-transform: none;
    font-weight: 400;
}

.cart-table .cart-sku{
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    line-height: 26px;
}

.cart-title {
    font-size: 35px;
    line-height: 40px;
    margin: 0 !important;
    font-weight: 600 !important;
    text-transform: uppercase;
    width: 100%;
    text-align: left;
    padding: 25px;
}

/* Shopping Cart Totals */
.cart .totals table {
    width: 100%;
    font-size: 12px;
    color: #0f0f0f;
    margin-bottom: 0px;
}

.cart .totals table th,
.cart .totals table td {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 18px;
    color: #0f0f0f;
    font-weight: 500;
    vertical-align: middle;
    width: 50%;
}

.cart .totals table tr td:first-child {}

.cart .totals table td:first-child.a-right {
    text-align: left !important;
}

.cart .totals table strong,
.cart .totals table strong .price {
    font-weight: 600;
    font-size: 20px;
}

.cart .totals table th {
    font-weight: bold;
}

.cart .totals table tfoot th {}

.cart .totals .price {
    font-size: 18px;
    line-height: normal;
    display: inline-block;
    padding: 0;
}

.cart .totals button.button>span {
    font-size: 15px;
    padding: 0 5px;
    height: 49px;
    line-height: 49px;
}

.cart .totals button.button:hover>span {}

/* Shopping Cart Collateral boxes */
.cart .cart-collaterals {
    margin: 50px 0;
    width: 30%;
}

.cart .cart-collaterals .col2-set {
    width: 65%;
    float: left;
}

.cart .page-title.title-buttons .checkout-types {
    padding-top: 53px;
    display: none;
}

.cart .crosssell {}

.cart .crosssell .product-name a {
    text-decoration: none;
    font-size: 12px;
    line-height: 18px;
}

.cart .col2-set h2 {
    border-bottom: 1px solid #0f0f0f;
    font-size: 17px;
    line-height: 24px;
    color: #0f0f0f;
    text-transform: uppercase;
    padding-bottom: 4px;
}

.cart .crosssell .product-image {
    float: left;
    width: 112px;
    height: 112px;
    border: 1px solid #ededed;
    margin-right: 10px;
}

.cart .crosssell .product-details {
    overflow: hidden;
}

.cart .crosssell li.item {
    border-bottom: 1px solid #eaeaea;
    padding: 18px 0;
    margin: 0;
}

.cart .crosssell li.item.last {
    margin-bottom: 0;
    padding-bottom: 0;
}

.cart .crosssell li.item:first-child {}

.cart .crosssell li.last {
    border: none;
}

.cart .crosssell .product-name {
    font-size: 12px;
}

.cart .crosssell .product-name {
    margin-bottom: 7px;
    margin-top: -3px;
}

.cart .crosssell .price {
    font-weight: 600;
    font-size: 14px;
}

.cart .crosssell .price-box {
    display: block;
    overflow: hidden;
    padding-bottom: 10px;
}

.cart .crosssell .price-box .regular-price {
    float: none;
}

.cart .crosssell .price-box .price-label {
    display: none;
}

.cart .crosssell button.btn-cart {
    float: left;
}

.cart .crosssell button.btn-cart span {}

.cart .crosssell .add-to-links {
    padding-top: 10px;
    clear: left;
}

.cart .crosssell .add-to-links li {}

#shopping-cart-table .product-image {
    display: inline-block;
}

/* Discount Codes & Estimate Shipping and Tax Boxes */

#discount-coupon-form {
    display: block;
    margin-bottom: 20px;
}

.cart .discount,
.cart .shipping {
    clear: both;
    display: table;
}

.cart .discount .discount-form button.button {
    margin-bottom: 5px;
    margin-right: 5px;
    clear: right;
}

.cart .discount .buttons-set {
    padding-left: 0;
    padding: 20px 0 0;
}

.cart .discount .buttons-set button.button {
    float: left;
}

.cart .shipping {}

.cart .shipping .buttons-set {
    padding-left: 0px;
    padding-top: 0px;
}

.cart .shipping .buttons-set button.button {
    float: left;
}

.cart .discount-form label {
    margin-bottom: 16px;
    display: block;
    font-size: 13px;
    line-height: 19px;
    text-transform: uppercase;
}

.cart input,
.cart select {
    text-align: left;
}

.cart select {}

.cart .discount-form .input-box {}

.cart .discount-form .input-box input {
    width: 100%;
}

.cart .discount-form .buttons-set {
    margin: 0px 0 0 0;
    clear: right;
    overflow: hidden;
}

.cart .shipping .form-list .input-box {
    width: auto;
}

.cart .shipping p {
    font-size: 13px;
    line-height: 16px;
    margin-bottom: 12px;
    text-transform: uppercase;
}

.cart .shipping label {
    display: block;
    font-size: 13px;
    margin-bottom: 0px;
    font-weight: 600;
}

.cart .shipping .form-list li {
    margin-bottom: 7px;
}

.cart .shipping .form-list li input {
    width: 100%;
}

.cart .shipping .form-list li select {
    width: 100%;
}

.cart .shipping .buttons-set {
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 10px;
}


.checkout-types li {
    padding-top: 15px;
}

.checkout-types li:first-child {
    padding-top: 0;
}

.checkout-types li a {
    color: #a6a6a6;
    text-decoration: underline;
}

.checkout-types li a:hover {
    text-decoration: none;
}

.cart .totals .checkout-types {
    text-align: center;
    float: none;
    padding: 20px 0 6px 0;
    background: #f9f9f9;
}

.cart .totals .checkout-types li a {
    width: auto;
}

/* Options Tool Tip */
.item-options {
    margin-bottom: 5px;
    padding-left: 5px;
}

.item-options li {}

.item-options li em {
    color: #B90100;
}

.item-options li em .price {
    text-decoration: underline;
}

.item-options dt {
    font-weight: bold;
    color: #0f0f0f7a;
}

.item-options dd {
    padding-left: 10px;
}

.truncated {
    padding: 5px 0;
    width: auto;
}

.truncated span {
    cursor: help;
}

.truncated .truncated_full_value {
    display: none;
    padding-top: 5px;
    top: auto;
}

.truncated .truncated_full_value .item-options {
    background: none;
    border: none;
    top: 0;
    left: auto;
    position: relative;
    width: auto;
}

.truncated .truncated_full_value.show {
    display: table-cell !important;
}

/* ======================================================================================= */

/* Checkout ============================================================================== */
.checkout-multishipping-address-newshipping .form-list li.wide input.input-text {
    width: 692px;
}

.checkout-multishipping-address-newshipping .form-list select {
    width: 337px;
}

/********** < Common Checkout Styles */
/* Shipping and Payment methods */
#checkout-payment-method-load input.input-text {
    width: 224px;
}

.sp-methods dt {
    font-weight: bold;
}

.sp-methods .price {
    font-weight: bold;
}

.sp-methods .form-list {
    padding-left: 20px;
}

.sp-methods select.month {
    width: 100px;
    margin-right: 10px;
}

#payment_form_ccsave #ccsave_cc_type {
    width: 100%;
}

.sp-methods select.year {
    width: 96px;
}

.sp-methods input.cvv {
    width: 3em !important;
}

.sp-methods .checkmo-list li {
    margin: 0 0 5px;
}

.sp-methods .checkmo-list label {
    width: 135px;
    padding-right: 10px;
    text-align: right;
}

.sp-methods .checkmo-list address {
    float: left;
    color: #0f0f0f;
    padding: 0;
    text-align: left;
    font-size: 16px;
    font-weight: 300;
    line-height: 18px;
    margin: 0;
}

.sp-methods .centinel-logos a {
    margin-right: 3px;
}

.sp-methods .centinel-logos img {
    vertical-align: middle;
}

.sp-methods .release-amounts {
    margin: 0.5em 0 1em;
}

.sp-methods .release-amounts button {
    float: left;
    margin: 5px 10px 0 0;
}

.please-wait {
    float: right;
    margin-right: 5px;
}

.please-wait img {
    vertical-align: middle;
    margin-right: 5px;
    margin-top: -2px;
}

.cvv-what-is-this {
    cursor: help;
    margin-left: 5px;
}

/* Tooltip */
.tool-tip {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px;
    position: absolute;
    z-index: 9999;
}

.tool-tip .btn-close {
    text-align: right;
}

.tool-tip .btn-close a {
    display: block;
    margin: 0 0 0 auto;
    width: 9px;
    height: 9px;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/btn_remove.gif) 100% 0 no-repeat;
    text-align: left;
    font-size: 0;
    overflow: hidden;
}

.tool-tip .tool-tip-content {
    padding: 5px;
}

/* Gift Messages */
.gift-messages {
    margin-bottom: 10px;
}

.gift-messages h3 {
    font-size: 12px;
    text-transform: uppercase;
    color: #B90100;
    padding-top: 10px;
}

.gift-messages .control label {
    color: #000;
    font-weight: bold;
}

#shipping-method-buttons-container {
    padding: 10px 0 0 0;
}

#shipping-method-buttons-container .back-link a {}

.gift-messages-form {
    border: 1px solid #ddd;
    background-color: #fbfbfb;
    padding: 10px;
}

.gift-messages-form {
    position: relative;
}

.gift-messages-form label {
    float: none !important;
    position: static !important;
    color: #000;
    font-weight: bold;
}

.gift-messages-form h4 {
    font-size: 12px;
    text-transform: uppercase;
    color: #B90100;
    padding-top: 10px;
}

.gift-messages-form .whole-order {}

.gift-messages-form .item {
    margin: 0 0 10px;
}

.gift-messages-form .item .product-img-box {
    float: left;
    width: 75px;
}

.gift-messages-form .item .product-image {
    margin: 0 0 7px;
    background: #fff;
}

.gift-messages-form .item .number {
    margin: 0;
    font-weight: bold;
    text-align: center;
}

.gift-messages-form .item .details {
    margin-left: 90px;
}

.gift-messages-form .item .details .field {
    margin-bottom: 10px;
}

.gift-messages-form .item .details .product-name {
    font-size: 12px;
    text-transform: uppercase;
    color: #2f2f2f;
}

.gift-messages-form .form-list li.wide textarea {
    max-width: 340px;
}

.gift-messages-form .inner-box .form-list li.wide textarea {
    max-width: 333px;
}

#allow-gift-messages-for-order-container .field {
    margin-bottom: 10px;
}

.gift-message-link {
    display: block;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/bkg_collapse.gif) 0 4px no-repeat;
    padding-left: 20px;
}

.gift-message-link.expanded {
    background-position: 0 -53px;
}

.gift-message-row {}

.gift-message-row .btn-close {
    float: right;
}

.gift-message dt strong {
    font-weight: bold;
}

/* Checkout Agreements */
.checkout-agreements {}

.checkout-agreements li {
    margin: 10px 0;
}

.checkout-agreements .agreement-content {
    border: 1px solid #ddd;
    background-color: #f6f6f6;
    padding: 5px;
    height: 10em;
    overflow: auto;
}

.checkout-agreements .agree {
    padding: 6px;
}

/* Centinel */
.centinel {}

.centinel .authentication {
    border: 1px solid #ddd;
    background: #fff;
}

.centinel .authentication iframe {
    width: 99%;
    height: 400px;
    background: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}

/* Generic Info Set */
.info-set {}

/********** Common Checkout Styles > */

.checkout-onepage-index .page-title {}

.checkout-onepage-index .col-main {}

.checkout-onepage-index .page-title {
    margin-bottom: 30px;
}

.checkout-onepage-index .page-title h1 {}

.checkout-onepage-success a {}

.checkout-onepage-success a:hover {
    text-decoration: underline;
}

/* One Page Checkout */
.block-progress {}

.block.block-progress .block-title {}

.block.block-progress .block-title .toggle {
    display: none;
}

.block.block-progress .block-content {
    padding: 0 0 0 0;
}

.block-progress dt {
    display: block;
    background: #757575;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    text-transform: none;
    margin-bottom: 10px;
    padding: 9px 10px 11px;
}

.block-progress dt:first-child {
    border-top: none;
}

.block-progress dt.complete a {
    color: #fff;
    text-decoration: underline;
}

.block-progress dt.complete a:hover {
    text-decoration: none;
}

.block-progress dt.complete .separator {
    color: #908f8f;
    margin: 0 8px;
}

.block-progress dt.complete {
    position: relative;
    z-index: 999;
}

.block-progress dt.complete,
.block-progress dd.complete {
    padding-bottom: 12px;
    margin-bottom: 10px;
}

.block-progress dd.complete {
    border: 1px solid #ececec;
    color: #8a8989;
    font-style: italic;
    padding: 18px 19px 12px 19px;
    margin-bottom: 10px;
}

.block-progress dd.complete address {
    color: #8a8989;
    font-style: italic;
}

.opc {
    position: relative;
}

.opc li.section {
    margin-bottom: 10px;
}

.opc p {
    margin-bottom: 5px;
}

.opc .buttons-set.disabled button.button {
    display: none;
}

.opc .buttons-set .please-wait {
    height: 21px;
    line-height: 21px;
    font-size: 12px;
    color: #000;
}

.opc .step-title {
    padding: 4px 5px 6px;
    text-align: right;
    background: #3a3a3a;
}

.opc .step-title .number {
    float: left;
    background: #B90100;
    font-size: 17px;
    line-height: 21px;
    color: #fff;
    text-align: center;
    margin-right: 8px;
    padding: 3px 0 0;
    height: 27px;
    width: 27px;
    border-radius: 13px;
    -moz-border-radius: 13px;
    -webkit-border-radius: 13px;
    -webkit-background-clip: padding-box;
}

.opc .step-title h2 {
    float: left;
    font-size: 14px;
    line-height: 17px;
    color: #fff;
    margin-bottom: 0;
    padding-top: 5px;
}

.opc .step-title a {
    display: none;
    float: right;
}

.opc .allow .step-title {
    cursor: pointer;
}

.opc label {
    padding-bottom: 2px;
}

.opc .input-box {
    margin-bottom: 15px;
}

.opc .fields select,
.opc .field select {
    width: 313px;
}

.discount-form {
    width: 100%;
    float: right;
}

#checkout-review-table tr {
    background: none;
}

#checkout-review-table thead {
    background: none;
}

#checkout-review-table th {
    padding: 12px 20px 12px 20px;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

#checkout-review-table td {
    border: 1px solid #ececec;
    background: none;
    padding: 15px 20px;
}

#checkout-review-table td h3 {
    margin-bottom: 0;
    font-size: 12px;
    color: #2f2f2f;
    text-transform: uppercase;
}

#checkout-review-table .price {
    font-weight: bold;
}

#checkout-review-table th {
    border: 1px solid #ececec;
}

#checkout-review-table-wrapper {
    overflow: hidden;
}

#checkout-review-table {}

#checkout-review-table .item-options {
    padding-top: 5px;
}

#checkout-review-table tfoot td {
    font-weight: bold;
    color: #000000;
    text-align: right !important;
}

#checkout-review-table tfoot td+td {
    text-align: left !important;
}

#checkout-review-table tbody .first {}

#checkout-review-table tbody tr.last {}

#review-buttons-container {
    padding: 20px 0 0 0;
    margin: 0 0 0 0;
}

#co-shipping-form {
    border: 1px solid #ececec;
    padding: 10px;
    display: block;
}

.opc .active {}

.opc .active .step-title {
    cursor: default;
    background: #B90100;
}

.opc .active .step-title .number {
    background: #fff;
    color: #3a3a3a;
}

.opc .active .step-title h2 {
    font-size: 12px;
    line-height: 15px;
    padding-top: 7px;
}

#checkout-step-login {}

#checkout-step-login h3 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #B90100;
}

#checkout-step-login .col2-set {
    border: 1px solid #ececec;
    padding: 20px;
    position: relative;
    overflow: hidden;
}

#checkout-step-login .col2-set .col-1 {
    float: left;
    margin-right: 3%;
    width: 46%;
}

#checkout-step-login .col2-set .col-2 {
    float: left;
    width: 46%;
}

#checkout-step-login .col2-set .buttons-set {
    margin: 0;
    padding: 0;
}

#checkout-step-login .col2-set>.col-1 h4 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #B90100;
}

#checkout-step-login .col2-set .col-2 h4 {
    font-size: 12px;
    text-transform: none;
    font-weight: normal;
    color: #7b7b7b;
}

#checkout-step-login .col-1 .col-1 .buttons-set button.button {
    float: left;
}

#checkout-step-login .col-2 .form-list input.input-text {
    width: 327px;
}

#checkout-step-login .col-1 .col-1 .buttons-set {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#checkout-step-login .col2-set .col-2 .buttons-set {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#checkout-step-login .col2-set .col-2 .buttons-set .f-left {
    font-weight: bold;
}

#checkout-step-login .col2-set .col-2 .buttons-set .f-left:hover {}

#checkout-step-login .form-list li.control input.radio,
#checkout-step-login .form-list li.control input.checkbox {
    margin-right: 6px;
    margin-top: -3px;
}

#co-billing-form>fieldset {
    border: 1px solid #ececec;
    padding: 10px;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.opc .step {
    padding-top: 10px;
    position: relative;
}

.opc .step .tool-tip {
    right: 20px;
    top: 20px !important;
}

.opc .order-review {}

.opc .buttons-set {
    border: 0;
}

.opc .field {
    width: 334px;
}

.opc .fields input,
.opc .field input {
    width: 314px;
}

.opc .name-lastname,
.opc .field-2 {
    width: 292px;
    float: left;
}

.opc .field-2 input {
    width: 310px;
}

.opc .field-2 select {
    width: 315px;
}

.opc .name-firstname {
    width: 334px;
}

.opc .name-firstname input {
    width: 314px;
}

.opc .name-middlename {
    width: 144px;
}

.opc .name-middlename input {
    width: 124px !important;
}

.opc .name-lastname input {}

.opc .sp-methods dt {
    padding-bottom: 12px;
}

.opc .sp-methods dt label {
    color: #000;
}

#checkout-shipping-method-load .sp-methods dt {
    font-size: 12px;
    text-transform: uppercase;
    color: #B90100;
}

.opc .form-list {
    margin: 10px 0;
}

.opc .form-list li.wide input.input-text {
    width: 649px;
}

#shipping_method_form h2 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #B90100;
}

#shipping_method_form h3 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #333;
}

#multishipping-billing-form h2 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #333;
    margin-bottom: 0;
}

#multishipping-billing-form .sp-methods dt {
    font-weight: bold;
    padding-bottom: 10px;
}

#multishipping-billing-form .sp-methods .form-list input.input-text {
    width: 100%;
}

/* Multiple Addresses Checkout */
.button.multi-btn {
    float: right;
}

#checkout-progress-state {
    overflow: hidden;
}

.checkout-progress {
    padding: 0;
    width: 98%;
    margin: 0 auto 40px;
}

.checkout-progress li {
    float: left;
    background: #9c9c9c;
    width: 20%;
    color: #fff;
    font-weight: bold;
    padding: 8px 10px 11px 15px;
    overflow: hidden;
    white-space: nowrap;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

.checkout-progress li:before {
    content: "\f0da";
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 8px;
}

.de-lang-class .checkout-progress li {
    font-size: 11px;
}

.checkout-progress li span {
    display: block;
    overflow: hidden;
}

.checkout-progress li.odd {
    background-color: #777;
}

.checkout-progress li.active {
    background: #B90100;
}

.checkout-progress li.active:before {
    display: none;
}

.multiple-checkout {
    position: relative;
}

.multiple-checkout .sp-methods .input-box .v-fix:first-child {
    padding-right: 25px;
    margin-bottom: 10px;
}

.multiple-checkout .col2-set {
    width: auto;
}

.multiple-checkout .page-title {
    padding-bottom: 10px;
    margin-bottom: 0;
}

.multiple-checkout h2 {
    font-size: 18px;
    text-transform: uppercase;
    color: #383737;
    padding: 10px 0 10px 0;
}

.multiple-checkout .tool-tip {
    top: 50%;
    margin-top: -120px;
    right: 10px;
}

.multiple-checkout .grand-total {
    font-size: 1.5em;
    text-align: right;
}

.multiple-checkout .grand-total big {
    margin-bottom: 0px;
    overflow: hidden;
    display: block;
    color: #B90100;
    padding-top: 10px;
}

.multiple-checkout .grand-total .price {}

.multiple-checkout .box {
    margin-bottom: 20px;
}

.multiple-checkout table {
    margin-bottom: 10px;
}

.multiple-checkout table tfoot tr td {
    color: #000;
    font-weight: bold;
}

.multiple-checkout p {
    margin-bottom: 5px;
}

.multiple-checkout .col-1.col-narrow,
.multiple-checkout .col-2.col-wide {
    float: left;
    width: 50%;
    overflow-x: auto;
    padding-bottom: 15px;
}

.multiple-checkout .box-title h3,
.multiple-checkout .col-2.col-wide h3 {
    font-size: 12px;
    line-height: normal;
}

.multiple-checkout .col-2.col-wide .box {
    margin-left: 100px;
}

.multiple-checkout h2,
.multiple-checkout h3,
.multiple-checkout h4 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #333;
}

.multiple-checkout h2 {
    color: #B90100;
    font-size: 15px;
}

.multiple-checkout .col-2.col-wide table .price {
    font-weight: bold;
}

/* ======================================================================================= */

/* Account Login/Create Pages ============================================================ */
.account-login #login-form .col2-set {}

.account-login .new-users .buttons-set {
    padding-left: 0;
}

.account-login .new-users .buttons-set button.button {
    float: left;
}

.account-login .new-users-wrapper {
    float: left;
    margin-bottom: 20px;
    width: 48%;
}

.account-login .new-users {
    padding: 25px;
    min-height: 445px;
}

.account-login .registered-users-wrapper {
    float: right;
    margin-bottom: 20px;
    width: 50%;
}

.account-login .registered-users {
    padding: 25px;
    min-height: 445px;
}
.account-login .registered-users .form-list{
    padding: 12px 10px 0;
    margin-bottom: 0;
}
.account-login .registered-users h2,
.account-login .new-users h2 {
    font-size: 25px;
    font-weight: 500;
    text-transform: capitalize;
    color: #000;
    background-color: #ededed;
    padding: 10px;
}

.account-login .registered-users p,
.account-login .new-users p {
    padding: 12px 10px;
    color: #666666;
}

.account-login .registered-users .form-list input.input-text {
    width: 422px;
}

.account-login .registered-users p.required {
    padding: 12px 10px;
}

.account-login .registered-users .buttons-set button.button {
    float: none;
}

.account-login .registered-users .f-left {
    float: none !important;
    display: table;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    padding: 12px 10px;
}

.underlined-link{
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none;
    background-image: linear-gradient(black, black);
    background-repeat: no-repeat;
    padding-top: 6px;
    background-size: 100% 2px;
    background-position: 0% 100%;
    cursor: pointer;
}

.underlined-link:hover,
.underlined-link:focus {
    animation: redrawUnderline 0.6s ease-in-out forwards;
}

@keyframes redrawUnderline {
  49% {
    background-size: 0% 2px;
    background-position: 0% 100%;
  }
  50% {
    background-size: 0% 2px;
    background-position: 100% 100%;
  }
  100% {
    background-size: 100% 2px;
    background-position: 100% 100%;
  }
}

.underlined-text {
    font-size: 12px;
    color: #000;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none;
    background-image: linear-gradient(black, black);
    background-position: 0% 100%;
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease-in-out;
    width: fit-content;
}

.underlined-text:hover,
.underlined-text:focus {
    background-size: 100% 2px;
    color: #000;
}

.account-login .registered-users .f-left:hover {}

.account-login .registered-users .buttons-set {
    clear: both;
    margin: -19px 0 0 0;
    padding: 12px 10px 0;
}
.registered-users-wrapper .buttons-set a{
    display: block;
    margin-bottom: 20px;
    width: fit-content;
}

.account-create form .fieldset:first-child {
    margin-top: 25px;
}

.account-create form .fieldset {
    background: #66cafa1a;
    padding: 5px 25px;
}

.account-create .g-recaptcha {
    margin: 15px 25px;
    width: 100%;
    text-align: center;
    display: block;
}

.account-create .control-terms {
    display: inline-flex;
    margin: 0 25px;
}

.account-create button{
    float: right;
    margin: 20px;
}

.account-create .buttons-set p.required {
    display: none;
}

.account-create .button {
    text-align: center;
}

.account-create button.button>span {
    background: none;
}

.account-create .buttons-set button.button {
    float: inital;
    margin: 25px;
}

.account-create button.button>span span {
    font-size: 18px;
    background: #66cafa;
    color: #fff;
    padding: 10px 50px;
}

.account-create button.button>span span:hover {
    font-size: 18px;
    background: #ecf9ff;
    color: #66cafa;
    padding: 10px 50px;
}

.account-create .fieldset .legend {
    padding: 10px 0;
    font-weight: 700;
    font-size: 35px;
}

.account-create .form-control {
    border: none;
}

.account-create label {
    font-weight: normal;
}

/* Account Login/Create Pages ============================================================ */

/* Captcha */
.captcha-note {}

.captcha-image {
    float: left;
    position: relative;
}

.captcha-img {
    border: 1px solid #ccc;
}

.registered-users .captcha-image {}

#checkout-step-login .captcha-image {}

.captcha-reload {
    position: absolute;
    top: 2px;
    right: 2px;
}

.captcha-reload.refreshing {
    animation: rotate 1.5s infinite linear;
    -webkit-animation: rotate 1.5s infinite linear;
    -moz-animation: rotate 1.5s infinite linear;
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
    }

    0% {
        -webkit-transform: rotate(-360deg);
    }
}

@-moz-keyframes rotate {
    0% {
        -moz-transform: rotate(0);
    }

    0% {
        -moz-transform: rotate(-360deg);
    }
}

@keyframes rotate {
    0% {
        transform: rotate(0);
    }

    0% {
        transform: rotate(-360deg);
    }
}

/* Remember Me Popup ===================================================================== */
.window-overlay {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/window_overlay.png) repeat;
    background: rgba(0, 0, 0, 0.35);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 990;
}

.remember-me label {}

.remember-me-popup {}

.remember-me-popup h3 {}

.remember-me-popup .remember-me-popup-head {}

.remember-me-popup .remember-me-popup-head .remember-me-popup-close {}

.remember-me-popup .remember-me-popup-body {}

.remember-me-popup .remember-me-popup-body a {}

/*==================== Remember Me Popup =============================================== */

/*==================== Wishlist Form ========================================== */
#wishlist-view-form #wishlist-table textarea {
    min-height: 70px;
    min-width: 99%;
    max-width: 99%;
    max-height: 70px;
    resize: none;
    margin-top: 10px;
}

#wishlist-view-form #wishlist-table a {
    display: inline-block;
    margin-bottom: 5px;
}

#wishlist-view-form #wishlist-table .cart-cell a {
    float: left;
    clear: left;
}

#wishlist-view-form #wishlist-table .cart-cell .old-price {
    float: left;
    clear: left;
}

#wishlist-view-form #wishlist-table .product-image img {
    height: 100px;
    width: 100px;
}

#wishlist-view-form #wishlist-table p,
#wishlist-view-form #wishlist-table button.button {
    padding: 0;
    margin-bottom: 10px;
}

#wishlist-view-form .buttons-set.buttons-set2 {
    text-align: center;
}

#wishlist-view-form .buttons-set.buttons-set2 button.button {
    margin-right: 5px;
    margin-bottom: 5px;
    float: none;
    display: inline-block;
}

#wishlist-view-form .button.btn-share {
    margin-right: 0 !important;
}

/*=====================  End  ================================================== */

/* My Account ============================================================================= */
.my-account {
    overflow-x: auto;
    padding: 25px;
}

.my-account .title-buttons .link-rss {
    float: none;
    margin: 0;
}

.my-account .page-title {}

.my-account .page-title button.button {}

.my-account #wishlist-table .cart-cell .price-box {
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 15px;
    text-align: left;
}

.my-account .cart-cell .price-box {
    display: block;
    overflow: hidden;
    width: 100%;
    padding-bottom: 15px;
    text-align: center;
}

.my-account .cart-cell p {
    padding-top: 5px;
}

.my-account .add-to-cart-alt input {
    text-align: center;
    padding: 4px 2px;
    margin-bottom: 10px;
}

.my-account .page-title a {
    display: inline-block;
    margin: 5px 10px 0 0;
}

.my-account .title-buttons .link-rss {
    float: none;
    margin: 0;
}

.my-account .pager {
    margin-bottom: 10px;
}

.my-account .sub-title {
    font-size: 16px;
    padding: 15px;
    margin: 10px 0;
}

.my-account #form-validate .fieldset {
    margin: 25px;
    background: #ecf9ff;
    padding: 25px;
    border-radius: 25px;
}

.my-account table tr td {
    vertical-align: middle;
}

.my-account .addresses-list ol li {
    padding-bottom: 15px;
}

.my-account table .product-name a {
    text-decoration: none;
}

.my-account table .product-name a:hover {
    text-decoration: underline;
}

.my-account .my-tag-edit .btn-remove {
    display: inline-block;
}

#my-tags-table .add-to-links {
    white-space: nowrap;
}

.my-account .box-head a {
    float: right;
}

.my-account .box-head h2 {
    float: left;
}

.my-account .box {}

.my-account .box .box-title {
    border: none;
    padding: 15px;
    background: #ecf9ff;
    margin: 10px 0;
}

.my-account .box .box-title h3 {
    float: left;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #66cafa;
    font-weight: 200;
    margin-bottom: 5px;
    width: 100%;
}

.my-account .box .box-title a {}

.my-account .col2-set .col-1 {
    float: left;
    width: 47%;
}

.my-account .col2-set .col-2 {
    float: right;
    width: 47%;
}

.my-account .data-table {}

.my-account .data-table tr {
    display: revert;
}

.my-account .data-table th,
.my-account .data-table td {
    padding: 10px;
}

.my-account .dashboard .data-table tr.first {
    display: none !important;
}

.my-account .data-table .price-excl-tax,
.my-account .data-table .price {
    display: inline;
    font-weight: 400;
}

.my-account address {
    color: #0f0f0f;
    text-align: left;
    font-size: 16px;
    line-height: 23px;
    font-weight: 300;
    padding: 0;
    margin: 0;
}

.my-account .product-name {
    font-size: 18px;
    text-transform: none;
    font-weight: 500;
}

.box-reviews {
    display: none;
}

.my-account #my-orders-table {
    margin-bottom: 10px;
}

.my-account #my-orders-table th,
.my-account #my-orders-table td.last {
    text-align: center;
}

.my-account .order-info li a {
    background: #66cafa;
    color: #fff;
    padding: 5px 20px;
    margin: 5px;
    border-radius: 25px;
}

.my-account .order-info li a:hover {
    background: #0f0f0f;
    color: #fff;
}

.my-account .order-info li.current {
    background: #0f0f0f;
    color: #fff;
    padding: 5px 20px;
    margin: 5px;
    border-radius: 25px;
}

.col-main .block-account {
    display: none;
}

.table-caption {
    font-size: 18px;
    font-weight: 400;
}

/* Block: Account */
.block-account {
    margin: 60px 0 20px;
}

.block-account .block-content {
    text-align: center;
    margin-top: 10px;
}

.block-account ul li {
    padding: 10px;
    font-weight: 600;
    border: 2px solid #66cafa;
    margin: 5px;
    border-radius: 25px;
    -webkit-transition: 0s ease-in-out;
    -o-transition: 0s ease-in-out;
    transition: 0s ease-in-out;
    background-color: #ededed;
    color: #000;
    border: 1px solid #ededed;
    border-radius: 10rem;
    font-size: 16px;
    text-align: center;
    text-transform: capitalize;
    background-image: linear-gradient(to left, #ededed 50%, #000 50%);
    background-size: 210% 100%;
    background-position: right bottom;
    transition: all 0.2s ease-in-out;
}

.block-account ul li:hover,
.block-account ul li.current {
    color: #0f0f0f;
    border: 2px solid #0f0f0f;
    -webkit-transition: 0s ease-in-out;
    -o-transition: 0s ease-in-out;
    transition: 0s ease-in-out;
    font-weight: 600 !important;
    background-position: left bottom;
    background-color: #000;
    color: #fff;
}

.block-account ul li a{
    color: #000;
}

.block-account ul li:hover a{
    color: #fff;
}

.block-account .block-title {
    display: none;
}

.block-account li.last {
    display: none;
}

/********** < Dashboard */
.dashboard {}

.dashboard .welcome-msg {
    margin: 25px;
}

.dashboard .welcome-msg .hello {
    margin-bottom: 10px;
}

.dashboard .data-table {}

.dashboard .col2-set {
    padding: 10px 0 15px;
}

.dashboard .box-title,
.dashboard .box-head {
    width: 100%;
    overflow: hidden;
    margin: 10px 0 0;
}

.dashboard .box-title {
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: 5px;
}

.dashboard .box-title h2,
.dashboard .box-title h3,
.dashboard .box-head h2,
.dashboard .box-head h3 {
    float: left;
}

.dashboard .box-title h2,
.dashboard .box-head h2 {
    font-size: 24px;
    text-transform: uppercase;
    width: 100%;
    padding-bottom: 4px;
    color: #66cafa;
    border-bottom: 1px solid #66cafa;
    line-height: 23px;
    font-weight: 600;
}

.dashboard .box-content h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 23px;
    color: #66cafa;
    margin-top: 10px;
}

.dashboard .box-title a,
.dashboard .box-head a {
    float: inherit;
}

.dashboard .box-content {
    display: block;
}

/* Block: Recent Orders */
.dashboard .box-recent {
    margin: 50px 0 0 25px;
}

.dashboard .box-head a {
    margin-bottom: 10px;
    display: inline-block;
}

/* Block: Account Information */
.dashboard .box-info {
    margin: 50px 0 0 25px;
}

.dashboard .box-info .col2-set {
    margin-bottom: 10px;
}

.dashboard .box-info a {
    display: inline-block;
}

/* Block: Reviews */
.dashboard .number {
    float: left;
    font-size: 11px;
    font-weight: bold;
    line-height: 1;
    margin: 3px 10px 0 0;
    display: block;
    width: 18px;
    height: 18px;
    text-align: center;
    border: 1px solid #6a6a6a;
    line-height: 17px
}

.dashboard .box-reviews #my_recent_reviews h3 {
    margin-bottom: 5px !important;
}

.dashboard .box-reviews .details {
    margin-left: 30px;
}

/* Block: Tags */
#my_recent_tags>li {
    padding-bottom: 10px;
}

.tags li {
    display: inline;
    text-transform: capitalize;
    padding: 0 5px 0 0px;
}

.tags li a {
    color: #7f7f7f;
}

.dashboard .box-tags .details {
    margin-left: 30px;
}

/********** Dashboard > */
.block-order-return {
    border: 1px solid #ececec;
    padding: 13px 18px 20px 18px;
    margin-top: 26px;
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/media/bg-return.gif) no-repeat left bottom #fff;
    min-height: 345px;
}

.block-order-return .page-title {
    border-bottom: 1px solid #ececec;
    padding-bottom: 8px;
    margin-bottom: 16px;
}

.block-order-return label {
    color: #000000;
    font-weight: bold;
    display: inline-block;
    padding-bottom: 5px;
}

.block-order-return label em {
    color: #B90100;
}

.block-order-return .input-box.txt {
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 7px;
}

.block-order-return .form-alt li {
    margin-bottom: 0px;
    overflow: inherit;
}

.block-order-return .input-box.btn {
    padding-top: 18px;
}

/* Address Book */
.addresses-list {}

.addresses-list-additional li.item {}

/* Order View */
.order-info {
    padding: 15px;
    margin: 25px 0;
    background: #ecf9ff;
}

.order-info dt,
.order-info dd,
.order-info ul,
.order-info li {
    display: inline;
}

.order-info dt {
    font-weight: bold;
}

.order-date {
    margin: 0;
}

.order-buttons {
    display: none;
}

.order-info-box {}

.order-info-box {
    margin-top: 15px;
}

.order-info-box h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #66cafa;
}

.order-items h2 {
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    color: #66cafa;
    background: #ecf9ff;
    padding: 15px;
    margin: 10px 0;
}

.order-items {
    margin-top: 15px;
    width: 100%;
    overflow-x: auto;
    color: #0f0f0f;
}

.col-1.addresses-primary h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #f8d149;
    background: #fef9e8;
    padding: 15px;
}

.col-1.addresses-primary h3 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #66cafa;
    background: #ecf9ff;
    padding: 15px;
}

.col-2.addresses-additional h2 {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #0f0f0f;
}

.order-additional {
    margin: 15px 0;
}

/* Order Gift Message */
.gift-message dt strong {
    color: #666;
}

.gift-message dd {
    font-size: 13px;
    margin: 5px 0 0;
}

/* Order Comments */
.order-about dt {
    font-weight: bold;
}

.order-about dd {
    font-size: 13px;
    margin: 0 0 7px;
}

.tracking-table {
    margin: 0 0 15px;
}

.tracking-table th {
    font-weight: bold;
    white-space: nowrap;
}

.tracking-table-popup {
    width: 100%;
}

.tracking-table-popup th {
    font-weight: bold;
    white-space: nowrap;
}

.tracking-table-popup th,
.tracking-table-popup td {
    padding: 1px 8px;
}

/* Order Print Pages */
.page-print .print-head {}

.page-print .print-head img {
    float: left;
}

.page-print .print-head address {
    float: left;
    margin-left: 15px;
}

/* Print Pages */
.page-print .print-head {
    margin-bottom: 20px;
}

.page-print .col-1,
.page-print .col-2 {
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    width: 46%;
}

.page-print h1 {
    font-size: 25px;
    line-height: 40px;
}

.page-print h2 {
    margin-bottom: 5px;
}

.page-print th.a-right {
    text-align: center !important;
}

/* Price Rewrites */
.page-print .gift-message-link {
    display: none;
}

.page-print .price-excl-tax,
.page-print .price-incl-tax {
    display: block;
    white-space: nowrap;
}

.page-print .cart-price,
.page-print .price-excl-tax .label,
.page-print .price-incl-tax .label,
.page-print .price-excl-tax .price,
.page-print .price-incl-tax .price {
    display: inline;
}

/* My Reviews */
#review-form h3,
#review-form h4 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: normal;
    color: #333;
}

.product-review .product-img-box {
    float: left;
    margin-right: 15px;
}

.product-review .product-img-box .product-image {
    display: block;
    margin-bottom: 10px;
    width: 125px;
}

.product-review .product-img-box .label {
    text-align: center;
    font-size: 11px;
    line-height: 14px;
    margin: 0;
}

.product-review .product-img-box .ratings .rating-box {
    float: none;
    display: block;
    margin: 0 auto 3px;
}

.product-review .product-details {}

.product-review .product-name {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px;
}

.product-review h3 {}

.product-review .ratings-table {
    margin: 0 0 10px;
}

.product-review dt {
    font-weight: bold;
}

.product-review dd {
    font-size: 13px;
    margin: 5px 0 0;
}



/* MAP Popup============================================================================== */

.product-view .product-shop .price-box.map-info {}

.product-view .product-shop .price-box.map-info .old-price {}

.tier-prices.product-pricing a {}

.product-view .product-shop .price-box.map-info a {}

.cart-msrp-totals {
    color: red;
    font-size: 12px !important;
    font-weight: bold;
    margin: 10px 10px 0;
    padding: 10px;
    text-align: right;
    text-transform: uppercase;
}

.map-cart-sidebar-total {
    color: red;
    display: block;
    font-size: 10px;
    font-weight: bold;
    text-align: left;
    padding: 2px 5px;
    text-shadow: 0 1px 0 #fff;
}

.catalog-product-compare-index .map-popup {
    min-width: 230px;
}

.map-popup.displayblock {
    display: block !important;
}

.map-popup {
    display: none;
}

.map-popup {
    text-align: left;
    position: absolute;
    margin: 12px 0 0;
    width: 270px;
    z-index: 100;
    box-shadow: 0px 0px 10px rgba(48, 50, 50, 0.2);
    -moz-box-shadow: 0px 0px 10px rgba(48, 50, 50, 0.2);
    -webkit-box-shadow: 0px 0px 10px rgba(48, 50, 50, 0.2);
    background: #FBFBFB;
}

.map-popup,
.map-popup a {
    color: #000;
}

.map-popup #map-popup-msrp-box {
    font-weight: normal;
}

.map-popup #map-popup-msrp-box strong {
    font-weight: normal;
}

.map-popup #map-popup-msrp-box span {
    font-weight: normal;
}

.map-popup-heading {
    border-bottom: 1px solid #DDDDDD;
    padding: 20px 40px 20px 20px;
    width: 100%;
}

.map-popup-heading h2 {
    font-size: 12px;
    line-height: 15px;
    text-align: left;
    text-overflow: ellipsis;
    text-transform: uppercase;
    word-wrap: break-word;
    margin: 0;
}

.map-popup-arrow {
    background: 0;
    position: absolute;
    left: 50%;
    top: -10px;
    height: 10px;
    width: 19px;
}

.map-popup-close {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    height: 9px;
    width: 9px;
    font-size: 0;
}

.map-popup-close:before {
    content: "\f00d";
    font-size: 14px;
    line-height: 14px;
}

.map-popup-close:hover {}

.map-popup-content {
    text-align: left;
    overflow: hidden;
    padding: 20px;
}

#map-popup-price-box strong {
    float: left;
    margin-right: 7px;
}

.map-popup .regular-price .price {
    float: left;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}

.map-popup-checkout {}

.map-popup-checkout form {
    display: block;
    overflow: hidden;
    position: relative;
}

.map-popup-checkout form button.button:hover>span {}

.map-popup-checkout span {
    display: block;
    padding-left: 30px;
}

.map-popup-checkout .paypal-logo {
    text-align: left;
    margin: 0 0 5px;
}

.map-popup-price .price-box,
.map-popup-price .price-box .special-price {
    margin: 0;
    padding: 0px 0;
}

.map-popup-price .price-box .regular-price {
    margin-right: 7px;
}

.map-popup-price .minimal-price-link {
    color: #fff;
    display: inline-block;
    text-decoration: underline;
    margin: 0;
}

.map-popup-price .minimal-price-link:hover {
    text-decoration: none;
}

.map-popup-price .minimal-price-link span {
    display: inline;
}

.map-popup-price {
    overflow: hidden;
    margin: 8px 0;
}

.map-popup-text {
    clear: right;
    padding: 20px;
    text-align: left;
    word-wrap: break-word;
    line-height: 18px;
}

.map-popup-only-text {
    display: none;
    border-top: 1px solid #d8d8d8;
}

.contacts-index-index .page-title {
    margin-bottom: 15px;
}

/* ======================================================================================= */


.top-icons {
    margin-top: 10px;
}

.top-icons.right-side {
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.top-icons a {
    color: #fff;
}

.top-icons a:hover {
    color: #66cafa;
}

.top-icons-2 {
    text-align: center;
    width: 50%;
    margin-top: 24px;
    position: relative;
}

.swipe-left {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 20px;
    z-index: 999;
}

.top-icon-menu {
    width: 100%;
    max-width: 100%;
    line-height: 40px;
    font-size: 26px;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 90;
    display: none;
    height: 52px;
}

.mini-logo {
    float: left;
    min-width: 46%;
    padding: 4px 0 4px;
    text-align: center;
    width: 100%;
}

.mini-logo-img {}

.top-icon-menu>div {
    height: 50px;
    z-index: 9999;
}

.ps-static .top-icon-menu>div:hover,
.top-icon-menu>div.active {
    color: #0f0f0f;
}


.top-icon-menu,
.swipe {
    background-color: none;
}

.swipe {
    display: block;
    left: -100%;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
    font-size: 13px;
    font-weight: bold;
    line-height: 25px;
    height: 100%;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 6;
    padding-bottom: 0px;
    margin-bottom: 50px;
    margin-top: 50px;

}


.swipe:before,
.swipe:after {
    -moz-box-sizing: inherit;
}

body.ind .swipe {
    left: 0;
}

.swipe-menu {
    height: 100%;
    overflow: scroll;
    background: #fff;
}

body.ind div.shadow {
    width: 100%;
    z-index: 5;
}

body div.shadow {
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.5;
    position: fixed;
    top: 0;
}

.swipe-menu .switch-show {
    cursor: pointer;
}

.swipe-menu .switch-show.active {
    border: 0;
}

.swipe-menu .switch-show>div:after {
    content: "\f107";
    font-size: 21px;
    vertical-align: middle;
    float: right;
}

.swipe-menu a {
    color: #0f0f0f;
    font-weight: 300;
    font-size: 16px;
    line-height: 35px;
}

.swipe-menu a:hover {
    color: #66cafa;
}

.swipe-menu .links li {
    display: block;
    padding-left: 28px;
}

.swipe-menu ul li a:before,
.home-link:before {
    font-size: 26px;
    margin-right: 12px;
    vertical-align: middle;
}

.swipe-menu .links-2 li:nth-child(1) a:before {
    content: "\f0e8";
}

.swipe-menu .links-2 li:nth-child(2) a:before {
    content: "\f0e8";
}

.swipe-menu .links-2 li:nth-child(3) a:before {
    content: "\f002";
}

.swipe-menu .links-2 li:nth-child(4) a:before {
    content: "\f0d1";
}

.currency-switch .currency-title,
.language-list .language-title {
    padding: 10px 20px 11px;
}

.currency-switch .currency-title:before,
.language-list .language-title:before {
    content: "\f0d6";
    font-size: 26px;
    vertical-align: middle;
    margin-right: 8px;
}

.language-list .language-title:before {
    content: "\f0ac";
}

.currency-switch .currency-title strong,
.language-list .language-title strong {
    display: none;
}

.swipe-menu .language-list ul,
.swipe-menu .currency-switch ul {
    background: 0 #222222;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    left: 0;
    padding: 0;
    position: relative;
    right: auto;
    top: 0;
    width: 100%;
    overflow: hidden;
    display: none;
}

.swipe-menu .currency-switch ul li span {
    display: none;
}

.swipe-menu .language-list ul li,
.swipe-menu .currency-switch ul li {
    float: left;
}

.swipe-menu .language-list ul li:first-child,
.swipe-menu .currency-switch ul li:first-child {
    padding-left: 20px;
}

.swipe-menu .language-list ul li a,
.swipe-menu .currency-switch ul li a {
    padding: 14px;
    display: inline-block;
    text-transform: uppercase;
    font-weight: bold;
}



/* ==================================back-top ================================================== */
#back-top {
    position: fixed;
    bottom: 40px;
    z-index: 99;
    left: 50%;
    margin-left: 635px;
    display: none;
    width: 41px;
    height: 41px;
}

#back-top span {
    display: block;
    text-align: center;
}

#back-top span:before {
    content: "\f139";
    font-size: 45px;
    line-height: 45px;
}

#back-top a:hover {
    color: #f8d149;
}

/* ======================================================================================= */


.quick-contact .block-conten {
    padding: 0 25px;
    color: #0f0f0f;
    background: #ecf9ff;
    border-radius: 3px;
}

.quick-contact .slogan {
    padding-bottom: 6px;
    text-align: left;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 23px;
    font-weight: 600;
    color: #0f0f0f;
    border-bottom: 1px solid #0f0f0f;
    padding-top: 42px;
}

.quick-contact .block-conten .input-box {
    color: #0f0f0f;
    margin: 18px 0;
}

.quick-contact .block-conten .input-box label {
    background: #fff;
    width: 100%;
    padding: 10px 12px 4px 12px;
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

.quick-contact .block-conten input.input-text {
    border: none;
}

.quick-contact .block-conten textarea.form-control {
    border: none;
    height: 70px;
}

.payment-method {
    clear: both;
}

.sequra_quotas_info {
    margin-left: 3px;
}

.down_payment_total-js,
.instalment_total-js {
    color: #f8d149;
    font-size: 12px;
    font-weight: 600;
}

.rc-anchor-light.rc-anchor-normal {
    border: none;
}

.rc-anchor-normal {
    width: 100% !important;
}

/* ======================================================================================= */
.search-form .form-list .input-box {
    width: 300px;
}

.search-form .buttons-set p.required {
    text-align: left;
}

.search-form .buttons-set button.button {
    float: left;
}

.contact-block {
    position: relative;
    width: 100%;
}

.contact-block h2,
.contact-block .fieldset .legend {
    color: #0f0f0f;
    font-size: 32px;
    line-height: 32px;
    padding-left: 0;
    padding-bottom: 4px;
    margin-bottom: 45px;
    font-weight: 800;
    text-align: center;
    background: transparent;
}

.outlet-go {
    text-align: center;
    margin-bottom: 45px;
}

.g-reviews {
    background: #f7f7f7;
    border-radius: 25px;
    padding: 10px 25px;
    text-align: center;
    margin-bottom: 45px;
}

.zona-outlet {
    background: #0f0f0f;
    border-radius: 25px;
    padding: 25px 25px 60px 25px;
    text-align: center;
    margin-bottom: 70px;
    color: #fff;
}

.zona-outlet-title {
    font-size: 20px;
    line-height: 23px;
    text-decoration: underline;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 50px;
}

.zona-outlet-text {
    margin-top: 35px;
    font-size: 18px;
    margin-bottom: 15px;
    line-height: 18px;
    font-weight: 100;
}

.zona-outlet-subtitle {
    font-weight: 500;
}


.contact-page {
    margin: 25px;
}

.contact-left {
    width: 25%;
    float: right;
    padding-bottom: 20px;
    margin-top: 20px;
}

.contact-left h3 {
    font-size: 13px;
    line-height: 16px;
    color: #B90100;
    text-transform: uppercase;
    font-weight: normal;
    margin-bottom: 14px;
}

.privacidad-contact a {
    font-weight: normal;
}

.capa-privacidad {
    margin: 25px;
    padding: 10px 0;
    border-top: 1px solid #1426482a;
    border-bottom: 1px solid #1426482a;
    color: #0f0f0f8a;
}

.capa-privacidad-checkout {
    margin: 25px;
    padding: 10px 0;
    border-top: 1px solid #1426482a;
    border-bottom: 1px solid #1426482a;
    color: #0f0f0f8a;
}

.capa-privacidad-small {
    float: left;
    font-size: 10px;
    line-height: 17px;
    padding-bottom: 45px;
    font-weight: 200;
}

.capa-privacidad-small a {
    font-weight: 600;
    color: #fff;
    text-decoration: underline;
    padding-bottom: 45px;
}

.capa-privacidad-small a:hover {
    color: #66cafa;
}

.agreement {
    vertical-align: sub;
}

.contact-left p {
    font-size: 12px;
    color: #8a8989;
    line-height: 17px;
}

.contact-left ul li {
    border-bottom: 1px solid #ececec;
    padding-bottom: 17px;
    margin-bottom: 17px;
}

.contact-left ul li.last {
    border: none;
    padding: 0;
    margin: 0;
}

#contactForm {
    float: left;
    width: 100%;
    padding: 25px;
}

#contactForm .form-list .input-box {
    width: auto;
}

#contactForm .fieldset {
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    margin-top: 20px;
}

#contactForm .form-list input.input-text {
    width: 95%;
    max-width: 500px;
    padding: 18px 24px;
    font-size: 18px;
    background: #ededed;
    border: 2px solid transparent;
    border-radius: 15px;
    outline: none;
    transition: all 0.25s ease;
}

#contactForm .form-list .field {
    float: left;
    width: 50%;
}

#contactForm .form-list li {
    padding-bottom: 10px;
}

#contactForm .form-list li.wide textarea {
    width: 100%;
    max-width: 500px;

    padding: 18px 24px;
    font-size: 18px;

    background: #ededed;
    border: 2px solid transparent;
    border-radius: 15px;

    outline: none;
    transition: all 0.25s ease;
}

#contactForm .form-list li.wide textarea:focus {
  background: #ffffff;
  border-color: #000000;
}

#contactForm .form-list li.wide .input-box {
    width: 98%;
}

#contactForm .buttons-set button.button {
    float: left;
    clear: left;
}

#contactForm .buttons-set {
    margin: 0 0 0 0;
    padding: 0;
}

#contactForm .buttons-set p.required {
    font-size: 12px;
    margin: 0 0 15px;
    float: left;
    clear: left;
}

.contact-btn a {
    display: none;
}

.contact-btn li {
    padding: 10px;
    margin: 10px;
    color: #f8d149;
}

#contactForm .showcase_btn__3 {
    border: none;
    color: #fff;
    background: #f8d149;
}

#contactForm .showcase_btn {
    text-align: left;
    margin: 0px;

}

#contactForm .showcase_btn:before {
    background: #3acc00;
    font-size: 20px;
}

#contactForm .showcase_btn span {
    font-size: 20px;
    padding: 5px;
}

.container-slider {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.tumbSlider-none:last-child {
    margin-right: 0;
}

.tumbSlider {
    max-height: 110px;
}

.container-slider .slider {
    margin-left: -4px;
}

.container-slider li {
    float: left;
    height: auto;
    width: 70px;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 4px;
    position: relative;
}

.ps-phone .container-slider li:before {
    content: ".";
    font-size: 0;
    width: 100%;
    height: 35px;
    left: 0;
    bottom: 0px;
    position: absolute;
}

.container-slider li a {
    display: block;
}

.container-slider li img {
    width: 68px;
    height: 68px;
}

.container-slider>a {
    display: inline-block;
    position: absolute;
    left: -4px;
    top: 35px;
    font-size: 30px;
    width: 40px;
    height: 40px;
    z-index: 50;
    text-align: center;
    vertical-align: middle;
}

.container-slider>a.tumbSlider-next {
    right: -5px;
    left: auto;
}

.sent {
    text-align: center;
    padding: 15px;
}

.mensaje-ok-sub {}


/* Clears ================================================================================ */
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearer:after,
.header-container:after,
.header-container .top-container:after,
.header .quick-access:after,
#nav:after,
.main:after,
.footer:after,
.footer-container .bottom-container:after,
.col-main:after,
.col2-set:after,
.col3-set:after,
.col4-set:after,
.search-autocomplete li:after,
.block .block-content:after,
.block .block-conten:after,
.block .actions:after,
.block li.item:after,
.block-poll li:after,
.block-layered-nav .currently li:after,
.page-title:after,
.products-grid:after,
.products-list li.item:after,
.box-account .box-head:after,
.dashboard .box .box-title:after,
.box-reviews li.item:after,
.box-tags li.item:after,
.pager:after,
.sorter:after,
.ratings:after,
.add-to-box:after,
.add-to-cart:after,
.product-essential:after,
.product-collateral:after,
.product-view .product-img-box .more-views ul:after,
.product-view .product-shop .short-description:after,
.product-view .box-description:after,
.product-view .box-tags .form-add:after,
.product-options .options-list li:after,
.product-options-bottom:after,
.product-review:after,
.cart:after,
.cart-collaterals:after,
.cart .crosssell li.item:after,
.opc .step-title:after,
.checkout-progress:after,
.multiple-checkout .place-order:after,
.group-select li:after,
.form-list li:after,
.form-list .field:after,
.buttons-set:after,
.page-print .print-head:after,
.advanced-search-summary:after,
.gift-messages-form .item:after,
.send-friend .form-list li p:after,
.products-grid .actions:after,
.header .row-2:after,
.header-buttons:after,
.input-box:after,
.block-subscribe .block-content:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

/* ======================================================================================= */



/*==================================================================================
====================================================================================


					THEME STYLE

====================================================================================
==================================================================================*/


a {
    color: #66cafa;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

a:hover {
    color: #0f0f0f;
}

.horario a {
    color: #0f0f0f;
}

.horario a:hover {
    color: #0f0f0f;
}


body>.wrapper:after {
    content: '';
    position: absolute;
    z-index: -1;
    top: 50px;
    right: 0;
    bottom: 0;
    left: 0;
    background: none;
    background-position: top center;
}

button.button>span {
    background: #e2e8fa;
    color: #0f0f0f;
    padding: 0 10px;
    border-radius: 25px;
    font-weight: 500;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

button.button>span:hover {
    color: #fff !important;
    background: #66cafa;
    border-radius: 25px;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}


.btn-checkout a:hover {
    background: #f8d149;
}





/*===========================================================================

						HEADER

===========================================================================*/
.header-container {
    padding: 0;
    background: #fff;
    position: relative;
    z-index: 80;
}

.header {}

.header-top,
.header-right-sidebar {
    text-align: left;
}

.header-top {
    background: #fff;
    position: relative;
    z-index: 1001;
}

.header-top:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: -1000px;
    right: -1000px;
    background: #fff;
}

.header .quick-access {
    float: left;
    padding: 0;
}

.header .links li {
    border-right: 1px solid #d9d8d8;
    max-height: 50px;
}

.header .links li.first {
    border-left: 1px solid #d9d8d8;
}

.header .links li a {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
    padding: 17px 9px;
    margin: 0;
    position: relative;
    z-index: 9;
    overflow: hidden;
}

.header .links li a:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: -100%;
    right: 0;
    left: 0;
    height: 100%;
    background: #ededed;
}

.header .links li a:hover {
    color: #f8d149;
}

.header .links li a:hover:before {
    top: 0;
}

.header-buttons {
    margin: 0;
    padding-top: 6px;
}

.header-button {
    width: auto;
    background-color: transparent;
    border: none;
    margin-left: 9px;
}

.header-button .select-label-name,
.header-button .header_currency-label {
    float: left;
    font-size: 15px;
    line-height: 15px;
    color: #000;
    padding-top: 12px;
    margin-right: 8px;
}

.header-button.currency-list>a,
.header-button.lang-list>a {
    width: auto;
    height: auto;
    float: left;
    border: 1px solid #d9d8d8;
    font-size: 15px;
    line-height: 15px;
    padding: 11px 49px 11px 11px;
    min-width: 138px;
    text-align: left;
    overflow: hidden;
}

.header-button.currency-list>a:hover,
.header-button.lang-list>a:hover,
.header-button.active>a {
    background-color: transparent;
    color: #0f0f0f;
}

.header-button>a:after {
    content: '\f107';
    color: #777;
    position: absolute;
    z-index: 8;
    top: 1px;
    right: 1px;
    height: 37px;
    width: 38px;
    border-left: 1px solid #d9d8d8;
    font-size: 15px;
    line-height: 15px;
    padding-top: 11px;
    text-align: center;
}

.header-button>a:before {
    content: '';
    position: absolute;
    z-index: -1;
    top: 0px;
    right: 1px;
    height: 100%;
    width: 38px;
    background: #ededed;
    opacity: 0;
    filter: alpha(opacity=0);
}

.header-button>a:hover:before {
    opacity: 1;
    filter: alpha(opacity=99);
}

.header-button ul {
    top: 40px;
    border: none;
}

.header-button ul li {
    border: none;
}

.header-button ul li a {
    background: #777;
    font-size: 14px;
    line-height: 14px;
    color: #fff;
}

.header-button ul li a:hover {
    background: #f8d149;
}

.header .logo {
    margin: 12px 0;
}

#search_mini_form button.button>span {
    background-color: transparent;
}

#search_mini_form button.button>span span {
    font-family: 'FontAwesome';
    color: #fff;
    font-size: 29px;
    line-height: 29px;
}

#search_mini_form button.button>span:before {
    display: none;
}

#search_mini_form button.button>span span:hover {
    color: #000;
}

.header .form-search .search-autocomplete {
    width: 100% !important;
    top: 40px !important;
    left: -1px !important;
}


/*==========================

		PRODUCTS GRID

==========================*/


.products-grid .product-name a,
.products-list .product-name a,
.products-grid .product-name,
.products-list .product-name {
    color: #0f0f0f;
    text-transform: capitalize;
    -webkit-transition: 0s;
    font-size: 16px;
    font-weight: 800;
}

/*.products-grid  li:hover .product-image { -webkit-transform:scale(1.1);transform:scale(1.1); -webkit-transition: all .5s ease-in-out; overflow:hidden; }*/

.nombre-grid {
    padding-top: 14px;
    padding-bottom: 8px;
}

.products-grid .product-image {
    border: none;
    overflow: hidden;
}

.bloque-imagen {
    width: 100%;
    overflow: hidden;
}

.products-grid .price-box {
    width: max-content;
}

.products-grid .regular-price {
    background: #fff;
    color: #000;
    font-size: 16px;
    font-weight: 800;
    float: left;
}

.special-price .price-label {
    display: none;
}

.products-grid .old-price {
    float: left;
    padding-right: 8px;
    background: #fff;
    color: #666666;
    font-size: 16px;
    font-weight: 200;
}

.products-grid .special-price {
    float: right;
    background: #fff;
    color: #C4301C;
    font-size: 16px;
    font-weight: 800;
}

.descuento-grid {
    background: #000;
    color: #fff;
    left: 5%;
    position: absolute;
    top: 10%;
    font-weight: 800;
    border-radius: 5px;
    padding: 5px;
}

.products-grid li.item {
    float: left;
    position: relative;
    padding: 0 15px;
}

.products-grid li.odd {}

.products-grid li.even {}

.extradescription_wrapper {
    padding: 40px 25px;
}

.extradescription_wrapper h2 {
    padding-bottom: 4px;
    border-bottom: 1px solid #152468;
    margin-bottom: 20px;
}

.mas-info {
    text-align: right;
    margin: 0 5px 5px 0;
    font-size: 25px;
    color: #66cafa;
}

.no-stock-grid {
    text-align: right;
    margin: 0 5px 5px 0;
    font-size: 25px;
    color: #d62b77;
}

.products-grid .item .ts-rating-light.productreviewsSummary {
    margin: 0 !important;
}



/* === PICTOGRAMS === */

.pictograms-mini-mainDiv {
    float: right;
}

.pictograms-mini-span {
    width: 30%;
    display: inherit;
    position: absolute;
    top: 10px;
    right: 15px;
}

.pictograms-product-mainDiv {
    text-align: center;
}

.stiker {
    display: inline-block;
    padding: 10px;
    max-width: 19%;
}


/*===========================================================================

						FOOTER

===========================================================================*/

.footer {
    display: flex;
    justify-content: space-between;
}

.footer-container {
    position: relative;
    border-top: 1px solid #e6e6e6;
    z-index: 0;
    overflow: inherit;
    padding: 0;
    background: #fff;
    padding: 50px 15px;
    width: 90%;
    margin: 0 auto;
}

address {
    position: relative;
    font-size: 14px;
    line-height: 18px;
    color: #000;
    text-align: left;
    font-family: var(--font-family-menu);
    display: inline-table;
    margin-top: 10px;
}

.footer-container .payments-product-page .secure-payment-methods ul {
    display: flex;
    gap: 1rem;
}

.footer .titulo {
    font-size: 16px;
    line-height: 26px;
    font-weight: 700;
    margin-bottom: 0;
    list-style: none;
    position: relative;
    color: #000;
}

.footer span,
.footer .in-user,
.footer .in-exit {
    color: #666666;
    font-weight: 400;
    line-height: 26px;
}

.footer .fa-location-dot:before {
    font-family: "FontAwesome";
    content: "\f041";
    margin-right: 8px;
    color: #666666;
    font-size: 18px;
}

.footer .fa-envelope:before {
    font-family: "FontAwesome";
    content: "\f003";
    margin-right: 8px;
    color: #666666;
    font-size: 18px;
}

.footer .fa-building:before {
    font-family: "FontAwesome";
    content: "\f2bc";
    margin-right: 8px;
    color: #666666;
    font-size: 18px;
}

.footer .fa-clock:before {
    font-family: "FontAwesome";
    content: "\f017";
    margin-right: 8px;
    color: #666666;
    font-size: 18px;
}

.footer-center {
    text-align: center;
    margin: 10px;
}

.footer-center a {
    font-size: 35px !important;
    line-height: 30px !important;
    color: #fff;
    padding: 10px 20px;
}



.footer h4 {
    font-size: 22px;
    line-height: 22px;
    font-weight: normal;
    padding: 29px 0;
    margin-bottom: 0;
}

.footer ul li a {
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none;
    background-image: linear-gradient(black, black);
    background-position: 0% 100%;
    background-size: 0% 2px;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease-in-out;
}

.footer ul li a:hover,
.footer ul li a:focus {
    background-size: 100% 2px;
    color: #000;
}

.confianza-footer {
    text-align: center;
    mix-blend-mode: screen;
}

.footer-col {
    display: inline-table;
    margin-right: 2%;
    margin-top: 10px;
    margin-bottom: 10px;
}

.footer-bottom {
    margin-top: 40px;
}

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

.blog-footer {
    margin: 40px 0;
}

.blog-carrusel {
    display: inline-block;
}

/* --- BLOQUE CONFIANZA --- */
.bloque-conf {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

.bloque-conf .item .ico {
    font-size: 50px;
    color: #000;
}

.bloque-conf .item .text-field {
    color: #000;
    font-size: 13px;
    font-weight: 200;
    line-height: 18px;
    margin: 15px 10px;
    text-align: center;
}

.bloque-conf .item .text-field .text {}

.bloque-conf a {
    color: #00ed00;
}

.bloque-conf-bkg {
    padding: 40px 0;
    background: #fff;
    width: 90%;
    margin: 0 auto;
}

.hersteller {
    margin-top: 20px;
}

.hersteller-logos {
    -webkit-filter: grayscale(1);
    filter: gray;
    filter: grayscale(1);
    opacity: 0.8;
}

/***** extra-style.css ***********/



.main-container .radio,
.main-container .checkbox {
    display: inline-block;
    margin-top: 0;
}

@media (max-width: 1200px) {
    .footer-container {
        padding: 25px 0;
    }
}

.order-review-info .buttons-set {
    padding: 15px 2%;
}

.onestepcheckout-terms-conditions {
    padding: 65px 3% 0 3%;
}

.onestepcheckout-terms-conditions input {
    float: left;
    margin: 4px 4px 4px 0;
}

/* === Formularios asesoramiento ===*/

@media (min-width: 999px) {
    .iframe-climatizacion {
        height: 2700px;
    }

    .iframe-limpiafondos {
        height: 2280px;
    }

    .iframe-piscinas {
        height: 1470px;
    }

    .iframe-dolphin {
        height: 900px;
    }

}

@media (max-width: 999px) {
    .iframe-climatizacion {
        height: 3836px;
    }

    .iframe-limpiafondos {
        height: 3900px;
    }

    .iframe-piscinas {
        height: 2530px;
    }

    .iframe-dolphin {
        height: 1350px;
    }
    .cart-wrapper {
        flex-direction: column;
    }
    .cart-wrapper form,.cart-wrapper .cart-collaterals{
        width: 100%;
    }

}

/*======== SPRITE MENU ==========*/

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

.item-menu-2 {
    width: 50%;
    padding-left: 1%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.85;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-2:hover {
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-3 {
    width: 33%;
    padding-left: 1%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.85;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-3:hover {
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-4 {
    width: 25%;
    padding-left: 1%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.85;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-4:hover {
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}


.item-menu-5 {
    width: 20%;
    padding-left: 1%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.85;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-5:hover {
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-6 {
    width: 16%;
    padding-left: 2%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.85;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-6:hover {
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-7 {
    width: 14%;
    padding-left: 2%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.85;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-7:hover {
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-8 {
    width: 12%;
    padding-left: 1%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.85;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-8:hover {
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-9 {
    width: 11%;
    padding-left: 2%;
    float: left;
    position: relative;
    min-height: 1px;
    padding-top: 10px;
    padding-bottom: 10px;
    opacity: 0.85;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}

.item-menu-9:hover {
    opacity: 1;
    -webkit-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}


.sprite-piscinas {
    background-image: url(/media/time4pool/menu/sprites/piscinas.png);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-limpiafondos {
    background-image: url(/media/time4pool/menu/sprites/limpiafondos.svg);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-filtracion {
    background-image: url(/media/time4pool/menu/sprites/filtracion.svg);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-climatizacion {
    background-image: url(/media/time4pool/menu/sprites/climatizacion.svg);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-cubiertas {
    background-image: url(/media/time4pool/menu/sprites/cubiertas.png);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-desinfeccion {
    background-image: url(/media/time4pool/menu/sprites/desinfeccion.svg);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-vallas {
    background-image: url(/media/time4pool/menu/sprites/vallas.jpg);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-iluminacion {
    background-image: url(/media/time4pool/menu/sprites/iluminacion.svg);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-accesorios {
    background-image: url(/media/time4pool/menu/sprites/accesorios.png);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-saunas {
    background-image: url(/media/time4pool/menu/sprites/saunas.png);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-wellness {
    background-image: url(/media/time4pool/menu/sprites/wellness.svg);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-jardin {
    background-image: url(/media/time4pool/menu/sprites/jardin.svg);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-ocio {
    background-image: url(/media/time4pool/menu/sprites/ocio.svg);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-hogar {
    background-image: url(/media/time4pool/menu/sprites/hogar.svg);
    background-repeat: no-repeat;
    padding-top: 100px;
}

.sprite-piscinas-logos {
    background-image: url(/media/time4pool/menu/sprites/piscinas-logos.svg);
    background-repeat: no-repeat;
    padding-top: 50px;
}

.sprite-limpiafondos-logos {
    background-image: url(/media/time4pool/menu/sprites/limpiafondos-logos.svg);
    background-repeat: no-repeat;
    padding-top: 50px;
}


.sprite-5-01 {
    width: 162px;
    background-position: 0 0;
}

.sprite-5-02 {
    width: 162px;
    background-position: -162px 0;
}

.sprite-5-03 {
    width: 162px;
    background-position: -324px 0;
}

.sprite-5-04 {
    width: 162px;
    background-position: -486px 0;
}

.sprite-5-05 {
    width: 162px;
    background-position: -648px 0;
}

.sprite-6-01 {
    width: 129px;
    background-position: 0 0;
}

.sprite-6-02 {
    width: 129px;
    background-position: -129px 0;
}

.sprite-6-03 {
    width: 129px;
    background-position: -258px 0;
}

.sprite-6-04 {
    width: 129px;
    background-position: -387px 0;
}

.sprite-6-05 {
    width: 129px;
    background-position: -516px 0;
}

.sprite-6-06 {
    width: 129px;
    background-position: -645px 0;
}

.sprite-7-01 {
    width: 111px;
    background-position: 0 0;
}

.sprite-7-02 {
    width: 111px;
    background-position: -111px 0;
}

.sprite-7-03 {
    width: 111px;
    background-position: -222px 0;
}

.sprite-7-04 {
    width: 111px;
    background-position: -333px 0;
}

.sprite-7-05 {
    width: 111px;
    background-position: -444px 0;
}

.sprite-7-06 {
    width: 111px;
    background-position: -555px 0;
}

.sprite-7-07 {
    width: 111px;
    background-position: -666px 0;
}

.sprite-8-01 {
    width: 92px;
    background-position: 0 0;
}

.sprite-8-02 {
    width: 92px;
    background-position: -92px 0;
}

.sprite-8-03 {
    width: 92px;
    background-position: -184px 0;
}

.sprite-8-04 {
    width: 92px;
    background-position: -276px 0;
}

.sprite-8-05 {
    width: 92px;
    background-position: -368px 0;
}

.sprite-8-06 {
    width: 92px;
    background-position: -460px 0;
}

.sprite-8-07 {
    width: 92px;
    background-position: -552px 0;
}

.sprite-8-08 {
    width: 92px;
    background-position: -644px 0;
}

.sprite-9-01 {
    width: 83px;
    background-position: 0 0;
}

.sprite-9-02 {
    width: 83px;
    background-position: -83px 0;
}

.sprite-9-03 {
    width: 83px;
    background-position: -166px 0;
}

.sprite-9-04 {
    width: 83px;
    background-position: -249px 0;
}

.sprite-9-05 {
    width: 83px;
    background-position: -332px 0;
}

.sprite-9-06 {
    width: 83px;
    background-position: -415px 0;
}

.sprite-9-07 {
    width: 83px;
    background-position: -498px 0;
}

.sprite-9-08 {
    width: 83px;
    background-position: -581px 0;
}

.sprite-9-09 {
    width: 83px;
    background-position: -664px 0;
}


/*===== SPRITES DOLPHIN =====*/


.sprites-limpiafondos {
    background-image: url('/media/modelos-dolphin.jpg');
    background-repeat: no-repeat;
    display: block;
}

.sprites-limpiafondos-01-active-x3 {
    width: 130px;
    height: 130px;
    background-position: 0 0;
}

.sprites-limpiafondos-02-active-classic {
    width: 130px;
    height: 130px;
    background-position: -130px 0;
}

.sprites-limpiafondos-03-active-x4 {
    width: 130px;
    height: 130px;
    background-position: -260px 0;
}

.sprites-limpiafondos-04-active-x5 {
    width: 130px;
    height: 130px;
    background-position: -390px 0;
}

.sprites-limpiafondos-05-active-liberty {
    width: 130px;
    height: 130px;
    background-position: -520px 0;
}

.sprites-limpiafondos-06-acuarius-r2 {
    width: 130px;
    height: 130px;
    background-position: -650px 0;
}

.sprites-limpiafondos-07-acuarius-r4 {
    width: 130px;
    height: 130px;
    background-position: -780px 0;
}

.sprites-limpiafondos-08-acuarius-r5 {
    width: 130px;
    height: 130px;
    background-position: -910px 0;
}

.sprites-limpiafondos-09-acuarius-r6 {
    width: 130px;
    height: 130px;
    background-position: 0 -130px;
}

.sprites-limpiafondos-10-1-smart-active {
    width: 130px;
    height: 130px;
    background-position: -130px -130px;
}

.sprites-limpiafondos-10-active-easy-comfort {
    width: 130px;
    height: 130px;
    background-position: -260px -130px;
}

.sprites-limpiafondos-11-active-comfort {
    width: 130px;
    height: 130px;
    background-position: -390px -130px;
}

.sprites-limpiafondos-12-active-delux {
    width: 130px;
    height: 130px;
    background-position: -520px -130px;
}

.sprites-limpiafondos-13-active-delux-liberty {
    width: 130px;
    height: 130px;
    background-position: -650px -130px;
}

.sprites-limpiafondos-14-diagnostic-2001 {
    width: 130px;
    height: 130px;
    background-position: -780px -130px;
}

.sprites-limpiafondos-15-3001 {
    width: 130px;
    height: 130px;
    background-position: -910px -130px;
}

.sprites-limpiafondos-16-dynamic-plus {
    width: 130px;
    height: 130px;
    background-position: 0 -260px;
}

.sprites-limpiafondos-17-carrera-20 {
    width: 130px;
    height: 130px;
    background-position: -130px -260px;
}

.sprites-limpiafondos-18-carrera-25 {
    width: 130px;
    height: 130px;
    background-position: -260px -260px;
}

.sprites-limpiafondos-19-carrera-30 {
    width: 130px;
    height: 130px;
    background-position: -390px -260px;
}

.sprites-limpiafondos-20-master-m3 {
    width: 130px;
    height: 130px;
    background-position: -520px -260px;
}

.sprites-limpiafondos-21-master-m4 {
    width: 130px;
    height: 130px;
    background-position: -650px -260px;
}

.sprites-limpiafondos-22-master-m5 {
    width: 130px;
    height: 130px;
    background-position: -780px -260px;
}

.sprites-limpiafondos-23-maximus-60 {
    width: 130px;
    height: 130px;
    background-position: -910px -260px;
}

.sprites-limpiafondos-24-maximus-70 {
    width: 130px;
    height: 130px;
    background-position: 0 -390px;
}

.sprites-limpiafondos-25-maximus-90 {
    width: 130px;
    height: 130px;
    background-position: -130px -390px;
}

.sprites-limpiafondos-26-moby {
    width: 130px;
    height: 130px;
    background-position: -260px -390px;
}

.sprites-limpiafondos-27-swift {
    width: 130px;
    height: 130px;
    background-position: -390px -390px;
}

.sprites-limpiafondos-28-pullit-e50 {
    width: 130px;
    height: 130px;
    background-position: -520px -390px;
}

.sprites-limpiafondos-29-pullit-e55 {
    width: 130px;
    height: 130px;
    background-position: -650px -390px;
}

.sprites-limpiafondos-30-pullit-e70 {
    width: 130px;
    height: 130px;
    background-position: -780px -390px;
}

.sprites-limpiafondos-31-s-100 {
    width: 130px;
    height: 130px;
    background-position: -910px -390px;
}

.sprites-limpiafondos-32-s-200 {
    width: 130px;
    height: 130px;
    background-position: 0 -520px;
}

.sprites-limpiafondos-33-s-300 {
    width: 130px;
    height: 130px;
    background-position: -130px -520px;
}

.sprites-limpiafondos-34-s-300i {
    width: 130px;
    height: 130px;
    background-position: -260px -520px;
}

.sprites-limpiafondos-35-swash {
    width: 130px;
    height: 130px;
    background-position: -390px -520px;
}

.sprites-limpiafondos-36-swash-cl {
    width: 130px;
    height: 130px;
    background-position: -520px -520px;
}

.sprites-limpiafondos-37-swash-tc {
    width: 130px;
    height: 130px;
    background-position: -650px -520px;
}

.sprites-limpiafondos-38-supreme-m3 {
    width: 130px;
    height: 130px;
    background-position: -780px -520px;
}

.sprites-limpiafondos-39-supreme-m4 {
    width: 130px;
    height: 130px;
    background-position: -910px -520px;
}

.sprites-limpiafondos-40-supreme-m4-pro {
    width: 130px;
    height: 130px;
    background-position: 0 -650px;
}

.sprites-limpiafondos-41-supreme-m5 {
    width: 130px;
    height: 130px;
    background-position: -130px -650px;
}

.sprites-limpiafondos-42-supeme-liberty {
    width: 130px;
    height: 130px;
    background-position: -260px -650px;
}

.sprites-limpiafondos-43-sprite-c {
    width: 130px;
    height: 130px;
    background-position: -390px -650px;
}

.sprites-limpiafondos-44-sprite-rc {
    width: 130px;
    height: 130px;
    background-position: -520px -650px;
}

.sprites-limpiafondos-45-energy-c {
    width: 130px;
    height: 130px;
    background-position: -650px -650px;
}

.sprites-limpiafondos-46-energy-200 {
    width: 130px;
    height: 130px;
    background-position: -780px -650px;
}

.sprites-limpiafondos-47-energy-300 {
    width: 130px;
    height: 130px;
    background-position: -910px -650px;
}

.sprites-limpiafondos-48-thunder-10 {
    width: 130px;
    height: 130px;
    background-position: 0 -780px;
}

.sprites-limpiafondos-49-thunder-20 {
    width: 130px;
    height: 130px;
    background-position: -130px -780px;
}

.sprites-limpiafondos-50-thunder-30 {
    width: 130px;
    height: 130px;
    background-position: -260px -780px;
}

.sprites-limpiafondos-51-e-10 {
    width: 130px;
    height: 130px;
    background-position: -390px -780px;
}

.sprites-limpiafondos-52-e-20 {
    width: 130px;
    height: 130px;
    background-position: -520px -780px;
}

.sprites-limpiafondos-53-z-fun {
    width: 130px;
    height: 130px;
    background-position: -650px -780px;
}

.sprites-limpiafondos-54-z1b-10 {
    width: 130px;
    height: 130px;
    background-position: -780px -780px;
}

.sprites-limpiafondos-55-z-2c {
    width: 130px;
    height: 130px;
    background-position: -910px -780px;
}

.sprites-limpiafondos-56-z-3i {
    width: 130px;
    height: 130px;
    background-position: 0 -910px;
}

.sprites-limpiafondos-57-logic-eco-40 {
    width: 130px;
    height: 130px;
    background-position: -130px -910px;
}

.sprites-limpiafondos-58-logic-eco-50 {
    width: 130px;
    height: 130px;
    background-position: -260px -910px;
}

.sprites-limpiafondos-59-logic-eco-60 {
    width: 130px;
    height: 130px;
    background-position: -390px -910px;
}

.sprites-limpiafondos-60-zenit-10 {
    width: 130px;
    height: 130px;
    background-position: -520px -910px;
}

.sprites-limpiafondos-61-zenit-15 {
    width: 130px;
    height: 130px;
    background-position: -650px -910px;
}

.sprites-limpiafondos-62-zenit-20 {
    width: 130px;
    height: 130px;
    background-position: -780px -910px;
}

.sprites-limpiafondos-63-zenit-30 {
    width: 130px;
    height: 130px;
    background-position: -910px -910px;
}

.sprites-limpiafondos-64-zenit-liberty {
    width: 130px;
    height: 130px;
    background-position: -1040px 0;
}

.sprites-limpiafondos-71-sf40-130x130 {
    width: 130px;
    height: 130px;
    background-position: -1040px -130px;
}

.sprites-limpiafondos-72-sf60 {
    width: 130px;
    height: 130px;
    background-position: -1040px -260px;
}

.sprites-limpiafondos-67-pro-2x2 {
    width: 130px;
    height: 130px;
    background-position: -1040px -390px;
}

.sprites-limpiafondos-68-wave-200 {
    width: 130px;
    height: 130px;
    background-position: -1040px -520px;
}

.sprites-limpiafondos-69-wave-300-xl {
    width: 130px;
    height: 130px;
    background-position: -1040px -650px;
}

.sprites-limpiafondos-70-bio {
    width: 130px;
    height: 130px;
    background-position: -1040px -780px;
}

.sprites-limpiafondos-73-evolution-x5 {
    width: 130px;
    height: 130px;
    background-position: -130px -1040px;
}

.sprites-limpiafondos-65-w-20 {
    width: 130px;
    height: 130px;
    background-position: -1040px -910px;

}

.sprites-limpiafondos-66-pro-x2 {
    width: 130px;
    height: 130px;
    background-position: 0 -1040px;
}

.circulos-horario {
    margin: 20px 0 30px 0;
    width: 100%;
    display: block;
}

.circulos {
    width: 32%;
    mix-blend-mode: luminosity;
    padding: 0 4%;
}

.texto-horario {
    font-weight: 400;
    text-align: center;
    margin: 0 25px;
}

.texto-horario a {
    color: #0f0f0f;
}



.doofinderLogo {
    display: none !important;
}

.infografia {
    margin: 15px 0;
    padding: 0;
    font-size: 0;
    line-height: 0;
}




/*TRUSTED REVIEWS CARRUSEL*/
.ts-rating-light.productreviews * {
    font-family: inherit !important;
}

.ts-rating-light.productreviews .ts-wrapper .ts-header .ts-header-title {
    font-size: 21px;
    line-height: 23px;
    margin-bottom: 10px;
    color: #0f0f0f;
    text-transform: uppercase;
    font-weight: 800;
    border-bottom: 1px solid;
    text-align: left !important;
    padding-bottom: 4px;
}

.ts-rating-light.productreviewsSummary {
    margin: 0 10px !important;
}

.ts-rating-light.productreviewsSummary .ts-stars-wrapper {
    display: table-caption !important;
}

.ts-rating-light.productreviewsSummary .ts-stars-reviewCount {
    display: none !important;
}

.ts-rating-light.productreviewsSummary .ts-reviewSummary-ratingValue {
    font-size: 28px;
}

.ts-rating-light.productreviews .ts-wrapper .ts-header-description {
    display: none;
}

.ts-rating-light.productreviewsSummary .ts-reviewSummary-bestRating {
    font-size: 10px;
}

.ts-rating-light.productreviews .ts-wrapper .ts-reviews {
    overflow: auto;
}

.ts-rating-light.productreviews .ts-wrapper .ts-reviews .ts-reviews-list {
    display: inline-flex;
}

.ts-rating-light.productreviews .ts-wrapper .ts-reviews .ts-reviews-list li .ts-review-info .ts-review-content .ts-published-date {
    line-height: 26px;
    font-size: 16px;
    color: #f8d149;
}

.ts-rating-light.productreviews .ts-wrapper .ts-reviews .ts-reviews-list li .ts-review {
    margin: 10px;
    border-radius: 25px;
    border: none !important;
    background: #fef9e8 !important;
    width: 260px;
    height: 180px !important;
    overflow: scroll;
}

.ts-rating-light.productreviews .ts-wrapper .ts-reviews .ts-reviews-list li .ts-review-info .ts-review-content .ts-product-name {
    display: none;
}

.ts-rating-light.productreviews .ts-wrapper .ts-reviews .ts-reviews-list li .ts-review .ts-review-text {
    line-height: 22px !important;
    font-size: 16px;
    padding: 0 20px 10px 0;
    font-weight: 400;
    color: #0f0f0f !important;
}

.ts-header-subtitle {
    display: none !important;
}

.ts-rating-light.productreviewsSummary .ts-reviewSummary-averageRating {
    padding-left: 0 !important;
}

.ts-rating-light.productreviews .ts-wrapper .ts-reviews {}

.ts-rating-light.productreviews .ts-wrapper {
    padding: 0 !important;
}

.ts-rating-light.productreviews .ts-header {}

.ts-rating-light.productreviews .ts-wrapper .ts-reviews .ts-reviews-list li .ts-review-info .ts-review-stars {
    margin-left: 15px !important;
    margin-top: 3px;
}

.ts-rating-light.productreviews .ts-wrapper .ts-header .ts-header-filter-dropdown .ts-header-filter-dropdown-label {
    border: 1px solid #0f0f0f !important;
    color: #0f0f0f;
}

/*TRUST BADGE */
.custom-trustbadge {
    margin: 20px 0;
}

#tsbadge_db8d3657bdbe440c985ae127463eaad4 #tsCustomBadge4_db8d3657bdbe440c985ae127463eaad4 {
    border-radius: 10px !important;
    width: 160px !important;
}

#tscard4_db8d3657bdbe440c985ae127463eaad4 .etrusted-tb-card__container {}

#tsbadge_db8d3657bdbe440c985ae127463eaad4 {
    width: auto !important;
}

#BottomSlantCustomBadge_db8d3657bdbe440c985ae127463eaad4 {
    height: 24.2308px;
    font-size: 11px !important;
    border-radius: 10px !important;
    width: 160px !important;
    left: -1px !important;
}

#tsCustomBadge4_db8d3657bdbe440c985ae127463eaad4 div {
    line-height: 17px !important;
}

#tsbadge_db8d3657bdbe440c985ae127463eaad4 .icon_db8d3657bdbe440c985ae127463eaad4-star-full {}

/*REVIEW STICKER HOME*/
.review-sticker {
    margin: 20px 0 80px 0;
}

.ts-rating-light .carousel .carousel-inner .ratings-total a::before {
    content: 'Ver las ';
}

.carousel-indicators li {
    width: 16px !important;
    height: 16px !important;
    margin: 5px !important;
}

.ts-rating-light.testimonial .carousel .carousel-inner .item .review {
    font-size: 20px !important;
    line-height: 26px !important;
    color: #000 !important;
}

.ts-rating-light.testimonial .carousel {
    border-radius: 38px;
}

.testimonial:first-of-type {
    display: block;
}

.ts-rating-light {
    margin: 0 auto;
}

.ts-rating-light.testimonial .carousel .carousel-inner .item {
    height: 160px !important;
}

/*TRUSTED PRODUCT STARS SUMMARY*/
.product-stars .ts-rating-light.productreviewsSummary {
    display: flex;
}

.product-stars .ts-rating-light.productreviewsSummary .ts-stars-reviewCount {
    display: unset !important;
    font-size: 16px !important;
    color: #66cafa;
}

/* TRUSTED GRID STARS SUMMARY SHORT*/
.grid-stars {
    float: left;
    margin-top: 3px;
}

.ts-rating-light.productreviewsSummary {
    margin: 0;
}

.grid-stars .ts-rating-light.productreviewsSummary .ts-stars-reviewCount {
    display: none !important;
}


/* LOGO ZOPIM */
.meshim_widget_components_chatWindow_NewChatForm .branding_container {
    display: none !important;
}



/* === FILTERS === */

.block-layered-nav .m-filter-group {
    position: relative;
}

.block-layered-nav .m-filter-actions,
.block-layered-nav .m-group-actions {
    position: absolute;
    right: 4px;
    margin: 0;
}

.block-layered-nav .m-filter-actions {
    top: 9px;
}

.block-layered-nav .m-group-actions {
    top: 6px;
}

.block-layered-nav .m-filter-actions:after,
.block-layered-nav .m-group-actions:after {
    display: block;
    content: ".";
    clear: both;
    font-size: 0;
    line-height: 0;
    height: 0;
    overflow: hidden;
}

.block-layered-nav .m-filter-actions>div,
.block-layered-nav .m-group-actions>div {
    margin-left: 4px;
}

ol.m-filter-css-checkboxes li a.m-checkbox-unchecked {
    background: transparent url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filtercheckboxes/checkbox_unchecked.svg) 0 3px no-repeat;
}

ol.m-filter-css-checkboxes li a.m-checkbox-checked {
    background: transparent url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filtercheckboxes/checkbox_checked.svg) 0 3px no-repeat;
}

ol.m-filter-css-checkboxes li a.m-checkbox-unchecked,
ol.m-filter-css-checkboxes li a.m-checkbox-checked {
    padding-left: 25px;
    text-decoration: none;
}

.m-filter-checkboxes li input {
    margin-right: 5px;
    position: relative;
    bottom: 2px;
}

.block-layered-nav dd li a:hover {
    color: #66cafa;
}

.block-layered-nav .m-filterclear {
    float: left;
    font-weight: normal;
    font-size: 11px;
    text-transform: none;
}

.block-layered-nav .m-filterclear .btn-remove {
    margin: 0;
}

.m-filter-colors {
    overflow: hidden;
    width: 100%;
    margin-bottom: 10px;
}

.horizontal .m-color {
    float: left;
    margin: 2px;
}

.m-filter-colors.vertical li {
    margin: 4px 0 0;
}

.state.m-color {
    display: inline-block;
    margin-left: 3px;
}

.m-filter-colors.labels li {
    overflow: hidden;
    margin: 4px 0 0;
}

.m-filter-colors.labels .m-color {
    float: left;
    margin: 0 4px 0;
}

.m-filter-colors.labels li a {
    text-decoration: none;
}

.m-filter-dropdown {
    width: 100%;
    margin-top: 3px;
}

.block-layered-nav .m-collapseable {
    cursor: pointer;
}

/*.block-layered-nav .m-collapseable.m-expanded { background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filterexpandcollapse/bkg_layered-down.gif) 9px 11px no-repeat; }*/
.block-layered-nav .m-filter-expand-collapse {
    float: left;
    font-weight: normal;
    font-size: 11px;
    text-transform: none;
}

.block-layered-nav .m-filter-expand-collapse .btn-expand-collapse {
    margin: 0;
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}

.block-layered-nav .m-expanded .m-filter-expand-collapse .btn-expand-collapse {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filterexpandcollapse/m-expanded.png) 0 0 no-repeat;
}

.block-layered-nav .m-collapsed .m-filter-expand-collapse .btn-expand-collapse {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filterexpandcollapse/m-collapsed.png) 0 0 no-repeat;
}

/* dropdown menu in left column */
.block-layered-nav dl {
    position: relative;
    left: 0;
    top: 0;
}

.block-layered-nav dt.m-dropdown-menu {
    cursor: pointer;
}

.block-layered-nav dd.m-dropdown-menu {
    position: absolute;
    background: #e7f1f4;
    z-index: 1;
    padding: 5px 5px 10px 5px;
}

.block-layered-nav .m-collapseable-group {
    cursor: pointer;
}

.block-layered-nav .m-filter-group-expand-collapse {
    float: left;
    font-weight: normal;
    font-size: 11px;
    text-transform: none;
}

.block-layered-nav .m-filter-group-expand-collapse .btn-expand-collapse {
    margin: 0;
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}

.block-layered-nav .m-expanded .m-filter-group-expand-collapse .btn-expand-collapse {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filtergroup/m-expanded.png) 0 0 no-repeat;
}

.block-layered-nav .m-collapsed .m-filter-group-expand-collapse .btn-expand-collapse {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filtergroup/m-collapsed.png) 0 0 no-repeat;
}

.m-help {
    cursor: help;
    display: inline-block;
    position: relative;
}

.m-help a.dots {
    cursor: help;
}

.m-help a.details {
    cursor: help;
}

.m-help .m-text {
    position: absolute;
    top: 5px;
    z-index: 999;
    background: #F8F7F5;
    border: 1px #ccc solid;
    width: 180px;
    padding: 10px;
    text-transform: none;
}

.col-left .m-help .m-text {
    left: 5px;
}

.col-right .m-help .m-text {
    right: 5px;
}

/* CSS Document */
.hidden {
    display: block !important;
    border: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 0 !important;
    line-height: 0 !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
}

/* Containers of Layered Navigation */
.mb-top-layered-navigation,
.mb-top-layered-navigation .block-content {
    background: #0f0f0f;
    font-size: 15px;
    font-weight: 300;
    text-transform: uppercase;
    border: none;
    padding: 0 10px;
    margin-top: 10px;
    position: relative;
    display: none;
}

/* Titles SHOP BY and CURRENTLY SHOPPING BY */
.mb-top-layered-navigation .block-subtitle,
.mb-top-layered-navigation .currently .block-subtitle {
    display: none;
    cursor: auto;
    margin: 0;
    padding: 0 5px 0 0;
    border: none;
    background: none;
    font-weight: bold;
    text-transform: uppercase;
}

.mb-top-layered-navigation dl.m-mobile {
    display: none;
}

.mb-top-layered-navigation dl {
    float: left;
}

/* CURRENTLY SHOPPING BY bar */
.mb-top-layered-navigation .currently {
    float: left;
    width: 100%;
    /* display:none;*/
}

.mb-top-layered-navigation .currently ol {
    float: left;
    width: 100%;
    display: none;
}

.mb-top-layered-navigation .currently li {
    float: left;
    white-space: nowrap;
    margin-right: 10px;
    background: transparent;
    border: none;
    padding-left: 0;
}

.mb-top-layered-navigation #narrow-by-list {
    clear: both;
    position: relative;
}

/* Actions */
.mb-top-layered-navigation .actions,
.mb-top-layered-navigation .m-horizontal-actions,
.mb-top-layered-navigation .m-subtitle-actions {
    position: absolute;
    right: 5px;
    top: 50%;
    margin: -6px 0 0;
}

.mb-top-layered-navigation .actions {
    display: none;
    background: transparent;
    border: none;
    float: left;
    padding: 6px 10px;
    top: -20px;
}

/* Top (as Menu) LN =================================================================================================================================== */

/* SHOP BY bar */
.mb-top-layered-navigation.m-topmenu.m-wide dl {
    height: 32px;
}

.mb-top-layered-navigation.m-topmenu.m-wide dl dt {
    float: left;
    padding: 7px 20px 7px 10px;
    cursor: pointer;
    background: url("https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filterpositioning/i-dropdown.gif") 0px 14px no-repeat;
    margin-left: 5px;
    font-weight: normal;
    text-transform: none;
}

.mb-top-layered-navigation.m-topmenu.m-wide dl dt.block-subtitle {
    background-image: none;
    padding-left: 0;
    margin-left: 0;
}

.mb-top-layered-navigation.m-topmenu.m-wide dl dd {
    background: white;
    position: absolute;
    width: auto;
    padding: 20px 10px 10px 10px;
    border-bottom: 5px solid #DEE5E8;
    display: block;
    z-index: 9999;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    opacity: 0.9;

}

.mb-top-layered-navigation.m-topmenu .m-filter-slider {
    margin: 0 !important;
}

/* Javascript operates with these classes */
.mb-top-layered-navigation.m-topmenu dl dt.m-ln {}

.mb-top-layered-navigation.m-topmenu dl dd.m-ln {}

.mb-top-layered-navigation.m-topmenu dl dd.m-ln li {
    white-space: nowrap;
}

/* Classes added on Mouse Over */
.mb-top-layered-navigation.m-topmenu dl dt.m-popup-filter {
    background: #DEE5E8;
}

.mb-top-layered-navigation.m-topmenu dl dd.m-popup-filter {}

/* Top LN - Horizontaly laid filters =================================================================================================================================== */
.mb-top-layered-navigation.m-top dl {
    width: 15%;
    margin: 5px;
    padding-top: 5px;
}

.mb-top-layered-navigation.m-top.two-filter-columns dl {
    width: 50%;
}

.mb-top-layered-navigation.m-top.three-filter-columns dl {
    width: 33%;
}

.mb-top-layered-navigation.m-top.four-filter-columns dl {
    width: 23%;
}

.mb-top-layered-navigation.m-top dl dd {
    background: transparent;
    margin-right: 5px;
}

/*Responsive accordion menu for mobile devices========================================================================*/
.mb-top-layered-navigation.one-filter-column dl {
    width: 100%;
}

.mb-top-layered-navigation.one-filter-column dl {
    padding: 0;
    margin: 0;
}

.mb-top-layered-navigation.one-filter-column dl.m-mobile {
    display: block;
}

.mb-top-layered-navigation.one-filter-column dl dt,
.mb-top-layered-navigation.one-filter-column .block-subtitle {
    cursor: pointer;
    display: block;
    padding: 15px;
    position: relative;
    margin: 0;
    color: #fff;
    text-align: left;
    font-size: 15px;
    font-weight: 500;
    line-height: 23px;
}

.mb-top-layered-navigation.one-filter-column dl dt:hover,
.mb-top-layered-navigation.one-filter-column .block-subtitle {}

.mb-top-layered-navigation.one-filter-column dl dd {
    padding: 0px 15px 20px 15px;
    margin: 0;
    color: #fff;
    text-transform: none;
}

.mb-top-layered-navigation.one-filter-column .m-filterclear {
    position: relative;
    right: 5px;
}

.mb-top-layered-navigation.one-filter-column .m-filter-colors {
    margin: 0;
}

.mb-top-layered-navigation.one-filter-column .currently {
    margin: 0;
}

.mb-top-layered-navigation.one-filter-column .currently ol {
    float: left;
    width: auto;
}

.mb-top-layered-navigation.one-filter-column .actions {
    right: 20px;
    top: 0;
    margin: 0;
    padding: 5px 10px;
    z-index: 3;
}

.mb-top-layered-navigation.one-filter-column .m-expand-collapse {
    float: left;
    font-weight: normal;
    font-size: 11px;
    text-transform: none;
    margin-bottom: -5px;
    display: none;
}

.mb-top-layered-navigation.one-filter-column .m-expand-collapse .btn-expand-collapse {
    margin: 0;
    display: block;
    width: 11px;
    height: 11px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}

.mb-top-layered-navigation.one-filter-column .m-expanded .m-expand-collapse .btn-expand-collapse {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filterpositioning/m-expanded.png) 0 0 no-repeat;
}

.mb-top-layered-navigation.one-filter-column .m-collapsed .m-expand-collapse .btn-expand-collapse {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filterpositioning/m-collapsed.png) 0 0 no-repeat;
}

.mb-top-layered-navigation.one-filter-column .m-expand-collapse {
    display: block;
}

.mb-top-layered-navigation.one-filter-column .currently+div .block-subtitle,
.mb-top-layered-navigation.one-filter-column .currently+div+div .block-subtitle {
    display: none;
}

.mb-top-layered-navigation.m-wide.m-mobile-only {
    margin: 0;
    display: none;
}

.mb-top-layered-navigation.m-wide.m-mobile-only .m-shop-by,
.mb-top-layered-navigation.m-wide.m-mobile-only .actions,
.mb-top-layered-navigation.m-wide.m-mobile-only .currently {
    display: none;
}

/* Types styling for Top LN only */
.m-standard {}

/* One item can be selected at the time */
.m-list {}

/* Text, multiple select */
.m-checkboxes {}

/* checkboxes - form elements */
.m-css_checkboxes {}

/* checkboxes - images */
.m-colors {}

/* Colors and Images - horizontal */
.m-colors_vertical {}

/* Colors and Images - vertical */
.m-colors_label {}

/* Colors and Images with labels */
.m-dropdown {}

/* Dropdowns */
.m-radios {}

/* Radio buttons */
.m-slider {}

/* Slider */

.m-filter-radios li input {
    margin-right: 5px;
    position: relative;
    bottom: 2px;
}

.m-more-less {
    font-size: 11px;
    text-align: center;
    margin-top: 10px;
}

.m-expandable-filter {
    overflow: hidden;
}

.m-scrollable-filter {
    overflow-x: hidden !important;
    overflow-y: scroll !important;
    border: 1px solid #ccc;
    padding: 2px 0 2px 5px;
    background: rgba(255, 255, 255, 0.5);
}

.m-scrollable-filter li {
    white-space: nowrap;
}

.m-filter-popup {
    padding: 10px;
}

.m-filter-popup .m-columns {
    overflow: hidden;
}

.m-filter-popup .m-columns>li {
    float: left;
    width: 200px;
    text-align: left;
}

.m-filter-popup .m-columns.m-filter-colors.horizontal {
    width: 600px;
}

.m-filter-popup .m-columns.m-filter-colors.horizontal>li {
    width: auto;
}

.m-filter-popup .buttons-set {
    margin: 8px 0 0;
}

.m-filter-popup .m-filter-colors {
    margin: 0;
}

.m-showmore-popup-container {
    box-shadow: 15px 15px 25px 5px rgba(0, 0, 0, 0.4);
}

.m-option-search {
    padding: 4px 0;
}

.m-option-search input {
    width: 100%;
}

.m-option-search input.m-empty {
    color: #c0c0c0;
}

.m-no-match {
    display: none;
}

/* For All */
.m-filter-slider {
    margin: 10px 0 0px;
}

/* Responsive layout */
.one-filter-column .m-filter-slider {
    margin-bottom: 20px;
}

.one-filter-column .m-slider-values {
    line-height: 25px;
}

.one-filter-column .m-slider-values input {
    width: 50px;
    padding: 1px 3px;
}

/* Default style - style1 */
.m-filter-slider {
    height: 17px;
    position: relative;
    background: transparent url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filterslider/bkg_slider.png) 0 0 repeat-x;
}

.m-filter-slider>.m-slider-from,
.m-filter-slider>.m-slider-to {
    height: 17px;
    width: 17px;
    position: absolute;
}

.m-filter-slider>.m-slider-span {
    height: 8px;
    position: absolute;
    background: none;
    border-bottom: 2px solid #969696;
    margin: 0;
}

.m-filter-slider>.m-slider-from {
    background: transparent url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filterslider/slider.png) 0 0 no-repeat;
    cursor: e-resize;
}

.m-filter-slider>.m-slider-to {
    background: transparent url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filterslider/slider.png) -19px 0 no-repeat;
    cursor: w-resize;
}

.m-slider-values {
    text-align: center;
    margin-top: 3px;
}

.m-slider-values .m-slider-min-value {
    float: left;
    display: none;
}

.m-slider-values .m-slider-max-value {
    float: right;
    display: none;
}

.m-slider-selected-value {}

/* Style2 */
.m-filter-slider.style2 {
    border: 2px solid #c8c8c8;
    border-width: 0 1px;
    background: transparent url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filterslider/bkg_slider2.png) center 0 repeat-x;
}

.m-filter-slider.style2>.m-slider-span {
    height: 6px;
    border-bottom: 5px solid #969696;
}

.m-filter-slider.style2>.m-slider-from,
.m-filter-slider.style2>.m-slider-to {
    height: 17px;
    width: 5px;
    background: #26b1e8 none;
}

.m-filter-slider.style2>.m-slider-from {
    margin-right: 1px;
}

.m-filter-slider.style2>.m-slider-to {
    margin-left: 1px;
}

/* Touch screen slider style */
.one-filter-column .m-filter-slider.style2>.m-slider-from,
.one-filter-column .m-filter-slider.style2>.m-slider-to {
    width: 15px;
    height: 30px;
    top: -7px;
}

/* Style3 */
.m-filter-slider.style3 {
    background: #e6e6e6;
}

.m-filter-slider.style3,
.m-filter-slider.style3>.m-slider-span {
    height: 5px;
    border: none;
}

.m-filter-slider.style3>.m-slider-span {
    background: #888;
}

.m-filter-slider.style3>.m-slider-from,
.m-filter-slider.style3>.m-slider-to,
.m-filter-slider.style3:before,
.m-filter-slider.style3:after {
    height: 20px;
    width: 10px;
    top: -9px;
    background: #aaa none;
    z-index: 4;
}

.m-filter-slider.style3>.m-slider-from,
.m-filter-slider.style3>.m-slider-to {
    box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.5);
    border: 1px solid #ccc;
    background: #eeeeee;
    background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc));
    background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%);
    background: linear-gradient(to bottom, #eeeeee 0%, #cccccc 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc', GradientType=0);
}

.m-filter-slider.style3:before,
.m-filter-slider.style3:after {
    position: absolute;
    left: 0;
    height: 22px;
    top: -8px;
    width: 5px;
    background-color: #e6e6e6;
    display: block;
    content: "";
    z-index: 3;
}

.m-filter-slider.style3:before {}

.m-filter-slider.style3:after {
    right: 0;
    left: auto;
}

/* Touch screen slider style */
.one-filter-column .m-filter-slider.style3:before,
.one-filter-column .m-filter-slider.style3:after {
    width: 5px;
    height: 30px;
    top: -12px;
}

.one-filter-column .m-filter-slider.style3>.m-slider-from,
.one-filter-column .m-filter-slider.style3>.m-slider-to {
    width: 28px;
    height: 28px;
    top: -14px;
}

/* Style4 */
.m-filter-slider.style4,
.m-filter-slider.style4>.m-slider-span,
.m-filter-slider.style4>.m-slider-from,
.m-filter-slider.style4>.m-slider-to {
    border-radius: 15px;
    height: 10px;
}

.m-filter-slider.style4 {
    background: #e3e3e3;
    box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.2);
    border: 1px solid #f2f2f2;
}

.m-filter-slider.style4>.m-slider-from,
.m-filter-slider.style4>.m-slider-to {
    background: #aaa none;
    box-shadow: 1px 1px 3px 1px rgba(0, 0, 0, 0.2);
    width: 18px;
    height: 18px;
    top: -5px;
    border: 1px solid #eee;
    background: #ffffff;
    background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(47%, #f6f6f6), color-stop(100%, #ededed));
    background: -webkit-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    background: linear-gradient(to bottom, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed', GradientType=0);
}

.m-filter-slider.style4>.m-slider-span {
    background: #838383;
    box-shadow: inset 0px 1px 3px 1px rgba(0, 0, 0, 0.2);
    border: none;
    margin-left: -20px;
    padding-left: 20px;
}

/* Touch screen slider style */
.one-filter-column .m-filter-slider.style4>.m-slider-from,
.one-filter-column .m-filter-slider.style4>.m-slider-to {
    width: 28px;
    height: 28px;
    top: -10px;
}


input.m-slider[type="text"] {
    width: 30px;
}

.col-main .block-layered-nav.m-topmenu dl.m-slider.m-inline dt {
    background-image: none;
    padding-left: 0;
}

.col-main .block-layered-nav.m-topmenu dl.m-slider.m-inline dd {
    background: none;
    position: static;
    border-bottom: 0;
    float: left;
    padding: 7px 10px 7px 0;
}

.col-main .block-layered-nav.m-topmenu dl.m-slider.m-inline dd .m-filter-slider {
    float: left;
    width: 130px;
}

.col-main .block-layered-nav.m-topmenu dl.m-slider.m-inline dd .m-slider-values {
    float: left;
    margin-top: 0;
    margin-left: 5px;
}

.col-main .block-layered-nav.m-topmenu dl.m-slider.m-inline dd .m-slider-min-value,
.col-main .block-layered-nav.m-topmenu dl.m-slider.m-inline dd .m-slider-max-value {
    display: none;
}

.m-slider-values.left-aligned {
    text-align: left;
}

.mb-top-layered-navigation.one-filter-column .m-hide-slider .m-filter-slider,
.mb-top-layered-navigation.one-filter-column .m-hide-slider .m-slider-min-value,
.mb-top-layered-navigation.one-filter-column .m-hide-slider .m-slider-max-value {
    display: none;
}

.m-expanded>.m-tree-item,
.m-collapsed>.m-tree-item,
.m-leaf>.m-tree-item {
    padding-left: 15px;
}

.m-expanded>.m-tree-item,
.m-collapsed>.m-tree-item {
    cursor: pointer;
}

.m-expanded>.m-tree-item {
    background: transparent url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filtertree/expanded.png) 0 4px no-repeat;
}

.m-collapsed>.m-tree-item {
    background: transparent url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filtertree/collapsed.png) 0 4px no-repeat;
}

.m-expanded>.m-tree-item:hover {
    background: transparent url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filtertree/expanded_over.png) 0 4px no-repeat;
}

.m-collapsed>.m-tree-item:hover {
    background: transparent url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/manapro_filtertree/collapsed_over.png) 0 4px no-repeat;
}

.m-expanded>ul,
.m-collapsed>ul {
    margin-left: 10px;
}


/******************************************************************************** Block: Layered Navigation ************************************************************************/
.block-layered-nav {
    padding: 5%;
    margin-top: 36px;
}

.block-layered-nav .underlined-link{
    font-size: 12px;
    line-height: 12px;
}

.block-layered-nav dt {
    border-top: 1px solid #fff;
    padding: 10px 0;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
}

.block-layered-nav dd {
    padding: 0;
    margin-bottom: 15px;
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.4s ease;
}

.block-layered-nav dd.odd.last {}

.block-layered-nav dd li a {
    text-decoration: none;
}

.block-layered-nav dd li {
    color: #666666;
    text-transform: uppercase;
    font-weight: 500;
    padding: 4px;
    display: flex;
    justify-content: space-between;
}

.block-layered-nav dd li:before {}

.block-layered-nav dd li .price {
    font-weight: normal;
}

.block-layered-nav .currently {}

.block-layered-nav .btn-remove {
    float: right;
    color: #0f0f0f;
}

.block-layered-nav .block-subtitle {}

.block-layered-nav .block-content .actions a {
    text-decoration: none;
}

.block-layered-nav .block-content .actions {
    padding-top: 5px;
    padding-bottom: 10px;
}

.block-layered-nav #narrow-by-list2 dt {
    border: none;
    padding-top: 0;
}

.block-title-mana {
    padding: 6px 0;
    position: relative;
    text-transform: uppercase;
}

.actions-mana a{
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none;
    background-image: linear-gradient(black, black);
    background-position: 0% 100%;
    background-size: 100% 2px;
    background-repeat: no-repeat;
    transition: background-size 0.3s ease-in-out;
    padding-top: 6px;
}

.actions-mana a:hover,
.actions-mana a:focus {
    animation: redrawUnderline 0.6s ease-in-out forwards;
}

.mb-mana-catalog-leftnav {
    background: #fff;
}



/************* COOKIE POLICY FLURRYBOX *************/

.modal-list-select {
    width: 100%;
    float: left;
}

.modal-list-select-div2 {
    width: 140px;
    text-align: right;
    float: right;
    margin-right: 0;
}

.modal-list-select-no {
    display: inline-block;
    height: 15px;
    width: 22px;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    text-align: center;
}

.modal-list-select-si {
    display: inline-block;
    height: 15px;
    width: 14px;
    font-size: 12px;
    font-weight: 600;
    line-height: 15px;
    text-align: center;
}


.container-modal-header-list {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

/* estilos del check*/
.selectOptions {
    position: relative;
    width: 32px;
    display: inline-block;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    vertical-align: middle;
}

.selectOptions-checkbox {
    display: none;
}

.selectOptions-label {
    display: block;
    overflow: hidden;
    cursor: pointer;
    height: 14px;
    padding: 0;
    line-height: 14px;
    border: 0px solid #FFFFFF;
    border-radius: 14px;
    background-color: #C7C7C7;
    transition: background-color 0.3s ease-in;
}



.selectOptions-label:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin: 0px;
    background: #eaeaea;
    position: absolute;
    top: -2px;
    bottom: 0;
    right: 16px;
    border: 0px solid #666666;
    border-radius: 14px;
    transition: all 0.3s ease-in 0s;
    box-shadow: 1px 2px 7px -2px #4a4a4a;
}

.selectOptions-label.permitetodo1:before {
    right: 8px;
}

.selectOptions-label.funcional {
    background: #aabac9;
}

.selectOptions-label.funcional:before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    margin: 0px;
    /*background:#eaeaea;*/
    background: #8cadcb;
    position: absolute;
    top: -2px;
    bottom: 0;
    right: 0;
    border: 0px solid #666666;
    border-radius: 14px;
    transition: all 0.3s ease-in 0s;
    box-shadow: 1px 2px 7px -2px #4a4a4a;
}


.selectOptions-checkbox:checked+.selectOptions-label {
    background-color: #7FA8CD;
}

.selectOptions-checkbox:checked+.selectOptions-label,
.selectOptions-checkbox:checked+.selectOptions-label:before {
    border-color: #F0DCA1;
}

.selectOptions-checkbox:checked+.selectOptions-label:before {
    right: 0px;
    top: -1px;
    background-color: #00529C;
}

/*** AVISO COOKIES ***/
.cookies-popup {
    position: fixed;
    bottom: 0;
    width: 100%;
    text-align: left;
    padding: 25px 30px;
    background: #efefef;
    color: #0f0f0f;
    z-index: 500000000;
    border-top: 1px dotted #0f0f0f;
    font-family: var(--font-family-menu);
}

.cookies-popup a {
    color: #0f0f0f;
}

.cookies-popup a:hover {
    color: #1e4dd2;
}

.privacy-message a {
    color: #1e4dd2;
}

.button-accept {
    width: 100%;
    margin: 4px 0;
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
    border: 1px solid #000;
    background: #fff;
    border-radius: 3px;
    padding: 10px;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-accept:hover {
    background: #e3e8fa;
    color: #000;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-privacy {
    width: 100%;
    margin: 4px 0;
    text-transform: uppercase;
    font-size: 14px;
    padding: 5px;
    border-radius: 3px;
    background: none;
    border: 1px solid #000;
    color: #000;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.button-privacy:hover {
    border: 1px solid #0f0f0f;
    color: #0f0f0f;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

@media only screen and (min-width: 768px) {
    .privacy-title {
        font-size: 22px;
        font-weight: 900;
        color: #0f0f0f;
        line-height: 36px;
    }

    .privacy-message {
        float: left;
        width: 70%;
    }

    .privacy-buttons {
        float: right;
        width: 25%;
    }

}

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

    .footer {
        flex-direction: column;
    }

    .footer-col .content {
        max-height: 0;
        overflow: hidden;
        transition: all 0.5s ease-in-out;
    }

    .footer-col .titulo {
        position: relative;
        cursor: pointer;
        padding-right: 20px;
    }

    .footer-col .titulo::after {
        content: "+";
        position: absolute;
        right: 0;
        top: 0;
        transition: transform 0.3s ease;
        font-size: 38px;
        font-weight: 100;
    }

    .footer-col.is-open .titulo::after {
        content: "-";
        transform: rotate(180deg);
    }


    .privacy-title {
        display: none;
    }

    .privacy-message {
        float: left;
        text-align: center;
        width: 100%;
    }

    .privacy-buttons {
        float: left;
        width: 100%;
    }

    .button-accept {
        margin: 8px 0;
    }

    .button-privacy {
        margin: 6px 0;
    }

    .config-cookies {
        width: 100%;
    }

    .header-container .container {
        position: relative;
        z-index: 200;
    }
}


/*** CONFIG COOKIES ***/
.ui-resizable {
    position: fixed !important;
    background: #fff !important;
    z-index: 500000000 !important;
    left: 0 !important;
    width: 100% !important;
    overflow-y: scroll;
    height: 100% !important;
    top: 0;
    font-size: 14px;
    padding: 1% 5%;
}

.ui-widget-header {
    display: none;
}

.ui-widget-content {
    color: inhert !important;
    border: none !important;
    background: none !important;
}


.config-header {
    font-size: 16px;
}

.config-title {
    font-size: 22px;
    font-weight: 900;
    color: #0f0f0f;
    line-height: 50px;
}

.config-main {
    border-bottom: 3px solid #000;
    margin-bottom: 25px;
}

.config-logo {
    width: 100%;
    text-align: center;
    border-bottom: 5px solid #0f0f0f;
    padding-bottom: 10px;
}

.config-logo-svg {
    max-width: 250px;
}

.ui-resizable-handle {
    position: fixed !important;
}

.change-settings-button {
    background: #000 !important;
    color: #fff;
    font-size: 18px;
    padding: 10px 20px;
    border: 1px solid #000;
    border-radius: 3px;
    margin: 15px 0 25px 0;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    cursor: pointer;
}

.change-settings-button:hover {
    background: #fff !important;
    color: #000;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
}

.title-option {
    font-weight: 800;
    margin-top: 16px;
    font-size: 18px;
    display: block;
}

.p-modal-content {
    border-bottom: 1px solid #6f6f6f;
    padding-bottom: 10px;
}

.container-modal-header-list {}

.selectOptions-needed {
    background-color: none;
}

.selectOptions {
    margin: 10px;
}

.needed {
    background-color: #ddd !important;
}

.selectOptions-checkbox:checked+.selectOptions-label::before {
    background-color: #ddd !important;
}

.selectOptions-checkbox:checked+.selectOptions-label {
    background-color: #1e4dd2;
}

@media only screen and (min-width: 768px) {
    .config-close {
        float: right;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 767px) {
    .config-close {
        float: right;
        width: 90%;
        text-align: center;
        position: fixed;
        bottom: 0;
        background: #fff;
        margin: 0;
    }

    .config-popup {
        padding: 20px 0 160px 0;
    }
}

/* 20230116 Xavi. Se añade el icono que irá en la descripción de cada producto (frontend)     
*/
.check-product::before {
    content: "\2022";
    font-size: 24px;
    line-height: 14px;
    vertical-align: middle;
    padding-right: 2px;
    color: #666;
}

/***** Vídeo demasiado alto *****/
.embed-container iframe {
    max-height: 1000px;
}

/*.table-vertical-line td:not(:last-child),
.table-vertical-line th:not(:last-child) {
    border-right: 2px solid #e5f9ff;
}*/

.table-vertical-line .no-vertical-line td {
    border: none;
}

.product-shop .gifts::after {
    font-family: Lato;
}

.checkout-cart-index .btn-remove-mobile {
    display: none;
}

.checkout-cart-index #shopping-cart-table {
    display: inline-table;
}

.max-width-200 {
    max-width: 200px;
    margin: auto;
}

ul.list-style {
    list-style: initial;
}

.vertical-align-center {
    display: flex;
    align-items: center;
}

/***** Icono de WhatsApp pequeño *****/

#whatsapp_chat_widget #wa-widget-send-button {
    padding: 0;
}

#whatsapp_chat_widget #wa-widget-send-button>div {
    display: none;
}

#aw-onestepcheckout-container .aw-onestepchekocut-column #aw-onestepcheckout-order-review-coupon-wrapper {
    display: none;
}

.pay-paypal {
    display: flex;
    margin-top: 20px;
    gap: 5px;
    font-size: 18px;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

#shopping-cart-table .invert-direction {
    direction: rtl;
}
@media only screen and (min-width: 1401px) {
	.products-grid li.item {min-height:600px; width:25%;}
}

@media only screen and (min-width: 1200px) and (max-width: 1400px) {
	.products-grid li.item {min-height:475px; width:25%;}
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.products-grid li.item {min-height:456px; width:25%;}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.products-grid li.item {min-height:456px; width:33%;}
}

@media only screen and (min-width: 601px) and (max-width: 767px) {
	.products-grid li.item {min-height:395px; width:25%;}
}

@media only screen and (min-width: 481px) and (max-width: 600px) {
	.products-grid li.item {min-height:464px; width:50%;}
	.bloque-imagen {margin-top:15px;}
}

@media only screen and (max-width: 480px) {
	.products-grid li.item {min-height:414px; padding-top:25px; width:50%; }
	.bloque-imagen {margin-top:15px;}
}



@media only screen and (min-width: 1401px) {
	.container { width: 90%; max-width: 1900px;}
}

@media only screen and (max-width: 1400px) {
	#back-top {display: none !important;}
	.columns-6 {width:30%;}
	table {display:block}
	.catalog-product-view table tbody{
		display: table;
		width: 100%;
	}
}

@media only screen and (min-width: 1250px){

	.header .quick-access {margin-left: -30px;}
	.header-buttons { margin-right: -30px;}

	.contenido { -webkit-column-count: 4; -moz-column-count: 4; column-count: 4;}
	.contenido-home {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}

	.main:before { left: -30px; right: -30px;}
	.main_top {margin-left: -30px; margin-right: -30px;}
	.additional-info{margin-left: -30px; margin-right: -30px;}
	.new-products-wrapper:before {left: -30px;right: -30px;}
	.sale-products-wrapper:before{left: -30px;right: -30px;}

	.cms-home .old-price,
	.cms-home .special-price{float: left;}
}

@media only screen and (max-width: 1249px){
	.new-products-wrapper,
	.sale-products-wrapper{padding: 0 10px;}

	#search_mini_form{right: 0;}
}

@media only screen and (min-width:1200px){


}

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

	.cart .totals table {display:table;}
	.my-account .order-info li.current {display:block; text-align:center; }
	.my-account .order-info li a {background: #66cafa;color: #fff;padding: 5px 20px;margin: 5px;border-radius: 25px;display: block;text-decoration: none;text-align: center;}
}

@media only screen and (min-width: 601px) and  (max-width: 1199px) {
    .nav-menu-columns-de-9,
    .nav-menu-columns-de-8,
    .nav-menu-columns-de-7,
    .nav-menu-columns-de-6 {width: 29%; margin: 2%;}

}

@media only screen and (min-width: 992px) {

 	.list-left {float: left; width: 61%;}
	.list-right {float: right; border-left: 1px solid #d1d0d0;padding-left: 20px; padding-right: 4px;padding-bottom: 250px;margin-bottom: -250px;width: 35%;}

	.products-list .rating-links {font-size: 11px;}
	.products-list .rating-links .separator {display: block; font-size: 0; width: 100%;border-top: 1px solid #ECECEC;height: 0;margin: 2px 0 3px;}

	.header {height: 80px;}






	.contenido { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
	.contenido-home {-webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
	.contenido-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
	.contenido-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
	.infografia-img { display:inline-flex; margin:0; padding:0;}

	.frame-33 {width:36%; display:block; flex-direction:column;}
	.frame-66 {width:64%; display:block;}
	.flex-container { display:flex;}

	.home-link-l {text-align:center;}
	.home-link-r {display:none;}

	.ts-rating-light.testimonial .carousel {background:#fff !important;}


 }

@media only screen and (max-width: 991px) {
		.top-icon-menu .top-search {display:none;}
		.producto-exclusivo {position:relative; max-width:100px; }
		.nav-menu-columns-de-5-especial-2 {width: 98%; }
		.product-stars .ts-rating-light.productreviewsSummary {display:inline-grid !important;}
		.product-stars .ts-rating-light.productreviewsSummary .ts-stars-reviewCount {display: none !important;}
		.columns-6 {width:48%;}
		.bloque-conf .item {width: 30%; height:150px;}
		.bloque-conf {border-top:none;}
		.footer-col {width:100%; margin-right: 0; border-bottom: 0.1rem solid #0003;padding-bottom: 12px;}
		.confianza-footer {padding: 40px 20px;}
		.bkg-w-ca {background:#fff; padding: 32px 25px; }
		.bkg-ca-w {background:#ecf9ff; padding: 32px 25px; }
		.bkg-w-ne {background:#f8d149; padding: 32px 25px; }
		.bkg-ne-w {background:#fef9e8; padding: 32px 25px; }
		.bkg-ox {padding: 20px 25px;}
		.bkg-ox-ca {background:#0f0f0f; color:#fff; padding: 20px 25px;}
		.bkg-ox2 {padding: 20px 25px;}
		.bkg-w-ox2 {background:#fff; padding: 20px 25px;}
		.bkg-ox2-w {background:#e2e8fa; padding: 20px 25px;}
		.frame-33 {width:100%;}
		.frame-66 {width:100%;}
		.flex-container { display:block;}
		.home-link-l { display: inline-table; width: 46%; margin-top: 10px; margin-bottom: 10px; vertical-align:middle;}
		.home-link-r { display: inline-table; width: 46%; margin-top: 10px; margin-bottom: 10px; vertical-align:middle; text-align:right;}
		.wrapper-home {display:block;}
		.wrapper-home-l {width:100%; padding: 0;}
		.wrapper-home-r {width:100%; display:block; padding:0;}
		.titulo-1 {padding:0; border:0;}
		.titulo-2-1 {font-size: 32px; font-weight:500; line-height:37px; text-transform:none; border:0; padding:0; text-align:left;}
		.left-center {text-align:left;}
		.white-ox {color:#fff !important;}

		.columns-2,
		.columns-2-promo,
		.columns-5,
		.columns-6,
		.columns-7,
		.columns-8,
		.columns-9 { width:100%; margin-right:0; }

		.columns-3,
		.columns-4 { width:100%; margin:20px 0; }
		.max-490-right,
		.max-490-left {padding:25px; max-width:100%; }
		.top-100 {position:relative; top:0;}

		.block-2-columns{
			grid-template-columns: 1fr;
			gap: 10px;
		}

		.block-2-columns-img{
			grid-template-columns: 1fr;
		}
		.block-2-columns-img .img, .block-2-columns-img .multiple-img{
			order: 1;
		}
		.block-2-columns-img .multiple-img{
			align-items: center;
			gap: 30px;
			flex-wrap: wrap;
		}
		.block-2-columns-img .text,
		.block-2-columns-img .text.less-margin,
		.block-2-columns-img .text.no-margin,
		.block-2-columns-img .text.no-margin-right{
			order: 2;
			padding: 60px 0;
		}
		.block-2-columns-img.invested-mobile .img{
			order: 2;
		}
		.block-2-columns-img.invested-mobile .text,
		.block-2-columns-img.invested-mobile .text.less-margin{
			order: 1;
		}
		.block-2-columns-img .img.cr-90{
			max-width: 100%;
		}
		.block-3-columns{
			grid-template-columns: 1fr;
			gap: 0;
		}
		.block-4-columns{
			grid-template-columns: 1fr 1fr;
			gap: 10px;
		}

}

@media only screen and (min-width: 992px) and (max-width: 1199px) {

	.product-view .product-shop {width:53%;}
	.product-view .addthis_button_tweet {width:95px;}
	.addthis_default_main .addthis_counter {clear:left;}
	.addthis_mini_style .addthis_counter {clear:inherit;}
	.mini-products-list .product-image {width:70px;}
	.block-poll .answer {width: 150px;}
	.de-lang-class .row-product .email-friend,
	.es-lang-class .row-product .email-friend {float: left; clear: left;}
	.box-up-sell .up-sell-carousel-none li .product-box {padding: 10px;}
	.box-up-sell .up-sell-carousel-none li {width: 20%;}
	.ps-phone .form-search .search-autocomplete {display: none !important;}

	.header .quick-access,
	.header-buttons{
		float: none;
		display: inline-block;
	}
	.header-top{
		text-align: center;
	}
	.header .quick-access{
		border-bottom: 1px solid #d9d8d8;
	}
	.header-button.currency-list{margin-left: 0;}
	.header .logo{float: left;}



	.main_top .big-showcase{
		padding-top: 20px;
		height: 314px;
	}
	.big-showcase_title-1,
	.big-showcase_title-2{
		font-size: 60px;
		line-height: 50px;
	}
	.big-showcase_text{
		padding: 0 5px;
		margin-top: 22px;
	}
	.big-showcase_link{
		font-size: 18px;
		line-height: 18px;
	}
	.showcase_info{
		padding-top: 25px;
	}
	.showcase_title{
		font-size: 30px;
		line-height: 35px;
	}
	.showcase_text{
		padding: 0 5px;
		margin-top: 18%;
		font-size: 18px;
	}
	.showcase_btn{
		margin-top: 23px;
	}
	.showcase_btn:before{
		padding: 16px 17px;
	}

	.add-to-cart .showcase_btn:before{
		padding: 10px;
	}
	.showcase_btn span{
		padding: 16px 17px;
	}
	.products-list .add-to-links li{
		text-align: left;
	}

}

@media only screen and (min-width: 768px) {
	body.ind .swipe,
	body.ind div.shadow {display: none !important; left: -300px !important;}
	.indent-swipe  {margin-left: auto !important;}

	#search_mini_form{
		z-index: 1;
		margin: 0;
		top:0;
		padding: 7px 0;
	}
	#search_mini_form.stuckOff{
		display: none;
	}
	.header .form-search .input-text{
		border: none;
		width: 85px;
		font-size: 15px;
		line-height: 19px;
		color: #fff;
		-webkit-transition: 0.5s;
		-o-transition: 0.5s;
		transition: 0.5s;
	}
	.header .form-search .input-text::-webkit-input-placeholder {
		color: #fff;
	}
	.header .form-search .input-text::-moz-placeholder          {
		color: #fff;
	}
	.header .form-search .input-text:-moz-placeholder           {
		color: #fff;
	}
	.header .form-search .input-text:-ms-input-placeholder      {
		color: #fff;
	}
	.header .form-search .input-text:focus{
		width: 150px;
	}

	.header .form-search .input-text:focus::-webkit-input-placeholder {
		color: transparent;
	}
	.header .form-search .input-text:focus::-moz-placeholder          {
		color: transparent;
	}
	.header .form-search .input-text:focus:-moz-placeholder           {
		color: transparent;
	}
	.header .form-search .input-text:focus:-ms-input-placeholder      {
		color: transparent;
	}
	.blog-post {float: left; text-align: center; width: 22%; border:1px solid #eee; border-radius:5px; padding:10px; margin-left: 2%; margin-top: 10px; margin-bottom: 10px;}
	.post-title {margin:10px; }

}

@media only screen and (min-width: 768px) and  (max-width: 1199px){
  .products-grid .bloque-imagen { float:none; width: auto;}
}



@media only screen and (min-width: 768px) and (max-width: 991px) {

	.header {height: 80px;}

	.order-buttons {display:none !important;}
	.nobr         { white-space:normal; }
	.sorter .view-mode {padding-top:0;}
	#search_mini_form {display: block !important; height: 100%; opacity: 1!important;}
	.form-search .search-autocomplete {display: none !important;}
	.account-login .registered-users .form-list input.input-text {width:326px;}
	.cart .crosssell button.btn-cart {float:none; margin-bottom:10px;}
	.cart .crosssell .add-to-links {float:none;}
	.cart .crosssell .product-details button.button > span {font-size:11px;}
	.cart .discount-form .input-box input { width:198px; }
	.form-list .input-box {width:225px;}
	.cart .shipping .form-list li select option {width:174px;}
	.cart .totals button.button > span { font-size:14px; }
	.cart .totals table th,
	.cart .totals table td { font-size:11px; padding: 15px 10px; }
	.cart .totals table td+td { padding: 15px 10px; }
	.cart .totals .price { font-size:18px; }
	.block-compare .product-image {float: none; margin:0 auto 10px;}
	.regular-price,
	.products-grid li.item .minimal-price-link {float:none;}
	.products-grid li.item .price-box.map-info a {float:none; padding:0; margin-top:2px;}
	.products-grid li.item .regular-price,
	.products-grid li.item .old-price { display:block; }
	.products-grid li.item .ratings .rating-box { float:none; margin:0 auto 10px; }
	.products-grid li.item .ratings .amount { float:none; display:block; text-align:center; margin:0;}
	.products-list .ratings .rating-links{
		text-align: left;
	}
	.products-list .button{
		float: left;
	}
	.product-shop .price-box {float:none;}

	.product-view .product-img-box .more-views li.item-4 {margin-left:0;}
	.product-view .product-img-box {float:none;width:100%;}
    .product-view .product-img-box .product-image {height:600px;}
	#cloud-zoom-big {width: 250px !important; height: 250px !important;}
	.product-view .product-shop {float:none;width:auto;}
	.catalog-product-view .map-popup {left: 0 !important;}
	.addthis_default_main .addthis_counter {clear:inherit;}
	.block-layered-nav dd {padding-left:5px;}

	.my-account a:hover {text-decoration:none;}

	.opc .field {width:255px;}
	.opc .fields input,
	.opc .field input {width:238px;}
	.opc .fields select,
	.opc .field select {width:238px;}
	.opc .fields select option,
	.opc .field select option {width:217px;}
	.opc .form-list li.wide input.input-text {width:490px;}
	.opc .form-list li.wide .input-box {width: auto;}
	.opc .name-middlename {width:149px;}
	.opc .form-list .customer-name-suffix .name-lastname,
	.opc .form-list .customer-name-middlename .name-firstname,
	.opc .form-list .customer-name-middlename-suffix .name-firstname,
	.opc .form-list .customer-name-middlename-suffix .name-lastname {width:118px;}
	.opc .form-list .customer-name-prefix .name-firstname input.input-text,
	.opc .form-list .customer-name-suffix .name-lastname input.input-text,
	.opc .form-list .customer-name-middlename .name-firstname input.input-text,
	.opc .form-list .customer-name-middlename-suffix .name-firstname input.input-text,
	.opc .form-list .customer-name-middlename-suffix .name-lastname input.input-text {width:93px;}

	.cart .totals button.button > span { font-size: 12px; }

	.cart .crosssell .product-image,
	.cart .crosssell .product-image img {width: 80px; height: 80px; overflow: hidden; }

	.box-up-sell {height:auto;}
	.box-up-sell h2 {font-size:12px;line-height:15px;}
	.box-up-sell ul li .product-box { padding:8px;}
	.box-up-sell ul li {margin: 0 8px;}

	#multiship-addresses-table select {width:200px;}
	#multiship-addresses-table select option {width:170px;}
	#checkout-step-login .col2-set .col-1 {margin-bottom:10px;}
	#checkout-step-login .col2-set .col-1,
	#checkout-step-login .col2-set .col-2 {	float:none;	margin-right:0;	width:96%;}
	#multishipping-billing-form .sp-methods .form-list input.input-text {width:100%;}
	#co-billing-form > fieldset {display: table-column;}
	.checkout-progress li {clear: left; width: 100%;}
	.box-collateral.form-add .box-collateral-content {overflow: auto;}
	.form-list select {width: 340px;}
	.search-form  .form-list select {width: 300px;}

	.multiple-checkout .form-list li.wide .input-box {width: 100%;}
	.multiple-checkout .gift-messages-form .item .details .field {width:100%;}
	.multiple-checkout .gift-messages-form .form-list input.input-text {width:100%;}
	.multiple-checkout .gift-messages-form .inner-box .form-list li.wide textarea {width:100%;}

	.cms-about-magento-demo-store .about-col-1,
	.cms-about-magento-demo-store .about-col-2,
	.cms-about-magento-demo-store .about-col-3 { padding:214px 15px 15px;}
	.cms-about-magento-demo-store .about-col-4 ul,
	.cms-about-magento-demo-store .about-col-5 ul,
	.cms-about-magento-demo-store .about-col-6 ul {padding:25px 0 12px 20px;}

	.block-poll .answer {width:95px;}



	.my-account #wishlist-view-form #wishlist-table .product-image img {height:100px;width:100px;}

	#wishlist-view-form .buttons-set.buttons-set2 {text-align:center;}
	#wishlist-view-form .buttons-set.buttons-set2 button.button {float:none;margin: 0 10px 10px 0 !important;}
	#customer-reviews button.button {float:left;}
	.box-up-sell .up-sell-carousel-none li .product-box {padding: 5px;}
	.box-up-sell .up-sell-carousel-none li {width: 17%;}

	.header .quick-access,
	.header-buttons{
		float: none;
		display: inline-block;
	}
	.header-top{
		text-align: center;
	}
	.header .quick-access{
		border-bottom: 1px solid #d9d8d8;
	}
	.header-button.currency-list{
		margin-left: 0;
	}
	.header > .logo{
		float: left;
		width: 50%;
	}
	.header > h1.logo > a{
		width: 100%;
	}


	.header .horario {text-align: center;z-index: 1000;}

	.header .horario .horas {display:none;}

	.header .form-search .input-text:focus { width:124px; }



	.pictograms-product-mainDiv { position: inherit; text-align: center; right: 0; top: 0; }

	.contenido { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
	.contenido-home {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
	.contenido-3 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}
	.contenido-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
	.infografia-img { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; margin:0; padding:0;}

}
@media only screen and (min-width: 768px) {

	.zopim { visibility: visible; }
	.no-movil {display:inherit ; }
	.solo-movil {display: none;}
	.smart-nav { text-align: center; border: 1px solid #0082b5; padding: 10px; margin: 10px; border-radius: 5px; }
	.mini-logo {display: none;}
	ol.m-filter-css-checkboxes li a.m-checkbox-unchecked,
	ol.m-filter-css-checkboxes li a.m-checkbox-checked {color:#0f0f0f; text-transform:none; }
	.phone2-text {font-size: 16px; float: right; color:#0f0f0f; font-weight:500; background:#ecf9ff; padding: 0 15px 0 15px; border-radius: 15px 15px 15px 0; margin-top: 0px; border: 1px solid #e2e8fa; }
	.header .horario .phone1, .header .horario .phone2 {font-size:25px;}
	.product-view {margin:0 45px 0 0; }
}

@media only screen and (max-width: 767px) {
    .stiker {max-width:30%;}
    .pictograms-product-mainDiv {width: auto; overflow-y: hidden; overflow-x: auto; white-space: nowrap; margin: 0 auto;}
    .mini-logo-img {width: 160px; }
	.button-ne-xl,
	.button-ox-xl,
	.button-ca-xl,
	.button-red-xl,
	.button-w-xl {font-size:16px; padding:12px 35px; }
	.aviso {background:none;}
	.promo {margin:0; border-radius:0; padding:25px; border:none;}
	.promo-inline {margin:0}
	.product-options dt label {text-align:center; width:100%;}
	.ico-home {opacity:1;}
	.cart .totals {border-radius:0; border-top:1px solid #e2e8fa; border-bottom:none;}
	.product-options {margin:0 25px;}
	.block .block-title {margin: 0 25px;}
	.mini-products-list .product-name {padding-right:40px;}
	.related { margin: 0 25px; }
	.zona-outlet {border-radius:0;}
	.ts-rating-light.productreviews {margin:0 25px 45px 25px !important;}
	.g-reviews {border-radius:0; }
	.quick-contact .block-conten {border-radius:0;}
	.block-cart-header .block-content {float:left; display:inherit; position: inherit; }
	.desktop-flex {display:block;}
	.data-table tr {display:block;}
	.header .horario .phone1 { display:none; }
	ol.m-filter-css-checkboxes li a.m-checkbox-unchecked,
	ol.m-filter-css-checkboxes li a.m-checkbox-checked { color:#66cafa; text-transform:uppercase;}
	.no-movil {display:none ; }
	.solo-movil {display: block;}
	.add-to-cart .showcase_btn span { font-size: 20px; padding: 1px 40px; }
	.showcase_btn::before {line-height:19px; }

	/* Google Captcha */
	.rc-anchor-normal {width:100% !important;}

	.breadcrumbs { display:none; }

	.grouped-title {padding:0 25px;}

	.delivery_date_message {margin:0; padding:5px 15px; text-align:left; width:100%; }
	.mejor-oferta {padding:24px 25px; line-height:21px; border-radius:0; margin:0; text-align:left; }
	.oferta-icon {font-size:36px; float:left; margin-top:5px; }
	.button-oferta {margin:15px 0 0 0;}

	.product-collateral {margin: 0 25px;}

	.smart-nav { text-align: center; border: 1px solid #0082b5; padding: 10px; margin: 10px; border-radius: 5px; }
	.category-products { padding:10px; }
	.swipe-left { width: 0; }
	.cart-collaterals .add-to-cart {position: unset;}
	.cart .discount { width: 100%; padding: 0 20px; }
	.blog-post {float: left; text-align: center; width: 46%; border:1px solid #eee; border-radius:5px; padding:10px; margin-left: 2%; margin-top: 10px; margin-bottom: 10px;}
	.post-title { margin:10px; }
	.titulaco { font-size: 45px; line-height:46px; }
	.titulo-gris { font-size: 30px; line-height:30px; }
	.titulo-gris-mini { font-size:20px; line-height:20px; }

	body {padding: 50px 0 0; }
	body.ind.ps-phone { overflow: scroll; position: fixed; width: 100%;}
	body.ind.ps-static { overflow: hidden; }
	.col1-layout .col-main,
	.col2-left-layout .col-main,
	.col2-right-layout .col-main  {float:none; }

	.page {margin: 0; overflow: hidden;}
	.header { margin: 0; /*display:none;*/}
	.header .logo {display:none; }

	.header .top-search,
	.header .welcome-msg {display: none;}
	.header .header-row-bg {padding: 20px 10px;}
	.padding-s {padding:0; }
	.order-buttons {display:none !important;}
	.title-buttons h1,
	.title-buttons h2,
	.title-buttons h3,
	.title-buttons h4,
	.title-buttons h5,
	.title-buttons h6 {float:none;}
	.nobr         { white-space:normal; }
	.top-icon-menu {display: flex; background:#fff;}
	.top-icon-menu .swipe-control {z-index:1200;  }
	#search_mini_form {width:100%; position: fixed; left: 0; top: 51px; display: none; padding: 0 20px; z-index: 9;}
	.header .form-search {background: #FBFBFB; padding: 6px 52px 6px 6px; border: 1px solid #ddd; position: relative;}
	.header .form-search button.button {width:41px;  position: absolute; right: 6px; top: 6px;}
	.header .form-search button.button  span { padding:0; height: 40px; line-height: 40px; float:none;  display:block; text-align:center; }
	.header .form-search button.button  span span {
		color: #000 !important;
		padding-top: 5px;
	}
	.header .form-search .input-text {
		width:100%;
		margin:0;
		moz-box-sizing:border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		 box-sizing: border-box;
		 float: none;
		 height: 40px;
	}
	.form-search .search-autocomplete {display: none !important;}
	.header-right-sidebar , .account-cart-wrapper{display:none;}
	.block-cart-header:before {font-size: 30px; color: #0f0f0f;}
	.block-cart-header .mini-cart {
		display: inline-block;
		background-color: #f8d149;
    	border-radius: 50%;
    	color: #0f0f0f;
    	text-shadow: #fff 1px 1px 1px;
    	font-size: 12px;
    	font-weight: 500;
    	line-height: 20px;
    	text-align: center;
    	width: 20px;
    	position: absolute;
    	right: 28%;
    }
	.block-cart-header h3,
	.block-cart-header .empty > div,
	.block-cart-header .summary,
	.quick-access,
	.header-buttons {display: none;}
	.toolbar { margin-bottom:20px; }
	.toolbar .pager {padding: 0 18px 18px 0;}
	.toolbar .pager .amount {padding:0;}
	.toolbar .pager .pages { margin:0; padding-top:10px; }
	.pager .pages li { font-size:14px; line-height:17px; font-weight:normal; margin-right:10px; }
	.toolbar-bottom .toolbar .pager {border:0; padding:0; }
	.toolbar-bottom .toolbar .pages {border:0;  padding-bottom:0; margin-top:10px; overflow:hidden; border-top:1px solid #e2e8fa; float:left; width:100%;}

	.indent-sw1 {margin-bottom:20px;}
	.checkout-multishipping-login .col-main {padding-bottom:0;}
	.account-login .registered-users .form-list input.input-text {width:252px;}
	.form-list select {width:300px;}
	.form-list input.input-text,
	.form-list li.wide input.input-text {width:294px;}
	.form-list .name-middlename {width:117px;}
	.form-list .customer-name-prefix .name-firstname input.input-text,
	.form-list .customer-name-suffix .name-lastname input.input-text,
	.form-list .customer-name-middlename .name-firstname input.input-text,
	.form-list .customer-name-middlename-suffix .name-firstname input.input-text,
	.form-list .customer-name-middlename-suffix .name-lastname input.input-text {width:99%;}
	.form-list .customer-name-suffix .name-lastname,
	.form-list .customer-name-middlename .name-firstname,
	.form-list .customer-name-middlename-suffix .name-firstname,
	.form-list .customer-name-middlename-suffix .name-lastname {width:100%;}
	.form-list .name-middlename input.input-text {width:99%;}
	.form-list .customer-dob .dob-year input.input-text {width:146px;}
	#checkout-payment-method-load input.input-text {width: 100%;}
	#shopping-cart-table { display:block; width:100%;}
	#checkout-step-login .col-2 .form-list input.input-text {width:253px;}
	.multiple-checkout .page-title.title-buttons h1 {margin-bottom: 10px;}

	.pager .pages {clear:both;margin:0;text-align:center; padding-top:10px; padding-right:25px;}

	.products-grid {margin-bottom:0 !important;}
	.products-grid .product-image,
	.products-list .product-image { float:left; overflow: hidden; }
	.products-grid .product-shop,
	.products-list .product-shop { overflow:hidden;}
	.products-grid .ratings{display: inline-block;}
	.products-list .ratings .rating-links a+span+a,
	.products-list .ratings .rating-links .separator {display:none;}
	.note-msg-empty-catalog {padding:  150px 0 0; background-position: center top; text-align: center;}
	.label-product {left: 45px; right: auto;}
	.label-product.label-indent {left: 75px;}

	.add-to-cart button.button {float:right; margin-left:25px;}

	.add-to-cart .qty-block {padding-top:0; margin:0 0 5px;}
	.product-view .product-shop .add-to-links {border-bottom:none;padding-bottom:0;}
	.product-view .product-shop .add-to-links li {float:none; font-size:14px; line-height:17px; font-weight:normal; margin:0 !important; padding-bottom:19px;}
	.product-view .row-product {padding-top:0;}
	.product-view .row-product p {float:none !important;font-size:14px;line-height:17px;}
	.product-view .row-product .no-rating {padding-bottom:19px;}
	.product-view .row-product .ratings {float:none;padding-bottom:19px;}
	.product-view .row-product .ratings .rating-links {padding-left:0 !important;}
	.product-view .add-to-links li+li {display:none;}
	.product-options .options-list li label { padding-top:2px; }
	.product-view .product-collateral #customer-reviews dl {padding:0 15px;}
	.product-view #review-form h3,
	.product-view #review-form h4,
	.product-view .tabs-custom {padding:0 15px;}
	.container-slider {margin:0 auto;}
	.addthis_default_main .addthis_counter {clear:inherit;}
	.product-view .product-options-bottom {margin-bottom: 20px;}

	.block-slider-sidebar {display: none !important;}

	.horario {display:none;}

	.product-collateral #customer-reviews #product-review-table span.nobr {padding:0;}
	#review-form #product-review-table th {padding:9px 4px; }
	#review-form #product-review-table td {padding:14px 4px; text-align:center;}


	.box-up-sell {margin:0 25px 80px 25px; }
	.box-up-sell .product-name {text-align:left; margin-top:20px; }
	.box-up-sell .up-sell-carousel-none li .product-image {float:left; margin-right:0; }
	.box-up-sell {background:none;border:none;padding:20px 0 0;}
	.box-up-sell .up-sell-carousel-none li {float:none;background:none; width: auto; margin: 0; padding: 0 5px; text-align: left;  }
	.box-up-sell .up-sell-carousel-none li .product-box {padding: 0; overflow: hidden;}
	.box-up-sell .up-sell-carousel-none li .rating-box {margin: 0 0 5px;}
	.box-up-sell .up-sell-carousel-none li .price-box {text-align:left;}
	.box-up-sell ul li .product-box {padding: 5px;}
	.carousel-prev, .carousel-next {right: 10px;}
	.carousel-prev {right: 40px;}

	.block .block-title:hover {cursor:pointer;}
	.block.block-account .block-title:hover {cursor:default;}
	.block .block-title	span.toggle {top:3px;}
	.sidebar .block.block-progress .block-content {display:block;}

	/*====================================== cart table	========================================*/
	.cart .data-table,
	.cms-template-settings .data-table {position: relative; padding-bottom: 90px;}
 	.cart .data-table thead,
 	.cart .data-table colgroup,
 	.cms-template-settings .data-table thead,
 	.cms-template-settings .data-table colgroup {display: none; }
 	.cart .data-table tfoot,
 	.cms-template-settings .data-table tfoot {width: 100%; display: block;}
 	.cart .data-table td,
 	.cart .data-table tr,
 	.cart .data-table tbody,
 	.cms-template-settings .data-table td,
 	.cms-template-settings .data-table tr,
 	.cms-template-settings .data-table tbody {/*1column table display: block;*/ text-align: center !important;}
 	.cart .data-table td,
 	.cms-template-settings .data-table td {margin: 0 10px; border: 0; border-bottom: 1px solid #ddd;}
 	.cart .data-table td.last,
 	.cms-template-settings .data-table td:last-child  {border: 0;}
 	.cart .data-table tr,
 	.cms-template-settings .data-table tr {margin: 4px 0 25px; border: 1px solid #e9e9e9; }
 	.cart .data-table tfoot {position: absolute; bottom: 0; left: 0;}
 	.cart .data-table tfoot button.button {margin: 3px 0;}
 	.cart .cart-table td:nth-of-type(4), .cart .cart-table th:nth-of-type(4),.cart .cart-table td:nth-of-type(7), .cart .cart-table th:nth-of-type(7) {display:none;}
	.cart .cart-table input.qty {width: 25px !important;}
	.cart .cart-table .form-control {padding:0;}

	/*====================================== end ===============================================*/

	.cart .cart-table-foot {text-align:center;}
	.cart .cart-table-foot .btn-continue {float:none;}
	.cart .cart-table-foot button.button {margin-bottom:5px;}
	.cart .crosssell .add-to-links { float:none; display:block; padding-top:10px; }
	.cart .crosssell .add-to-links li {margin:0;}
	.cart .crosssell button.btn-cart {float:none;}
	.cart-collaterals .col2-set .col-1,
	.cart-collaterals .col2-set .col-2,
	.cart .cart-collaterals .col2-set,
	.cart .totals {width:100%; clear:both;}

	.cart .discount, .cart .shipping {width: 100%;}

	.col-main .block-account {display:block;}
	.padding-s .block {padding:0;}
	.block-account {margin:25px;}
	.block-account ul li a:hover,
	.my-account a:hover	{text-decoration:none;}
	.my-account .col2-set .col-1,
	.my-account .col2-set .col-2 {float:none;width:100%;}
	.my-account .data-table {padding-right:25px;}
	.my-account .data-table tbody {width:100%; display:block;}
	.my-account .data-table strong {display:none;}
	.my-account .data-table th, .my-account .data-table td {padding:10px 4px;}
	.my-account .data-table tr {display:block; border:none; }
	.my-account .data-table tr.last {border-bottom:none;}
	.my-account .data-table td {display:block;border:none;}
	.my-account .data-table tr.even {background:#ecf9ff;}
	.my-account .data-table colgroup {display:none;}
	.my-account #my-orders-table td {padding:10px 10px 0 10px;}
	.my-account #my-orders-table td.order-qty {font-weight:bold;}
	.my-account #my-orders-table td.order-qty .nobr strong {font-weight:normal;}
	.my-account #my-orders-table td.order-product-name .product-name {font-weight:bold;}
	.my-account #my-orders-table td.order-subtotal.last { text-align:left; }
	.my-account #my-orders-table td.last { padding-bottom:10px;  text-align:left; }
	.my-account #my-orders-table tfoot td {display:inline-block;padding:10px;width:120px;}
	.my-account #my-orders-table tfoot td+td {text-align:left !important;}
	.my-account #my-orders-table tfoot .grand_total {font-size:14px;line-height:17px;}
	.my-account .page-title button.button {margin-top:10px;}

	.dashboard .box-head {padding-right:25px;}

	.my-account textarea {max-width:294px;min-width:294px;}
	.my-account #wishlist-view-form .buttons-set {text-align:center;}
	.my-account #wishlist-view-form .buttons-set button.button {float:none;margin: 0 0 3px;}
	.my-account #wishlist-table .cart-cell .price-box span.old-price {display:block;}
	.my-account #wishlist-table .product-image {margin-left:42px;}
	#wishlist-view-form #wishlist-table .product-image img {height:200px;width:200px;}

	.my-account #my-tags-table td .price-box {overflow:hidden;}
	.my-account #my-tags-table td button.button {float:left;margin-right:10px;}
	.my-account #my-tags-table .add-to-links {float:right;margin-top:5px;}
	#checkout-review-table-wrapper {overflow-x:auto;}

	.product-review .product-img-box {float:none;overflow:hidden;margin:0 0 20px;width:310px;}
	.product-review .product-img-box .product-image {float:left; margin: 0 10px 0 0;height:100px;width:100px;}
	.product-review .product-img-box .product-image img {height:100px;width:100px;}

	.product-review .product-img-box .product-review-block {overflow:hidden;padding-top:20px;}
	.product-review .product-img-box .product-review-block .rating-links {text-align:center;}

	.form-list .field,
	.opc .field,
	.form-list .input-box,
	.form-list li.wide .input-box,
	.form-list select,
	.opc .form-list li.wide input.input-text,
	.form-list input.input-text,
	.form-list li.wide input.input-text,
	.opc .fields select, .opc .field select {width:100%;}
	.opc .form-list .customer-name-suffix .name-lastname,
	.opc .form-list .customer-name-middlename .name-firstname,
	.opc .form-list .customer-name-middlename-suffix .name-firstname,
	.opc .form-list .customer-name-middlename-suffix .name-lastname,
	.opc .form-list .customer-name-prefix .name-firstname input.input-text,
	.opc .form-list .customer-name-suffix .name-lastname input.input-text,
	.opc .form-list .customer-name-middlename .name-firstname input.input-text,
	.opc .form-list .customer-name-middlename-suffix .name-firstname input.input-text,
	.opc .form-list .customer-name-middlename-suffix .name-lastname input.input-text {width:100%;}
	.opc .name-middlename input  {width:100% !important;}
	.checkout-multishipping-address-newshipping .form-list li.wide input.input-text {width:265px;}
	.checkout-multishipping-address-newshipping .form-list select {width:265px;}
	.multiple-checkout .col-1.col-narrow,
	.multiple-checkout .col-2.col-wide {float:none;width:100%;}
	.multiple-checkout .col-2.col-wide .box {margin-left:0;}
	.checkout-progress li {clear:left; width:100%;}
	#checkout-step-login .col2-set .col-1 {margin-bottom:10px;}
	#checkout-step-login .col2-set .col-1,
	#checkout-step-login .col2-set .col-2 {	float:none;	margin-right:0;	width:268px;}
	#co-billing-form > fieldset {border:0; padding:0;}
	#payment-tool-tip {right:0;}
	#payment-tool-tip img {width:268px;}

    .opc #checkout-review-table td {padding:7px;}
	.opc #checkout-review-table tfoot td {padding:7px;}
	#checkout-progress-wrapper {display:none;}
	#multiship-addresses-table.data-table td {padding:5px;}
	#multiship-addresses-table select {width:80px;}

	.gift-messages-form .inner-box .form-list li.wide textarea {width:99%; max-width: inherit;}
	.gift-messages-form .item .product-img-box {float:none;margin-bottom:10px;}
	.gift-messages-form .item .details {margin:0;}
	#checkout-step-login .col2-set {padding:10px;}

	#product_sendtofriend_form .form-list .fields .field input.input-text,
	#product_sendtofriend_form #sender_message {width:304px;}

	.advanced-search .form-list select {width:100%;}
	.advanced-search + .buttons-set {max-width: 100%;}

	.title-buttons {text-align:left;}
	.account-login .registered-users-wrapper,
	.account-login .new-users-wrapper {width:100%; clear:both;}
	#contactForm .form-list input.input-text,
	#contactForm .form-list li.wide .input-box {width:100%;}
	.sales-guest-form .form-alt li .input-box,
	.sales-guest-form .form-alt input.input-text {width:100% !important;}

	.cms-privacy-policy-cookie-restriction-mode .data-table thead {display:none;}
	.cms-privacy-policy-cookie-restriction-mode .data-table {border:1px solid #ECECEC;width:100%;}
	.cms-privacy-policy-cookie-restriction-mode .data-table tr {display:block;border-bottom:1px solid #ECECEC;}
	.cms-privacy-policy-cookie-restriction-mode .data-table tr.last {border-bottom:none;}
	.cms-privacy-policy-cookie-restriction-mode .data-table td,
	.cms-privacy-policy-cookie-restriction-mode .data-table th {display:block;border:none;}
	.cms-privacy-policy-cookie-restriction-mode .data-table th {padding: 10px 10px 5px;}
	.cms-privacy-policy-cookie-restriction-mode .data-table td {padding: 5px 10px 10px;}

	.about-col-1,
	.about-col-2,
	.about-col-3,
	.about-col-4,
	.about-col-5,
	.about-col-6 {margin: 0 0 40px; width:100%;}
	.about-padd,
	.about-padd2 {padding-bottom:0;}

	.contenido {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
	.contenido-home {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
	.contenido-3 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
	.contenido-2 {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
	.infografia-img {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1; margin:0; padding:0;}

	.page-sitemap .pager .amount {display:block; }
	.page-sitemap .sitemap {padding: 0;}

	.sidebar .block .block-content,
	.block-compared,
	.block-compare,
	.products-grid .actions	li+li,
	.products-list .add-to-links li+li,
	.products-grid .add-to-links,
	.products-list .add-to-links,
	.block-wishlist,

	.toolbar .sorter,
	.cart .crosssell .add-to-links li+li,
	.my-account .data-table thead,
	.opc #checkout-review-table thead,
	.opc #checkout-review-table colgroup,
	.opc #checkout-review-table .item-options,
	.breadcrumbs { padding: 0 20px; }
	.map-popup {left:0 !important; width:320px;}
	#contactForm .form-list .field {float:none;width:100%;}
	.form-alt li.last .input-box {width:auto !important;}
	.wrapper:after{top: 0 !important;}
	.header .logo{margin-top: 13px;margin-bottom: 12px;}
	.main_top .slider_wrapper,
	.main_top .big-showcase{width: 100%;}
	.main_top .big-showcase{height: auto;padding: 20px 0;}
	.showcase{width: 70%;margin: 30px 15% 0;}
	.my-account .sub-title {display:grid;}
	.main:before{bottom: -15px;}


	.one-step-checkout {margin: 5px;}
	.advancedreviews-summary-block {margin: 10px 20px;}

	.regular-price {line-height: inherit;}


	.products-grid .old-price {display:none;}
	.products-grid .special-price {float:right; background:#fff; color:#C4301C; font-size:16px; font-weight:800;}

    .product-view { margin-bottom:5px; }
	.product-view .product-name h1 { padding: 25px 0; margin:0; font-size: 22px; line-height: 26px;}
    .product-view .product-name { margin:0; }
	.product-view .product-img-box { float:none;  width:45%; margin:0; }
    .product-view .product-img-box .product-image {height: 100vw; width: 100vw; margin-bottom:10px; }
    .product-view .product-img-box .product-image span {z-index: 9999;}
    .product-view .product-img-box .more-views { margin: 0 30px;}
    .product-view .product-shop {float: none; width: auto;}
	.product-view .product-shop .availability {margin: 0 0 25px 0;}
    .product-view .product-shop .add-to-links {border-bottom:none;padding-bottom:0;}
	.product-view .product-shop .add-to-links li {float:none; font-size:14px; line-height:17px; font-weight:normal; margin:0 !important; padding-bottom:19px;}
    .product-view .product-shop .product-options-bottom .price-box .price {display: unset; }
    .product-view .product-shop .grouped-items-table .price-box {position:unset; padding:0; border-top:0; vertical-align:-moz-middle-with-baseline; }
	.product-view .product-shop .grouped-items-table .product-image {min-width:40px; margin:10px;}
    .product-view .product-shop .ratings {margin: 0 56px;}
	.product-view .row-product {padding-top:0;}
	.product-view .row-product p {float:none !important;font-size:14px;line-height:17px;}
	.product-view .row-product .no-rating {padding-bottom:19px;}
	.product-view .row-product .ratings {float:none;padding-bottom:19px;}
	.product-view .row-product .ratings .rating-links {padding-left:0 !important;}
	.product-view .add-to-links li+li {display:none;}
	.product-options .options-list li label { padding-top:2px; }
	.product-view .product-collateral #customer-reviews dl {padding:0 15px;}
	.product-view #review-form h3,
	.product-view #review-form h4,
	.product-view .tabs-custom {padding:0 15px;}
    .container-slider {width: auto; overflow-y: hidden; overflow-x: auto; white-space: nowrap; margin:0 auto; }
    .container-slider li {float:none; display: inline-block; width:78px; }
	.ps-phone .container-slider li:before{
		display: none;
	}
}

@media only screen and (min-width: 601px) {
	.top-icon-menu .top-logo1 {
		padding-top:1px;
		min-width:50%;
		text-align:center;}
	.top-icon-menu .top-logo2 {display:none;}

}

@media only screen and (max-width: 600px) {
	.cart .data-table {padding-bottom: 200px;}
	.cart .data-table tfoot button.button {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.cart .data-table tfoot button.button span {
		display: inline-block;
		float: none;
		width: 100%;
	}

	.showcase_title{
		font-size: 30px;
		line-height: 30px;
	}
	.showcase_text{
		font-size: 20px;
		line-height: 22px;
	}
	.showcase_btn{
		margin-top: 10px;
	}
	.showcase_btn:before {
		padding: 8px 10px;
	}
	.showcase_btn span{
		padding: 8px 10px;
	}

	.showcase_btn__2{
	margin-top: 60px;
	}
	.header .logo{
		width: 100%;
	}
	.additional-info_img{
		width: 100%;
		margin: 0 0 15px;
	}

	.big-showcase_title-1,
	.big-showcase_title-2{
		font-size: 36px;
		line-height: 35px;
		width: auto;
		margin-right: 0px;
	}

	.big-showcase_text { margin-top:8px; font-size: 22px; }

	.top-icon-menu .top-logo1 {display:none;}
	.top-icon-menu .top-logo2 { min-width:20%;padding:1px;text-align:center;}
    .nav-menu-columns-de-9,
    .nav-menu-columns-de-8,
    .nav-menu-columns-de-7,
    .nav-menu-columns-de-6,
    .nav-menu-columns-de-5,
    .nav-menu-columns-de-2,
    .nav-menu-columns-de-4,
    .nav-menu-columns-de-4-xl {width: 44%; margin: 3%;}
    .nav-menu-columns-de-3 {width: 29%; margin: 2%;}
    .nav-menu-columns-de-8-especial,
    .nav-menu-columns-de-7-especial,
    .nav-menu-columns-de-6-especial,
    .nav-menu-columns-de-5-especial,
    .nav-menu-columns-de-2-especial,
    .nav-menu-columns-de-4-especial,
    .nav-menu-columns-de-3-especial,




    .cuadro-tecnico-3-a-1 {width: 98%; }

	.blog-post {float: left; text-align: center; width: 100%; border:1px solid #eee; border-radius:5px; padding:10px; margin: 10px 0;}
	.post-title {margin:10px;}

}


@media only screen and (min-width: 461px) and (max-width: 767px) {
	.account-login .registered-users .form-list input.input-text {width:372px;}
	.form-list .name-middlename {width:100%;}
	.form-list .customer-dob .dob-year input.input-text {width:213px;}
	.minimal-price-link .label {padding-left: 0;}
	.map-popup {left:50px !important;}
	.checkout-multishipping-address-newshipping .form-list li.wide input.input-text {width:390px;}
	.checkout-multishipping-address-newshipping .form-list select {width:390px;}
	#checkout-step-login .col2-set .col-1,
	#checkout-step-login .col2-set .col-2 {width:398px;}
	#checkout-step-login .col-2 .form-list .input-box {width:398px;}
	#checkout-step-login .col-2 .form-list input.input-text {width:392px;}
	#payment-tool-tip img {width:400px;}
	#co-billing-form > fieldset {border:1px solid #e2e8fa; padding:10px;}
	#multiship-addresses-table select {width:150px;}

}



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

	.multiple-checkout .page-title h1 {margin-bottom: 5px;}
	.multiple-checkout,
	.product-view .box-collateral-content,
	#review-form {overflow: auto; padding-bottom: 20px; -webkit-overflow-scrolling: touch;}
	.page-sitemap .links {margin: 0;}
	.cart .totals button.button > span { font-size: 12px; }
	.box-up-sell .caroufredsel_wrapper { min-height: 320px;}
	.block-cart-header {border: 0;}
	#review-form #product-review-table th .nobr {white-space:normal !important; text-align: center; display: block;}
	.addthis_button_google_plusone {clear:left;}

	.points-notice-msg { display:none; }

	.showcase{
		width: 100%;
		margin: 30px 0 0;}

	.add-to-cart button.button,
	.product-view .add-to-cart .qty-block{
		margin-top: 10px;
		margin-left: 0;
	}
	.buttons-set button.button,
	.buttons-set .back-link{
		float: none;
		margin-bottom: 10px;
		width: 100%;
		text-align: left;
	}

}

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

	.product-view .product-img-box {text-align:left; }
	.product-view .product-img-box .product-box-customs .product-image { overflow:hidden;}
	.container-slider {width: 290px;}
	.top-icon-menu {min-width: 320px;}
	.search-form .form-list .input-box,
	.search-form .form-list .input-box input {width: 99% !important;}
}


/* New product view */
@media (min-width:992px) {
	.product-view .product-shop {
		width: 50% !important;
	}
}


@media (max-width:767px) {
	.product-view .product-img-box {width:100%;}
}

@media only screen and (max-width: 767px) {
	.checkout-cart-index .btn-remove-mobile{
		display: block;
	}
	.checkout-cart-index .btn-remove-mobile::before{
		margin-top: 15px;
	}
	.checkout-cart-index .btn-remove-mobile span{
		display: none;
	}
	.checkout-cart-index .cart-table td{
		padding: 6px;
	}
	#shopping-cart-table .cart-image{
		max-width: 75px;
		max-height: max-content;
	}
	.max-width-200{
		max-width: 100%;
	}
}
.nav-container {
  position: relative;
  background: #fff;
  top: 0;
  width: 100%;
  left: 0;
  font-size: 11px;
}

.sf-menu {
  position: relative;
  height: 40px;
  margin: 0;
}

.sf-menu li {
  float: left;
  text-align: left;
  z-index: 99;
}

.sf-menu>li,
.sf-menu>li>a {
  height: 100%;
  transition: 0s all;
  -webkit-transition: 0s all;

}

.sf-menu>li>a>span {
  color: #000;
  text-decoration: none;
}

.sf-menu li.parent {
  z-index: 999;
}

.sf-menu li a {
  display: block;
  color: var(--main-bg-color);
  text-decoration: none;
  position: relative;
  text-transform: capitalize;
  overflow: hidden;
  line-height: 16px;
  font-weight: 800;
  font-size: 12px;
}

.sf-menu>li>a:before {
  content: "";
  display: inline-block;
  height: 100%;
  overflow: hidden;
  vertical-align: middle;
}

.sf-menu>li>a>span {
  cursor: pointer;
  display: inline-block;
  font-size: var(--font-size-menu);
  font-weight: var(--font-weight-menu);
  line-height: 40px;
  margin-left: 7px;
  margin-right: 7px;
  max-width: 105px;
  padding: 0;
  font-family: var(--font-family-menu), sans-serif;
  text-align: center;
  text-transform: capitalize;
  vertical-align: middle;
  white-space: nowrap;
}

.sf-menu li ul a span {
  white-space: normal;
}

.sf-menu>li.parent>a:after {
  content: "\f0d7";
  position: absolute;
  bottom: 2px;
  width: 100%;
  text-align: center;
}

/*.sf-menu>li.sfHover>a>span:after,
.sf-menu>li>a:hover>span:after {
  background: var(--second-bg-color);
  top: 0;
  color: #fff;
}*/

.sf-menu>li.active>a>span:after {
  top: 0;
  color: #fff;
  background: var(--second-bg-color);
}

.sf-menu li a:hover {
  text-decoration: none;
}

.sf-menu ul {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 100;
  margin: 0;
  padding: 0 10px;
  float: none;
  background: #fff;
  right: 0;
  left: 0;
  -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);

}

.sf-menu li li.parent>a:before {
  content: "\f105";
  float: right;
}

.sf-menu li li {
  position: relative;
  float: none;
}

.sf-menu ul ul {
  position: absolute;
  top: -999em;
  z-index: 99;
  width: 192px;
}

.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
  left: 0px;
  top: 100%;
}

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
  left: 193px;
  top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
  top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
  left: 193px;
  top: 0;
}

@media only screen and (min-width: 1700px) {
  .sf-menu>li>a>span {
    margin-left: 18px;
    margin-right: 18px;
  }

}

@media only screen and (min-width: 1600px) and (max-width: 1699px) {
  .sf-menu>li>a>span {
    margin-left: 15px;
    margin-right: 15px;
  }

}

@media only screen and (min-width: 1500px) and (max-width: 1599px) {
  .sf-menu>li>a>span {
    margin-left: 12px;
    margin-right: 12px;
  }

}

@media only screen and (min-width: 1401px) and (max-width: 1499px) {
  .sf-menu>li>a>span {
    margin-left: 9px;
    margin-right: 9px;
  }

}

@media only screen and (min-width: 992px) {

  #menu-icon,
  .sf-menu-phone,
  .sf-menu-block {
    display: none !important;
  }

}

@media only screen and (max-width: 1199px) {
  .sf-menu {
    height: 40px;
  }

  .sf-menu>li>a>span {
    font-size: 10.5px;
    line-height: 40px;
    padding: 0;
    margin-left: 6px;
    margin-right: 6px;

  }
}

@media only screen and (max-width: 991px) {
  .nav-container {
    position: relative !important;
    margin-top: 0;
  }

  .pseudoStickyBlock {
    display: none !important;
  }

  .sf-menu,
  .sf-menu-phone {
    display: none;
  }

  /* menu icon */
  .sf-menu-block {
    display: block;
    position: relative;
    color: #000;
  }

  #menu-icon {
    display: block;
    background: #f1f1f1;
    color: #000;
    font-size: 17px;
    line-height: 21px;
    cursor: pointer;
    text-transform: uppercase;
    padding: 0 20px;
    height: 50px;
    line-height: 50px;

  }

  #menu-icon:before {
    content: "\f055";
    font-size: 25px;
    line-height: 50px;
    float: right;
    color: #000;
  }

  #menu-icon.active:before {
    content: "\f056";
  }

  .sf-menu-phone {
    background: #fff;
    border: 1px solid #ccc;
    border-top: 0;
    position: absolute;
    z-index: 2;
    width: 100%;
    moz-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }

  .sf-menu-phone li {
    position: relative;
  }

  .sf-menu-phone>li {
    border-bottom: 1px solid #ccc;
    padding: 10px 20px;
    font-size: 18px;
  }

  .sf-menu-phone>li.last {
    border-bottom: 0;
  }

  .sf-menu-phone li a {
    display: inline-block;
    color: #838383;
  }

  .sf-menu-phone li a:hover {
    color: #000;
  }

  .sf-menu-phone li li {
    font-size: 13px;
    padding: 4px 8px;
  }

  .sf-menu-phone li li.last {
    padding-bottom: 10px;
  }

  .sf-menu-phone li li:first-child {
    padding-top: 10px;
  }

  .sf-menu-phone li li:first-child strong {
    top: 10px;
  }

  .sf-menu-phone li strong {
    position: absolute;
    display: block;
    top: 4px;
    right: 5px;
    width: 24px;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
  }

  .sf-menu-phone>li>strong {
    top: 9px;
    right: 18px;
    font-size: 20px;
    line-height: 20px;
  }

  .sf-menu-phone li strong:hover {
    cursor: pointer;
  }

  .sf-menu-phone li strong:before {
    content: "\f067";
  }

  .sf-menu-phone li strong.opened:before {
    content: "\f068";
  }

  /* dropdown */
  .sf-menu-phone ul {
    width: auto;
    border-top: 1px solid #ccc;
    margin: 10px 0 0 0;
    display: none;
  }

  .sf-menu-phone>li.active>a>span {
    color: inherit;
  }

}

@media only screen and (max-width: 767px) {
  .sf-menu-block {
    margin: 0 10px;
  }

  .sf-menu-block {
    width: auto;
  }

  .nav-container {
    display: none;
  }
}
.menu-tablet {
    display: block;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

.menu-tablet i.in-menu::before {
    content: "";
}

.menu-tablet .in-menu {
    position: relative;
    width: 25px;
    height: 16px;
    display: inline-block;
}

.menu-tablet .in-menu span {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #000;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.5s;
}

.menu-tablet .in-menu .line-1 {
    top: 0;
}

.menu-tablet.active .in-menu .line-1 {
    transform: rotate(45deg);
    bottom: 0;
}

.menu-tablet .in-menu .line-2 {
    top: 0;
    bottom: 0;
}

.menu-tablet.active .in-menu .line-2 {
    width: 0;
}

.menu-tablet .in-menu .line-3 {
    bottom: 0;
}

.menu-tablet.active .in-menu .line-3 {
    transform: rotate(-45deg);
    top: 0;
}

.account-cart-wrapper{
    color: #0f0f0f;
    font-size: 26px;
    cursor: pointer;
}

.account-cart-wrapper .in-user:before, .mi-cuenta .in-user:before{
    padding-right: 0;
}

.account-cart-wrapper a, .mi-cuenta a, .horario-contact a{
    color: #0f0f0f;
}

@media only screen and (min-width: 768px) {
    .top-left{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        gap: 20px;
    }

    .top-rigth {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 30px;
    }

    body.old-safari .top-rigth {
        gap: 0;
    }

    body.old-safari .top-rigth>*:not(:last-child) {
        margin-right: 30px !important;
    }

    body.old-safari .header-de .top-rigth>*:not(:last-child) {
        margin-right: 50px !important;
    }

    .header .horario .phone2 {
        margin-left: 0;
        display: flex;
        gap: 10px;
        align-items: flex-start;
    }

    .sf-menu.menu_de>li:hover>a span {
        border-radius: 0;
        color: var(--main-bg-color);
    }

    .header-container .header .logo {
        float: none;
    }

    .header-container .header {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .header-cl .block-cart-header {
        margin-top: 3px;
        text-align: center;
        display: grid;
    }

    .block-cart-header{color:#0f0f0f; font-size:26px; cursor: pointer; position:relative;}

	.block-cart-header .mini-products-list .product-details{
		color: #000;
	}
	.block-cart-header h3{
	font-size: 16px;
    font-weight: 700;
    line-height: 14px;
    margin-top: 10px;
    text-transform: uppercase;
    width: 100%;
	}

	.block-cart-header .summary,
	.block-cart-header .empty{
		font-weight: 500;
		font-size: 14px;
		line-height: 22px;
		color:#fff;
		background-color: #000;
    	border-radius: 50%;
    	width:22px;
    	text-align: center;
    	text-shadow: #fff 1px 1px 1px;
	}
	.block-cart-header .block-cart-header_item-span{
		text-transform: uppercase;
		font-size: 14px;
	}
	.block-cart-header .empty .cart-content{
		font-size: 14px;
		line-height: 14px;
	}
}

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

    .nav-container .sf-menu>li>a span,
    .header-cl .nav-container .sf-menu>li>a span {
        font-size: 16px;
        line-height: 15px;
        padding: 14px 5px;
        margin-left: 6px;
        margin-right: 6px;
    }
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
    .top-rigth #search_mini_form .input-box {
        width: 32dvw;
    }

    .header-de .top-rigth #search_mini_form .input-box {
        width: 100%;
    }
}

@media only screen and (max-width: 1450px) and (min-width: 768px) {
    .sf-menu>li>a span {
        padding: 12px 0.5vw;
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .menu-tablet {
        display: none;
    }
    .header-container .nav-container{
        height: calc(100% - 128px) !important;
    }
    .header-container .nav-container, .header-container .sf-menu li .submenu {
        top: 128px !important;
    }
    .header-container .nav-container.sticky, .header-container .nav-container.sticky .sf-menu li .submenu {
        top: 52px !important;
    }
}

.top-icon-menu {
    padding: 0 20px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
}

.header-container .nav-container {
    display: block;
    position: fixed !important;
    top: 80px;
    z-index: 100;
    background-color: var(--main-bg-color);
    height: calc(100% - 80px);
    min-width: 320px;
    width: 100%;
    max-width: 30%;
    margin-left: -100vw;
    transition: margin-left 0.5s;
}

.header-container.header-cl .nav-container {
    top: 100px;
    height: calc(100% - 100px);
}

.header-container .nav-container .container {
    padding-top: 4px;
}

.header-container.header-de .nav-container {
    background-color: #fff;
}

.header-container.header-de .sf-menu>li>a>span {
    color: var(--main-bg-color);
}

.sf-menu {
    display: grid;
}

.header-container .nav-container.active {
    margin-left: 0;
}

.header-container .nav-container .sf-menu>li>a>span {
    font-size: 16px;
    line-height: 40px;
    text-transform: initial;
    font-weight: 600;
    font-family: var(--font-family-menu-mobile), sans-serif;
    display: initial;
}

.top-icon-menu .in-menu {
    position: relative;
    width: 25px;
    height: 16px;
    display: inline-block;
}

.top-icon-menu #open-menu {
    margin-top: 7px;
}

.top-icon-menu.header-cl #open-menu {
    padding: 10px 20px;
}

.top-icon-menu.header-cl .top-phone {
    width: initial;
    margin-left: 20px;
}

.top-icon-menu.header-cl .top-cart {
    padding-right: 20px;
    margin-left: 10px;
}

.top-icon-menu .in-menu::before {
    content: "";
}

.top-icon-menu .in-menu>span {
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #fff;
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.5s;
}

.header-de.top-icon-menu .in-menu>span {
    background-color: var(--main-bg-color);
}

.top-icon-menu .in-menu .line-1 {
    top: 0;
}

.top-icon-menu .in-menu .line-2 {
    top: 0;
    bottom: 0;
    margin: auto;
}

.top-icon-menu .in-menu .line-3 {
    bottom: 0;
}

.top-icon-menu .active .in-menu .line-1 {
    transform: rotate(45deg);
    bottom: 0;
}

.top-icon-menu .active .in-menu .line-2 {
    width: 0;
}

.top-icon-menu .active .in-menu .line-3 {
    transform: rotate(-45deg);
    top: 0;
}

.header-container .sf-menu>li:hover>a span {
    background-color: transparent;
}

li .submenu-childs {
    display: block;
    position: initial;
}

.header-container .sf-menu>li:hover>a,
.header-container .sf-menu>li,
.sf-menu .level-top {
    height: initial;
    position: relative;
    z-index: auto;
}

.sf-menu .fila {
    margin: 0;
}

.header-container .sf-menu .menu-childs::after,
.header-container .sf-menu .menu-childs::before {
    content: "";
    position: absolute;
    width: 10px;
    height: 1px;
    background-color: #fff;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
}

.header-container.header-de .sf-menu .menu-childs::after,
.header-container.header-de .sf-menu .menu-childs::before,
.header-container.header-de .sf-menu .submenu .back-button::after,
.header-container.header-de .sf-menu .submenu .back-button::before {
    background-color: var(--main-bg-color);
}

.header-container .sf-menu .menu-childs::after {
    transform: rotate(-45deg) translateY(5px);
}

.header-container .sf-menu .menu-childs::before {
    transform: rotate(45deg) translateY(-5px);
}

.header-container .sf-menu li .submenu {
    position: fixed;
    min-width: 320px;
    width: 100%;
    max-width: 30%;
    left: -100vw;
    height: calc(100% - 100px);
    bottom: 0;
    transition: left 0.5s;
    z-index: 1;
    background-color: var(--main-bg-color);
    padding: 0px 5%;
    top: 70px;
}

.header-container.header-de .sf-menu li .submenu {
    background-color: #fff;
    height: calc(100% - 52px);
}

.header-container .sf-menu li.active .submenu {
    left: 0;
}

.header-container .sf-menu .submenu-childs {
    background-color: var(--main-bg-color);
    border: none;
    box-shadow: none;
    padding: 0;
}

.header-container.header-de .sf-menu .submenu-childs {
    background-color: #fff;
}

.header-container .sf-menu li .submenu-childs a,
.header-container .sf-menu .mobile-menu a {
    color: #fff;
    background: transparent;
    width: auto;
    padding: 0;
    font-size: 16px;
    line-height: 40px;
    text-transform: initial;
    font-weight: 300;
    font-family: var(--font-family-menu-mobile), sans-serif;
    margin: 0 6px;
}

.header-container.header-de .sf-menu li .submenu-childs a,
.header-container.header-de .sf-menu .mobile-menu a,
.header-container.header-de .sf-menu .mobile-menu {
    color: var(--main-bg-color);
}

.header-container .sf-menu .submenu .back-button {
    display: block;
    width: 40px;
    height: 40px;
    position: relative;
}

.header-container .sf-menu .submenu .back-button::after,
.header-container .sf-menu .submenu .back-button::before {
    content: "";
    position: absolute;
    width: 15px;
    height: 1px;
    background-color: #fff;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    left: -10px;
}

.header-container .sf-menu .submenu .back-button::after {
    transform: rotate(45deg);
    top: 10px;
}

.header-container .sf-menu .submenu .back-button::before {
    transform: rotate(-45deg);
    top: -10px;
}

.header-container .sf-menu .mobile-menu {
    color: #fff;
}

.header-container .sf-menu .mobile-menu p {
    font-size: 22px;
    font-weight: 600;
    margin: 20px 6px 10px;

}

body.disable-scroll {
    overflow: hidden;
}

.header-container .logo-menu {
    display: block;
    margin: auto;
    margin-bottom: 5px;
}

.sf-menu {
    margin: 0 5%;
}

.header-container .nav-container.active > div, .header-container .nav-container.active > div > div ,
.header-container .nav-container.active > div > div > div{
    height: 100%;
}

.submenu-childs img {
    display: none;
}

.sf-menu:before {
    display: none;
}

#nav-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.5);
    opacity: 0;
    visibility: hidden;
    z-index: 50;
    transition: opacity 0.25s ease;
}

#nav-overlay.is-active {
    opacity: 1;
    visibility: visible;
}

#nav {
    position: relative;
    z-index: 100;
}

.menu-mobile-bottom{
    bottom: 0px;
    position: absolute;
    margin: 20px 5%;
}

.menu-mobile-bottom span{
    font-size: 16px;
    color: var(--main-bg-color);
    font-weight: 400;
    line-height: 26px;
}

.menu-mobile-bottom .in-user{
    font-size: 20px;
    color: var(--main-bg-color);
    font-weight: 400;
    line-height: 26px;
}

.block-cart-header .block-content {
    display: block;
    top: -2px;
    position: absolute;
    right: 15px;
}

.block-cart-header h3 {
    font-size: 12px;
    line-height: 20px;
    float: left;
    margin: 0 10px 0 0;
}

.block-cart-header .summary,
.block-cart-header .empty,
.block-cart-header .summary strong {
    font-weight: bold;
}

.block-cart-header .summary:hover,
.block-cart-header .empty:hover {
    cursor: pointer;
}

.block-cart-header .btn-remove:before {
    font-family: 'outlet-piscinas';
    content: "\e916";
    font-size: 18px;
    font-weight: 600;
    color: #5b677f;
}

.block-cart-header .btn-remove,
.block-cart-header .btn-edit {
    float: right;
    color: #152648;
}

.block-cart-header .truncated {
    display: none;
}

.block-cart-header .cart-header-title {
    background-color: var(--main-bg-color);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    padding: 13px 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.cart-header-title a,
.cart-header-title a:hover {
    color: #fff;
}

.cart-header-title a::before {
    content: '\e901';
    font-family: 'outlet-piscinas';
    margin-right: 10px;
    font-size: 22px;
}

.block-cart-header .cart-indent {
    overflow-y: auto;
}

.block-cart-header .empty-text {
    color: var(--main-bg-color);
    text-align: center;
    padding: 20px;
    font-size: 20px;
    font-weight: 700;
}

.block-cart-header .button-comprar {
    padding: 14px 0;
}

.block-cart-header .cart-content {
    flex-direction: column;
    justify-content: space-between;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000;
    min-width: 320px;
    width: 100%;
    display: none;
    cursor: default;
    background: #fff;
    max-width: 20%;
    height: 100%;
    box-shadow: 0 3px 3px rgba(0, 0, 0, .15);
}

.close-minicart {
    background-color: var(--main-bg-color);
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    position: absolute;
    left: 20px;
}

.close-minicart:before {
    content: "\f00d";
    font-family: 'FontAwesome';
    font-weight: 100;
    font-size: 30px;
}

.block-cart-header.active:after {
    background-color: #000;
    opacity: .3;
    content: "";
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
}

.cart-footer .cart-resumen {
    border-top: 1px solid #d1d1d1;
    border-bottom: 1px solid #d1d1d1;
}

.cart-footer .cart-resumen table {
    font-size: 12px;
    color: var(--main-bg-color);
}

.cart-footer .cart-resumen table td:first-child.a-right {
    text-align: left !important;
}

.cart-footer .cart-resumen table td {
    padding: 10px 20px;
    font-size: 16px;
    line-height: 18px;
    color: var(--main-bg-color);
    font-weight: 500;
    vertical-align: middle;
    width: 50%;
}

.cart-footer .cart-resumen table strong {
    font-weight: 600;
    font-size: 20px;
}

.cart-footer .total {
    padding: 5px 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cart-footer .total span {
    color: var(--main-bg-color);
}

.cart-footer .total .label {
    font-size: 12px;
    text-transform: uppercase;
    line-height: 12px;
    font-weight: 500;
    letter-spacing: -.35px;
}

.cart-footer .total.grandtotal .label {
    font-size: 14px;
    text-transform: uppercase;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: -.35px;
}

.cart-footer .total .price {
    font-size: 16px;
    text-transform: uppercase;
    line-height: 23px;
    font-weight: 500;
    letter-spacing: -.35px;
    color: var(--main-bg-color);
}

.cart-footer .total.grandtotal .price {
    font-size: 20px;
    text-transform: uppercase;
    line-height: 28px;
    font-weight: 700;
    letter-spacing: -.35px;
    color: var(--main-bg-color);
}

.cart-footer .button-ca-s {
    background-color: transparent;
    font-size: 14px;
    font-weight: 600;
}

.cart-footer .button-ca-s:hover {
    background-color: transparent;
    text-decoration: underline;
}

.block-cart-header .empty .cart-content {
    background: #ecf9ff;
    padding: 10px;
    color: #0f0f0f;
    font-size: 16px;
}

.block-cart-header .actions {
    padding: 14px;
    overflow: hidden;
    display: inline-block;
    width: 100%;
}

.block-cart-header .actions button.button+button.button {
    margin-right: 0;
}

.block-cart-header .mini-products-list li.item {
    background: #fff;
    width: 100%;
    float: left;
    clear: both;
    min-height: 85px;
    padding: 10px 20px;
    position: relative;
    border-bottom: 1px solid #ddd;
}

.block-cart-header .mini-products-list .product-image {
    mix-blend-mode: multiply;
}

.block-cart-header .mini-products-list .product-details {
    overflow: inherit;
    color: #152648;
    font-size: initial;
    text-align: right;
    margin-top: 17px;
    font-weight: 700;
}

.block-cart-header .mini-products-list .product-details strong {
    font-weight: 700;
}

.block-cart-header .cart-content-header,
.block-cart-header .actions {
    display: inline-grid;
}

.block-cart-header .subtotal .price {
    float: right;
}

.block-cart-header .mini-cart {
    display: none;
}

.block-cart-header .mini-products-list .product-name {
    margin-top: 5px;
    padding: 0;
    display: block;
    text-transform: none;
    font-size: 16px;
    line-height: 23px;
    text-align: left;
    font-weight: 500;
    color: #152648;
}

.block-cart-header .subtotal .label {
    font-weight: bold;
    padding: 0;
}

.block-cart-header .summary,
.block-cart-header .empty,
.block-cart-header .summary strong {
    font-weight: 500;
}

.mini-products-list li.item {
    padding-top: 20px;
    padding-bottom: 20px;
}
.mini-products-list li.item .list-item-top{
    display: flex;
}
.mini-products-list li.item .list-item-top .product-control-buttons{ 
    flex: 1;
}
.mini-products-list li.item .list-item-bottom{
    display: flex;
    justify-content: space-between;
    align-items: end;
}
.mini-products-list .product-image {
    float: left;
    width: 90px;
    background: #fff;
    margin-right: 10px;
}

.mini-products-list .product-image img {
    max-width: none;
}

.mini-products-list .product-details {
    overflow: hidden;
}
.qty-controls{
    display: inline-flex;
    align-items: center;
    background: #fff;
    border: 2px solid #e5e5e5;
    border-radius: 25px;
}
.qty-controls .qty-minus, .qty-controls .qty-plus{
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.2s ease;
    user-select: none;
    padding-bottom: 4px;
}
.qty-controls input{
    width: 40px;
    border: none;
    background: transparent;
    text-align: center;
    font-size: 18px;
    font-weight: 400;
    outline: none;
}

.mini-products-list .product-details h4 {
    font-size: 1em;
    font-weight: bold;
    margin: 0;
}

.mini-products-list .product-name {
    margin-top: 14px;
    display: block;
    text-transform: none;
    font-size: 16px;
    line-height: 23px;
    font-weight: 600;
}

.mini-products-list a .product-name,
.mini-products-list .product-details{
    color: #152648;
}

.mini-products-list .price-box {
    margin-bottom: 10px;
}

.block-cart .mini-products-list .product-name,
.block-cart .mini-products-list .product-details .nobr small {
    word-wrap: break-word;
}

.block-cart .mini-products-list .product-details .nobr {
    white-space: normal !important;
}

.related .mini-products-list .block li.item {
    border: none;
}

/**************************
*
*	GENERAL
*
**************************/
.camera_wrap a, .camera_wrap img, 
.camera_wrap ol, .camera_wrap ul, .camera_wrap li,
.camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td
.camera_thumbs_wrap a, .camera_thumbs_wrap img, 
.camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li,
.camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td {
	background: none;
	border: 0;
	font: inherit;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	list-style: none
}
.camera_wrap {
	display: none;
	float: left;
	position: relative;
	z-index: 0;
}
.camera_wrap img {
	max-width: none!important;
}
.camera_fakehover {
	height: 100%;
	min-height: 60px;
	position: relative;
	width: 100%;
	z-index: 1;
}
.camera_wrap {
	width: 100%;
}
.camera_src {
	display: none;
}
.cameraCont, .cameraContents {
	height: 100%;
	position: relative;
	width: 100%;
	z-index: 1;
}
.cameraSlide {
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.cameraContent {
	bottom: 0;
	display: none;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
.camera_target {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-align: left;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_overlayer {
	bottom: 0;
	height: 100%;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
	z-index: 0;
}
.camera_target_content {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
}
.camera_target_content .camera_link {
    background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/blank.gif);
	display: block;
	height: 100%;
	text-decoration: none;
}
.camera_loader {
    background: #fff url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/camera-loader.gif) no-repeat center;
	background: rgba(255, 255, 255, 0.9) url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/camera-loader.gif) no-repeat center;
	border: 1px solid #ffffff;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 36px;
	left: 50%;
	overflow: hidden;
	position: absolute;
	margin: -18px 0 0 -18px;
	top: 50%;
	width: 36px;
	z-index: 3;
}
.camera_bar {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 3;
}
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar {
	height: 100%;
	position: absolute;
	width: auto;
}
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar {
	height: auto;
	position: absolute;
	width: 100%;
}
.camera_nav_cont {
	height: 65px;
	overflow: hidden;
	position: absolute;
	right: 9px;
	top: 15px;
	width: 120px;
	z-index: 4;
}
.camera_caption {
	bottom: 0;
	display: block;
	position: absolute;
	width: 100%;
}
.camera_caption > div {
	padding: 10px 20px;
}
.camerarelative {
	overflow: hidden;
	position: relative;
}
.imgFake {
	cursor: pointer;
}
.camera_prevThumbs {
	bottom: 4px;
	cursor: pointer;
	left: 0;
	position: absolute;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_prevThumbs div {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/camera_skins.png) no-repeat -160px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_nextThumbs {
	bottom: 4px;
	cursor: pointer;
	position: absolute;
	right: 0;
	top: 4px;
	visibility: hidden;
	width: 30px;
	z-index: 10;
}
.camera_nextThumbs div {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/camera_skins.png) no-repeat -190px 0;
	display: block;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 30px;
}
.camera_command_wrap .hideNav {
	display: none;
}
.camera_command_wrap {
	left: 0;
	position: relative;
	right:0;
	z-index: 4;
}
.camera_wrap .camera_pag .camera_pag_ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-align: left;
	text-indent: -9999px;
	width: 16px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li > span {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	height: 8px;
	left: 4px;
	overflow: hidden;
	position: absolute;
	top: 4px;
	width: 8px;
}
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	-moz-box-shadow: 0;
	-webkit-box-shadow: 0;
	box-shadow: 0;
}
.camera_pag_ul li img {
	display: none;
	position: absolute;
}
.camera_pag_ul .thumb_arrow {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid;
	top: 0;
	left: 50%;
	margin-left: -4px;
	position: absolute;
}
.camera_prev, .camera_next, .camera_commands {
	cursor: pointer;
	height: 40px;
	margin-top: -20px;
	position: absolute;
	top: 50%;
	width: 40px;
	z-index: 2;
}
.camera_prev {
	left: 0;
}
.camera_prev > span {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/camera_skins.png) no-repeat 0 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_next {
	right: 0;
}
.camera_next > span {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/camera_skins.png) no-repeat -40px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_commands {
	right: 41px;
}
.camera_commands > .camera_play {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/camera_skins.png) no-repeat -80px 0;
	height: 40px;
	width: 40px;
}
.camera_commands > .camera_stop {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/camera_skins.png) no-repeat -120px 0;
	display: block;
	height: 40px;
	width: 40px;
}
.camera_wrap .camera_pag .camera_pag_ul li {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 20px 5px;
	position: relative;
	text-indent: -9999px;
	width: 16px;
}
.camera_thumbs_cont {
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
.camera_commands_emboss .camera_thumbs_cont {
	-moz-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
	box-shadow:
		0px 1px 0px rgba(255,255,255,1),
		inset 0px 1px 1px rgba(0,0,0,0.2);
}
.camera_thumbs_cont > div {
	float: left;
	width: 100%;
}
.camera_thumbs_cont ul {
	overflow: hidden;
	padding: 3px 4px 8px;
	position: relative;
	text-align: center;
}
.camera_thumbs_cont ul li {
	display: inline;
	padding: 0 4px;
}
.camera_thumbs_cont ul li > img {
	border: 1px solid;
	cursor: pointer;
	margin-top: 5px;
	vertical-align:bottom;
}
.camera_clear {
	display: block;
	clear: both;
}
.showIt {
	display: none;
}
.camera_clear {
	clear: both;
	display: block;
	height: 1px;
	margin: -1px 0 25px;
	position: relative;
}
/**************************
*
*	COLORS & SKINS
*
**************************/
.pattern_1 .camera_overlayer {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/patterns/overlay1.png) repeat;
}
.pattern_2 .camera_overlayer {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/patterns/overlay2.png) repeat;
}
.pattern_3 .camera_overlayer {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/patterns/overlay3.png) repeat;
}
.pattern_4 .camera_overlayer {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/patterns/overlay4.png) repeat;
}
.pattern_5 .camera_overlayer {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/patterns/overlay5.png) repeat;
}
.pattern_6 .camera_overlayer {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/patterns/overlay6.png) repeat;
}
.pattern_7 .camera_overlayer {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/patterns/overlay7.png) repeat;
}
.pattern_8 .camera_overlayer {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/patterns/overlay8.png) repeat;
}
.pattern_9 .camera_overlayer {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/patterns/overlay9.png) repeat;
}
.pattern_10 .camera_overlayer {
	background: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/camera/patterns/overlay10.png) repeat;
}
.camera_caption {
	color: #fff;
}
.camera_caption > div {
	background: #000;
	background: rgba(0, 0, 0, 0.8);
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover > span {
	background: #b7b7b7;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span {
	background: #434648;
}
.camera_pag_ul li img {
	border: 4px solid #e6e6e6;
	-moz-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,.5);
	box-shadow: 0px 3px 6px rgba(0,0,0,.5);
}
.camera_pag_ul .thumb_arrow {
    border-top-color: #e6e6e6;
}
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont {
	background: #d8d8d8;
	background: rgba(216, 216, 216, 0.85);
}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: #b7b7b7;
}
.camera_thumbs_cont ul li > img {
	border-color: 1px solid #000;
}
/*AMBER SKIN*/
.camera_amber_skin .camera_prevThumbs div {
	background-position: -160px -160px;
}
.camera_amber_skin .camera_nextThumbs div {
	background-position: -190px -160px;
}
.camera_amber_skin .camera_prev > span {
	background-position: 0 -160px;
}
.camera_amber_skin .camera_next > span {
	background-position: -40px -160px;
}
.camera_amber_skin .camera_commands > .camera_play {
	background-position: -80px -160px;
}
.camera_amber_skin .camera_commands > .camera_stop {
	background-position: -120px -160px;
}
/*ASH SKIN*/
.camera_ash_skin .camera_prevThumbs div {
	background-position: -160px -200px;
}
.camera_ash_skin .camera_nextThumbs div {
	background-position: -190px -200px;
}
.camera_ash_skin .camera_prev > span {
	background-position: 0 -200px;
}
.camera_ash_skin .camera_next > span {
	background-position: -40px -200px;
}
.camera_ash_skin .camera_commands > .camera_play {
	background-position: -80px -200px;
}
.camera_ash_skin .camera_commands > .camera_stop {
	background-position: -120px -200px;
}
/*AZURE SKIN*/
.camera_azure_skin .camera_prevThumbs div {
	background-position: -160px -240px;
}
.camera_azure_skin .camera_nextThumbs div {
	background-position: -190px -240px;
}
.camera_azure_skin .camera_prev > span {
	background-position: 0 -240px;
}
.camera_azure_skin .camera_next > span {
	background-position: -40px -240px;
}
.camera_azure_skin .camera_commands > .camera_play {
	background-position: -80px -240px;
}
.camera_azure_skin .camera_commands > .camera_stop {
	background-position: -120px -240px;
}
/*BEIGE SKIN*/
.camera_beige_skin .camera_prevThumbs div {
	background-position: -160px -120px;
}
.camera_beige_skin .camera_nextThumbs div {
	background-position: -190px -120px;
}
.camera_beige_skin .camera_prev > span {
	background-position: 0 -120px;
}
.camera_beige_skin .camera_next > span {
	background-position: -40px -120px;
}
.camera_beige_skin .camera_commands > .camera_play {
	background-position: -80px -120px;
}
.camera_beige_skin .camera_commands > .camera_stop {
	background-position: -120px -120px;
}
/*BLACK SKIN*/
.camera_black_skin .camera_prevThumbs div {
	background-position: -160px -40px;
}
.camera_black_skin .camera_nextThumbs div {
	background-position: -190px -40px;
}
.camera_black_skin .camera_prev > span {
	background-position: 0 -40px;
}
.camera_black_skin .camera_next > span {
	background-position: -40px -40px;
}
.camera_black_skin .camera_commands > .camera_play {
	background-position: -80px -40px;
}
.camera_black_skin .camera_commands > .camera_stop {
	background-position: -120px -40px;
}
/*BLUE SKIN*/
.camera_blue_skin .camera_prevThumbs div {
	background-position: -160px -280px;
}
.camera_blue_skin .camera_nextThumbs div {
	background-position: -190px -280px;
}
.camera_blue_skin .camera_prev > span {
	background-position: 0 -280px;
}
.camera_blue_skin .camera_next > span {
	background-position: -40px -280px;
}
.camera_blue_skin .camera_commands > .camera_play {
	background-position: -80px -280px;
}
.camera_blue_skin .camera_commands > .camera_stop {
	background-position: -120px -280px;
}
/*BROWN SKIN*/
.camera_brown_skin .camera_prevThumbs div {
	background-position: -160px -320px;
}
.camera_brown_skin .camera_nextThumbs div {
	background-position: -190px -320px;
}
.camera_brown_skin .camera_prev > span {
	background-position: 0 -320px;
}
.camera_brown_skin .camera_next > span {
	background-position: -40px -320px;
}
.camera_brown_skin .camera_commands > .camera_play {
	background-position: -80px -320px;
}
.camera_brown_skin .camera_commands > .camera_stop {
	background-position: -120px -320px;
}
/*BURGUNDY SKIN*/
.camera_burgundy_skin .camera_prevThumbs div {
	background-position: -160px -360px;
}
.camera_burgundy_skin .camera_nextThumbs div {
	background-position: -190px -360px;
}
.camera_burgundy_skin .camera_prev > span {
	background-position: 0 -360px;
}
.camera_burgundy_skin .camera_next > span {
	background-position: -40px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_play {
	background-position: -80px -360px;
}
.camera_burgundy_skin .camera_commands > .camera_stop {
	background-position: -120px -360px;
}
/*CHARCOAL SKIN*/
.camera_charcoal_skin .camera_prevThumbs div {
	background-position: -160px -400px;
}
.camera_charcoal_skin .camera_nextThumbs div {
	background-position: -190px -400px;
}
.camera_charcoal_skin .camera_prev > span {
	background-position: 0 -400px;
}
.camera_charcoal_skin .camera_next > span {
	background-position: -40px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_play {
	background-position: -80px -400px;
}
.camera_charcoal_skin .camera_commands > .camera_stop {
	background-position: -120px -400px;
}
/*CHOCOLATE SKIN*/
.camera_chocolate_skin .camera_prevThumbs div {
	background-position: -160px -440px;
}
.camera_chocolate_skin .camera_nextThumbs div {
	background-position: -190px -440px;
}
.camera_chocolate_skin .camera_prev > span {
	background-position: 0 -440px;
}
.camera_chocolate_skin .camera_next > span {
	background-position: -40px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_play {
	background-position: -80px -440px;
}
.camera_chocolate_skin .camera_commands > .camera_stop {
	background-position: -120px -440px	;
}
/*COFFEE SKIN*/
.camera_coffee_skin .camera_prevThumbs div {
	background-position: -160px -480px;
}
.camera_coffee_skin .camera_nextThumbs div {
	background-position: -190px -480px;
}
.camera_coffee_skin .camera_prev > span {
	background-position: 0 -480px;
}
.camera_coffee_skin .camera_next > span {
	background-position: -40px -480px;
}
.camera_coffee_skin .camera_commands > .camera_play {
	background-position: -80px -480px;
}
.camera_coffee_skin .camera_commands > .camera_stop {
	background-position: -120px -480px	;
}
/*CYAN SKIN*/
.camera_cyan_skin .camera_prevThumbs div {
	background-position: -160px -520px;
}
.camera_cyan_skin .camera_nextThumbs div {
	background-position: -190px -520px;
}
.camera_cyan_skin .camera_prev > span {
	background-position: 0 -520px;
}
.camera_cyan_skin .camera_next > span {
	background-position: -40px -520px;
}
.camera_cyan_skin .camera_commands > .camera_play {
	background-position: -80px -520px;
}
.camera_cyan_skin .camera_commands > .camera_stop {
	background-position: -120px -520px	;
}
/*FUCHSIA SKIN*/
.camera_fuchsia_skin .camera_prevThumbs div {
	background-position: -160px -560px;
}
.camera_fuchsia_skin .camera_nextThumbs div {
	background-position: -190px -560px;
}
.camera_fuchsia_skin .camera_prev > span {
	background-position: 0 -560px;
}
.camera_fuchsia_skin .camera_next > span {
	background-position: -40px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_play {
	background-position: -80px -560px;
}
.camera_fuchsia_skin .camera_commands > .camera_stop {
	background-position: -120px -560px	;
}
/*GOLD SKIN*/
.camera_gold_skin .camera_prevThumbs div {
	background-position: -160px -600px;
}
.camera_gold_skin .camera_nextThumbs div {
	background-position: -190px -600px;
}
.camera_gold_skin .camera_prev > span {
	background-position: 0 -600px;
}
.camera_gold_skin .camera_next > span {
	background-position: -40px -600px;
}
.camera_gold_skin .camera_commands > .camera_play {
	background-position: -80px -600px;
}
.camera_gold_skin .camera_commands > .camera_stop {
	background-position: -120px -600px	;
}
/*GREEN SKIN*/
.camera_green_skin .camera_prevThumbs div {
	background-position: -160px -640px;
}
.camera_green_skin .camera_nextThumbs div {
	background-position: -190px -640px;
}
.camera_green_skin .camera_prev > span {
	background-position: 0 -640px;
}
.camera_green_skin .camera_next > span {
	background-position: -40px -640px;
}
.camera_green_skin .camera_commands > .camera_play {
	background-position: -80px -640px;
}
.camera_green_skin .camera_commands > .camera_stop {
	background-position: -120px -640px	;
}
/*GREY SKIN*/
.camera_grey_skin .camera_prevThumbs div {
	background-position: -160px -680px;
}
.camera_grey_skin .camera_nextThumbs div {
	background-position: -190px -680px;
}
.camera_grey_skin .camera_prev > span {
	background-position: 0 -680px;
}
.camera_grey_skin .camera_next > span {
	background-position: -40px -680px;
}
.camera_grey_skin .camera_commands > .camera_play {
	background-position: -80px -680px;
}
.camera_grey_skin .camera_commands > .camera_stop {
	background-position: -120px -680px	;
}
/*INDIGO SKIN*/
.camera_indigo_skin .camera_prevThumbs div {
	background-position: -160px -720px;
}
.camera_indigo_skin .camera_nextThumbs div {
	background-position: -190px -720px;
}
.camera_indigo_skin .camera_prev > span {
	background-position: 0 -720px;
}
.camera_indigo_skin .camera_next > span {
	background-position: -40px -720px;
}
.camera_indigo_skin .camera_commands > .camera_play {
	background-position: -80px -720px;
}
.camera_indigo_skin .camera_commands > .camera_stop {
	background-position: -120px -720px	;
}
/*KHAKI SKIN*/
.camera_khaki_skin .camera_prevThumbs div {
	background-position: -160px -760px;
}
.camera_khaki_skin .camera_nextThumbs div {
	background-position: -190px -760px;
}
.camera_khaki_skin .camera_prev > span {
	background-position: 0 -760px;
}
.camera_khaki_skin .camera_next > span {
	background-position: -40px -760px;
}
.camera_khaki_skin .camera_commands > .camera_play {
	background-position: -80px -760px;
}
.camera_khaki_skin .camera_commands > .camera_stop {
	background-position: -120px -760px	;
}
/*LIME SKIN*/
.camera_lime_skin .camera_prevThumbs div {
	background-position: -160px -800px;
}
.camera_lime_skin .camera_nextThumbs div {
	background-position: -190px -800px;
}
.camera_lime_skin .camera_prev > span {
	background-position: 0 -800px;
}
.camera_lime_skin .camera_next > span {
	background-position: -40px -800px;
}
.camera_lime_skin .camera_commands > .camera_play {
	background-position: -80px -800px;
}
.camera_lime_skin .camera_commands > .camera_stop {
	background-position: -120px -800px	;
}
/*MAGENTA SKIN*/
.camera_magenta_skin .camera_prevThumbs div {
	background-position: -160px -840px;
}
.camera_magenta_skin .camera_nextThumbs div {
	background-position: -190px -840px;
}
.camera_magenta_skin .camera_prev > span {
	background-position: 0 -840px;
}
.camera_magenta_skin .camera_next > span {
	background-position: -40px -840px;
}
.camera_magenta_skin .camera_commands > .camera_play {
	background-position: -80px -840px;
}
.camera_magenta_skin .camera_commands > .camera_stop {
	background-position: -120px -840px	;
}
/*MAROON SKIN*/
.camera_maroon_skin .camera_prevThumbs div {
	background-position: -160px -880px;
}
.camera_maroon_skin .camera_nextThumbs div {
	background-position: -190px -880px;
}
.camera_maroon_skin .camera_prev > span {
	background-position: 0 -880px;
}
.camera_maroon_skin .camera_next > span {
	background-position: -40px -880px;
}
.camera_maroon_skin .camera_commands > .camera_play {
	background-position: -80px -880px;
}
.camera_maroon_skin .camera_commands > .camera_stop {
	background-position: -120px -880px	;
}
/*ORANGE SKIN*/
.camera_orange_skin .camera_prevThumbs div {
	background-position: -160px -920px;
}
.camera_orange_skin .camera_nextThumbs div {
	background-position: -190px -920px;
}
.camera_orange_skin .camera_prev > span {
	background-position: 0 -920px;
}
.camera_orange_skin .camera_next > span {
	background-position: -40px -920px;
}
.camera_orange_skin .camera_commands > .camera_play {
	background-position: -80px -920px;
}
.camera_orange_skin .camera_commands > .camera_stop {
	background-position: -120px -920px	;
}
/*OLIVE SKIN*/
.camera_olive_skin .camera_prevThumbs div {
	background-position: -160px -1080px;
}
.camera_olive_skin .camera_nextThumbs div {
	background-position: -190px -1080px;
}
.camera_olive_skin .camera_prev > span {
	background-position: 0 -1080px;
}
.camera_olive_skin .camera_next > span {
	background-position: -40px -1080px;
}
.camera_olive_skin .camera_commands > .camera_play {
	background-position: -80px -1080px;
}
.camera_olive_skin .camera_commands > .camera_stop {
	background-position: -120px -1080px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -960px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -960px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -960px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -960px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -960px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -960px	;
}
/*PISTACHIO SKIN*/
.camera_pistachio_skin .camera_prevThumbs div {
	background-position: -160px -1040px;
}
.camera_pistachio_skin .camera_nextThumbs div {
	background-position: -190px -1040px;
}
.camera_pistachio_skin .camera_prev > span {
	background-position: 0 -1040px;
}
.camera_pistachio_skin .camera_next > span {
	background-position: -40px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_play {
	background-position: -80px -1040px;
}
.camera_pistachio_skin .camera_commands > .camera_stop {
	background-position: -120px -1040px	;
}
/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_pink_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_pink_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_pink_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_pink_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_pink_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*RED SKIN*/
.camera_red_skin .camera_prevThumbs div {
	background-position: -160px -1000px;
}
.camera_red_skin .camera_nextThumbs div {
	background-position: -190px -1000px;
}
.camera_red_skin .camera_prev > span {
	background-position: 0 -1000px;
}
.camera_red_skin .camera_next > span {
	background-position: -40px -1000px;
}
.camera_red_skin .camera_commands > .camera_play {
	background-position: -80px -1000px;
}
.camera_red_skin .camera_commands > .camera_stop {
	background-position: -120px -1000px	;
}
/*TANGERINE SKIN*/
.camera_tangerine_skin .camera_prevThumbs div {
	background-position: -160px -1120px;
}
.camera_tangerine_skin .camera_nextThumbs div {
	background-position: -190px -1120px;
}
.camera_tangerine_skin .camera_prev > span {
	background-position: 0 -1120px;
}
.camera_tangerine_skin .camera_next > span {
	background-position: -40px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_play {
	background-position: -80px -1120px;
}
.camera_tangerine_skin .camera_commands > .camera_stop {
	background-position: -120px -1120px	;
}
/*TURQUOISE SKIN*/
.camera_turquoise_skin .camera_prevThumbs div {
	background-position: -160px -1160px;
}
.camera_turquoise_skin .camera_nextThumbs div {
	background-position: -190px -1160px;
}
.camera_turquoise_skin .camera_prev > span {
	background-position: 0 -1160px;
}
.camera_turquoise_skin .camera_next > span {
	background-position: -40px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_play {
	background-position: -80px -1160px;
}
.camera_turquoise_skin .camera_commands > .camera_stop {
	background-position: -120px -1160px	;
}
/*VIOLET SKIN*/
.camera_violet_skin .camera_prevThumbs div {
	background-position: -160px -1200px;
}
.camera_violet_skin .camera_nextThumbs div {
	background-position: -190px -1200px;
}
.camera_violet_skin .camera_prev > span {
	background-position: 0 -1200px;
}
.camera_violet_skin .camera_next > span {
	background-position: -40px -1200px;
}
.camera_violet_skin .camera_commands > .camera_play {
	background-position: -80px -1200px;
}
.camera_violet_skin .camera_commands > .camera_stop {
	background-position: -120px -1200px	;
}
/*WHITE SKIN*/
.camera_white_skin .camera_prevThumbs div {
	background-position: -160px -80px;
}
.camera_white_skin .camera_nextThumbs div {
	background-position: -190px -80px;
}
.camera_white_skin .camera_prev > span {
	background-position: 0 -80px;
}
.camera_white_skin .camera_next > span {
	background-position: -40px -80px;
}
.camera_white_skin .camera_commands > .camera_play {
	background-position: -80px -80px;
}
.camera_white_skin .camera_commands > .camera_stop {
	background-position: -120px -80px;
}
/*YELLOW SKIN*/
.camera_yellow_skin .camera_prevThumbs div {
	background-position: -160px -1240px;
}
.camera_yellow_skin .camera_nextThumbs div {
	background-position: -190px -1240px;
}
.camera_yellow_skin .camera_prev > span {
	background-position: 0 -1240px;
}
.camera_yellow_skin .camera_next > span {
	background-position: -40px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_play {
	background-position: -80px -1240px;
}
.camera_yellow_skin .camera_commands > .camera_stop {
	background-position: -120px -1240px	;
}

.fluid_container_wrap {  position: relative; overflow: hidden;}
.camera_wrap {margin-bottom: 0 !important;}
.camera_wrap .camera_pag .camera_pag_ul {position: absolute; bottom: 27px; right: 37px; z-index: 10;}
.camera_wrap .camera_pag .camera_pag_ul li span {display: none;}
.camera_wrap .camera_pag .camera_pag_ul li {
	background: none; 
	font-size: 16px; 
	line-height: 16px; 
	color: #fff; 
	text-indent: 0; 
	border-radius: 0;
	margin: 0 2px;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover,
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent  {color: #242727;}
.camera_wrap .camera_pag .camera_pag_ul li:before {content: "\f111";}
.camera_pag_ul li img {width: 80px; height: 40px;}
.camera_caption {text-align:  center;}
.camera_caption > div {background: none; padding:0 3% 8%;}
.lof_camera_title {font-size: 94px; line-height: 94px; color: #fff;}
.lof_camara_desc1 {font-size: 54px; line-height: 54px; color: #fb5642; margin-bottom: 25px;}
.lof_camara_desc1 span {color: #242727;}
.lof_camara_desc1 span.color-1 {color: #98a0a0;}
.lof_camara_desc2 {font-size: 14px; width: 75%; margin: 0 auto 35px; }
.camera_caption  .link-camera {
	font-size: 27px; 
	color: #fff; 
	background: #fb5642; 
	border-radius: 50px; 
	height: 56px; 
	line-height: 50px;
	display: inline-block;
	padding: 0 60px;
 }
 .camera_caption  .link-camera:hover {background: #A7AEAF;}



/*===========================================================================

						STYLE THEME

===========================================================================*/
.camera_wrap .camera_pag .camera_pag_ul{
	bottom: 1px;
	right: 0px;
	height: 39px;
}
.camera_wrap .camera_pag .camera_pag_ul li span{
	display: inline-block;
	color: #fff;
}
.camera_wrap .camera_pag .camera_pag_ul li{
	position: relative;
	width: 39px;
	height: 39px;
	margin: 0 1px 0 0;
}
.camera_wrap .camera_pag .camera_pag_ul li > span{
	width: 39px;
	height: 39px;
	left: 0;
	top: 0;
	border-radius: 0;
}
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span,
.camera_wrap .camera_pag .camera_pag_ul li:hover > span{
	background-color: transparent;
}
.camera_wrap .camera_pag .camera_pag_ul li:before{
	content: '';
	background: #000;
	position: absolute;
	z-index: -1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}
.camera_wrap .camera_pag .camera_pag_ul li:hover:before,
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent:before{
	background: #12547f;
}
.camera_wrap .camera_pag .camera_pag_ul li > span span{
	font-size: 21px;
	line-height: 21px;
	width: 100%;
	height: 100%;
	padding-top: 9px;
	padding-left: 13px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
 	.camera_caption > div {padding-bottom: 4%;}
 }
@media only screen and (min-width: 768px) and (max-width: 991px) {
 	.camera_caption > div {padding-bottom: 4%;}
 	.lof_camara_desc2 {margin-bottom: 20px;}
 	.lof_camera_title {font-size: 50px; line-height: 50px;}
 	.lof_camara_desc1 {font-size: 40px; line-height: 40px;}
 	.camera_caption .link-camera {height: 35px; line-height: 34px; font-size: 16px; padding: 0 25px;}
 	.camera_pag_ul li img,
 	.thumb_arrow {display: none !important;}
 }
 @media only screen and (max-width: 767px) { 
 	.camera_caption > div {padding-bottom: 4%;}
 	.lof_camara_desc2 {display: none;}
 	.lof_camera_title {font-size: 50px; line-height: 50px;}
 	.lof_camara_desc1 {font-size: 40px; line-height: 40px;}
 	.camera_caption .link-camera {height: 35px; line-height: 34px; font-size: 16px; padding: 0 25px;}
 	.camera_pag_ul li img,
 	.thumb_arrow {display: none !important;}
 }
 @media only screen and (max-width: 600px) { 
 	.lof_camera_title {font-size: 30px; line-height: 30px;}
 	.lof_camara_desc1 {font-size: 20px; line-height: 20px; margin-bottom: 10px;}
 	.camera_caption .link-camera {height: 25px; line-height: 24px; font-size: 14px;}
 	.camera_wrap .camera_pag .camera_pag_ul {right: 10px; bottom: 10px;}
 	.camera_pag_ul li img,
 	.thumb_arrow {display: none !important;}
 }
/**
 * OpenMage
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * @category    design
 * @package     base_default
 * @copyright   Copyright (c) 2006-2020 Magento, Inc. (http://www.magento.com)
 * @license     http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
 */

/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }

.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }

/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.time4pool.de/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }

/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.time4pool.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.time4pool.de/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }

/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }

/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }

.bottom-container .widget a { padding:0 3px; }

/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }

.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.time4pool.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.time4pool.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }

.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.time4pool.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.time4pool.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }

/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }

.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.time4pool.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }

.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.time4pool.de/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */

/*
    // ========================================== \\
   ||                                              ||
   ||            BeralProjects_Searcher            ||
   ||                                              ||
    \\ ========================================== //
*/


/*
=======================================================================
	Wrapper
=======================================================================
*/
#searchcontent {
    position: absolute;
    right: 0;
    z-index: 200;
    top: 70px;
    left: 0;
    right: 0;
    width: 100vw;
    margin-left: calc(50% - 50vw);
}
#searchcontent .product_instant_search_popup{
    padding: 40px 100px;
    background: #FFF;
    border-radius: 15px;
    border: #f2f2f2 1px solid;
    box-shadow: 1px 1px 1px #dedede;
    position: relative;
    max-height: calc(100dvh - 80px);
    overflow: hidden;
}

#searchcontent.loading .product_instant_search_popup::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #ffffffab url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/BeralProjects_Searcher/loading.gif) no-repeat scroll 50% center;
    background-size: 35px;
}

#searchcontent .product_instant_search_popup .close {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 28px;
    opacity: 0.7;
}
#searchcontent .product_instant_search_popup .close:hover{
    opacity: 1;
}
#searchcontent .resultados{
    display: grid;
    grid-template-columns: 1.5fr 4fr;
    max-height: calc(100dvh - 120px);
    overflow: hidden;
    gap: 20px;
}
#searchcontent .resultados .product{
    position: relative;
}
#searchcontent .resultados .product img{
    object-fit: contain;
    aspect-ratio: 1 / 1; 
    width: 100%;
}
#searchcontent .products-grid{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));;
    column-gap: 20px;
    row-gap: 60px;
}
.product_instant_search_popup .left-item{
    border: 2px solid #000;
    border-radius: 25px;
    padding: 15px;
    height: max-content;
}
.product_instant_search_popup .left{
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.product_instant_search_popup .left,
.product_instant_search_popup .products{
    padding-bottom: 40px;
    max-height: calc(100dvh - 120px);
    overflow: auto;
    padding-right: 5px;
}
.product_instant_search_popup .left-item .mon{
    font-weight: 800;
    color: #333333;
}
.product_instant_search_popup .left-item .child{
    margin-left: 10px;
    color: #666666;
}
.product_instant_search_popup .left-item h2{
    font-size: 22px;
    margin-bottom: 10px;
    font-weight: 800;
}
.product_instant_search_popup .products .see-all-button{
    background: #fff;
    color: var(--main-bg-color);
    border: 2px solid var(--main-bg-color);
    font-size: 18px;
    padding: 12px 66px;
    border-radius: 34px;
    font-weight: 500;
    white-space: nowrap;
    -webkit-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    display: block;
    width: max-content;
    margin: 20px auto 0;
}
.product_instant_search_popup .products .see-all-button:hover{
    background: var(--main-bg-color);
    color: #fff;
}

.product_instant_search_popup ::-webkit-scrollbar {
    width: 10px;
}
  
.product_instant_search_popup ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 20px;
}

.product_instant_search_popup ::-webkit-scrollbar-thumb {
    background: var(--main-bg-color);
    border: 1px solid var(--main-bg-color);;
    border-radius: 20px;
}
  
.product_instant_search_popup ::-webkit-scrollbar-thumb:hover {
    background: #102041;
}

#search_mini_form .search-button span{
    font-size: 0;
    padding: 0;
}  
.top-rigth #search_mini_form .input-box{
    position: relative;
}
#search_mini_form .search-button{
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1;
    margin: auto 10px;
    height: max-content;
    display: flex;
    align-items: center;
}
#search_mini_form .search-button i{
    cursor: pointer;
    font-size: 24px;
    color: #fff;
}
.header-de #search_mini_form .search-button i{
    color: var(--main-bg-color);
}
#search_mini_form .input-box{
    width: 0;
    height: 48px;
    padding-right: 40px;
    border-radius: 35px;
    margin-right: -5px;
    background-color: transparent;
    transition: all 0.5s ,background-color 0.5s;
    overflow: hidden;
}
#search_mini_form .input-box #search{
    padding: 6px 24px;
    font-size: 16px;
    height: 48px;
    background-color: transparent;
    border: none;
    display: none;
}
#search_mini_form.searching .input-box #search, #search_mini_form.opened .input-box #search{
    display: block;
}
#search_mini_form #search.loading {
    background: #fff url("https://www.time4pool.de/skin/frontend/time4pool/time4pool/images/BeralProjects_Searcher/loading.gif") no-repeat scroll 85% center;
    background-size: 20px;
}
#searchcontent.loading{
    pointer-events: none;
}
#search_mini_form.opened .input-box{
    width: 600px;
    background-color: #ededed;
}
#search_mini_form.searching .input-box{
    background-color: #fff;
    border-radius: 35px;
    border: 1px solid black;
}
#search_mini_form.searching .input-box:focus{
    background-color: #fff;
}
#search_mini_form.searching .search-button i{
    color: var(--main-bg-color);
}   
.in-lupa.close-search::before{
    content: "\e916";
}
.header-de .in-lupa:before{
    font-family: 'time4pool';
    content: "\e901";
}
.header-cl .in-lupa:before{
    font-family: FontAwesome;
    content: "\f002";
    font-style: normal;
    color: #000;
}
.header-de .in-lupa.close-search::before{
    font-family: 'outlet-piscinas';
    content: "\e916";
}
.header-cl .in-lupa.close-search::before{
    content: "\f057";
    font-weight: 600;
}
#searchcontent .price-range{
    width: 80%;
    margin: auto;
    padding-top: 70px;
    padding-bottom: 30px;
}
#searchcontent .price-range .slider {
    height: 3px;
    position: relative;
    background: #ddd;
    border-radius: 5px;
}
#searchcontent .price-range .slider .progress {
    height: 100%;
    left: 0%;
    right: 0%;
    position: absolute;
    border-radius: 5px;
    background: #000;
    overflow: initial;
}
#searchcontent .price-range .slider .progress .min{
    left: 0;
}
#searchcontent .price-range .slider .progress .min span{
    margin-left: 8px;
}
#searchcontent .price-range .slider .progress .max{
    right: 0;
}
#searchcontent .price-range .slider .progress .max span{
    margin-left: -8px;
}
#searchcontent .price-range .slider .progress>div>span,
#searchcontent .price-range .slider .progress .merge{
    position: absolute;
    background: none;
    padding: 2px 10px;
    border-radius: 19px;
    border: 1px solid var(--main-bg-color);
    color: var(--main-bg-color);
    font-size: 14px;
    font-weight: 500;
    width: max-content;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: inline-table;
}
#searchcontent .price-range .slider .progress>div.disable>span,
#searchcontent .price-range .slider .progress .merge.disable{
    display: none;
}
#searchcontent .price-range .slider .progress>div,
#searchcontent .price-range .slider .progress .merge{
    position: absolute;
    top: -30px;
}
#searchcontent .price-range .slider .progress .merge>div{
    display: inline-block;
}
#searchcontent .price-range .range-input {
    position: relative;
  }
#searchcontent .price-range .range-input input {
    position: absolute;
    width: 100%;
    height: 5px;
    top: -3px;
    background: none;
    pointer-events: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
#searchcontent .price-range input[type="range"]::-webkit-slider-thumb {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #000;
    pointer-events: auto;
    -webkit-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
#searchcontent .price-range input[type="range"]::-moz-range-thumb {
    height: 12px;
    width: 12px;
    border: none;
    border-radius: 50%;
    background: #000;
    pointer-events: auto;
    -moz-appearance: none;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
/*#searchcontent .price-range .range-input .range-max{
    right: -8px;
}   
#searchcontent .price-range .range-input .range-min{
    left: -8px;
}  */ 
@media only screen and (max-width: 1300px){
    #search_mini_form.opened .input-box {
        width: 400px;
    }
    #searchcontent .product_instant_search_popup{
        padding: 40px 80px;
    }
    #searchcontent .products-grid{
        grid-template-columns: repeat(3, minmax(0, 1fr));;
    }
    #searchcontent .resultados{
        grid-template-columns: 2fr 4fr;
    }
}
@media only screen and (max-width: 1200px){
    #searchcontent .product_instant_search_popup{
        padding: 40px;
    }
    #searchcontent .products-grid{
        grid-template-columns: repeat(2, minmax(0, 1fr));;
    }
}
@media only screen and (max-width: 991px){
    #search_mini_form.opened .input-box {
        width: 250px;
    }
    #searchcontent .product_instant_search_popup{
        padding: 40px 20px;
    }
    #search_mini_form .input-box{
        margin-left: auto;
        margin-right: 0;
        display: block;
    }
    #search_mini_form.searching .input-box{
        width: 32dvw;
    }
}
@media only screen and (max-width: 767px){
    #search_mini_form{
        position: fixed !important;
        top: -50px !important;
        z-index: 100;
        transition: all 0.5s;
        display: block;
    }

    .header-de #search_mini_form{
        position: initial !important;
        padding: 0 15px;
        margin: 15px 0;
    }

    .header-cl #search_mini_form{
        top: 50px !important;
        padding: 0 15px;
    }
    .header-de #search_mini_form .input-box {
        border-color: var(--main-bg-color);
        border-radius: 35px;
        width: 100%;
        margin: 0 auto;
    }
    .header-cl #search_mini_form .input-box{
        background-color: #fff;
        border-radius: 5px;
    }

    #search_mini_form.searching{
        top: 6px !important;
        padding: 0 15px;
    }

    .header-cl  #search_mini_form.searching{
        top: 50px !important;
    }

    #search_mini_form.searching .input-box,
    #search_mini_form .input-box{
        width: 100%;
    }
    #search_mini_form .input-box{
        position: relative;
    }
    #search_mini_form .input-box .search-button{
        top: 0;
        right: 10px;
    }
    #searchcontent{
        position: fixed;
        top: 50px;
        z-index: 16000161;
    }
    .header-de #searchcontent,
    .header-cl #searchcontent{
        top: 128px;
    }
    #searchcontent .product_instant_search_popup{
        height: calc(100dvh - 50px);
        max-height: initial;
        width: 100vw;
        border-radius: 0;
        padding: 0px 15px;
    }
    .header-de #searchcontent .product_instant_search_popup,
    .header-cl #searchcontent .product_instant_search_popup{
        height: calc(100dvh - 100px);
    }
    .product_instant_search_popup ::-webkit-scrollbar{
        width: 0;
    }
    #searchcontent .resultados{
        grid-template-columns: auto;
        overflow: auto;
        max-height: calc(100dvh - 105px);
    }
    .product_instant_search_popup .left-item h2{
        margin-bottom: 0;
        font-size: 20px;
        position: relative;
    }
    .product_instant_search_popup .left-item ul,
    .product_instant_search_popup .left-item #price-range{
        margin-top: 10px;
        display: none;
    }
    .product_instant_search_popup .left-item{
        border: 1px solid #000;
        padding: 5px 15px;
    }
    #searchcontent .price-range .range-input input {
        top: -4px;
    }
    .product_instant_search_popup .left-item.disable{
        display: none;
    }
    .product_instant_search_popup .left{
        padding: 0;
        gap: 10px;
        max-height: initial;
        overflow: initial;
    }
    #searchcontent .products-grid{
        column-gap: 10px;
        row-gap: 15px;
    }
    .product_instant_search_popup .products{
        padding: 0;
        max-height: initial;
        overflow: initial;
        margin-bottom: 40px;
    }
    #searchcontent .product_instant_search_popup .close{
        opacity: 1;
    }
    .product_instant_search_popup .left-item h2::before,
    .product_instant_search_popup .left-item h2::after{
        content: "";
        width: 10px;
        height: 1px;
        background-color: var(--main-bg-color);
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        transition: all 0.5s;
    }
    .product_instant_search_popup .left-item h2::before{
        transform: rotate(-45deg);
        right: -5px;
    }
    .product_instant_search_popup .left-item h2::after{
        transform: rotate(45deg);
        right: 2px;
    }
    .product_instant_search_popup .left-item h2.active::before{
        transform: rotate(45deg);
    }
    .product_instant_search_popup .left-item h2.active::after{
        transform: rotate(-45deg);
    }
    body.blocking{
        overflow: hidden;
    }
    .header-cl .in-lupa:before{
        color: #f29400;
    }
    .header-de #search_mini_form .input-box #search,
    .header-cl #search_mini_form .input-box #search{
        display: block;
    }
}
/** START STARS CSS **/
.products-grid .bloque-imagen{
    position: relative;
}
.products-grid .productStars{
    position: initial;
    margin-left: auto;
    display: flex;
    right: 19px;
    text-shadow: 0px 0px 10px #ffffff;
    background-color: #ffffffe3;
    border-radius: 15px 0 0 15px;
    padding: 2px 0px 2px 6px;
}
.productStars i{
    font-size: 16px;
    letter-spacing: -1px;
}
.productStars .icon-star-full{
    color: #ffab2a ;
}
.productStars .icon-star-empty {
    color: #ccc;
}
.productStars i:before{
    font-family: 'outlet-piscinas' !important;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    content: "\e917";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 20px;
    display: inline-block;
    font-style: normal;

}
.productStars .br-stars-wrapper{
    position: relative;
    width: max-content;
}
.productStars .br-stars-wrapper .br-stars-emptyBar{
    width: max-content;
    position: initial;
}
.productStars .total span{
    margin-left: 5px;
    font-weight: 400;
    font-size: 16px;
    color: var(--main-bg-color);
    letter-spacing: 2px;
}
.productStars .br-stars-wrapper .br-stars-fullBar{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    white-space: nowrap;
    z-index: 1;
    overflow: hidden;
    line-height: normal;
}
@media only screen and (max-width: 767px){
    .products-grid .productStars {
        margin: auto;
        left: 0;
        right: 0;
        width: max-content;
        padding: 2px 6px;
        border-radius: 15px;
    }
}
/** END STARS CSS **/
/** START GIFT*/
.products-grid .bottom-image{
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
.products-grid .bottom-image .gifts{
    display: flex;
    gap: 10px;
    padding: 10px;
}
.products-grid .bottom-image .gifts .gift{
    max-width: 3.5vw;
    max-height: 3.5vw;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid var(--main-bg-color);
    padding: 5px;
    background-color: #fff;
    min-height: 45px;
    min-width: 45px;
}
@media only screen and (min-width: 768px){
    .products-grid .stars-mobile{
        display: none;
    }
}
@media only screen and (max-width: 767px){
    .products-grid .bottom-image .productStars{
        display: none
    }
    .products-grid .stars-mobile .productStars{
        background-color: transparent;
        margin: 0 0 10px;
        padding: 0;
    }
    .products-grid .bottom-image{
        flex-direction: row-reverse;
    }
}
/** END GIFT*/

.clear{width:100%;height:0px;clear:both;font-size:0px;line-height:0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* html .clearfix {height: 2%;}
/* End hide from IE-mac */
/* ======================================================================================= */

/* === Formulario Dolphin === */

.quick-contact-dolphin .block-content{padding: 2px 20px 60px; }
.quick-contact-dolphin .slogan { font-size: 25px;font-weight: 600;text-transform: uppercase;border-bottom: 1px solid #152648;padding-bottom: 4px;margin: 25px 0; }
.quick-contact-dolphin .button-set{margin-top:10px;}
.quick-contact-dolphin .error_message{font-size:18px;font-weight:bold;color:#ff0000;}
.quick-contact-dolphin textarea.form-control {resize:vertical;  }
.quick-contact-dolphin label {margin-top: 10px;margin-bottom: 0;font-size: 16px; }
.quick-contact-dolphin input.input-text, textarea {margin-bottom: 16px; }
.quick-contact-dolphin .agreement-mini {font-size: 14px; vertical-align: sub;}
.quick-contact-dolphin .form-control {border:none;}
.button-dolphin { cdisplay: inline-block;margin: 10px 0;cursor: pointer;padding: 11px 90px;color: #fff;border: 2px solid #55c8df;border-radius: 10px;text-transform: uppercase;background: #55c8df;font-size: 24px; }
.button-dolphin:hover { color:#55c8df; background: #fff; }
.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;
}

.scalapayModal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  visibility: hidden;
  transform: scale(1.1);
  transition: visibility 0s linear 0.25s, opacity 0.25s 0s, transform 0.25s;
  overflow: auto;
  z-index:9999;
}
.scalapay-modal-content {
  
  background-color: #fefefe;
  margin: 1% auto; /* 1% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
  overflow: auto;

}
.scalapay-close-button {
  float: right;
  width: 1.5rem;
  line-height: 1.5rem;
  text-align: center;
  cursor: pointer;
  border-radius: 0.25rem;
  background-color: #ffffff;
  font-size: 25px;

}
.scalapay-close-buttonclose-button:hover {
  background-color: darkgray;
}
.scalapay-show-modal {
  opacity: 1;
  visibility: visible;
  transform: scale(1.0);
  transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s;
}
.img-responsive-scalapay {
  width: 100%;
}
.scalapay-ajax-loader{
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url('https://www.time4pool.de/skin/frontend/base/default/scalapay/images/ajax-loader.gif') 50% 50% no-repeat rgb(249,249,249,.7);
}


.closeable .sequra_popup_close,
.closeable .sequra_popup_close span,
.closeable .sequra_popup_close_delegatedless,
.closeable .sequra_popup_close_delegatedless span {
    color: #00e700;
    text-transform: capitalize;
    font-weight: bold;
    text-decoration: none;
}

.closeable .sequra_popup_close,
.closeable .sequra_popup_close_delegatedless{
    position: absolute;
    right: 5px;
    bottom: 5px;
    background: #70ba45;
    text-decoration: none;
    color: white;
    padding: 0px 8px;
    border-radius: 6px;
    float: right;
    -moz-transition: background 0.2s;
    -o-transition: background 0.2s;
    -webkit-transition: background 0.2s;
    transition: background 0.2s;
    cursor: pointer;   
}

.closeable .sequra_popup_close:hover,
.closeable .sequra_popup_close_delegatedless:hover{
    background: #;
}


.sequra_popup {display: none;min-width: 320px;position: fixed;top:0;left:0;width: 100%;height: 100%;background: black;background: rgba(0, 0, 0, 0.8);z-index: 99998;overflow:auto;}
.sequra_popup ul,.sequra_popup ol {margin: 0;margin-bottom: 9px;list-style: none;padding: 0;}

.sequra_white_content {background: #fff;text-align: left;max-width: 320px;margin: 40px auto;position: relative;border-radius: 6px;}
#sequra_identity_partpayment_form_popup h2 {text-transform: uppercase;font-weight: bold;font-size:16px;}
#sequra_identity_partpayment_form_popup h2 small {color: #009352;text-decoration: underline;font-size: 90%;margin-left: 5px;}

.sequra_more_info .icon-info {
    font-size: 26px;
    margin:5px;
    color: #00e700!important;
    cursor: pointer;
}

.sequra_popup ol {
    list-style-type: decimal;
    list-style-position: outside;
    padding: 10px 30px;
}

.sequra_content_popup li {
    margin: 10px 0;
}

.sequra_popup * {
    /*font-family: 'Open Sans', sans-serif;*/
    box-sizing: border-box!important;
    line-height: 20px;
    font-size: 13px;
}

.sequra_white_content h4 {
    width: 100%;
    margin-left: 0!important;
    font-size: 26px!important;
    font-weight: normal!important;
    text-align: center;
    padding: 15px 0 !important;
    margin:0 !important;
    color: #00e700!important;
    text-transform: none;
}

.sequra_white_content h5 {
    margin: 15px;
}

.sequra_content_popup {
    padding: 0 0px 40px 0px;
    /*color: rgb(119,119,119);*/
    color: #000;
}

.sequra_content_popup #sequra-wrapper {
    margin: 15px auto;
}

.sequra_content_popup ol {
    color: #00e700;
}

.sequra_content_popup ol span{
    color: #000;
}

.sequra_content_popup ul li {
    margin: 2px 5%;
}

.sequra_content_popup ul li ul {
    border:0px!important;
}


.sequra_content_popup .small
 {
    font-size:10px;
    text-align:center;
}

#sequra_pp_example p,
.sequra_costs p {
    background: #e8e8e8;
    padding: 15px 10px;
    text-align: center;
}


/** from pumbaa2 **/
@font-face {
  font-family: 'sequra';
  src: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/sequra.eot);
  src: url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/sequra.eot#iefix) format("embedded-opentype"), url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/sequra.ttf) format("truetype"), url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/sequra.woff) format("woff"), url(https://www.time4pool.de/skin/frontend/time4pool/time4pool/fonts/sequra.svg#sequra) format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 24, ../sass/_fonts.scss */
[class^="sequra"] [class^="icon-"], [class^="sequra"] [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="sequra"] [class^="icon-"]:before, [class^="sequra"] [class*=" icon-"]:before {
    font-family: 'sequra' !important;
    width: auto;
}

/* line 39, ../sass/_fonts.scss */
[class^="sequra"] .icon-left-arrow:before {
  content: "\1f868" !important;
}

/* line 43, ../sass/_fonts.scss */
[class^="sequra"] .icon-calendar:before {
  content: "\1F4C5"!important;
}

/* line 46, ../sass/_fonts.scss */
[class^="sequra"] .icon-check:before {  
  content: "\1F5F9"!important;
}

/* line 49, ../sass/_fonts.scss */
[class^="sequra"]  .icon-creditcard:before {
  content: "\1F4B3" !important;
}

/* line 52, ../sass/_fonts.scss */
[class^="sequra"]  .icon-info:before {
  content: "\1f6c8" !important;
}

/* line 55, ../sass/_fonts.scss */
[class^="sequra"]  .icon-papers:before {
  content: "\1F5BA" !important;
}

/* line 58, ../sass/_fonts.scss */
[class^="sequra"]  .icon-sms:before {
  content: "\1F4F2" !important;
}

/* line 61, ../sass/_fonts.scss */
[class^="sequra"]  .icon-timer:before {
  content: "\23F2" !important;;
}

[class^="sequra"] span[class$="-js"]{
  white-space: nowrap;
}

/* line 64, ../sass/_fonts.scss */
.icon-sequra-logo:before {
  content: "\e900" !important;
  color: white !important;
}

.sequra_popup .sq-modal-head .sq-head-title {
    background: #70ba45;
    color: white;
    padding: 8px 20px;
    overflow: hidden;
    border-radius: 6px 6px 0 0;
}

.sequra_popup .sq-modal-head .sq-head-title .sq-product-logo {
  float: right;
  position: relative;
  top: 2px;
}

.sequra_popup .sq-modal-head .sq-head-title {
    background: #70ba45;
    color: white;
    padding: 8px 20px;
}

.sequra_popup .sq-modal-head .sq-head-title .sq-product-name {
  /*font-family: 'Montserrat';*/
  font-size: 13px;
  float: left;
}

.sequra_popup .sq-modal-head .sq-head-info .sq-claim {
  width: 50%;
  float: left;
  line-height: 25px;
}

.sequra_popup .sq-modal-head .sq-head-info .sq-info-link {
  width: 50%;
  float: left;
}

@media (max-width: 960px) {
    [class^="sequra"] .icon-info:before {
        font-size: 22px;
    }
}    

/*Product page simulator */

#sequra_partpayment_teaser {
    display: block;
    clear: both;
    white-space: normal;
}

#sequra_partpayment_teaser fieldset {

}

#sequra_partpayment_teaser fieldset legend {

}

#sequra_partpayment_teaser li span {
  padding-left: 0px;
  margin-left: 0px;
}

#sequra_teaser_head{
    margin: 0px;
}

#sequra_partpayment_teaser ul {
    margin-top: 3px;
    margin-bottom: 5px;
    list-style: square;
    list-style-position: inside;
    color: #00e700;
}

#sequra_partpayment_teaser ul span{
    color: #00e700;
}

/*Highligted data*/
#sequra_partpayment_teaser .down_payment_total-js,
#sequra_partpayment_teaser .installment_fee-js{
    font-size: 16px;
    color:#00e700;
    
}

#sequra_partpayment_teaser select{
    background: #fff;
    border-radius: 3px;
    width: 4em;
}

#sequra_partpayment_teaser .sequra_small_logo {
    width:70px;
    text-align:right;
    margin:0px;
}

#sequra_partpayment_teaser #sequra_partpayment_teaser_low {
    background: none;
    width: 100%;
    text-align: center;
    padding: 8px 0;
}

.sequra_loading{
  -webkit-filter: blur(15px);
  -moz-filter: blur(15px);
  -o-filter: blur(15px);
  -ms-filter: blur(15px);
  filter: blur(15px);
  opacity:0.6;
  -webkit-animation: blur 3s linear forwards;
  -moz-animation: blur 3s linear forwards;
  -ms-animation: blur 3s linear forwards;
  -o-animation: blur 3s linear forwards;
  animation: blur 3s linear forwards;
}
@-webkit-keyframes blur {
  to {
    -webkit-filter: blur(1px);
    filter: blur(1px);
    opacity:.9;
  }
}
@-moz-keyframes blur {
  to {
    -moz-filter: blur(1px);
    filter: blur(1px);
    opacity:.9;
  }
}
@keyframes blur {
  to {
    -webkit-filter: blur(1px);
    -moz-filter: blur(1px);
    filter: blur(1px);
    opacity:.9;
  }
}

.instalment_total-js { font-size:16px;}
.sequra {text-align:center; border: 1px dotted #00e700; border-radius:50px; padding:10px;  margin-top:20px; color:#152648;}


.widget-catalogsale-products-carousel .new-slider{  
	border:1px solid #ddd;
	position:relative;
	width:1000px;
	padding:20px 30px;
	margin:10px auto;
}
.widget-catalogsale-products-carousel .box-top {
	overflow:hidden;
	position:relative; 
	left:0;
	float:left;
	width:986px;
	height:220px;
	margin-left:5px;
}
.widget-catalogsale-products-carousel .box-top ul {
	list-style:none;
	padding:0; 
	
	}
.widget-catalogsale-products-carousel .box-top ul li {  
	display:block; 
	float:left;
	position:relative; 
	width:220px;
	margin-right:25px;
	text-align:center;
	overflow:hidden;
}
.widget-catalogsale-products-carousel #left, #right{ cursor:pointer}
.widget-catalogsale-products-carousel .box-left,
.widget-catalogsale-products-carousel .box-right { 
	position:absolute; 
	top:84px; 
	width:21px; 
	height:35px; 
	cursor:pointer;
}
.widget-catalogsale-products-carousel .box-left {
	left:0px; 
	background:#000;
	}
.widget-catalogsale-products-carousel .box-right {
	right:0px;
	background:#000;
	}

.video-carousel {
  position: relative;
  height: 60vh;
  overflow: hidden;
  width: 100vw;
  margin-left: calc(50% - 51vw);
}

/* Fade logic */
.video-carousel .carousel-track {
  position: relative;
  height: 100%;
}

.video-carousel .slide {
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.6s ease;
  pointer-events: none;
}

.video-carousel .slide.active {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}

.video-carousel .slide video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* Segmented progress bar */
.video-carousel .slide-progress-bar {
  position: absolute;
  bottom: 12px;
  left: 12px;
  right: 12px;
  display: flex;
  opacity: 0;
  gap: 6px;
  z-index: 20;
  transition: opacity 0.6s ease;
}

.video-carousel:hover .slide-progress-bar {
    opacity: 1;
}

.video-carousel .progress-segment {
  flex: 1;
  height: 3px;
  background: rgba(255,255,255,0.3);
  overflow: hidden;
  border-radius: 2px;
}

.video-carousel .progress-segment span {
  display: block;
  height: 100%;
  width: 0%;
  background: white;
}

/* Arrows */
.video-carousel .arrow {
  position: absolute;
  top: 50%;
  background: transparent;
  color: white;
  border: none;
  font-size: 2rem;
  padding: 10px 15px;
  cursor: pointer;
  z-index: 10;
  transition: transform 0.3s ease-in-out;
}

.video-carousel .arrow:hover {
    transform: scale(1.5);
}

.video-carousel .arrow.prev { left: 10px; }
.video-carousel .arrow.next { right: 10px; }

/* Dots */
.video-carousel .dots {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
  z-index: 10;
}

.video-carousel .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 5px;
  background: rgba(255,255,255,0.5);
  border-radius: 50%;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}

.video-carousel .dot:hover {
    transform: scale(1.5);
}

.video-carousel .dot.active {
  background: white;
  transform: scale(1.3);
}

/* Overlay content */
.video-carousel .slide-content {
  position: absolute;
  inset: 0;
  z-index: 5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 20px;
  pointer-events: none; /* allow swipe through */
  color: white;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.video-carousel .slide.active .slide-content {
    opacity: 1;
}

/* Optional dark overlay for readability */
.video-carousel .slide-content::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.35);
  z-index: -1;
}

/* Text styling */
.video-carousel .slide-content .video-header {
  font-size: 40px;
  margin-bottom: 10px;
  font-weight: 600;
}

.video-carousel .slide-content .video-subheader {
    font-size: 15px;
    margin-bottom: 20px;
    font-weight: 600;
}

/* Button */
.video-carousel .slide-content .btn {
  pointer-events: auto; /* clickable */
  display: inline-block;
  padding: 12px 28px;
  background: white;
  color: black;
  text-decoration: none;
  font-weight: 600;
  border-radius: 30px;
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.video-carousel .slide-content .btn:hover {
  transform: scale(1.05);
  opacity: 0.9;
}

@media only screen and (max-width: 767px) {
  .video-carousel {
    border-radius: 0;
  }
}
.slider-container {
    width: 100%;
    max-width: 1600px;
    position: relative;
    margin: auto;
    margin-top: 40px;
}
.slider-container p.sub-header{
    text-align: center;
    background: #ededed;
    padding: 12px 16px;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.25;
    font-family: var(--font-family-menu);
}
.slider-container.no-arrow{
    max-width: 100%;
}
.slider-container.slider-margin{
    margin: 30px auto 60px;
}
.slider-container.disable{
    display: none;
}

.slider-container .slider-hidden {
    overflow: hidden;
    padding-bottom: 30px;
    margin-top: 20px;
}

.slider-container .slider {
    display: flex;
    transition: transform 0.3s ease-out;
    will-change: transform;
}

.slider-container .slider.products-ups{
    margin-top: 20px;
}

.slider-container .slide {
    flex: 0 0 auto;
    padding: 0 10px;
    position: relative;
}

.slider-container .slide img {
    display: block;
    width: 100%;
}

.slider-container .prev,
.slider-container .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--main-bg-color);
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 50%;
    z-index: 10;
    height: 40px;
    width: 40px;
    opacity: 1;
    transition: opacity 0.5s;
    font-size: 0;
}

.slider-container .prev {
    left: -40px;
}

.slider-container .next {
    right: -40px;
}

.slider-container:hover .prev,
.slider-container:hover .next {
    opacity: 1;
}

.slider-container .prev.disable,
.slider-container .next.disable,
.slider-container .prev:hover.disable,
.slider-container .next:hover.disable {
    opacity: 0;
    cursor: initial;
}

.slider-container .prev::after,
.slider-container .prev::before,
.slider-container .next::after,
.slider-container .next::before {
    content: "";
    background-color: #fff;
    width: 15px;
    position: absolute;
    height: 2px;
    left: 0;
    right: 0;
    margin: auto;
}

.slider-container .prev::after,
.slider-container .next::before {
    transform: rotate(45deg);

}

.slider-container .prev::before,
.slider-container .next::after {
    transform: rotate(-45deg);
}

.slider-container .next::before,
.slider-container .prev::before {
    top: 14px;
}

.slider-container .prev::after,
.slider-container .next::after {
    bottom: 14px;
}

.slider-container .dots{
    display: flex;
    gap: 20px;
    justify-content: center;
    /*border-radius: 5px;
    overflow: hidden;
    background-color: #e8e8e8;
    position: relative;
    margin-top: 0;
    transition: all 0.1s ease-in;*/
}
.old-safari .slider-container .dots{
    gap: 0;
}
.old-safari .slider-container .dots > div:not(:last-child){
    margin-right: 20px;
}
.slider-container .dots>div{
    width: 13px;
    height: 13px;
    border: 1px solid var(--main-bg-color);
    border-radius: 10px;
    cursor: pointer;
    transition: all 0.1s ease-in;
    position: relative;
    position: relative;
}
.slider-container .dots>div.active::after{
    content: "";
    background-color: var(--main-bg-color);
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.slider-container .dots .actual-position{
    background-color: var(--main-bg-color);
    position: absolute;
    width: 100%;
    border-radius: 5px;
    height: 100%;
}
.widget-products .title{
    text-align: center;
    padding: 30px 0 0px 0;
    border-bottom: 5px solid var(--main-bg-color);
    max-width: max-content;
    margin: auto;
    font-size: 45px;
}
.catalog-product-view .widget-products{
    float: left;
    width: 100%;
}
.widget-products ul{
    display: flex;
    gap: 20px;
    max-width: max-content;
    margin: 20px auto;
}
body.old-safari .widget-products ul{
    gap: 0;
}
body.old-safari .widget-products ul li:not(:last-child){
    margin-right: 20px;
}
.widget-products li{
    cursor: pointer;
}
.widget-products li.active{
    border-bottom: 5px solid var(--main-bg-color);
    font-weight: 600;
}
.slider-products{
    margin-bottom: 40px;
}
.products-grid .price-box{
    width: initial;
    display: flex;    
}
.products-grid .price-box .special-price{
    order: 2;
}
.products-grid .price-box .old-price{
    order: 1;
}
.products-grid .bloque-imagen .product-image{
    float: none;
}
.box-up-sell .product-name {
    margin-top:0; 
}
.box-up-sell ul li .product-box {
    text-align: left;
}
.box-up-sell ul li .product-image img {
    max-width: 250px;
    width: 100%;
    margin: auto;
    display: block;
}
.box-up-sell .price-box .price {
    padding: 0;
}
@media only screen and (max-width: 1700px){
    .slider-container .prev {
        left: 20px;
    }
    
    .slider-container .next {
        right: 20px;
    }
}
@media only screen and (max-width: 767px) {
    .slider-container .prev, .slider-container .next{
        display: none;
    }
    .slider-container .slider-hidden{
        padding-bottom: 15px;
    }
    .slider-products{
        margin-bottom: 0;
        overflow-y: hidden;
        
    }
    .widget-products .title {
        font-size:30px;     
        max-width: auto;
    }
    .widget-products{
        padding: 0 15px;
    }
    .widget-products .regular-price .price{
        display: block;
    }
    .std .widget-products{
        padding: 0;
    }
    .widget-products ul{
        gap: 15px;
    }
    body.old-safari .widget-products ul{
        gap: 0;
    }
    body.old-safari .widget-products ul li:not(:last-child){
        margin-right: 15px;
    }
    /*.slider-container .dots{
        display: none !important;
    }*/
}