@font-face { font-family: 'FontAwesome'; src: url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/fontawesome-webfont.eot'); src: url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/fontawesome-webfont.woff2') format('woff2'), url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/fontawesome-webfont.woff') format('woff'), url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/fontawesome-webfont.ttf') format('truetype'), url('https://dfou7ztp2gaz6.cloudfront.net/common/css/fonts/fontawesome-webfont.svg#fontawesomeregular') format('svg'); } /*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.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.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.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:#fff}.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-remove:before,.fa-close:before,.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-photo:before,.fa-image:before,.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,.fa-bar-chart: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-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-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.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-navicon:before,.fa-reorder:before,.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-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc: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-mail-reply-all:before,.fa-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,.fa-gratipay: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-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto} /** * Swiper 4.4.6 * Most modern mobile touch slider and framework with hardware accelerated transitions * http://www.idangero.us/swiper/ * * Copyright 2014-2018 Vladimir Kharlampidi * * Released under the MIT License * * Released on: December 19, 2018 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .visible-xl, .visible-xxs { display: none !important; } .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block, .visible-xl-block, .visible-xl-inline, .visible-xl-inline-block { display: none !important; } .visible-xxs-block, .visible-xxs-inline, .visible-xxs-inline-block, .visible-xxs-block, .visible-xxs-inline, .visible-xxs-inline-block { display: none !important; } .col-xxs-1, .col-xl-1, .col-xxs-2, .col-xl-2, .col-xxs-3, .col-xl-3, .col-xxs-4, .col-xl-4, .col-xxs-5, .col-xl-5, .col-xxs-6, .col-xl-6, .col-xxs-7, .col-xl-7, .col-xxs-8, .col-xl-8, .col-xxs-9, .col-xl-9, .col-xxs-10, .col-xl-10, .col-xxs-11, .col-xl-11, .col-xxs-12, .col-xl-12 { float: left; position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } @media (max-width: 479px) { .col-xxs-1 { width: 8.33333%; } .col-xxs-pull-0 { right: auto; } .col-xxs-push-0 { left: auto; } .col-xxs-offset-0 { margin-left: 0%; } .col-xxs-pull-1 { right: 8.33333%; } .col-xxs-push-1 { left: 8.33333%; } .col-xxs-offset-1 { margin-left: 8.33333%; } .col-xxs-2 { width: 16.66667%; } .col-xxs-pull-2 { right: 16.66667%; } .col-xxs-push-2 { left: 16.66667%; } .col-xxs-offset-2 { margin-left: 16.66667%; } .col-xxs-3 { width: 25%; } .col-xxs-pull-3 { right: 25%; } .col-xxs-push-3 { left: 25%; } .col-xxs-offset-3 { margin-left: 25%; } .col-xxs-4 { width: 33.33333%; } .col-xxs-pull-4 { right: 33.33333%; } .col-xxs-push-4 { left: 33.33333%; } .col-xxs-offset-4 { margin-left: 33.33333%; } .col-xxs-5 { width: 41.66667%; } .col-xxs-pull-5 { right: 41.66667%; } .col-xxs-push-5 { left: 41.66667%; } .col-xxs-offset-5 { margin-left: 41.66667%; } .col-xxs-6 { width: 50%; } .col-xxs-pull-6 { right: 50%; } .col-xxs-push-6 { left: 50%; } .col-xxs-offset-6 { margin-left: 50%; } .col-xxs-7 { width: 58.33333%; } .col-xxs-pull-7 { right: 58.33333%; } .col-xxs-push-7 { left: 58.33333%; } .col-xxs-offset-7 { margin-left: 58.33333%; } .col-xxs-8 { width: 66.66667%; } .col-xxs-pull-8 { right: 66.66667%; } .col-xxs-push-8 { left: 66.66667%; } .col-xxs-offset-8 { margin-left: 66.66667%; } .col-xxs-9 { width: 75%; } .col-xxs-pull-9 { right: 75%; } .col-xxs-push-9 { left: 75%; } .col-xxs-offset-9 { margin-left: 75%; } .col-xxs-10 { width: 83.33333%; } .col-xxs-pull-10 { right: 83.33333%; } .col-xxs-push-10 { left: 83.33333%; } .col-xxs-offset-10 { margin-left: 83.33333%; } .col-xxs-11 { width: 91.66667%; } .col-xxs-pull-11 { right: 91.66667%; } .col-xxs-push-11 { left: 91.66667%; } .col-xxs-offset-11 { margin-left: 91.66667%; } .col-xxs-12 { width: 100%; } .col-xxs-pull-12 { right: 100%; } .col-xxs-push-12 { left: 100%; } .col-xxs-offset-12 { margin-left: 100%; } .visible-xxs, .visible-xxs-block { display: block !important; } table.visible-xxs { display: table !important; } tr.visible-xxs { display: table-row !important; } th.visible-xxs, td.visible-xxs { display: table-cell !important; } .visible-xxs-inline { display: inline !important; } .visible-xxs-inline-block { display: inline-block !important; } } @media (min-width: 1400px) { .col-xl-1 { width: 8.33333%; } .col-xl-pull-0 { right: auto; } .col-xl-push-0 { left: auto; } .col-xl-offset-0 { margin-left: 0%; } .col-xl-pull-1 { right: 8.33333%; } .col-xl-push-1 { left: 8.33333%; } .col-xl-offset-1 { margin-left: 8.33333%; } .col-xl-2 { width: 16.66667%; } .col-xl-pull-2 { right: 16.66667%; } .col-xl-push-2 { left: 16.66667%; } .col-xl-offset-2 { margin-left: 16.66667%; } .col-xl-3 { width: 25%; } .col-xl-pull-3 { right: 25%; } .col-xl-push-3 { left: 25%; } .col-xl-offset-3 { margin-left: 25%; } .col-xl-4 { width: 33.33333%; } .col-xl-pull-4 { right: 33.33333%; } .col-xl-push-4 { left: 33.33333%; } .col-xl-offset-4 { margin-left: 33.33333%; } .col-xl-5 { width: 41.66667%; } .col-xl-pull-5 { right: 41.66667%; } .col-xl-push-5 { left: 41.66667%; } .col-xl-offset-5 { margin-left: 41.66667%; } .col-xl-6 { width: 50%; } .col-xl-pull-6 { right: 50%; } .col-xl-push-6 { left: 50%; } .col-xl-offset-6 { margin-left: 50%; } .col-xl-7 { width: 58.33333%; } .col-xl-pull-7 { right: 58.33333%; } .col-xl-push-7 { left: 58.33333%; } .col-xl-offset-7 { margin-left: 58.33333%; } .col-xl-8 { width: 66.66667%; } .col-xl-pull-8 { right: 66.66667%; } .col-xl-push-8 { left: 66.66667%; } .col-xl-offset-8 { margin-left: 66.66667%; } .col-xl-9 { width: 75%; } .col-xl-pull-9 { right: 75%; } .col-xl-push-9 { left: 75%; } .col-xl-offset-9 { margin-left: 75%; } .col-xl-10 { width: 83.33333%; } .col-xl-pull-10 { right: 83.33333%; } .col-xl-push-10 { left: 83.33333%; } .col-xl-offset-10 { margin-left: 83.33333%; } .col-xl-11 { width: 91.66667%; } .col-xl-pull-11 { right: 91.66667%; } .col-xl-push-11 { left: 91.66667%; } .col-xl-offset-11 { margin-left: 91.66667%; } .col-xl-12 { width: 100%; } .col-xl-pull-12 { right: 100%; } .col-xl-push-12 { left: 100%; } .col-xl-offset-12 { margin-left: 100%; } .visible-xl, .visible-xl-block { display: block !important; } table.visible-xl { display: table !important; } tr.visible-xl { display: table-row !important; } th.visible-xl, td.visible-xl { display: table-cell !important; } .visible-xl-inline { display: inline !important; } .visible-xl-inline-block { display: inline-block !important; } } @media(max-width: 767px){ .hidden-xxs{ display: none; } } :root { --color-primary: #DCFE42; --color-purple: #6B38FB; --color-pink: #F52C98; --color-pink-dark: #D52677; --color-dark: #1C1D1E; --color-gray-bg: #F2F3F4; --color-red-error: #E94949; --body-font: 'Space Grotesk', sans-serif; --title-font: 'Aeion Mono', sans-serif; } @font-face { font-family: 'Aeion Mono'; src: url('../fonts/AeionMono-ExtraLight.woff2') format('woff2'), url('../fonts/AeionMono-ExtraLight.woff') format('woff'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Aeion Mono'; src: url('../fonts/AeionMono-Light.woff2') format('woff2'), url('../fonts/AeionMono-Light.woff') format('woff'); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Aeion Mono'; src: url('../fonts/AeionMono-SemiLight.woff2') format('woff2'), url('../fonts/AeionMono-SemiLight.woff') format('woff'); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Aeion Mono'; src: url('../fonts/AeionMono-Regular.woff2') format('woff2'), url('../fonts/AeionMono-Regular.woff') format('woff'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Aeion Mono'; src: url('../fonts/AeionMono-SemiBold.woff2') format('woff2'), url('../fonts/AeionMono-SemiBold.woff') format('woff'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Aeion Mono'; src: url('../fonts/AeionMono-Bold.woff2') format('woff2'), url('../fonts/AeionMono-Bold.woff') format('woff'); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Aeion Mono'; src: url('../fonts/AeionMono-ExtraBold.woff2') format('woff2'), url('../fonts/AeionMono-ExtraBold.woff') format('woff'); font-weight: 800; font-style: normal; font-display: swap; } html, body { overflow-x: hidden; } .a-p { position: relative; background-size: cover; background-position: center; } .a-p:before { content: ""; display: block; } .a-p-1by1:before { padding-bottom: 100%; } .a-p-2_44by1:before { padding-bottom: 41.01%; } .a-p-2_23by1:before { padding-top: 80.97%; } .quantity .help-block.form-error { display: none; } .modal { z-index: 10050; } .modal-backdrop { z-index: 10049; } .modal-content { border-radius: 20px; } .modal-open-persistant { overflow: hidden; } .modal-open-persistant .modal { overflow-x: hidden; overflow-y: auto; } .swiper-button-prev, .swiper-button-next { display: none; background: none; } .swiper-button-prev.swiper-control-init:not(.swiper-button-lock), .swiper-button-next.swiper-control-init:not(.swiper-button-lock) { display: block; } .icon-close-modal .icon { height: 15px; width: 15px; display: block; } .row-flex { display: flex; flex-wrap: wrap; } .row-flex:after, .row-flex:before { display: none; } .row.row-gutter-15 { margin-left: -7.5px; margin-right: -7.5px; } .row.row-gutter-15>[class*="col-"] { padding-left: 7.5px; padding-right: 7.5px; } button svg, a svg { fill: currentColor; pointer-events: none; } /* -------------------------- legalTextLinks -------------------------- */ .legalTextLinks { display: flex; align-items: center; flex-wrap: wrap; } .legalTextLinks:before, .legalTextLinks:after { display: none; } .legalTextLinks input { float: left; width: 16px; height: 16px; margin: 0; display: block; } .legalTextLinks>span:not(.form-error) { float: left; width: calc(100% - 20px); padding-left: 10px; font-size: 11px; line-height: 1.2; } .legalTextLinks a { text-decoration: underline; -webkit-text-decoration-color: #999; text-decoration-color: #999; } .legalTextLinks>.form-error { width: 100%; } @media (min-width: 992px) { .row-flex-md-up { display: flex; flex-wrap: wrap; } .row-flex-md-up:after, .row-flex-md-up:before { display: none; } } /* fix lazyload alt visual */ img:not([src]) { opacity: 0; height: 0; } /* ---------------------- General structure ----------------------*/ body { background-color: #e5e5e5; font-size: 12px; font-family: var(--body-font); font-weight: 400; color: var(--color-dark); } body .h1, body h1 { font-size: 36px; } body .h2, body h2 { font-size: 26px; } body .h3, body h3 { font-size: 20px; } @media(max-width: 992px) { body .h3, body h3 { font-size: 18px; } } body p { font-size: 14px; } body p>a { color: var(--color-purple); } body p>a:hover, body p>a:focus { color: #6029b0; } .buyFormSubmit .new-icon, .stickyButton .new-icon { display: none; } .buyFormSubmit.btn[disabled]:not(.notAvailable) { cursor: wait; } .btn.disabled, .btn[disabled], fieldset[disabled] .btn { opacity: 1; } .buyFormSubmit.btn.selectOption[disabled] { cursor: not-allowed; font-size: 12px; } .form-control { font-size: 12px; } #shop-content { background-color: var(--color-dark); min-height: 500px; } main, footer { background-color: #FFF; } .alert { padding: 10px; } ::-moz-selection { background: #E5FF13; color: #798A16; text-shadow: none; } ::selection { background: #E5FF13; color: #798A16; text-shadow: none; } h1::-moz-selection, .h1::-moz-selection, h2::-moz-selection, .h2::-moz-selection { background-color: var(--color-purple); color: #FFF; } h1::selection, .h1::selection, h2::selection, .h2::selection { background-color: var(--color-purple); color: #FFF; } #shop-content { width: 100%; margin: 0 auto; min-height: 100vh; /* Allarga la pagina al 100% si falla no fa res, no treure */ } .has-success .form-control, .has-success .input-group-addon { border-color: #adadad; box-shadow: none; } .has-success .form-control:focus, .has-success .input-group-addon:focus { border-color: #adadad; box-shadow: none; } .has-error .form-control, .has-error .input-group-addon { border-color: var(--color-red-error); box-shadow: none; } .has-error .form-control:focus, .has-error .input-group-addon:focus { border-color: var(--color-red-error); box-shadow: none; } .has-error .checkbox, .has-error .checkbox-inline, .has-error .control-label, .has-error .help-block, .has-error .radio, .has-error .radio-inline, .has-error.checkbox label, .has-error.checkbox-inline label, .has-error.radio label, .has-error.radio-inline label { color: var(--color-red-error); } h1, .h1, h2, .h2 { margin-top: 0; } .breadcrumb { font-size: 11px; border-radius: 0; } hr { border-color: #EEE; } #main-content .bootstrap-select { padding: 0; } #productCommentsNickField, textarea.productCommentsField, #main-content .loginForm select, #main-content .loginForm textarea, #main-content .loginForm input[type="text"], #main-content .loginForm input[type="email"], #main-content .loginForm input[type="password"], #main-content .loginForm .form-control:not(.bootstrap-select), #main-content .loginForm .bootstrap-select>button.dropdown-toggle, #main-content .loginForm .input-group-addon, #orderCommentsField, #oneStepCheckoutLogin #loginForm .form-control, input.productStockAlertField, #main-content .userForm select, #main-content .userForm textarea, #main-content .userForm input[type="text"], #main-content .userForm input[type="email"], #main-content .userForm input[type="password"], #main-content .addressBookForm input[type="text"], #main-content .addressBookForm input[type="email"], #main-content .addressBookForm input[type="password"], #main-content .userForm .form-control:not(.bootstrap-select), #main-content .addressBookForm .form-control:not(.bootstrap-select), #main-content .userForm .bootstrap-select>button.dropdown-toggle, #main-content .addressBookForm .bootstrap-select>button.dropdown-toggle, #main-content .userForm .input-group-addon, #changePasswordForm input[type="password"] { border-radius: 10px; box-shadow: none; color: #9d9d9d; padding-top: 7px; padding-bottom: 7px; height: 35px; font-size: 12px; } .dropdown-menu { border-radius: 0; font-size: 12px; } .dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover { background-color: transparent; color: #defe00; } a:focus, a:hover, .btn-link:focus, .btn-link:hover, button:focus, button:active { outline-offset: 0px; text-decoration: none; } .nav-tabs-flex::before, .nav-tabs-flex::after { display: none; } .modal .close { opacity: 1; fill: #9a9a9a; padding: 16px; margin: -5px -8px 0 0; background-color: #FFF; border-radius: 50%; position: absolute; right: 9px; top: 5px; z-index: 55; text-shadow: none; transition: all 350ms ease; } .modal .close:hover, .modal .close:active { opacity: 1; fill: #626262; } table { width: 100%; } table.table>tbody>tr:first-child>td { border-top: none; } table.table.empty-table * { border-color: transparent; } table.table thead>tr { background: #f2f2f2; text-transform: uppercase; font-size: 13px; font-family: var(--body-font); font-weight: 500; } .table>thead>tr>th { border-bottom: none; } label, b, strong { font-weight: normal; font-family: inherit; font-weight: 500; } form .form-message.alert { margin: 15px 0; } .dropdown form .form-message.alert { margin-top: 0; font-size: small; padding: 10px; } #languagesModal .modal-body { padding: 40px; } .panel-title { font-size: inherit; } .panel-group .panel { border-radius: 0; } .panel-heading { padding: 10px 40px 10px 15px; border-radius: 0; position: relative; } .panel-title [data-toggle="collapse"] { position: absolute; top: 0; right: 0; padding: 10px 15px; } .product-list-loadSkeleton div { background-color: #FFF; padding-bottom: 150%; } .btn-link { margin: 0; border: 0; padding: 0; } a, .btn-link { color: #333; } a:hover, a:focus, .btn-link:hover, .btn-link:focus, .fluidContent-product .wishlistButton:hover { color: var(--color-purple); background-color: transparent; } /* --------------------- Pagination (overrite bootstrap) -------------------- */ .paginationContainer .pagination { margin: 0; } .pagination { display: flex; justify-content: center; align-items: center; font-size: 13px; gap: 2px; } .pagination>li>a, .pagination>li>span { padding: 0; width: 26px; height: 26px; display: flex; align-items: center; justify-content: center; border: 0; color: var(--color-dark); border-radius: 50% !important; } .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover { background-color: var(--color-gray-bg); color: var(--color-dark); } .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover { background-color: transparent; color: var(--color-dark); font-weight: 500; } .pagination>li.arrow>a, .pagination>li.arrow>span { width: 32px; height: 32px; } .pagination .icon { width: 24px; height: 24px; } .nav-tabs { border-bottom: 0; } .nav-tabs>li>a { border: 0px; width: 200px; text-align: center; background-color: #f1f1f1; border-radius: 0; color: #656565; font-size: 14px; background-color: #fff; } .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover { color: #555; background-color: #B5B5B5; background-color: #fff; border: 0; } .nav>li>a:focus, .nav>li>a:hover { background-color: var(--color-purple); color: #FFF; } @media(max-width: 1199px) { .nav-tabs>li>a { width: auto; } } .warrantyName .sbtc-btn.btn-default { position: relative; } .productOptions .productOptionValue:not(.productOptionSelectValue) { float: left; } .productOptions .productOptionValue label, .productOptions .productOptionValue input { margin: 0; } .productOptions .productOptionValue+.productOptionValue { margin-left: 5px; } .productOptions .productOptionValues:before, .productOptions .productOptionValues:after { content: " "; display: table; } .productOptions .productOptionValues:after { clear: both; } .productOptions .productOption+.productOption { margin-top: 15px; } .productOptions .productOptionValueImage { max-width: 100%; display: block; height: auto; } div#cookiesBannerContainer { bottom: 30px !important; z-index: 99999999; } div#cookiesBannerButton { transition: all 350ms ease; } div#cookiesBannerButton:hover, div#cookiesBannerButton:active, div#cookiesBannerButton:focus { opacity: .3; } @media(max-width: 767px) { div#cookiesBannerContainer { width: 75%; bottom: 15px !important; left: 15px !important; } } @media(max-width: 480px) { div#cookiesBannerContainer { width: 100%; bottom: 0px !important; left: 0px !important; font-size: small; } } div#productContactSubmitContainer { margin-top: 15px; } /* Notifys */ .fluidNotify.fluidNotify-notes { z-index: 10500; width: 100%; top: 0; right: 0; display: flex; flex-direction: column; align-items: flex-end; gap: 8px; padding: 8px; } .fluidNotify .note { position: relative; padding: 16px 48px 16px 56px; border-radius: 8px; font-family: inherit; font-size: 13px; display: flex; min-height: 56px; align-items: center; max-width: 350px; width: 100%; border: 1px solid #ffffff3d; } .fluidNotify .note::before { content: ""; position: absolute; height: 56px; width: 56px; background-size: 24px; background-repeat: no-repeat; padding: 16px; top: 0; left: 0; background-position: center; } .fluidNotify .note.note-success::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23adfe42' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-circle-check'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E"); } .fluidNotify .note.note-danger::before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23E94949' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-circle-x'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m15 9-6 6'/%3E%3Cpath d='m9 9 6 6'/%3E%3C/svg%3E"); } .fluidNotify .note:is(.note-success, .note-danger) { background-color: #38383b; color: #FFF; } .fluidNotify .note:is(.note-success, .note-danger):hover { background-color: #252528; } .fluidNotify .note .content { margin: 0; } .fluidNotify .note .content a { text-decoration: underline; color: inherit; } .fluidNotify .note .remove { position: absolute; padding: 16px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-x'%3E%3Cpath d='M18 6 6 18'/%3E%3Cpath d='m6 6 12 12'/%3E%3C/svg%3E"); background-position: center; background-size: 16px; background-repeat: no-repeat; height: 48px; width: 48px; margin: 0; top: 0; right: 0; opacity: .75; transition: opacity 350ms ease; } .fluidNotify .note .remove:hover, .fluidNotify .note .remove:focus { opacity: 1; } .fluidNotify .note .remove span { display: none; } .fluidNotify.fluidNotify-notes .note:not(:last-child) { margin-bottom: 0; } .fluidNotify.fluidNotify-notes .title { display: block; margin-right: 0; margin-bottom: 8px; font-size: 15px; line-height: 1.2; font-weight: 600; } @media(min-width: 1200px) { .pull-right-lg { float: right; } .pull-left-lg { float: left; } .filterSubmitWrapper a[href*="?"] { display: none; } } @media (max-width: 1199px) { .filterElements { margin-bottom: 0; } } #zoom-modal .modal-dialog { width: 100%; max-width: 1000px; } #zoom-modal img { margin: 0 auto; } #zoom-modal .modal-body { padding: 0; } @media(max-width: 991px) { #zoom-modal .modal-dialog { margin: 0 auto; } } /* news items */ .newItem-smallImage { display: block; } .newItem-smallImage img { width: 100%; } .newItem-date { background-color: #333; color: #FFF; padding: 10px 15px; text-align: center; } .newItem-smallImage+.newItem-body { margin-top: 10px; } .newItem-item { margin-bottom: 35px; } .swiper-slide .newItem-item { margin-bottom: 0px; } /* news */ section#news-section { margin-bottom: 15px; } section#new-section { margin-bottom: 30px; } /* multiple carousel controls */ .carouselTitle { padding-right: 90px; } .carousel-header { position: relative; } /* ---------- categories/search/sales/hightlights ---------- */ .filterBlock+.filterBlock { margin-top: 10px; } .aContainerClearFilter { padding: 0 15px 15px; } .aContainerClearFilter button { margin-top: 0; width: auto; } .filterSubmit, .aContainerClearFilter button { transition: all 350ms ease; } @media(min-width: 1200px) { .aContainerClearFilter button { margin-bottom: 15px; } .filterSubmit { margin-top: 15px; } } .filterBlockTitle { font-size: 16px; padding-bottom: 8px; padding-top: 8px; text-transform: lowercase; color: var(--color-dark); font-family: var(--title-font); font-weight: 500; letter-spacing: -0.04em; } .filterBlockTitle::first-letter { text-transform: uppercase; } .searchCriteriaFilterBlock label.searchCriteriaFilterElement { margin-left: -5px; } .filterElements { padding: 0 0 15px 9px; color: #999999; line-height: 1; display: table; min-width: 50%; } @media(min-width: 1200px) { .filterElements * { font-size: 14px; } } .filterElements .form-group { margin-bottom: 0; } .filterElements input { display: none; } .filterElements label { font-family: var(--body-font); font-weight: 400; margin: 0; } .filters-column { padding-top: 21px; } .filterElement label, .filterElement a { padding: 4px 6px; border: 1px solid transparent; border-radius: 1px; margin-top: -1px; display: block; transition: all 350ms ease; } .filterElement a { color: #999999; } .filterElement label:hover, .filterElement a:hover { color: #333; } .checked label { border: 1px solid #b3b3b3; border-radius: 2rem; } .brandsFilterElement label { text-transform: lowercase; } .brandsFilterElement label:first-letter { text-transform: uppercase; } .filters-column { margin: 0 0 20px; opacity: 0; visibility: visible; } .filters-column form { padding: 15px 0; } .filters-column form:after, .filters-column form:before { content: ""; display: table; } .filters-column form:after { clear: both; } .productsPageBody { margin-bottom: 50px; } @media(max-width: 1199px) { .filters-column form { padding: 0; margin-top: 10px; } } @media(max-width: 767px) { .productsPageBody { margin-bottom: 20px; } } .productsPageLeftColumn { width: 215px; float: left; position: relative; } @media(min-width: 1200px) { .category-right-col { width: calc(100% - 215px); float: left; position: relative; } } :is(.short-desc, .long-desc) :is(h2, h3, h4, h5, h6) { font-family: var(--title-font); letter-spacing: -0.04em; color: var(--color-dark); font-weight: 500; line-height: 1.3; } :is(.short-desc, .long-desc) :is(h2, h3, h4, h5, h6)>span[style*="font-weight"] { font-weight: 500 !important; } :is(.short-desc, .long-desc) h2 { font-size: 24px; } @media(min-width: 1200px) { :is(.short-desc, .long-desc) h2 { font-size: 24px; } } .category-right-col .short-desc { font-size: 14px; line-height: 22px; } .category-right-col .short-desc, .firstLvlCategory .short-desc { color: #66686E; margin-bottom: 35px; } .viewMoreBlock { display: none; } .filterElements .filterElement:nth-child(n+7) { display: none; } .filterElements .filterElement.priceFilterElement:nth-child(n+7) { display: block; } .viewMoreBlock .filterElement:nth-child(n+7) { display: block; } .categoriesFilterElements .togglerMoreBlock { padding-left: 6px; } .togglerMoreBlock { cursor: pointer; color: #999; padding: 5px 0; display: block; padding-left: 27px; } .togglerMoreBlock:hover, .togglerMoreBlock:focus { color: #000; } .togglerMoreBlock .icon { width: 9px; display: inline-block; } .togglerMoreBlock .icon:before { content: "+"; } .togglerMoreBlock .icon.open:before { content: "-"; } .filterElement.perPageFilterElement>button.btn, .filterElement.orderByFilterElement>button.btn { padding: 2px 20px; border-radius: 0; border-color: #b7b7b7; color: #8d8b8b; } .filterElement.perPageFilterElement>button.btn, .filterElement.perPageFilterElement .dropdown-menu>li>a { padding-left: 8px; padding-right: 8px; text-align: center; } .filterElement.perPageFilterElement>button.btn * { text-align: center !important; } .filterElement.perPageFilterElement>button.btn .bs-caret, .filterElement.orderByFilterElement>button.btn .bs-caret { display: none; } button.orderByDirectionButton { background: none; border: none; padding: 6px; } .orderByDirectionWrap { float: left; margin: 1px 15px; } .orderByDirectionWrap select { display: none; } .orderByDirectionButton i { width: 0; height: 0; padding: 0; display: block; } .orderByDirectionButtonASC i { border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 13px solid #999; } .orderByDirectionButtonDESC i { border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 13px solid #999; } .orderByDirectionButtonDESC.selected i { border-top-color: #000; } .orderByDirectionButtonASC.selected i { border-bottom-color: #000; } .selectedFilter { border-radius: 2rem; background-color: #bbb; color: #FFF; font-size: 12px; font-family: var(--body-font); font-weight: 500; float: left; padding: 4px 8px; margin-right: 5px; margin-bottom: 5px; line-height: 1; cursor: pointer; transition: background-color 350ms ease; } .selectedFilter:hover { background-color: #969696; } #currentSelectedItems { padding: 10px 15px 0; } .productsBody.subCatsBody { min-height: 700px; } .filterBlockTitle:after { content: ""; display: block; position: absolute; background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 17H17V28H15V17H4V15H15V4H17V15H28V17Z' fill='%23252523'/%3E%3C/svg%3E%0A"); width: 15px; height: 15px; background-position: center; background-size: 15px; top: 50%; right: 15px; margin-top: -7.5px; transition: all 150ms ease-in-out; } .filterBlockTitle.open:after { transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 15V17H4V15H28Z' fill='%23252523'/%3E%3C/svg%3E%0A"); } @media(min-width: 1200px) { .filters-column .filterby+.filterSubmit { margin-top: 5px; } } @media(max-width: 1199px) { .filters-column .filterby+.filterSubmit { display: none; } } @media(max-width: 1199px) { .filters-menu-open .productsPageLeftColumn { transform: translateY(0); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .productsPageLeftColumn { position: absolute; transition: transform 350ms ease; z-index: 1000; top: 71px; right: 0; width: 100%; height: auto; float: none; display: block !important; background-color: #FFF; overflow: auto; max-width: 600px; transform: translateY(-100%); } .hasPreheader .productsPageLeftColumn { top: 98px; } .productsPageLeftColumn .productsPageHeader { display: none; } .filterby { color: #636363; padding-left: 15px; font-family: var(--body-font); font-weight: 500; font-size: 15px; } .filters-column { margin: 15px 0; } .productsPageLeftColumn .filterElements.open, .productsPageLeftColumn .filterElements.open .filterElements { opacity: 1; visibility: visible; } .togglerMoreBlock { display: none; } .viewMoreBlock, .viewMoreBlock div.filterElement { display: block !important; } div.filterElement { float: left; margin-left: 4px; width: calc(33.333333% - 4px); } .productsPageLeftColumn .filterBlockTitle { cursor: pointer; padding-left: 15px; } .productsPageLeftColumn .filterBlockTitle:first-letter { text-transform: uppercase; } div.filterElement label { width: 100%; margin-top: 4px; font-size: 12px; } .filterBlockTitle { position: relative; } .filterBlockTitle { padding: 8px; } .filterSubmitWrapper { clear: both; padding: 8px; float: left; border-top: 1px solid #dfe0e4; width: 100%; border-bottom: 1px solid #dfe0e4; } .filterSubmit { padding: 6px 12px; } .filterSubmitWrapper>a[href="?"] { display: none; } .filterSubmit { float: left; text-transform: uppercase; font-family: var(--body-font); font-weight: 500; border-radius: 3px; padding: 8px 8px; } .filterSubmit+a>button { margin-top: 0; } .productsPageLeftColumn div.filterElements { position: relative; display: none; max-height: none !important; padding-left: 10px; padding-right: 10px; padding-top: 5px; clear: both; } .productsPageLeftColumn div.filterElements.open { overflow: hidden; } } @media(max-width: 767px) { .hasPreheader .productsPageLeftColumn { top: 98px; } .productsPageLeftColumn { top: 68px; } .filterBlock+.filterBlock { margin-top: 0; } div.filterElement { width: calc(50% - 4px); } .filters-column form { padding-top: 0; padding-bottom: 0; margin-top: 0; } } @media(max-width: 479px) { div.filterElement { width: calc(100% - 4px); } .productsPageLeftColumn .filterBlockTitle { width: 100%; } } /* ----------------------------- quantity +/- ----------------------------- */ div.input-group .basketQuantity, div.input-group .buyFormQuantity { text-align: center; } div.input-group span.input-group-btn .btn.btn-number { color: #666; } *[class*="Quantity"] div.input-group { width: 130px; } div.input-group span.input-group-btn>button.btn.btn-number:hover, div.input-group span.input-group-btn>button.btn.btn-number:focus, div.input-group span.input-group-btn>button.btn.btn-number:active { border-color: #CCCCCC; } @media(min-width: 992px) { div.input-group span.input-group-btn:last-child .btn.btn-number { margin-top: -1px; } div.input-group span.input-group-btn .btn.btn-number { margin-left: -1px !important; margin-right: 0px !important; } div.input-group span.input-group-btn { float: right; display: block; width: 20px; height: 20px; padding: 0px; } div.input-group span.input-group-btn>button.btn.btn-number .glyphicon { top: 0 } div.input-group span.input-group-btn>button.btn.btn-number { padding: 0px; display: block; width: 20px; height: 20px; } div.input-group .basketQuantity, div.input-group .buyFormQuantity { float: left; width: calc(100% - 20px); display: block; height: 39px; } *[class*="Quantity"] div.input-group { width: 90px; margin: 0 auto; } div.input-group span.input-group-btn .btn.btn-number { font-size: 10px; } } .quick-view-modal .product-buttons-extra>* { text-align: left; } .quick-view-modal .product-buy-container .buttons { padding: 15px; } .quick-view-modal .product-buy-container div.quantity { max-width: 200px; } /* ------------ product page -------------- */ /* epoints prod */ .productPageEpointsContainer .earningEPointsContent { margin-bottom: 15px; padding: 15px; font-size: 12px; color: #666; border: 1px solid #DDD; background-color: #F2F2F2; } .productPageEpointsContainer .earningEPointsItemImage img { max-width: 100%; display: block; height: auto; margin-bottom: 10px; } .productPageEpointsContainer .earningEPointsItemDescription { margin-bottom: 10px; } .nav-tabs>li.li-makeCommentTabletMobile { margin-left: auto; } .nav-tabs>li.li-makeCommentTabletMobile a { font-size: 15px; background-color: #e7e7e7; border: 1px solid #dedede; border-radius: 3px; color: #747474; text-transform: uppercase; margin-top: -1px; font-family: var(--body-font); font-weight: 500; } .nav-tabs>li.li-makeCommentTabletMobile a:hover, .nav-tabs>li.li-makeCommentTabletMobile a:focus { background-color: var(--color-purple); border-color: var(--color-purple); color: #FFF; } /* product body */ #product-top-bar { padding: 0 15px; border-bottom: 2px solid #d8d8d8; height: 36px; } @media(max-width: 1200px) { #product-top-bar { padding: 0; } } #product-top-bar .buttonCategoriescont { width: 275px; float: left; } .breadcrimbProductCont { float: left; } .breadcrimbProductCont .breadcrumb { margin-bottom: 0; overflow: hidden; background-color: transparent; padding: 9px 15px; } .productRightColumn-2 { padding: 0; padding-left: 15px; width: 315px; float: left; position: absolute; right: 0; top: 0; } @media (min-width: 479px) { .productRightColumn-2 { padding-top: 40px; } } .productRightColumn-1 { float: left; min-height: 1px; width: calc(100% - 315px); } .productRightColumn { float: left; position: relative; } .productLeftColumn { float: left; } .productRightColumn { width: 65%; } .ct-6Contnainer .customTag { float: left; width: 20%; } .ct-6Contnainer .customTag img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .productLeftColumn { width: 35%; position: relative; } #main-image { cursor: pointer; } #main-image-container { margin: 0 auto; width: 100%; float: left; margin-bottom: 20px; } #main-image-carousel .swiper-slide { padding-bottom: 100%; position: relative; } #main-image-carousel .swiper-slide>img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .quantityAndPrice .quantity { width: 100%; float: left; } .realButtonsExtra { margin-top: 15px; display: none; } .realButtonsExtra>* { margin-right: 5px; margin-right: 5px; width: 100%; text-align: left; font-size: 12px; color: #555; } .regexWrapText { font-size: 12px; text-transform: lowercase; display: none; } #main-price { clear: both; position: relative; font-family: var(--body-font); font-weight: 500; text-align: right; } #main-price .price-row { display: flex; align-items: center; gap: 16px; } :is(#main-price, #desktopStickyMenu) .product-price, :is(#main-price, #desktopStickyMenu) .product-alternativePrice { display: block; } :is(#main-price, #desktopStickyMenu) .product-price .integerPrice, :is(#main-price, #desktopStickyMenu) .product-alternativePrice .integerPrice { color: var(--color-dark); font-size: 40px; font-weight: 700; line-height: 40px; } :is(#main-price, #desktopStickyMenu) .product-price .decimalPrice, :is(#main-price, #desktopStickyMenu) .product-alternativePrice .decimalPrice, :is(#main-price, #desktopStickyMenu) .product-price .currencySymbol, :is(#main-price, #desktopStickyMenu) .product-alternativePrice .currencySymbol { font-weight: 700; font-size: 32px; line-height: 32px; color: var(--color-dark); } :is(#main-price, #desktopStickyMenu) .price-wrap { line-height: 1; display: block; } #main-price .taxText-wrap { color: #b2b6b7; font-size: 12px; display: block; } #main-price .p-l-before { font-size: 12px; font-family: var(--body-font); font-weight: 500; color: #757575; line-height: 1; } #main-price .product-basePrice .decimalPrice, #main-price .product-basePrice .currencySymbol, #main-price .product-alternativeBasePrice .decimalPrice, #main-price .product-alternativeBasePrice .currencySymbol { color: #b3aeae; font-size: 18px; font-size: 15px; font-family: var(--body-font); font-weight: 500; line-height: 1; position: relative; } #main-price .product-basePrice .integerPrice, #main-price .product-alternativeBasePrice .integerPrice { color: #b3aeae; font-size: 18px; font-family: var(--body-font); font-weight: 500; line-height: 1; text-decoration: line-through; } .nav-tabs-flex { display: flex; flex-wrap: wrap; } @media (max-width: 768px) { .nav-tabs-flex>li { flex: 1 0 auto; } } #product-body-top div.quantity .unit { font-size: 15px; color: #b2b6b7; padding-top: 7px; display: inline-block; padding-left: 5px; } table.basket .basketQuantity input, table.basket .basketProductTotal input { float: left; height: 33px; width: 33px; border-radius: 3px; padding: 2px 0px 0px; text-align: center; color: rgb(178, 182, 183); font-family: var(--body-font); font-weight: 500; font-size: 16px; border-color: #c7c7c7 !important; } #product-body-top div.quantity.has-error .buyFormQuantity { border-color: var(--color-red-error); } table.basket .basketProductTotal input { float: right; width: 50px; } table.basket .basketProductTotal span.qntityText { display: block; } .link-stock.btn { margin: 0 0 8px; } .link-stock.btn.btn-primary.link-stock-active { border-color: var(--color-dark); color: var(--color-dark); background-color: #fff; margin: 0; } .link-stock.btn.btn-primary.link-stock-active:hover, .link-stock.btn.btn-primary.link-stock-active:focus { background-color: #000; border-color: #000; color: var(--color-primary); } .tab-content #description h2, .tab-content .pageZoneFooterProd .title { font-size: 24px; font-family: var(--title-font); font-weight: 500; letter-spacing: -0.04em; } .tab-content #description h3 { font-size: 18px; font-family: var(--title-font); letter-spacing: -0.04em; } .tab-content #description h4 { font-size: 16px; } .tab-content .pageZoneFooterProd .title { margin-bottom: 10px; } .tab-content #description>* { text-align: left !important; } .tab-content #description h2+*>* { font-family: var(--body-font); font-weight: 400; color: #88898b; } .tab-content>div { padding-top: 20px; padding-bottom: 20px; } .tab-content #tables { padding-top: 20px; margin-top: 20px; font-size: 14px; } .tab-content>div+div, .tab-content #tables { border-top: 2px solid #d8d8d8; } .tab-content #tables ul { padding-left: 0; list-style: none; } .tab-content #tables h3 { background-color: #f3f4f8; margin: 0; padding: 15px; text-transform: uppercase; color: #88898b; font-size: 23px; line-height: inherit; } .tab-content #tables h3 img { max-height: 30px; padding-right: 15px; display: block; float: left; } /* shur fake teibol */ .tab-content #tables .row_li:nth-child(2n+1) { background-color: #FFF; } .row_li:nth-child(2n) { background-color: #e8e8e8; } .tab-content #tables ul ul:before, .tab-content #tables ul ul:after { content: " "; display: table; } .tab-content #tables ul ul:after { clear: both; } .tab-content #tables li.row_li ul li:first-child { width: 260px; float: left; color: #818183; padding-left: 60px; padding-top: 5px; padding-bottom: 5px; font-family: var(--body-font); font-weight: 500; } .tab-content #tables li.row_li ul li:last-child { width: calc(100% - 260px); float: left; padding-top: 5px; padding-bottom: 5px; padding-left: 8px; border-left: 1px solid #f3f4f8; } @media(max-width: 767px) { .tab-content #tables li.row_li ul li:first-child { width: 40%; padding-left: 10px; } .tab-content #tables li.row_li ul li:last-child { width: 60%; } } .tab-content #tables h3 span.open { display: none; } @media(min-width: 1200px) { .tab-content>div { padding-top: 35px; padding-bottom: 35px; } .tab-content #tables { padding-top: 35px; margin-top: 35px; } } .buyFormSubmit.btn>div { position: relative; z-index: 2; display: flex; align-items: center; justify-content: center; } .buyFormSubmit.btn .text { padding: 7px; font-size: 16px; } .buyFormSubmit.btn .icon { background: url('../img/shopping_button.svg') center no-repeat; height: 42px; background-size: 42px; width: 42px; position: relative; } #product-body-top { padding-right: 70px; padding-left: 70px; margin-top: 30px; margin-bottom: 15px; } .productImageAuxContainer { width: 100%; position: relative; display: grid; grid-template-columns: 72px 1fr; gap: 20px; } @media(max-width: 767px) { .productImageAuxContainer { display: flex; gap: 0; } } form.buyForm .productOption select { display: none; } @media(max-width: 1399px) { #product-body-top { padding-right: 20px; } } @media(min-width: 992px) { #zoom-modal .close { background-color: transparent; } #zoom-modal .close .icon { height: 22px; width: 22px; fill: #FFF; } #zoom-modal .close { top: -34px; color: #FFF; opacity: 1; right: -10px; } #zoom-modal .swiper-pagination { top: -19px; bottom: auto; color: #FFF; width: auto; } #zoom-modal .pagination-top { position: absolute; top: -32px; right: 22px; color: #FFF; } #zoom-modal .swiper-button { background-image: none; position: relative; left: auto; right: auto; top: auto; bottom: auto; font-size: 27px; margin: 0; text-align: center; float: left; } #zoom-modal .swiper-button:before { font-family: FontAwesome; } #zoom-modal .swiper-button-next:before { content: "\f105"; } #zoom-modal .swiper-button-prev:before { content: "\f104"; } } #product-body-top .h1 { color: var(--color-dark); margin-bottom: 8px; font-family: var(--title-font); font-size: 40px; font-weight: 700; line-height: 48px; letter-spacing: -0.04em; } #product-body-top .productRateValoration { display: none; } .underProductTitle { margin-bottom: 32px; display: flex; align-items: center; gap: 8px; line-height: 1; } .underProductTitle ul { margin-left: 0; margin-bottom: 0; } .underProductTitle .strsCont { display: flex; align-items: center; gap: 8px; line-height: 1; } .underProductTitle ul>li { padding-right: 0; padding-left: 0; } .underProductTitle ul>li>a { color: #787876; } .underProductTitle ul>li>a:hover { text-decoration: underline; } .underProductTitle .strsCont .countComments { color: #787876; } .availabilityCont .customTagName:first-letter, #realOptionsContainer .productOptionPrompt:first-letter { text-transform: uppercase; } .customtagcolor-name { text-transform: capitalize; } .availabilityCont>* { margin-bottom: 15px; } .availabilityCont .customTag>* { display: inline-block; } .availabilityCont .customTagValue { color: var(--color-purple); text-transform: uppercase; font-family: var(--body-font); font-weight: 500; font-size: 15px; } #aditional-images { display: flex; flex-direction: column; } #aditional-images .swiper-container { height: 440px; /* item=(72+16) * 5 = 440px */ } #aditional-images .swiper-slide { height: 20%; /* 100%/5 = 20 */ } #aditional-images .swiper-slide img { margin-bottom: 16px; height: 72px; width: 72px; object-fit: contain; cursor: pointer; opacity: 1; } #aditional-images .imgGllryElThumb.active img { opacity: 0.25; } #aditional-images .swiper-button-next svg, #aditional-images .swiper-button-prev svg { width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #aditional-images .swiper-button-prev svg { transform: translate(-50%, -50%) rotate(180deg); } #aditional-images .swiper-button-prev, #aditional-images .swiper-button-next { position: relative; background: var(--color-gray-bg); width: 64px; height: 64px; border-radius: 50%; margin: 0 auto; inset: auto; display: block; visibility: hidden; } #aditional-images .swiper-button-prev.swiper-control-init:not(.swiper-button-lock), #aditional-images .swiper-button-next.swiper-control-init:not(.swiper-button-lock) { visibility: visible; } #aditional-images .swiper-button-prev { margin-bottom: 16px; } .product-body-carousel-items { position: relative; margin-bottom: 45px; } .product-body-carousel-items .swiper-button-prev { left: 0; } .product-body-carousel-items .swiper-button-next { right: 0; } .product-body-carousel-items .swiper-button-prev, .product-body-carousel-items .swiper-button-next { width: 40px; height: 100px; top: 50%; margin: 0; margin-top: -50px; fill: #bdbdbd; } .product-body-carousel-items .swiper-button-prev { left: 0; } .product-body-carousel-items .swiper-button-prev .icon { left: 0; } .product-body-carousel-items .swiper-button-next { right: 0; } .product-body-carousel-items .swiper-button-next .icon { right: 0; } .product-body-carousel-items .swiper-button-prev .icon, .product-body-carousel-items .swiper-button-next .icon { width: 30px; height: 35px; position: absolute; top: 50%; transform: translateY(-50%); } .product-body-carousel-items .relatedTitle { margin: 0 0 16px; font-size: 16px; } .extra-info { color: #777; margin: 10px 0; } .product-extra-brand { text-transform: uppercase; } .product-extra-brand a { text-decoration: underline; color: var(--color-purple); } /* comments nous form */ .nick { margin-bottom: 10px; display: block; } form[data-fluid-form="productAddCommentForm"] { padding: 15px; } form[data-fluid-form="productAddCommentForm"] .btn.sendCommentsButton { float: right; margin-top: 10px; } form[data-fluid-form="productAddCommentForm"]:before, form[data-fluid-form="productAddCommentForm"]:after { content: " "; display: table; } form[data-fluid-form="productAddCommentForm"]:after { clear: both; } .comments-footer .prev-text { text-align: center; display: block; margin-bottom: 4px; margin-top: 5px; } .comments-footer .prev-text, .comments-footer .fake-col-1 .color-2 { color: #53565b; } #reviews { padding-bottom: 48px; background-color: var(--color-gray-bg) } #reviews .currentvotes { color: #66686E; font-size: 16px; position: absolute; left: 100%; } #reviews .currentvotes::before { content: "("; } #reviews .currentvotes::after { content: ")"; } .reviews-header .text-total { text-align: center; padding-top: 5px; padding-bottom: 24px; } .reviews-header .title { font-size: 20px; text-align: center; padding-top: 45px; padding-bottom: 16px; font-weight: 400; font-family: var(--title-font); letter-spacing: -0.04em; } .reviews-header .text { font-size: 16px; text-align: center; padding-top: 15px; } .reviews-header .rate-big { text-align: center; line-height: 1; padding-top: 14px; } .reviews-header .rate-big .v2 { font-size: 40px; font-weight: 700; line-height: 48px; letter-spacing: -0.04em; font-family: var(--title-font); color: #a8a8a8; } .reviews-header .rate-big .v1 { font-size: 40px; color: var(--color-dark); font-weight: 700; line-height: 48px; font-family: var(--title-font); letter-spacing: -0.04em; } .reviews-header .btn.btn-new-review { font-size: 14px; background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-dark); } .reviews-header .btn.btn-new-review:hover, .reviews-header .btn.btn-new-review:focus { background-color: #000; border-color: #000; color: var(--color-primary); } form[data-fluid-form="productAddCommentForm"] .btn.btn-primary.sendCommentsButton { border: 0; background-color: var(--color-primary); height: 38px; padding: 0 20px; color: var(--color-dark); } form[data-fluid-form="productAddCommentForm"] .btn.btn-primary.sendCommentsButton:hover, form[data-fluid-form="productAddCommentForm"] .btn.btn-primary.sendCommentsButton:focus { color: var(--color-primary); background-color: #000; } .reviews-header .btn#langReviews { display: flex; align-items: center; justify-content: space-between; border-radius: 4rem; border-color: var(--color-dark); border-width: 1px; background-color: #fff; color: var(--color-dark); font-size: 14px; height: 38px; width: 100%; padding: 0 8px 0 12px; } .reviews-footer { padding-top: 10px; display: flex; justify-content: center; } .reviews-header .buttons>*:first-child { margin-right: 8px; } .reviews-header .buttons>*:last-child { margin-left: 8px; } .reviews-header .buttons>* { flex: 1 1 50%; } .reviews-header .buttons { display: flex; } .reviews-header .dropdown-menu img { width: 16px; } .reviews-header .dropdown-menu { background-color: #f4f4f4; } .reviews-header .dropdown-menu a>* { margin-right: 6px; } .reviews-header .dropdown-menu a { font-size: 13px; padding: 7px 12px; color: var(--color-dark); display: flex; align-items: center; text-align: left; width: 100%; } .productRateCommentFormLegalText { margin-top: 10px; } .reviews-header .lang-no-rev-txt { font-size: 14px; text-align: center; padding: 20px 0 30px; } .reviews-header .dropdown-menu svg { width: 16px; height: 16px; margin-left: auto; margin-right: -4px; } .reviews-header .buttons #langReviews svg { width: 16px; height: 16px; margin: 0; margin-left: auto; } .reviews-header .buttons #langReviews img { width: 16px; margin-right: 6px; } input#productCommentsNickField { max-width: 250px; } textarea.productCommentsField { height: 110px; } .productRateCommentFormNick label>span, .productRateCommentFormCommentArea label>span { color: red; } .comments-footer .fake-col-2 .inputs-valorations .icon { width: 40px; height: 40px; fill: var(--color-purple); } .comments-footer .fake-col-2 .inputs-valorations { display: flex; align-items: center; justify-content: center; gap: 6px; } .comments-footer .fake-col-2 .inputs-valorations label { margin: 0; } .comments-footer .fake-col-2 .inputs-valorations input { margin: 4px 0 12px 0; } .comments-footer .fake-col-2 .inputs-valorations label>div { padding: 0; text-align: center; } .comments-footer .fake-col-1 .color-1 { background-color: #f1f1f1; } .comments-footer .fake-col-1 .color-2 { padding: 10px; background-color: #e8e8e8; } .comments-footer .fake-col-1 { float: left; width: calc(100% - 185px) } .comments-footer .fake-col-2 { width: 185px; float: left; } /* comments blog/product */ .commentsCommentsContainer { max-height: 765px; overflow: hidden; overflow-x: hidden; } .productRateCommentLineNick .rate { margin-bottom: 3px } .commentsCommentsContainer .bodyCom { padding: 0; } .commentsCommentsContainer .date { padding-bottom: 5px; } .commentsCommentsContainer .emoji { width: 32px; height: 32px; fill: var(--color-purple); } .commentsCommentsContainer .left .emoji { padding-left: 9px; } .commentsCommentsContainer .left, .commentsCommentsContainer .colCom.right { text-align: left; } .commentsCommentsContainer .right .emoji { padding-right: 9px; } .commentsCommentsContainer .right, .commentsCommentsContainer .colCom.left { text-align: right; } .commentsCommentsContainer .comment { margin-bottom: 10px; } .commentsCommentsContainer .responses { background-color: rgba(0, 0, 0, 0.06); } .commentsCommentsContainer .answer { margin-top: 20px; text-align: right; } .blgPstC { padding: 32px; background-color: #FFF; border-radius: 8px; } button.goToTopcomments, .commentBoxModal.footer { background-color: #b2b2b2; color: #FFF; border-color: #b2b2b2; border-radius: 5px; padding: 9px 12px; min-width: 160px; float: right; } .commentBoxModal.footer { margin-right: 10px; } .commentBoxModal.footer:hover, .commentBoxModal.footer:focus, .commentBoxModal.footer:active, .commentBoxModal.footer:focus:active, button.goToTopcomments:hover, button.goToTopcomments:focus, button.goToTopcomments:active, button.goToTopcomments:focus:active { background-color: #666; border-color: #666; color: #FFF; } .blgPstC.show-more { display: none; } .commentsCommentsContainer a.answerLink { color: #defe00; cursor: pointer; } .commentsCommentsContainer a.answerLink:hover, .commentsCommentsContainer a.answerLink:active { color: #333; } .modal .productRecommendForm .productRecommendField, .modal div#productContactSubmitContainer { margin: 15px 0 0; } .modal .productRecommendForm .productRecommendFormText { padding-right: 20px; padding-bottom: 5px; } #product-body-footer, #product-related-categories { padding-left: 60px; padding-right: 60px; } #product-related-categories>.content { margin-bottom: 56px; background-color: var(--color-gray-bg); padding: 32px; border-radius: 20px; gap: 20px; display: flex; flex-direction: column; } #product-related-categories>.content .btn { border-color: var(--color-pink); border-radius: 4rem; padding: 9px 20px; } #product-related-categories>.content .btn:hover, #product-related-categories>.content .btn:focus { background-color: var(--color-pink); color: #000; } #product-body-footer .tabsSection .tab-pane { margin-bottom: 30px; } .productsVerticalBlock:before, .productsVerticalBlock:after { content: " "; display: table; } .productsVerticalBlock:after { clear: both; } .productsVerticalBlock+.productsVerticalBlock { margin-top: 30px; } .productsVerticalBlock>.title { font-size: 18px; margin: 10px 0; } .availabilityCont.fixed-scroll { display: none; } /* fixedtop buysection on scroll by class */ #product-body-top form.buyForm.fixed-top-buy-section { position: fixed; top: 60px; left: 0; right: 0; z-index: 200; background-color: #FFF; padding: 10px 60px 10px; box-shadow: 1px 6px 13px rgba(52, 63, 72, 0.3); margin: 0 auto; } .productRateCommentFormCommentArea [for="productCommentsNickField"] span { display: none; } #product-related-categories .title { font-size: 20px; text-align: center; font-weight: 500; font-family: var(--title-font); letter-spacing: -0.04em; } #product-related-categories ul { margin: 0 auto; display: flex; align-items: center; justify-content: center; gap: 12px; flex-wrap: wrap; } #product-related-categories ul>li { padding: 0; } .reviews-header { margin-bottom: 32px; } .reviews-header .flex { display: flex; align-items: center; flex-direction: column; gap: 16px; } /* Fix with new layout */ @media (min-width: 768px) { .reviews-header .flex { flex-direction: row; gap: 8px; } .reviews-header .col-center { flex: 1 1 60%; order: 2; } .reviews-header .col-left { flex: 1 1 30%; order: 1; } .reviews-header .col-right .content { font-size: 14px; } .reviews-header .col-right .name { font-size: 14px; font-family: var(--body-font); font-weight: 500; margin-bottom: 2px; } .reviews-header .col-right img { max-width: 50px; margin: 0 auto 10px; } .reviews-header .col-right { text-align: center; flex: 1 1 30%; order: 3; } .reviews-header { margin-bottom: 40px; } .reviews-header .buttons { flex-direction: column; } .reviews-header .buttons>*:last-child { margin-left: 0; order: 1; } .reviews-header .buttons>*:first-child { margin-top: 14px; margin-right: 0; order: 2; } #product-body-top form.buyForm.fixed-top-buy-section { top: 65px; } .reviews-header .buttons>* { max-width: 180px; } .reviews-footer { padding-bottom: 30px; } } @media (min-width: 992px) and (max-width: 1199px), (min-width: 1400px) { #product-related-categories .title, .reviews-header .title { font-size: 30px; } .reviews-header .text { font-size: 24px; line-height: 1.3; padding-top: 0; } .reviews-header .rate-big { padding-top: 18px; } .reviews-header .flex { padding: 20px 0 30px; } .reviews-header .col-right .name, .reviews-header .col-right .content { line-height: 1.2; } .reviews-header .col-right img { max-width: 80px; } .reviews-footer .productRateStarField:before { height: 35px; width: 35px; background-size: 35px; } .reviews-footer .productRateStarField { width: 35px; padding: 0; height: 35px; } } @media (min-width: 1200px) { #product-body-top form.buyForm.fixed-top-buy-section { top: 62px; } #product-related-categories>.content .btn { font-size: 17px; } } @media (min-width: 1400px) { .reviews-header { margin-bottom: 60px; } } /* hidding extra info better solution :P */ #product-body-top form.buyForm.fixed-top-buy-section .real-title, #product-body-top form.buyForm.fixed-top-buy-section .underProductTitle, #product-body-top form.buyForm.fixed-top-buy-section .xxssLikeButtons, #product-body-top form.buyForm.fixed-top-buy-section .financiation-inner, #product-body-top form.buyForm.fixed-top-buy-section .realButtonsExtra, #product-body-top form.buyForm.fixed-top-buy-section .ct-6Contnainer, #product-body-top form.buyForm.fixed-top-buy-section .availabilityCont, .fixed-top-buy-section .free-shipping-page { display: none; } #product-body-top form.buyForm.fixed-top-buy-section #realOptionsContainer { margin-top: 0; margin-bottom: 0; } #product-body-top form.buyForm.fixed-top-buy-section .availabilityCont.fixed-scroll { display: block; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2 { position: relative; padding: 0; top: 0; margin-top: 0; } #product-body-top form.buyForm.fixed-top-buy-section .availabilityCont>* { margin-bottom: 10px; } #product-body-top form.buyForm.fixed-top-buy-section .btn.link-stock, #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit { height: 47px; font-size: 20px; } #product-body-top form.buyForm.fixed-top-buy-section #main-price { text-align: right; } #product-body-top form.buyForm.fixed-top-buy-section #main-price .taxText-wrap { bottom: 8px; right: -4px; } #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit .text { padding: 7px; } #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit .icon { background: url(../img/shopping_button.svg) center no-repeat; height: 34px; background-size: contain; width: 34px; } #product-body-top form.buyForm.fixed-top-buy-section .productOptionValues .productOptionValue { width: auto; } #product-body-top form.buyForm.fixed-top-buy-section .productOptionValues { float: left; } #product-body-top form.buyForm.fixed-top-buy-section .wishlistButtonFake { display: none; } #product-body-top form.buyForm.fixed-top-buy-section .extra-info { display: none; } @media(min-width: 1200px) { .productRightColumn { padding-left: 50px; } } @media(min-width: 992px) { .quantityAndPrice .quantity { padding-top: 25px; } } @media(min-width: 768px) { .swiper-slide.mobile, #main-image-carousel .swiper-pagination { display: none !important; } } @media(max-width: 1499px) { .productLeftColumn { width: 35%; } .productRightColumn { width: 65%; } } @media(max-width: 1499px) { .underProductTitle { font-size: 12px; } #main-image-container { width: 100%; } } @media(max-width: 1199px) { #product-body-footer hr { display: none; } #product-body-footer { padding-left: 20px; padding-right: 20px; } #product-body-footer .tabsSection { width: 100%; padding-right: 0; } .underProductTitle { margin-bottom: 15px; } #main-image { margin: 0 auto; } .productLeftColumn, .productRightColumn { width: 100%; float: none; } #product-body-top { display: block; } .productRightColumn-2 { position: relative; margin-top: 0; } #main-image-container { width: calc(100% - 70px); } .productLeftColumn { display: table; margin: 0 auto; max-width: 768px; } .productLeftColumn { margin-bottom: 30px; } div#header-mobile-tablet { margin: 0 auto; max-width: 768px; } .fake-title { font-size: 24px; font-family: var(--body-font); font-weight: 500; } #product-body-top { padding-left: 20px; padding-right: 20px; } .fakeContentMobile.fake-xxss { float: right; } /* fixed top bar */ #product-body-top form.buyForm.fixed-top-buy-section { padding-left: 20px; padding-right: 20px; } #product-body-top form.buyForm.fixed-top-buy-section .quantityAndPrice .quantity { padding-top: 25px; width: 40%; float: left; } #product-body-top form.buyForm.fixed-top-buy-section #main-price { padding-bottom: 0; } } @media(max-width: 991px) { form.buyForm .quantityAndPrice .quantity { width: 100%; width: auto; z-index: 1; padding-top: 21px; } .quantityAndPrice { position: relative; } .productLeftColumn { padding: 0 15px; } /* fixed top buy zone */ #product-body-top form.buyForm.fixed-top-buy-section .strsCont { position: absolute; top: 62px; right: 5px; } #product-body-top form.buyForm.fixed-top-buy-section { background-color: #414141; padding-top: 10px; padding-bottom: 24px; } #product-body-top form.buyForm.fixed-top-buy-section div.quantity, #product-body-top form.buyForm.fixed-top-buy-section .availabilityCont.fixed-scroll, #product-body-top form.buyForm.fixed-top-buy-section #realOptionsContainer, #product-body-top form.buyForm.fixed-top-buy-section .underProductTitle ul, #product-body-top form.buyForm.fixed-top-buy-section .realButtonsExtra.visible-xs-block, #product-body-top form.buyForm.fixed-top-buy-section .underProductTitle .strsCont .countComments { display: none !important; } #product-body-top form.buyForm.fixed-top-buy-section .underProductTitle { display: block; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-1 { position: relative; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2 { right: auto; width: 100%; max-width: 768px; margin: 0 auto; left: auto; float: none; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2 { margin-top: 10px; } #product-body-top form.buyForm.fixed-top-buy-section #main-price { width: auto; float: left; margin-top: -16px; } #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit-wrap { width: 50%; float: right; margin-top: -66px; position: relative; z-index: 5; } #product-body-top form.buyForm.fixed-top-buy-section .btn.link-stock, #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit { font-size: 21px; height: 50px; max-width: 300px; float: right; } #product-body-top form.buyForm.fixed-top-buy-section .price-wrap { -webkit-text-stroke: 1px #FFF; } } @media(max-width: 767px) { .financiation.mbl { margin: 0 auto; display: table !important; } .commentsCommentsContainer .date { font-size: 11px; } .productLeftColumn { display: block; margin: 0 auto 0; } #aditional-images, .underProductTitle ul { display: none; } #main-image-carousel .swiper-wrapper { padding-bottom: 30px; } #main-image-carousel .swiper-pagination { bottom: 0; } #main-image-carousel .swiper-pagination-bullet-active { background: #3E3C3B; } .productLeftColumn { padding: 0; } #main-image-container img { cursor: pointer; } #main-image-container { width: 100%; margin-bottom: 20px; } #product-body-top { margin-top: 15px; } .productRightColumn-2 { padding-left: 0; } .underProductTitle, .real-title, .productRightColumn-1, .productRightColumn-2 { width: 100%; } .availabilityCont .customTagValue { font-size: 14px; } #realOptionsContainer { margin-bottom: 0; } .financiation-inner { margin-bottom: 15px; } .ct-6Contnainer { margin-top: 15px; margin-bottom: 15px; } .commentsCommentsContainer .s { width: 6px; font-size: 10px; } .commentBoxModal.btn { font-size: 12px; border-radius: 5px; padding: 4px 8px; background-color: #f6f6f6; border-color: #e4e4e4; color: #848484; margin-bottom: 15px; position: relative; display: inline-flex; align-items: center; } .commentBoxModal.btn:hover, .commentBoxModal.btn:focus { background-color: #848484; border-color: #848484; color: #F6f6f6; } .commentBoxModal.btn .icon { fill: currentColor; width: 10px; height: 10px; margin-left: 6px; } .wishlistButton { margin-left: 0; } #product-related-categories>.content .btn { white-space: normal; } } @media(max-width: 479px) { #product-body-top form.buyForm.fixed-top-buy-section .strsCont { top: 46px; } #product-body-top { padding-left: 15px; padding-right: 15px; } #product-body-top form.buyForm.fixed-top-buy-section { padding-left: 15px; padding-right: 15px; } #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit .icon { height: 30px; background-size: 30px; width: 30px; } #product-body-top form.buyForm.fixed-top-buy-section .btn.link-stock, #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit { height: 42px; padding-top: 5px; font-size: 16px; padding-bottom: 5px; } #product-body-top form.buyForm.fixed-top-buy-section #main-price .integerPrice { font-size: 36px; } #product-body-top form.buyForm.fixed-top-buy-section #main-price .decimalPrice, #product-body-top form.buyForm.fixed-top-buy-section #main-price .currencySymbol { font-size: 24px; } #product-body-top form.buyForm.fixed-top-buy-section #main-price .taxText-wrap { font-family: var(--body-font); font-weight: 400; font-size: 9px; } #product-body-top form.buyForm.fixed-top-buy-section .productRateStars { width: 80px; margin-left: -1px; } #product-body-top form.buyForm.fixed-top-buy-section .productRateStarField { width: 16px; height: 14px; } #product-body-top form.buyForm.fixed-top-buy-section .productRateStarField:before { height: 14px; width: 14px; background-size: 14px; } #product-body-top form.buyForm.fixed-top-buy-section .price-wrap { -webkit-text-stroke: 0 #FFF; text-shadow: -1px -1px 0 #FFF, -1px 0px 0 #FFF, -1px 1px 0 #FFF, 0px -1px 0 #FFF, 0px 0px 0 #FFF, 0px 1px 0 #FFF, 1px -1px 0 #FFF, 1px 0px 0 #FFF, 1px 1px 0 #FFF; } } @media(max-width: 359px) { #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit .icon { display: none; } } @media(max-width: 767px) { .comments-footer .fake-col-1 .color-2 { font-size: 0; } .comments-footer { position: relative; } .comments-footer .fake-col-1 { width: 100%; } } /* pages */ .fluidContent-pages #product-top-bar .buttonCategoriescont { width: 250px; } .columnLeftPages { width: 250px; float: left; margin: 30px 0; padding: 0 15px; clear: left; } .columnLeftItem img { margin-left: auto; margin-right: auto; display: block; } .productsVerticalBlockPage { float: left; width: 250px; } .productsVerticalBlockPageInset { width: 200px; margin: 30px auto; } .page-section #page-content .h1, .page-section #page-content h1 { font-size: 26px; font-family: var(--title-font); letter-spacing: -0.04em; font-weight: 700; margin-top: 40px; color: var(--color-dark); } .page-section #page-content h2 { font-size: 20px; font-family: var(--title-font); letter-spacing: -0.04em; font-weight: 500; color: var(--color-dark); } .page-section #page-content, .page-section #page-content p, .page-section #page-content div.p { font-size: 14px; } .page-section #page-content img { display: block; max-width: 100%; height: auto; } /* pagetypes presets */ section.page-section #page-content { float: left; width: calc(100% - 500px); padding: 0 30px; margin-bottom: 45px; } section.page-section #page-content #includePageContent, section.page-section #page-content .pageContent { margin-bottom: 15px; } section.page-section { margin-bottom: 30px; } .defaultPageLargeImage, .defaultPageLargeTitle { margin-bottom: 15px; } .defaultPageSmallImage, .defaultPageSmallTitle { float: left; margin: 0px 15px 15px 0px; } .defaultPageLargeImage img, .defaultPageLargeTitle img { max-width: 100%; display: block; height: auto; } @media(max-width: 1199px) { section.page-section #page-content { width: calc(100% - 260px); } .productsVerticalBlockPage { width: 260px; } } @media(max-width: 767px) { section.page-section #page-content { width: 100%; padding: 0 20px; } } /* newsletter */ .pageType-8 #newsletterSubmitContainer { margin-top: 10px; } /* map */ .pageType-3 #includePageContent { display: flex; flex-wrap: wrap; margin-bottom: 25px } .pageType-3 .categoriesMapContainer { padding: 5px 15px; } .pageType-3 .categoriesMapContainer.categoriesMapContainer1 { padding: 15px; } .pageType-3 .categoryMap1 { font-size: 16px; } .pageType-3 .categoryMap2 { font-size: 14px; } .pageType-3 .categoryMap3 { font-size: 12px; } .pageType-3 .categoryMap4 { font-size: 10px; } .pageType-3 a.categoryMap { position: relative; } a.categoryMap:before { content: "\f016"; font-family: FontAwesome; } a.categoryMap.categoryMap1:before { content: "\f15b"; font-family: FontAwesome; } .categoriesMapContainer1 { float: left; min-width: 200px; margin-top: 15px; margin-bottom: 15px; } .categoriesMapContainer1 { border: 1px solid #DDD; margin-right: 15px; } /* contact */ .contactFormText { margin-bottom: 15px; } #contactSubmit { margin-top: 15px; min-width: 100px; } /* subpages */ .pageType-4 .subpages { padding-left: 5px; margin-bottom: 15px; } .pageType-4 .subpages .subpage a { padding: 3px 6px; margin-bottom: 5px; display: block; border: 1px solid #f2f2f2; } /* newsletter */ .pageType-8 #newsletterForm { margin-left: 3px; } /* polls */ #poll-section { margin-bottom: 30px; } #poll-section .pollResultsContainer, #poll-section .pollDescription { margin-bottom: 15px; } #poll-section .pollTitle { font-size: 36px; font-family: inherit; font-family: var(--body-font); font-weight: 500; line-height: 1.1; margin-top: 20px; margin-bottom: 10px; color: inherit; } #poll-section .pollQuestionQuestion { font-family: var(--body-font); font-weight: 500; margin-bottom: 10px; } #poll-section .pollQuestionResponses { padding: 0px 10px 15px; } #poll-section .pollQuestionResponses label { font-family: var(--body-font); font-weight: 400; } @media(min-width: 360px) { #poll-section .pollSubmit { min-width: 120px; } } /* ------------------- user css -------------------- */ #userMenucontainer { width: 290px; float: left; padding: 20px; } .userMenuMainTitle { font-size: 14px; font-family: var(--title-font); font-weight: 500; margin-bottom: 10px; } .registrycolumn { width: calc(100% - 395px); padding-left: 95px; margin-left: 45px; float: left; border-left: 2px solid #a6a6a6; } .fluidContent-user .registrycolumn { width: calc(100% - 410px); padding-right: 0; } .registrycolumn .title, .loginCont .title, .toCreateAccountCustomerMobile .userRegistryTitle, .checkoutBasketContainerPage .titlecustomer { font-family: var(--body-font); font-weight: 500; font-size: 20px; margin-bottom: 20px; display: block; margin-top: 0; } .loginColumn { width: 365px; float: left; } .userPageContainer { margin-bottom: 15px; min-height: 500px; padding: 0 15px; } .userPageContainer .user-welcome-text { padding: 20px; font-size: 14px; } .userPageContainer h1, .userPageContainer .h1 { margin-bottom: 15px; margin-top: 20px; font-family: var(--title-font); font-weight: 500; line-height: 1.3; letter-spacing: -0.04em; } #signInFormFieldsContainer { border-radius: 10px; margin-bottom: 15px; background: #fafafa; padding: 15px 15px 4px; position: relative; display: flex; } #signInFormFieldsContainer #userFieldPasswordContainer { flex: 0 0 50%; max-width: 50%; padding-right: 7.5px; } #signInFormFieldsContainer #userFieldRetypePasswordContainer { flex: 0 0 50%; max-width: 50%; padding-left: 7.5px; } @media (max-width: 419px) { #signInFormFieldsContainer #userFieldPasswordContainer { flex: 0 0 100%; max-width: 100%; padding-right: 0; } #signInFormFieldsContainer #userFieldRetypePasswordContainer { flex: 0 0 100%; max-width: 100%; padding-left: 0; } #signInFormFieldsContainer { flex-wrap: wrap; } } #signInFormFieldsContainer:after { bottom: 100%; left: 5%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #fafafa; border-width: 12px; margin-left: 0; } input#userSubscribedField, input#signIn, input#useShippingAddress { width: 16px; height: 16px; margin: 0; vertical-align: middle; margin-right: 5px; } input#signIn+label, input#userSubscribedField+label, input#useShippingAddress+label { margin: 0; line-height: 16px; display: inline-block; vertical-align: middle; } .fluidContent-user form#userForm div.formTitle.userTitle { display: none; } form .help-block { margin: 3px 0px 0px; font-size: 11px; letter-spacing: 0.025em; padding-left: 1px; } #changePasswordForm:before, #changePasswordForm:after { content: " "; display: table; } #changePasswordForm:after { clear: both; } #userForm { /* js break go to SHOP.user.userForm if not work */ display: none; } /* user-menu */ .usermenuVertical { margin-bottom: 20px; } .userPanelBlock { padding-left: 12px; } .userPanelTitle { display: none; } a.userPanelLink { display: block; color: #9c9c9c; font-size: 13px; padding: 4px 0; } a.userPanelLink.userPanelLinkSelected { color: #333; } a.userPanelLink:active, a.userPanelLink:hover { color: var(--color-purple); } /* wishlist */ .fluidContent-wishlist .center-file-block { display: table; margin: 0 auto; } .wishlist-controls { padding: 15px 0px; background-color: var(--color-gray-bg); margin-bottom: 15px; border-radius: 10px; } .wishlist-controls button { width: 100%; } /* wishlist modals */ .modal #deleteWishlistForm, .modal #sendWishlistForm { margin-top: 15px; } .modal .wishlistProduct>label>span { float: left; display: block; } .modal .wishlistProducts:before, .modal .wishlistProducts:after, .modal .wishlistProduct>label:before, .modal .wishlistProduct>label:after { content: " "; display: table; } .modal .wishlistProducts:after, .modal .wishlistProduct>label:after { clear: both; } .modal span.wishlistProductImage { padding: 0px 10px 0px 5px; } .modal span.wishlistProductCheck { width: 10%; } .modal span.wishlistProductImage { width: 30%; } .modal span.wishlistProductImage img { max-width: 100%; height: auto; display: block; } .modal span.wishlistProductName { width: 60%; } .modal .wishlistProducts { padding: 10px; } .modal .wishlistProduct>label { border: none; } @media(min-width: 768px) { .modal #sendWishlistSubmit, .modal #deleteWishlistSubmit { margin: 0; } .modal #deleteWishlistForm .modal-footer, .modal #sendWishlistForm .modal-footer { padding: 15px 0px; } } @media(min-width: 992px) { .modal .wishlistProduct { float: left; width: 33.333%; } } @media(max-width: 499px) { .wishlist-controls>div { width: 100%; } .wishlist-controls>div:first-child { margin-bottom: 5px; } } /* stock alerts */ td.stockAlerts.stockAlertsProduct { max-width: 200px; } td.stockAlerts.stockAlertsProduct a { font-family: var(--body-font); font-weight: 500; display: block; margin-bottom: 5px; font-size: 12px } td.stockAlerts.stockAlertsProduct ul { font-size: 12px; padding-left: 0; list-style: none; } /* orders page */ table.userOrders td.userOrderState .new-icon { display: none; } table.userOrders td.userOrder.userOrderActions img { display: block; float: left; opacity: 0.5; border-bottom: 8px solid transparent; border-left: 8px solid transparent; } table.userOrders td.userOrder.userOrderActions img:hover { opacity: 0.65; } table.userOrders td { width: auto; } table.userOrders td.userOrder.userOrderActions br { display: none; } /* orders devolusions */ form#orderRefundForm { margin-top: 25px; } form#orderRefundForm .basketButtons { padding-bottom: 0; } form#orderRefundForm .basketOptions { clear: both; } form#orderRefundForm .basketQuantity>* { max-width: 100px; } form#orderRefundForm a.basketProductName { font-family: var(--body-font); font-weight: 500; } form#orderRefundForm table.basket td.basket.basketProduct { padding-left: 8px; } /* modal refunds dynamic by js */ .refundsModalLinkContainer { clear: both; } .refundsModalLinkContainer a { cursor: pointer; font-size: 12px; } .js .userRefundRequest.refundRequestTitle, .js .userRefundRequest.refundRequestHeader, .js .userRefund.refundTitle, .js .userRefund.refundHeader, .js .modal.refundsLooksBestModal table tr td span.caret { display: none; } .refundsModalTitle { font-size: 24px; margin: 10px 0 20px; } .modal.refundsLooksBestModal table tr { display: table-row !important; } @media(min-width: 768px) { form#orderRefundForm .basketOptions { margin-left: 74px; } } @media(max-width: 767px) { form#orderRefundForm a.basketProductName { clear: both; display: block; } } /* user ePoints */ .ePointsResumeItem:after, .ePointsResumeItem:before { content: " "; display: table; } .ePointsResumeItem:after { clear: both; } div.userEpoints .userEpointName { font-size: 36px; } div.userEpoints .userEpointName, .userEpointDescription, .ePointsResumeItem, .userEpointsGroup, .userEpointsItem { margin-bottom: 15px; } div.ePointsResumeLabel { background-color: #f2f2f2; text-align: center; padding: 5px; width: 75%; float: left; border: 1px solid #f2f2f2; } @media(min-width: 992px) { .userEpointContent { padding-right: 15px } .userEpointContentRight { padding-left: 15px; } .userEpointContent, .userEpointContentRight { width: 50%; float: left; } } .userEpoints .clear { clear: both; } div.ePointsResumeValue { padding: 5px; text-align: center; width: 25%; float: left; clear: right; border: 1px solid #defe00; background: #defe00; color: #FFF; } body.fluidContent-ePoints table.userOrders { margin-top: 40px; margin-bottom: 40px; } @media(max-width: 767px) { body.fluidContent-ePoints table.userOrders { display: none; } } div.userEpointsItem { background-color: #333; color: #FFF; padding: 15px; text-align: center; } /* delete account */ @media(min-width: 768px) { div#passwordContainer { width: 50%; } } /* deleteNewsletter */ .deleteNewsletterMsg { margin-top: 30px; margin-bottom: 30px; } /* createAccount */ .createAccountUserPage form>div.formText.userText { margin-bottom: 15px; } /* login (/user with not session) */ .smallLoginInPage form#smallLoginForm { padding: 0; } .fluidContent-user .userPageContainer.no-logged { margin-bottom: 15px; } .fluidContent-user .userPageContainer.no-logged>div { margin-bottom: 15px; } .fluidContent-user .userPageContainer.no-logged #smallLoginCreateAccount { display: none; } /* lostPassword */ .lostPasswordPageContent { margin-top: 20px; margin-bottom: 40px; } @media(min-width: 992px) { .lostPasswordPageContent { margin-top: 70px; margin-bottom: 70px; } } /* affiliate orders */ table.affiliateOrders { margin-top: 30px; margin-bottom: 40px; } table.affiliateOrders thead tr { background: #f2f2f2; font-family: var(--body-font); font-weight: 500; } /* 404 page */ .page404Content p { margin-bottom: 20px; color: #888; max-width: 380px; margin-left: auto; margin-right: auto; } .fluidContent-404 .btn.btn-primary { background: #303030; transition: all 350ms ease; } .fluidContent-404 .btn.btn-primary:hover { background: var(--color-purple); } .page404Content h1 { font-family: var(--body-font); font-weight: 500; margin-bottom: 20px; } .page404Content { padding: 60px 15px; } .page404Content .btn { padding: 12px 20px; text-transform: uppercase; font-family: var(--body-font); font-weight: 500; font-size: 16px; } /* fixes random */ .jslider table tr td { padding: 0 !important } .questionText.wishlistQuestionText { margin-bottom: 15px; text-align: center; } .modal span.wishlistProductImage img[src=""] { display: none; } @media(min-width: 768px) { .clearFilterButton { margin-top: 15px; width: 100%; } } .miniBasketContinueShopping { display: none; } .emptyProductsPageText { opacity: 0.5; margin: 15px 0; display: inline-block; width: 100%; } .jslider table { z-index: 1; position: relative; } .jslider { display: block; width: 100%; height: 20px; position: relative; top: 0; font-family: inherit; margin-top: 40px; width: calc(100% - 20px); margin-left: 10px; } .jslider .jslider-value { padding: 0; position: static; background: transparent; line-height: 14px; border-radius: 0; float: left; padding-right: 10px; transform: translateY(-34px) translateX(-10px); left: 0 !important; margin-left: 0 !important; color: transparent; font-size: 0px; } .jslider .jslider-value[style*="hidden"] { display: none; } .jslider .jslider-value[style*="visible"]:after { content: attr(data-currency); color: #242221; font-size: 14px; line-height: 14px; } .jslider .jslider-label+.jslider-value[style*="visible"]:before, .jslider .jslider-label+.jslider-value[style*="hidden"]+.jslider-value[style*="visible"]:before { color: #242221; font-size: 14px; line-height: 14px; } html[lang="en"] .jslider .jslider-label+.jslider-value[style*="visible"]:before, html[lang="en"] .jslider .jslider-label+.jslider-value[style*="hidden"]+.jslider-value[style*="visible"]:before { content: "Price: "; } html[lang="es"] .jslider .jslider-label+.jslider-value[style*="visible"]:before, html[lang="es"] .jslider .jslider-label+.jslider-value[style*="hidden"]+.jslider-value[style*="visible"]:before { content: "Precio: "; } html[lang="pt"] .jslider .jslider-label+.jslider-value[style*="visible"]:before, html[lang="pt"] .jslider .jslider-label+.jslider-value[style*="hidden"]+.jslider-value[style*="visible"]:before { content: "Preço: "; } .jslider .jslider-value[style*="visible"]~[style*="visible"] { transform: translateY(-34px) translateX(-17px); } .jslider .jslider-value[style*="visible"]~[style*="visible"]:before { content: "–"; color: #242221; padding-right: 4px; font-size: 14px; line-height: 14px; } .jslider .jslider-value span { color: #242221; font-size: 14px; } .jslider .jslider-pointer { width: 20px; height: 20px; background-image: none; background-color: #242221; border-radius: 50%; margin-right: -10px; margin-left: 0; top: 0; } .jslider .jslider-pointer { margin-left: 0; margin-right: 0; } .jslider .jslider-bg .v { height: 20px; border-radius: 2rem; background: none; background-image: none; background-color: var(--color-primary); } .jslider-pointer.jslider-pointer-to { transform: translateX(-100%); } .jslider .jslider-bg i { height: 20px; background-image: none; background-color: #E2E3E7; } .jslider .jslider-bg .r { border-radius: 0 2rem 2rem 0; } .jslider .jslider-bg .l { border-radius: 2rem 0 0 2rem; } .jslider .jslider-label-to { display: none !important; } .jslider::after { content: ""; position: absolute; height: 28px; inset: -4px; border: 1px solid #000; border-radius: 3rem; } @media(min-width: 1200px) { .category-first-level.products-page-header #menuCategoriesToggler { opacity: 0; visibility: hidden; } .menu-mobile-opened .category-first-level.products-page-header #dynamic-main-menu, .category-first-level.products-page-header #dynamic-main-menu { transform: translateY(40px); opacity: 1; } } /* nacex modal */ #nacexModal .modal-body { padding: 0; } #nacexModal iframe { width: 100%; height: 500px; } button#productContactSubmit { padding: 4px 12px 2px; float: right; width: auto; font-size: 14px; } .fluidContent-wishlist .wishlistButton { margin: 0; text-transform: uppercase; white-space: normal; font-family: var(--body-font); font-weight: 500; font-size: 13px; } /* buttons user all */ #lostPasswordSubmit, #saveUserButton, #userLoginSubmit, #changePasswordSubmit, .oneStepCheckoutLogInLink>a, #deleteAccountSubmit { min-width: 200px; } .user-page-not-logged #saveUserButton { float: right; } .wishlist-controls .productDetailSendWishlist, .wishlist-controls .productDetailDeleteWishlist { margin-bottom: 0; } @media(min-width: 992px) { .wishListPageContent { width: calc(100% - 290px); } } @media(max-width: 991px) { .userPanelBlock { float: left; padding: 0 15px; width: 33.33333%; } #userMenucontainer { width: 100%; } a.userPanelLink { padding: 2px 0; } .centralContent { width: 100%; } } @media(max-width: 767px) { .userPageContainer { padding: 0; } } @media(max-width: 549px) { .userPanelBlock { float: left; padding: 0 15px; width: 100%; } } table.userOrders td, table#stockAlertsSubscriptions th { text-align: center; } table.userOrders thead td, table#stockAlertsSubscriptions thead th { background-color: #f1f1f1; color: #989898; padding: 10px; font-family: var(--body-font); font-weight: 400; font-weight: normal; font-size: 12px; border: 3px solid #FFF; } table.userOrders thead td:first-child, table#stockAlertsSubscriptions thead th:first-child { border-left: 0; } table.userOrders thead td:first-child, table#stockAlertsSubscriptions thead th:first-child { border-right: 0; } #toTopPage { position: fixed; z-index: 9020; bottom: 30px; right: 30px; width: 43px; height: 43px; transition: transform 350ms ease; transform: translateY(85px); border-radius: 50%; } #toTopPage .icon { height: 18px; width: 18px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } #toTopPage.tat { transform: translateY(0px); transform: translateY(-40px); } /* IE */ @media screen\0 { #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit .text { padding: 11px 7px 11px 0; } .btn.buyFormSubmit .text { padding: 15px 7px 11px 0; } } @media(max-width: 767px) { div#doofinder { width: calc(100% - 2px) !important; left: 0px !important; top: 119px !important; } .dfjspContainer, .dfjspPane, div#doofinder-results { width: 100% !important; } } #product-body-top .buyFormSubmit-wrap { margin-top: 30px; display: flex; gap: 16px; align-items: center; } #product-body-top .buyFormSubmit { border: 0; height: 40px; width: 100%; max-width: 300px; background-color: var(--color-primary); color: var(--color-dark); margin: 0 !important; line-height: 1; } #product-body-top .buyFormSubmit:hover, #product-body-top .buyFormSubmit:focus { background-color: #000; color: var(--color-primary); } #product-body-top .buyFormQuantity { width: 88px; height: 40px; border: 1px solid #B0B3BD; box-shadow: none; border-radius: 4rem; font-weight: 700; font-size: 20px; color: var(--color-dark); text-align: center; } #product-body-top .buyFormQuantity:focus { border-color: var(--color-dark); outline: 1px solid var(--color-dark); } .removeClasses { opacity: 0; transition: opacity 200ms ease; clear: both; } .wishlistButtonFake .wishlistButton { background-repeat: no-repeat; padding-left: 32px; margin-left: 0; text-transform: none; background-color: transparent; } .wishlistButton { color: #b6b6b6; line-height: 21px; margin-left: 15px; } #product-body-top form.buyForm.fixed-top-buy-section *:not(.buyFormSubmit) { -webkit-transition: none; transition: none; margin-top: 0; margin-bottom: 0; } .financiation:after, .financiation:before { content: ""; display: table; } .financiation:after { clear: both; } .financiation-inner { padding: 12px 0; } .financiation-content { font-size: 14px; color: #767676; } .financiation-content ul { padding: 10px; } .financiation-inner-img { padding-bottom: 10px; } .financiation-inner, .financiation-inner-img { float: left; padding-right: 5px; } .financiation-inner-img img { display: block; width: 45px; max-width: 100%; height: auto; } @media(max-width: 767px) { #main-price { padding-bottom: 0; } .fake-title { font-size: 18px; } .wishlistButton { margin-left: 0; } .tab-content #description h2, .tab-content .pageZoneFooterProd .title, .tab-content #description h3, .tab-content #description .h3 { font-size: 16px; } .tabsSection .tab-content { font-size: 12px; } } @media(max-width: 479px) { .productsPageBody { padding: 0; } .financiation-inner { display: none; } .financiation.visible-xs-block { margin-bottom: 10px; } } #product-body-top form.buyForm.fixed-top-buy-section .financiation { display: none !important; } /* wishlist */ .productOption:after, .productOption:before { content: ""; display: table; } .productOption:after { clear: both; } .table>tbody>tr>td.imagesOrderStateCustom { text-align: left; border-top: 0; } .fluidContent-orders .centralContent { max-width: 1000px; } .fluidContent-orders td.grid.userOrder { color: #666; } .downcase { text-transform: none !important } .ordersPageCotnent { color: #999; } .customTagImageFeature { border-radius: 5px; padding: 5px 6px 4px; border: 1px solid #d9dbdd; box-shadow: 2px 2px 1px rgba(123, 122, 125, 0.69); margin: 0 7px 8px 0; float: left; text-align: center; } .sizeClassText-xs { font-size: 16px; font-family: var(--body-font); font-weight: 500; } .sizeClassText-sm { font-size: 15px; font-family: var(--body-font); font-weight: 500; } .sizeClassText-md { font-family: var(--body-font); font-weight: 500; } .sizeClassText-lg { font-size: 11px; } .classColor-1 { color: #6d86a8; background-color: #FFF; } .classColor-2 { color: #9f90ae; } .classColor-3 { color: #FFF; background-color: #afcacf; } .classColor-4 { color: #afbaab; } .classColor-5 { color: #868785; background-color: #e2e3e5; } #relatedItemsModal .buyForm .price { opacity: 0; } #relatedItemsModal .buyForm .price.init { opacity: 1; } .longNumber #main-price .product-price .integerPrice { font-size: 35px; } .taxIncludedCtn.alternative { font-size: 9px !important; } .alternative+.taxText-wrap { font-size: 8px !important; } .addressBook .well { background-color: var(--color-gray-bg); box-shadow: none; border-radius: 10px; } .addressBookAction.adressBookDelete, .addressBookAction.adressBookEdit { position: relative; height: 36px; width: 36px; } .addressBookAction svg { width: 16px; height: 16px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } .blockAddressBook .title { font-family: var(--body-font); font-weight: 500; font-size: 14px; margin-bottom: 7px; } .box.billingAddressBox, .box.shippingAddressBox { color: #777; } .addressBook span.address, .addressBook span.state { display: block; } .blockAddressBook .title { font-family: var(--body-font); font-weight: 500; font-size: 16px; margin-bottom: 7px; } #userForm .addressContainer .addressBook label { font-family: var(--body-font); font-weight: 500; display: none; } .blockAddressBook .actions { text-align: right; } .addressBook .title { font-family: var(--title-font); font-weight: 400; font-size: 18px; margin-bottom: 8px; letter-spacing: -0.04em; } .addAddressBook { margin-bottom: 5px; } .addAddressBook a { background-color: var(--color-primary); font-size: 13px; color: var(--color-dark); height: 30px; display: inline-flex; padding: 0 16px; border-radius: 3rem; align-items: center; justify-content: center; text-align: center; font-weight: 500; margin-bottom: 16px; } .addAddressBook a:hover, .addAddressBook a:focus { background-color: #000; color: var(--color-primary); } .addressBook .buttons button { background-color: #FFF; color: var(--color-dark); font-family: var(--body-font); font-weight: 500; border-radius: 4rem; border-color: var(--color-dark); font-size: 13px; text-transform: none; white-space: normal; } .addressBook .buttons button:hover { background-color: #000; color: var(--color-primary); } .defaultAddress .default { text-align: right; float: right; text-transform: uppercase; font-style: inherit; color: var(--color-purple); font-family: var(--title-font); font-weight: 500; letter-spacing: -0.02em; } .addressBook.addressInfo .field.alias { margin-bottom: 5px; text-decoration: underline; } .addressBook.addressInfo.form-group { font-size: 13px; } #userAddressBookForm label { font-family: var(--body-font); font-weight: 400; color: #777; font-size: 12px; } #addressBookContainer .buttons { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 8px; } .divider-vertical { display: inline-block; margin: 0 5px; opacity: .3; font-size: 18px; } /* packProduct */ .packProductRow .packProduct { padding: 0; float: left; } .packProductRow .packProduct>div { height: 100%; } .packProductRow .packProduct:not(:last-child):after, .packProductRow .packProduct:last-child:after { color: #000; position: absolute; font-family: FontAwesome; font-size: 35px; z-index: 2; text-align: center; border-radius: 47%; height: 40px; width: 40px; top: 40%; line-height: 1; } .packProductRow .productListSmallImage { height: 110px; max-width: 100%; margin: 0px auto; } .packProductRow .col-md-9 .col-xs-6:last-child:after { right: -7px; content: " "; background-image: url("../img/igual.png"); color: white; background-position: center; height: 37px; width: 37px; top: 50px; background-repeat: no-repeat; position: absolute; z-index: 3; background-size: contain; } @media(max-width: 767px) { .packProductRow .packProduct:last-child:after, .packProductRow .packProduct:not(:last-child):after { right: calc(50% - 10px); bottom: -5px; top: auto; } .packProductRow .buttons .productListPrice { padding: 30px 0px; } } .packProductRow { margin-bottom: 10px; height: 100%; padding-bottom: 15px; padding-top: 15px; } @media(min-width: 992px) { .packProductRow .packProduct:first-child:after { top: 90px; } } .packProductRow .buyFormSubmit { display: block; width: 100%; margin-top: 10px; } .packProductRow .swiper-products { padding: 0; } div.packProductSmallImage { display: block; position: relative; border: 1px solid #8c8c8c; border-radius: 10px; width: 100%; overflow: hidden; } div.packProductSmallImage:before { content: ""; display: block; padding-top: 100%; } div.packProductSmallImage a { padding: 15px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: flex; align-items: center; justify-content: center; transition: padding 350ms ease; } .packProductInfo:hover div.packProductSmallImage a { padding: 0px; } .packProductInfo { display: block; } .packProduct .fa { font-size: 25px; } div.packPricesContent { font-weight: bold; color: var(--color-purple); } div.packPricesContent span.product-saving { display: block; color: #b2b6b7; } div.packPricesContent .pack-price .integerPrice { font-size: 28px; } div.packPricesContent .pack-price .decimalPrice { font-size: 23px; } div.packPricesContent .pack-price .currencySymbol { font-size: 22px; } span.packProductName { display: inline-block; margin-top: 15px; } .packProductRow .packProduct { padding: 0; float: left; max-width: 142px; } .pagination>li>span.toLastPage { z-index: 1; color: inherit; background: none; border: none; } .pagination>li.toLastPage { margin: 0px; } .pagination>li>span.toLastPage:hover { z-index: 1; color: inherit; background: none; border: none; } .productListRibbon, .newProductListRibbon { position: absolute; top: 15px; left: 15px; width: calc(100% - 30px); z-index: 2; transition: all 350ms ease; } #main-image-container .productListRibbon { top: 0px; left: 0px; width: 100%; } #main-image-container .newProductListRibbon { top:auto; bottom: 0px; left:0px; width:100%; } #main-image-container .productListRibbon img, #main-image-container .newProductListRibbon img { display: block; max-width: 180px; } #main-image-container .newProductListRibbon img { margin:0 auto; } #fake-loader { position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 999; background-color: rgba(255, 255, 255, .5); display: none; } #fake-loader img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #fake-loader .large-loading { max-width: 9%; height: auto; } #stepPaymentPageContainer .large-loading { max-width: 200px; } .ppo-logo .ocult { visibility: hidden } .ppo-logo.min { overflow: hidden; width: 38px } .ppo-logo-col { margin: 1%; width: 20%; float: left } .ppo-logo .circle { margin-top: 2%; margin-bottom: 2%; border-radius: 50%; position: relative; width: 100%; height: auto; padding-top: 100%; background: #000 } .ppo-logo.min .centered { top: -.2em; right: -.2em } .ppo-logo.min .aligned { top: -.4em; right: -.4em } .ppo-logo .green-one { background-color: #cef245 } .ppo-logo .green-two { background-color: #c6ec44 } .ppo-logo .green-gradient { background: -webkit-linear-gradient(41deg, #c6ec44 30%, #aedc41 82%); background: linear-gradient(49deg, #c6ec44 30%, #aedc41 82%) } .ppo-logo .green-three { background-color: #aedc41 } .free-shipping-page { color: #878787; font-size: 15px; text-align: center; padding: 4px 0 0; display: block !important; } .free-shipping-page>div { display: inline-block; } .free-shipping-page>div>div { float: left; } .free-shipping-page p { font-weight: 700; font-size: 14px; margin: 0; text-align: left; color: silver; text-transform: uppercase; } .free-shipping-page strong { text-align: left; line-height: 15px; display: block; text-transform: uppercase; color: #7e44ed; font-weight: 700; } .fluidContent-user .user-page-not-logged .fbcont.fbLogin a { float: left !important; } .fbcontUserNew { margin-top: 45px; } .fbcontUserNew .msg-social-login-customerv2 { margin-bottom: 15px; } @media (min-width: 768px) { .fbcontUserNew a[data-fluid-function="externalConnectionLogin"][data-fluid-data*="facebook"] { margin-left: 0; } .fbcontUserNew .msg-social-login-customerv2 { text-align: left; } .fbcontUserNew .socialLoginCheck .legalTextLinks input[type="checkbox"] { left: 0; } } #main-content { width: 100%; } .main-wrap-layout:before, .main-wrap-layout:after { content: ""; display: table; } .main-wrap-layout:after { clear: both; } /* ------------------- Header -------------------- */ #shop-content { padding-top: 68px; } #shop-content.hasPreheader { padding-top: 98px; } .header-v2 { background-color: #000; color: #FFF; height: 68px; position: fixed; left: 0; right: 0; top: 0; z-index: 8000; } .header-v2-container { padding: 0; } .header-v2-container::after, .header-v2-container::before { display: none; } .col-header-v2 { float: left; min-height: 1px; } .col-header-v2-logo { width: 205px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; height: 68px; display: flex; align-items: center; } .hasPreheader .col-header-v2-logo { height: 68px; padding-top: 8px; } .col-header-v2-logo img { height: auto; display: block; max-width: 100%; } .header-v2-logo-img-desktop { display: none; } @media(min-width: 768px) { .header-v2-logo-img-mobile { display: none; } .header-v2-logo-img-desktop { display: block; } } svg.header-v2-logo-img { width: 195px; height: 52px; } .col-header-v2-basket { width: 72px; float: right; } .col-header-v2-search, .col-header-v2-links { width: calc(50% - 138.5px); } .col-header-v2-search { max-width: 688px; padding-left: 38px; } .col-header-v2-search .form-group { margin-bottom: 0; } .col-header-v2-search #smallSearchForm { position: relative; margin: 18px 0; } .col-header-v2-search #smallSearchCriteriaField { height: 33px; border: 1px solid #383838; box-shadow: none; font-size: 16px; padding-left: 15px; padding-right: 60px; border-radius: 2rem; background-color: #383838; } .col-header-v2-search #smallSearchCriteriaField:focus { background-color: #FAFFBD; border-color: #FAFFBD; } .col-header-v2-search #smallSearchSubmit { background: transparent; position: absolute; border-radius: 0; top: 0; height: 33px; width: 45px; right: 0; border: 0; } .col-header-v2-search #smallSearchSubmit .icon { width: 20px; height: 20px; display: block; position: absolute; fill: #fff; top: 0; right: 0; left: 0; bottom: 0; margin: auto; transition: all 350ms ease; } .col-header-v2-search #smallSearchSubmit:hover .icon { fill: var(--color-primary); } .header-v2-basket { width: 100%; border: 0; background: none; height: 68px; padding: 0; margin: 0; display: block; position: relative; transform: scale(1); transition: transform 150ms ease; background-color: #000; } .hasPreheader .header-v2-basket { height: 68px; } .header-v2-basket:active { transform: scale(.8); } .header-v2-basket .icon { width: 32px; height: 32px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transform: translateX(-3px); } .header-v2-basket .icon.icon-close { display: none; fill: #fff; width: 24px; height: 24px; transform: none; } .new-mini-basket-open .header-v2-basket .basket-number-badge, .new-mini-basket-open .header-v2-basket .icon:not(.icon-close) { display: none; } .new-mini-basket-open .header-v2-basket .icon.icon-close { display: block; } .header-v2-basket .icon .base-color { fill: #fff; } .header-v2-basket .icon .step { fill: #D4FE00; display: none; } .icon-cart-basket.mb-items-4 .base-color { display: none; } .icon-cart-basket.mb-items-1 .step-1 { display: block; } .icon-cart-basket.mb-items-2 .step-2 { display: block; } .icon-cart-basket.mb-items-3 .step-3 { display: block; } .icon-cart-basket.mb-items-4 .step-4 { display: block; } ul.header-v2-links { float: left; margin-bottom: 0; } ul.header-v2-links>li { float: left; position: relative; } ul.header-v2-links>li:after { content: ""; display: block; position: absolute; top: 50%; right: 0; height: 18px; width: 1px; margin-top: -9px; background-color: #4D4A4A; } @media(min-width:1200px) { ul.header-v2-links>li.dropdown-languages:after { left: 0px; } } .header-v2-links-pages li:last-child:after { display: none; } .header-v2-links-lg .header-v2-link { background-color: transparent; border: 0; color: #fff; padding: 0 25px; display: block; font-size: 18px; height: 68px; line-height: 68px; transition: color 350ms ease; font-family: var(--body-font); font-weight: 300; } .header-v2-links-lg .open .header-v2-link, .header-v2-links-lg .header-v2-link:hover { color: var(--color-primary); } .header-v2-links-utils .header-v2-link { font-family: var(--body-font); font-weight: 500; text-transform: uppercase; width: 74px; text-align: center; } .header-v2-burger { fill: #fff; border: 0; background-color: transparent; padding: 0; width: 72px; height: 66px; position: relative; display: block; } .header-v2-burger .icon { width: 32px; height: 32px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; transition: fill 150ms ease; } .header-v2-burger .icon path { transition: all 350ms ease; } .main-menu-v2-mobile-open .header-v2-burger .icon path:nth-child(2) { transform: translate(-15px, -9px) rotate(45deg); transform-origin: 0 100%; } .main-menu-v2-mobile-open .header-v2-burger .icon path:nth-child(3) { transform: translateX(-100%); } .main-menu-v2-mobile-open .header-v2-burger .icon path:nth-child(1) { transform: translate(-15px, 9px) rotate(-45deg); transform-origin: 0 0; } /* ---------- */ .header-v2-burger:hover .icon { fill: var(--color-primary); } #menu-user-mobile { position: fixed; top: 98px; margin-top: 0; width: 100%; left: 0; right: 0; max-height: calc(100% - 60px); overflow: auto; padding: 0; border: 0; max-width: 320px; margin-left: auto; display: block; z-index: 7900; background-color: #FFF; border: 1px solid #f3f2f9; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); transition: transform 350ms ease; transform: translateY(-110%); } .menu-user-mobile-open #menu-user-mobile { transform: translateY(0%); } #menu-user-mobile>ul { margin-bottom: 30px; } .currencies-header-dropdown .text-right, .languages-header-dropdown .text-right { margin-left: auto; } .languages-header-dropdown, .currencies-header-dropdown, #menu-user-mobile li.menu-u-mbl-i>a, #menu-user-mobile li.menu-u-mbl-i>.a { line-height: 1; height: 70px; padding: 20px; display: flex; align-items: center; font-size: 16px; color: #707070; font-family: var(--body-font); font-weight: 500; } .menu-click-desk>.m-u-dsk-i>a, .menu-click-desk>.m-u-dsk-i>.a { line-height: 1; height: 65px; padding: 25px; display: flex; align-items: center; font-size: 16px; color: #707070; font-family: var(--body-font); font-weight: 500; } #menu-user-mobile li.menu-u-mbl-i.menu-u-mbl-i-big>a, #menu-user-mobile li.menu-u-mbl-i.menu-u-mbl-i-big>.a { height: 90px; } .menu-click-desk>.m-u-dsk-i>a>svg, .menu-click-desk>.m-u-dsk-i>.a>svg { width: 29px; height: 29px; fill: #8d8d8d; margin-right: 18px; transition: all 350ms ease; } #menu-user-mobile li.menu-u-mbl-i>.a>svg, #menu-user-mobile li.menu-u-mbl-i>.a>img, #menu-user-mobile li.menu-u-mbl-i>a>svg, #menu-user-mobile li.menu-u-mbl-i>a>img { width: 32px; height: 32px; fill: #535353; color: #535353; margin-right: 20px; transition: all 350ms ease; } .menu-user-mobile-subbutton:hover, .menu-user-mobile-sublist>li>a:hover, .menu-click-desk>.m-u-dsk-i>a:hover, #menu-user-mobile li.menu-u-mbl-i>a:hover, .menu-user-mobile-sublist>li>.a:hover, .menu-click-desk>.m-u-dsk-i>.a:hover, #menu-user-mobile li.menu-u-mbl-i>.a:hover { color: #444; background-color: #f7f7f7; } .menu-click-desk>.m-u-dsk-i>.a:hover svg, #menu-user-mobile li.menu-u-mbl-i>.a:hover svg, .menu-click-desk>.m-u-dsk-i>a:hover svg, #menu-user-mobile li.menu-u-mbl-i>a:hover svg { fill: #444; } #menu-user-mobile li.separator { border-bottom: 2px solid #e3e3e3; } #menu-user-mobile li.menu-u-mbl-i>a>.lang-img { width: 38px; height: 38px; margin-right: 0; margin-left: auto; } .menu-user-mobile-subbutton { height: 65px; width: 100%; display: block; border: 0; background: none; text-align: left; padding: 20px; font-size: 16px; color: #707070; font-family: var(--body-font); font-weight: 500; display: flex; align-items: center; justify-content: space-between; } .menu-user-mobile-collapse-back { height: 40px; border: 0; background: none; display: block; width: 100%; padding: 0 20px; overflow: hidden; } .menu-user-mobile-collapse-back .icon { width: 20px; height: 20px; fill: #888; float: right; } .menu-user-mobile-sublist>li>a { padding: 12px 20px; display: block; font-size: 14px; color: #707070; font-family: var(--body-font); font-weight: 500; } .menu-user-mobile-sublist>li.language-active>a, .menu-user-mobile-sublist>li.currency-active>a { color: #212121; } .menu-user-mobile-sublist>li>a .text-right { float: right; font-size: 18px; line-height: 17px; text-transform: uppercase; } .menu-user-mobile-sublist { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; } #menu-user-mobile li.menu-u-mbl-i #collapMenuMobileLangCurr .wrap { border-bottom: 2px solid #cecece; margin-bottom: 4px; position: relative; } #menu-user-mobile li.menu-u-mbl-i #collapMenuMobileLangCurr .wrap:after { content: ""; display: block; position: absolute; height: 4px; width: 100%; bottom: -6px; background-color: #e9e9e9; } /* ------------------- New breadcrumb -------------------- */ .new-breadcrumb-bar { display: flex; align-items: center; justify-content: space-between; margin-bottom: 12px; } .new-breadcrumb-bar.clearfix::before, .new-breadcrumb-bar.clearfix::after { display: none; } .new-breadcrumb-bar .breadcrumb { background-color: #FFF; margin-bottom: 0; overflow: hidden; background-color: transparent; padding: 8px 0 8px 15px; min-height: 32px; display: flex; align-items: center; gap: 4px 8px; flex-wrap: wrap; } .new-breadcrumb-bar .breadcrumb a.pathFirst::before { content: ""; display: block; background-image: url("data:image/svg+xml,%3Csvg width='40' height='24' viewBox='0 0 40 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12C0 5.37258 5.37258 0 12 0H28C34.6274 0 40 5.37258 40 12C40 18.6274 34.6274 24 28 24H12C5.37258 24 0 18.6274 0 12Z' fill='%23F2F3F4'/%3E%3Cpath d='M27.355 11.645L20.705 5H19.29L12.645 11.645L13.35 12.35L14.495 11.205V19H19V14.5H21V19H25.5V11.205L26.645 12.35L27.35 11.645H27.355ZM24.5 18H22V13.5H18V18H15.5V10.205L19.705 6H20.29L24.495 10.205V18H24.5Z' fill='%231C1D1E'/%3E%3C/svg%3E%0A"); width: 40px; height: 24px; } .new-breadcrumb-bar .breadcrumb .pathFirst span { font-size: 0; position: absolute; } .new-breadcrumb-bar .breadcrumb .pathLast { font-weight: 500; } /* ------------------- Minibasket/s -------------------- */ .miniBasketEmpty { display: block; padding: 30px 20px; text-align: center; font-size: 14px; color: #888; } .basket-number-badge.n-0 { display: none; } .basket-number-badge { font-family: var(--body-font); font-weight: 500; position: absolute; top: 5px; right: 18px; color: var(--color-primary); font-size: 14px; } .mini-basket-desktop-fixed { height: 62px; width: 72px; position: fixed; top: 0; right: 0; background-color: #000; z-index: 8100; } .hasPreheader .mini-basket-desktop-fixed, .hasPreheader.mini-basket-desktop-fixed { height: 68px; top: 32px; } #miniBasket { position: fixed; z-index: 8050; top: 0; max-height: 100%; width: 100%; max-width: 460px; background-color: #FFF; right: 0px; transform: translateX(100%); transition: transform 350ms ease; box-shadow: 0 0 15px rgba(0, 0, 0, 0); } /* Toppings */ #miniBasket { top: 68px; } .hasPreheader #miniBasket { top: 98px; } .new-mini-basket-open #miniBasket { transform: translateX(0); box-shadow: 0 0 15px rgba(0, 0, 0, .2); z-index: 999999; } .miniBasketHeader { padding: 11px 22px; border-bottom: 2px solid #e9e9e9; height: 62px; display: flex; align-items: center; flex-wrap: wrap; } .miniBasketHeader>* { display: block; width: 100%; } .miniBasketHeaderTitle { font-size: 20px; margin: 0; line-height: 1; font-family: var(--title-font); font-weight: 500; letter-spacing: -0.04em; } .miniBasketHeaderTitle a { color: #707070; } .miniBasketOutput { min-width: 0; height: calc(100% - 182px); } #miniBasketProductSubtotal { display: none; } #miniBasketProductUnits { font-size: 12px; color: #8d8d8d; line-height: 1; display: block; } .go-to-cart-v2-mb { display: block; position: absolute; top: 31px; right: 30px; font-size: 18px; color: var(--color-purple); line-height: 1; margin-top: -10px; } .go-to-cart-v2-mb:hover { color: #333; } .send-products-to-dark-side-cont { display: block; padding: 15px 22px 6px; font-size: 14px; position: relative; } .send-products-to-dark-side { color: #8d8d8d; border-bottom: 1px solid; } .send-products-to-dark-side:hover { color: #333; } .miniBasketItem { clear: both; border-bottom: 0; padding: 0 22px; margin-top: 30px; position: relative; } .miniBasketItemBody { display: flex; align-items: center; flex-wrap: wrap; } .miniBasketItemBody:before, .miniBasketItemBody:after { display: none !important; } .miniBasketItem:last-child { margin-bottom: 30px; } .miniBasketItemName { font-weight: normal; } .miniBasketItemName a { font-size: 18px; color: #707070; font-family: var(--body-font); font-weight: 300; line-height: 1.2; display: block; margin-bottom: 10px; } .miniBasketItemName a:hover { color: #333; } .miniBasketItemOptions { display: block; line-height: 1.1; } .miniBasketItemOption { font-size: 12px; color: #707070; font-family: var(--body-font); font-weight: 300; font-style: italic; } .miniBasketItemImage { display: block; float: left; max-width: 115px; margin-right: 0; float: left; min-width: 115px; } [data-minibasket-delete] { position: absolute; top: 0; right: 22px; cursor: pointer; } [data-minibasket-delete] .icon { width: 22px; height: 22px; fill: #8d8d8d; display: block; } [data-minibasket-delete]:hover .icon { fill: #000; } .miniBasketItemHeader { padding-right: 30px; margin-bottom: 5px; } .miniBasketItem-price.miniBasketItemPrice { float: left; width: 130px; } .miniBasket div.input-group { width: 125px; margin: 0 20px 0 auto; } .miniBasket div.input-group span.input-group-btn { float: left; height: 40px; width: 40px; } .miniBasket div.input-group span.input-group-btn>button.btn.btn-number { padding: 0px; display: block; width: 100%; height: 100%; margin: 0 !important; border: 0; padding: 0; position: relative; font-size: 22px; line-height: 40px; color: #000; border-radius: 50% !important; background-color: transparent; } .miniBasket div.input-group span.input-group-btn>button.btn.btn-number:hover, .miniBasket div.input-group span.input-group-btn>button.btn.btn-number:active, .miniBasket div.input-group span.input-group-btn>button.btn.btn-number:focus { background-color: rgba(0, 0, 0, 0.1); } .miniBasket div.input-group span.input-group-btn>button.btn.btn-number[disabled] { opacity: 0.25; } .glyphicon, .glyphicon-trash, .basketDeleteProduct { font-family: inherit !important; } .customQuantityV2 div.input-group span.input-group-btn .btn.btn-number>span, .miniBasket div.input-group span.input-group-btn .btn.btn-number>span { font-family: inherit !important; display: block; } div.input-group span.input-group-btn>button.btn.btn-number .glyphicon:before, .miniBasket div.input-group span.input-group-btn .btn.btn-number>span:before { content: ""; height: 23px; width: 8px; background-size: 8px 23px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .customQuantityV2 div.input-group span.input-group-btn .btn.btn-number>span.glyphicon-minus:before, .miniBasket div.input-group span.input-group-btn .btn.btn-number>span.glyphicon-minus:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3e%3cpath d='M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z'%3e%3c/path%3e%3c/svg%3e"); } .customQuantityV2 div.input-group span.input-group-btn .btn.btn-number>span.glyphicon-plus:before, .miniBasket div.input-group span.input-group-btn .btn.btn-number>span.glyphicon-plus:before { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3e%3cpath d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'%3e%3c/path%3e%3c/svg%3e"); } .miniBasket input.basketQuantity { width: 45px; background-color: transparent; height: 40px; font-family: var(--body-font); font-weight: 500; font-size: 21px; padding: 0; text-align: center; border: 0; box-shadow: none; color: #414141; } .miniBasketItemNum { display: block; margin: 0; float: left; width: calc(100% - 242px); } .miniBasketItem-price.miniBasketItemPrice { float: left; text-align: right; width: 120px; font-size: 23px; color: #414141; font-family: var(--body-font); font-weight: 500; } .miniBasketItem-price.miniBasketItemPrice span.decimalPrice, .miniBasketItem-price.miniBasketItemPrice span.currencySymbol { font-size: 14px; vertical-align: text-top; position: relative; top: 2px; font-family: var(--body-font); font-weight: 500; } .miniBasketBody { height: 100%; overflow: auto; } #miniBasketContent { height: 100%; } .btn.btn-primary.miniBasketButton.miniBasketEndOrder { height: 48px; background-color: var(--color-primary); border-color: var(--color-primary); color: var(--color-dark); width: 100%; font-size: 17px; } .btn.btn-primary.miniBasketButton.miniBasketEndOrder:hover, .btn.btn-primary.miniBasketButton.miniBasketEndOrder:active, .btn.btn-primary.miniBasketButton.miniBasketEndOrder:focus { border-color: #000; background-color: #000; color: var(--color-primary); } .miniBasketFooter { padding: 10px 15px 17px; border-top: 2px solid #e9e9e9; position: relative; overflow: hidden; } .miniBasketFooter .miniBasketShowTaxIncluded .col-md-8 { font-size: 25px; color: #191919; font-family: var(--body-font); font-weight: 500; line-height: 1; padding-right: 10px; } .miniBasketFooter .miniBasketShowTaxIncluded .col-md-4 { font-size: 27px; color: #191919; font-family: var(--body-font); font-weight: 500; line-height: 1; } .miniBasketFooter .miniBasketShowShipping { width: 44%; margin-left: 0; margin-right: auto; float: left; font-size: 20px; color: #414141; font-family: var(--body-font); font-weight: 500; line-height: 1.2; padding-top: 4px; padding-right: 15px; } .miniBasketFooter .miniBasketShowTaxIncluded { margin-right: 0; width: 56%; float: right; margin-left: auto; display: flex; align-items: baseline; justify-content: flex-end; } .miniBasketFooter .row>div { width: auto; padding-left: 0; padding-right: 0; } .miniBasketFooter .row:not(.miniBasketShowTaxIncluded)>div { display: inline-block; float: none; position: static; min-height: 0; } .miniBasketFooter .row:not(.miniBasketShowTaxIncluded) .col-md-8 { font-size: 18px; } .miniBasketFooter .miniBasketShowTaxIncluded .col-md-4 span.decimalPrice, .miniBasketFooter .miniBasketShowTaxIncluded .col-md-4 span.currencySymbol { font-size: 17px; vertical-align: text-top; position: relative; top: 7px; font-family: var(--body-font); font-weight: 500; } .miniBasketButtons { margin: 0; width: 56%; margin-left: auto; padding: 0; padding-top: 13px; float: right; } .miniBasketFooter .miniBasketShowShipping .col-xs-12 { font-size: 22px; line-height: 1.3; } /* ----------------------- footer ------------------------- */ .footer-v2 { width: 100%; background-color: #000; display: flex; flex-direction: column; } .footer-v2-payments { background-color: var(--color-dark); } .footer-v2 .legalTextLinks { color: #fff; } .footer-v2 .legalTextLinks a:not(:hover) { color: #FFF; } .footer-v2 .has-error .checkbox, .footer-v2 .has-error .checkbox-inline, .footer-v2 .has-error .control-label, .footer-v2 .has-error .help-block, .footer-v2 .has-error .radio, .footer-v2 .has-error .radio-inline, .footer-v2 .has-error.checkbox label, .footer-v2 .has-error.checkbox-inline label, .footer-v2 .has-error.radio label, .footer-v2 .has-error.radio-inline label { color: #d40400; } .newsletter-v2-title { font-size: 18px; color: var(--color-primary); text-transform: uppercase; line-height: 1.2; max-width: 200px; text-align: center; margin: 0 auto; } .newsletter-v2-title b { color: #FFF; font-weight: 600; font-family: var(--title-font); font-size: 1.1em; } .footer-v2-logo-link { display: flex; align-items: center; justify-content: center; width: 100%; padding-top: 2rem; } .footer-v2-first-cont { padding: 30px 15px 8px 15px; } #newsletter-popup #smallNewsletterEmailField, .footer-v2 #smallNewsletterEmailField { height: 36px; border-radius: 5px; box-shadow: none; border-color: #383838; width: calc(100% - 120px); } #newsletter-popup #smallNewsletterEmailField { border-radius: 3rem; background-color: #383838; border-color: #383838; color: #FFF; } #newsletter-popup #smallNewsletterEmailField::-webkit-input-placeholder { color: #fff; } #newsletter-popup #smallNewsletterEmailField::-moz-placeholder { color: #fff; } #newsletter-popup #smallNewsletterEmailField:-ms-input-placeholder { color: #fff; } #newsletter-popup #smallNewsletterEmailField:-moz-placeholder { color: #fff; } #newsletter-popup #smallNewsletterSubmit, .footer-v2 #smallNewsletterSubmit { border: 0; width: 120px; background: #383838; height: 36px; border-radius: 0 2rem 2rem 0; font-family: var(--body-font); font-weight: 500; font-size: 14px; padding-left: 0; padding-right: 0; position: absolute; right: 0; top: 0; transition: background 350ms ease; } #newsletter-popup #smallNewsletterSubmit:hover, #newsletter-popup #smallNewsletterSubmit:active, .footer-v2 #smallNewsletterSubmit:hover, .footer-v2 #smallNewsletterSubmit:active { background: var(--color-purple); } #newsletter-popup .smallNewsletter { position: relative; } .footer-v2 .smallNewsletter { position: relative; margin-top: 18px; } #newsletter-popup .smallNewsletter .form-group, .footer-v2 .smallNewsletter .form-group { margin-bottom: 20px; } #newsletter-popup .has-error #smallNewsletterEmailField, .footer-v2 .has-error #smallNewsletterEmailField { border-color: var(--color-red-error); } .social-banners-v2 { padding-top: 30px; display: table; margin: 0 auto; } .social-banners-v2 .item { padding-left: 5px; padding-right: 5px; float: left; } .social-banners-v2 .item a { display: block; } .social-banners-v2 .item a:hover img, .social-banners-v2 .item a:hover svg { transform: translateY(-5px); } .social-banners-v2 img, .social-banners-v2 svg { width: 45px; height: 45px; transform: translateY(0); transition: transform 350ms ease; } .footer-v2-page-columns .footerPagesCollap { margin-left: auto; margin-right: auto; padding-inline: 1rem; } .footer-v2-page-columns .footerPagesCollap .collapse-toggle { font-size: 16px; font-family: var(--body-font); font-weight: 300; color: #fff; padding: 22px 2rem; text-transform: uppercase; line-height: 1.1; white-space: nowrap; overflow: hidden; width: 100%; text-align: left; position: relative; cursor: pointer; background-color: var(--color-dark); border: 0; border-bottom: 0; border-radius: 3rem; } .footer-v2 .col-pages+.col-pages { margin-top: 12px; } .footer-v2 #smallNewsletterEmailField { border-radius: 2rem 0 0 2rem; background-color: rgba(255, 255, 255, 0.22); color: #FFF; } .footer-v2 #smallNewsletterEmailField::-webkit-input-placeholder { color: rgba(255, 255, 255, 0.7); } .footer-v2 #smallNewsletterEmailField::-moz-placeholder { color: rgba(255, 255, 255, 0.7); } .footer-v2 #smallNewsletterEmailField:-ms-input-placeholder { color: rgba(255, 255, 255, 0.7); } .footer-v2 #smallNewsletterEmailField:-moz-placeholder { color: rgba(255, 255, 255, 0.7); } .footer-v2-page-columns .footerPagesCollap .collapse-toggle:not(.collapsed) { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .footer-v2-page-columns .footerPagesCollap .collapse-toggle:active:focus, .footer-v2-page-columns .footerPagesCollap .collapse-toggle:hover { background-color: var(--color-dark); color: #fff; } .footer-v2-page-columns .footerPagesCollap .collapse-toggle .icon { height: 20px; width: 20px; fill: var(--color-primary); position: absolute; top: 50%; right: 1.5rem; transform: translateY(-50%) rotate(180deg); transition: all 350ms ease; } .footer-v2-page-columns .footer-pages-list>li>a { display: block; font-size: 14px; padding: 19px 20px; color: #fff; font-family: var(--body-font); font-weight: 300; line-height: 1.3; } .footer-v2-page-columns .footer-pages-list>li>a svg { width: 24px; height: 24px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } .footer-v2-page-columns .footer-pages-list>li>a img { max-width: 33px; max-height: 33px; position: absolute; left: 20px; top: 50%; transform: translateY(-50%); } .footer-v2-page-columns .footer-pages-list>li.has-icon a { padding-left: 58px; position: relative; } .footer-v2-page-columns .footer-pages-list>li>a:hover { color: var(--color-primary); } .footer-v2-page-columns .footerPagesCollap .collapse-toggle.collapsed .icon { transform: translateY(-50%) rotate(0deg); } .footer-pages-list { margin: 0; background-color: var(--color-dark); margin-left: 0; margin-right: 0; border-radius: 0 0 2rem 2rem; padding: 20px 12px; } .footer-v2-page-columns { padding-bottom: 20px; } .footer-v2-payments img { margin-top: 20px; margin-bottom: 20px; margin-left: auto; margin-right: auto; } .footer-v2-legal { padding-top: 15px; padding-bottom: 40px; text-align: center; color: #cecece; font-family: var(--body-font); font-weight: 300; font-size: 13px; background-color: var(--color-dark); } body .footer-v2-legal p>a { color: var(--color-primary); } .footer-v2-legal.pages { padding-bottom: 0px; } .footer-v2-legal .content p { font-size: 13px; margin-bottom: 0; } .footer-v2-newsletter form { position: relative; } #newsletter-popup form .alert-danger, .footer-v2-newsletter form .alert-danger { background: none; border: none; color: #8b1835; font-size: 13px; font-family: var(--body-font); font-weight: 500; margin: 0; padding: 0; margin-bottom: -10px; margin-top: 10px; text-align: center; width: 120px; margin-left: auto; line-height: 1; } #newsletter-popup form .alert-success, .footer-v2-newsletter form .alert-success { background: none; border: none; color: #709c4b; font-size: 16px; font-family: var(--body-font); font-weight: 500; margin: 0; padding: 0; margin-bottom: -14px; margin-top: 10px; text-align: center; width: 120px; margin-left: auto; } .footer-v2-newsletter form:before, .footer-v2-newsletter form:after { content: ""; display: table; } .footer-v2-newsletter form:after { clear: both; } .hearts-empty-wish-modal { display: table; margin: 10px auto 15px; } .hearts-empty-wish-modal .icon { width: 27px; height: 27px; display: block; float: left; fill: #515151; } .hearts-empty-wish-modal .icon:first-child { margin-right: 10px; } .text-empty-wish-modal { text-align: center; padding-bottom: 25px; border-bottom: 1px solid #dfdfdf; font-size: 16px; line-height: 1.2; margin-bottom: 10px; } .menu-v2-desks { display: none; position: fixed; top: 66px; margin-top: 0; width: 100%; max-height: calc(100% - 66px); overflow: auto; padding: 0; border: 0; max-width: 320px; margin-left: auto; z-index: 7900; background-color: #FFF; border: 1px solid #f3f2f9; box-shadow: 0 6px 12px rgba(0, 0, 0, .175); transition: transform 350ms ease; transform: translateY(-110%); } .menu-v2-desks.moved { display: block; } .hasPreheader.menu-v2-desks { top: 98px !important; } .menu-desks-currencies-open .menu-v2-desks-currencies, .menu-desks-languages-open .menu-v2-desks-languages { transform: translateY(0%); } .menu-v2-desks ul { margin: 10px 0 20px; } .currencies-header-dropdown, .languages-header-dropdown { border-bottom: 2px solid #eaeaea; } .menu-user-mobile-open #d-label-user-tbl-mbl, .search-mobile-open .header-v2-search { fill: var(--color-primary); } /* ------------------------ new home -------------------- */ .section-home-v2 .container, .section-home-v2 .container-fluid { max-width: 2000px; margin-left: auto; margin-right: auto; } .main-home-slider-v2 .inset { display: block; padding-bottom: 15.825%; position: relative; } .main-home-slider-v2 .inset img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .main-home-slider-v2 .swiper-pagination { padding-inline: 8px; position: initial; transform: initial; height: 30px; display: flex; justify-content: space-around; align-items: center; margin-bottom: 15px; margin-top: 0.5rem; } .main-home-slider-v2 .swiper-pagination .swiper-pagination-bullet { letter-spacing: -0.04em; flex-basis: 100%; text-align: center; height: 30px; line-height: 30px; background: none; font-size: 14px; opacity: 1; border-radius: 2rem; margin: 0px; font-family: var(--title-font); text-transform: uppercase; } .main-home-slider-v2 .swiper-pagination .swiper-pagination-bullet-active { background: var(--color-gray-bg); font-weight: 600; } @media (max-width: 991px) { .main-home-slider-v2 .inset { padding-bottom: 30.475%; } } .main-home-slider-v2 img { width: 100%; } .main-home-slider-v2 .swiper-control { width: 50px; height: 50px; top: 50%; margin: 0; fill: #FFF; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; margin-top: -25px; display: block; } .main-home-slider-v2 .swiper-control .icon { width: 28px; height: 28px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .main-home-slider-v2 .swiper-button-prev { left: 8px; } .main-home-slider-v2 .swiper-button-prev .icon { margin-left: -2px; } .main-home-slider-v2 .swiper-button-next { right: 8px; } .main-home-slider-v2 .swiper-button-next .icon { margin-right: -2px; } .main-home-grid-top-desk-v2 .container-fluid { padding-left: 0; padding-right: 0; } .main-home-grid-top-desk-v2 .bg { border-radius: 24px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; } .main-home-grid-top-desk-v2 .row .item { margin-top: 15px; display: block; } .main-home-grid-top-desk-v2 .bannerName { font-size: 0px; position: absolute; } .home-seo-v2 .swiper-container { padding-bottom: 2px; } .home-seo-v2 .seo-content-v2 { color: #9c9c9c; text-align: center; max-width: 70%; margin: 45px auto 50px; font-family: var(--body-font); font-size: 16px; } .home-seo-v2 .seo-content-v2.responsiveView { max-width: 100%; } .home-seo-v2 .seo-content-v2 p { margin-bottom: 0; font-size: 14px; line-height: 1.5; } .home-seo-v2 .seo-content-v2 h1 { font-size: 28px; font-family: var(--title-font); font-weight: 400; color: #000; letter-spacing: -0.04em; } .home-seo-v2 .seo-content-v2.responsiveView h1 { font-size: 17px; } .home-seo-v2 .seo-content-v2 h2 { font-family: var(--body-font); font-weight: 400; line-height: 1.5; font-size: 14px !important; margin-bottom: 0; } .home-seo-v2 .seo-content-v2.responsiveView h2, .home-seo-v2 .seo-content-v2.responsiveView p { font-size: 14px; } .home-seo-v2 .seo-content-v2 * { color: #66686E; } @media(max-width:991px) { .home-seo-v2 .seo-content-v2.prebrands { max-width: 100%; } .home-seo-v2 .seo-content-v2.prebrands h1 { font-size: 17px; } .home-seo-v2 .seo-content-v2.prebrands h2, .home-seo-v2 .seo-content-v2.prebrands p { font-size: 14px; } } .category-swiper-home-v2 { background-color: #f2f2f2; overflow-x: hidden; } .category-swiper-home-v2 .swiper-container { padding-bottom: 2px; overflow: visible; } .category-swiper-home-v2 .container-fluid { padding-left: 40px; padding-right: 40px; position: relative; } .category-swiper-home-v2 .swiper-control .icon { width: 15px; height: 30px; display: block; position: absolute; top: 50%; transform: translateY(-50%); fill: #b8b8b8; } .category-swiper-home-v2 .csh-v2-name { font-size: 12px; color: #282828; font-family: var(--body-font); font-weight: 500; text-align: center; line-height: 1; margin-top: 15px; display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center; flex: 1; } .category-swiper-home-v2 .swiper-home-v2-item svg, .category-swiper-home-v2 .swiper-home-v2-item img { width: 67px; height: 67px; display: block; margin: 0 auto; } .category-swiper-home-v2 .swiper-control { height: 100%; background-color: #f2f2f2; margin: 0; top: 0; width: 30px; } .category-swiper-home-v2 .swiper-button-prev { left: 0; } .category-swiper-home-v2 .swiper-button-prev .icon { left: 10px; } .category-swiper-home-v2 .swiper-button-next { right: 0; } .category-swiper-home-v2 .swiper-button-next .icon { right: 10px; } .category-swiper-home-v2 .swiper-home-v2-item { display: flex; height: 100%; flex-direction: column; } .category-swiper-home-v2 .swiper-slide { height: auto; padding-top: 30px; padding-bottom: 15px; } .module-products-slider-01 { position: relative; } .module-products-slider-01 .swiper-control { width: 40px; height: 100px; top: 50%; margin: 0; margin-top: -50px; fill: #bdbdbd; } .module-products-slider-01 .swiper-control .icon { width: 30px; height: 35px; position: absolute; top: 50%; transform: translateY(-50%); } .module-products-slider-01 .swiper-button-prev { left: 0; } .module-products-slider-01 .swiper-button-prev .icon { left: 0; } .module-products-slider-01 .swiper-button-next { right: 0; } .module-products-slider-01 .swiper-button-next .icon { right: 0; } .module-products-slider-01 { background-color: var(--color-gray-bg); padding-top: 35px; padding-bottom: 40px; } .category-related-block.module-products-slider-01 { background-color: transparent; padding-top: 20px; } .module.module-products-slider-01 .container-fluid { padding-left: 6px; padding-right: 6px; } .module-products-slider-01 .relative-cont { position: relative; } /* media module slider fullwproducts */ @media (min-width: 768px) { .module-products-slider-01 .swiper-slide { width: 25%; } } @media (min-width: 992px) { .module-products-slider-01 .swiper-slide { width: 20%; } } @media (min-width: 1360px) { .module-products-slider-01 .swiper-slide { width: 16.666666666666668%; } } @media (min-width: 1700px) { .module-products-slider-01 .swiper-slide { width: 14.285714285714286%; } } @media (min-width: 1900px) { .module-products-slider-01 .swiper-slide { width: 12.5%; } } @media (min-width: 2100px) { .module-products-slider-01 .swiper-slide { width: 11.11111111111111%; } } .module-products-slider-title, .home-our-brands-title { letter-spacing: -0.04em; font-size: 18px; font-family: var(--title-font); font-weight: 400; color: #282828; text-transform: uppercase; line-height: 1.1; } .module-products-slider-title b, .home-our-brands-title b { font-family: var(--title-font); font-weight: 700; } .module-products-slider-title { margin-right: 20px; margin-bottom: 20px; float: left; } .module-products-slider-title.floatingEelement .wrapped-word-html { float: left; } .module-subtitle-wrap { float: left; font-size: 18px; font-family: var(--body-font); font-weight: 300; color: #808080; } span.module-subtitle-wrap { text-transform: none; margin-left: 20px; float: right; position: relative; } .header-slider { padding-left: 15px; padding-right: 15px; } .header-slider:before, .header-slider:after { content: ""; display: table; } .header-slider:after { clear: both; } .home-our-brands { padding-bottom: 42px; } .home-our-brands-header { padding-left: 35px; padding-right: 35px; } .home-our-brands-text { margin-top: 6px; font-size: 18px; font-family: var(--body-font); font-weight: 300; color: #808080; } .home-our-brands-item { padding-bottom: 25px; } .home-our-brands-slider { margin-top: 25px; } .home-our-brands-item .home-our-brands-item-img { width: 100%; display: block; max-width: 100%; border-radius: 16px; } .home-our-brands-item .home-our-brands-item-img.swiper-lazy-loaded~.a-p { display: none; } .home-our-brands-item-content { padding: 28px 25px 0; } .home-our-brands-item-name { font-size: 20px; line-height: 1.1; } .home-our-brands-item-text { font-size: 16px; font-family: var(--body-font); font-weight: 300; color: #66686E; margin-top: 4px; } .home-our-brands-slider { position: relative; padding-left: 20px; padding-right: 20px; } .home-our-brands .swiper-control { width: 40px; height: 100px; top: 50%; margin: 0; margin-top: -50px; fill: #bdbdbd; } .home-our-brands .swiper-button-prev { left: 0; } .home-our-brands .swiper-button-next { right: 0; } .home-our-brands .swiper-control .icon { width: 25px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); } .home-our-brands .swiper-button-prev .icon { left: 0; } .home-our-brands .swiper-button-next .icon { right: 0; } .section-brands-v2 { position: relative; } .section-brands-v2 .swiper-control { width: 50px; height: 50px; top: 50%; margin: 0; fill: #FFF; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; margin-top: -25px; display: block; } .section-brands-v2 .swiper-control .icon { width: 28px; height: 28px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .section-brands-v2 .swiper-button-prev { left: 8px; } .section-brands-v2 .swiper-button-prev .icon { margin-left: -2px; } .section-brands-v2 .swiper-button-next { right: 8px; } .section-brands-v2 .swiper-button-next .icon { margin-right: -2px; } .productsBody:before, .productsBody:after { display: none !important; } .productsBody { display: flex; flex-wrap: wrap; } .productsBody .product-list { width: 220px; float: left; } .category-title-v2:has(~ .catHeaderPictureContainer), .category-title-v2:has(~ .views-container-v2) { margin-bottom: 15px !important; } .views-container-v2 { position: relative; display: flex; align-items: center; gap: 8px; padding: 15px; background-color: var(--color-gray-bg); margin-left: 15px; border-radius: 3rem 0 0 3rem; height: 54px; } .views-container-v2::after { content: ""; display: block; width: 1px; background-color: var(--color-dark); position: absolute; height: calc(100% - 32px); right: 0; top: 15px; } .views-container-v2 .lblperPage, .views-container-v2 .lblorderBy {} .views-container-v2 .lblorderBy:first-letter { text-transform: uppercase; } .trigger-filter-mbl.btn { position: static; margin-right: 15px; float: right; font-weight: 600; border: 0; padding: 0 12px; display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 14px; background-color: var(--color-gray-bg); border-radius: 0 3rem 3rem 0; height: 54px; width: 110px; } @media(min-width: 480px) { .views-container-v2 { padding-inline: 24px; gap: 16px; } .views-container-v2 .orderbycont { display: flex; align-items: center; gap: 4px; } .trigger-filter-mbl.btn { width: 130px; } } .trigger-filter-mbl.btn:hover { color: var(--color-purple); } .trigger-filter-mbl.btn svg { height: 24px; width: 24px; flex-shrink: 0; } .home-m3-cats-pages { position: relative; margin-bottom: 100px; padding-left: 30px; padding-right: 30px; } .home-m3-cats-pages .swiper-container { overflow: visible; } .home-m3-cats-pages .wrap-inset { position: absolute; top: 0; left: 0; right: 0; bottom: 0; color: #FFF; padding: 45px; text-align: right; } .home-m3-cats-pages .size-item { background-size: 100%; background-repeat: no-repeat; background-position: left bottom; border-radius: 20px; overflow: hidden; } .home-m3-cats-pages a { color: #FFF; transform: translateX(0); display: block; } .home-m3-cats-pages a:hover { transform: translateX(-10px); } .home-m3-cats-pages .home-m3-cats-title { letter-spacing: -0.04em; font-size: 36px; margin-bottom: 18px; line-height: 1.1; font-family: var(--title-font); font-weight: 500; } .home-m3-cats-pages .home-m3-cats-sub { font-size: 20px; line-height: 1.1; margin-bottom: 6px; margin-top: 0; font-family: var(--body-font); font-weight: 500; } .home-m3-cats-pages .swiper-control { width: 40px; height: 100px; top: 50%; margin: 0; margin-top: -50px; fill: #bdbdbd; } .home-m3-cats-pages .swiper-button-prev { left: 0; } .home-m3-cats-pages .swiper-button-next { right: 0; } .home-m3-cats-pages .swiper-control .icon { width: 25px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); } .home-m3-cats-pages .swiper-button-prev .icon { left: 0; } .home-m3-cats-pages .swiper-button-next .icon { right: 0; } #wishlistAccountRequiredModal .modal-content { overflow: hidden; } #wishlistAccountRequiredModal .close { display: none; } #wishlistAccountRequiredModal .btn { width: 100px; border-color: #000; line-height: 1; height: 41px; } #wishlistAccountRequiredModal #wishlistQuestionButton2 { background-color: #E5097F; border-color: #E5097F; color: #fff; } .home-main-round-pages .swiper-slide { width: 208px; padding-left: 15px; padding-right: 15px; } .home-main-round-item .a-p { border-radius: 50%; } a.home-main-round-item { display: block; opacity: 1; } a.home-main-round-item:hover { opacity: .75; } .home-main-round-title { line-height: 1.1; text-align: center; color: var(--color-dark); font-size: 21px; margin-top: 18px; margin-bottom: 36px; } .home-main-round-pages { margin-top: 50px; margin-bottom: 50px; } .home-info-item .media { display: flex; align-items: center; height: 100%; justify-content: center; gap: 8px; } .home-info-item .media-left img { width: 60px; height: 60px; } .home-info-item .media-left svg { width: 60px; height: 60px; } .home-info-item .media-left svg:not([fill]):not(:has(*[fill])) { fill: var(--color-primary); } .home-infos .home-info-item .media-left { padding-right: 0; } .home-infos .home-info-item .media-body { width: auto; } .home-infos { margin-top: 60px; margin-bottom: 60px; } .home-infos .col-auto.home-info-item { width: auto; min-height: 1px; position: relative; padding-left: 15px; padding-right: 15px; float: left; } .home-infos .col-auto.home-info-item:first-child { padding-left: 0; } .home-infos .col-auto.home-info-item:last-child { padding-right: 0; } .home-infos .home-info-item-title { font-size: 17px; line-height: 1.1; font-family: var(--title-font); font-weight: 500; letter-spacing: -0.04em; color: #FFFFFF; } .home-infos .home-info-item-title span { color: rgba(255, 255, 255, 0.7); display: block; font-family: var(--body-font); font-weight: 400; font-size: 13px; } @media(max-width:991px) { .main-home-grid-top-desk-v2-mobile { padding-left: 15px; padding-right: 15px; } } .main-home-grid-top-desk-v2-mobile .row.row-gutter-15 { margin-left: -5px; margin-right: -5px; } .main-home-grid-top-desk-v2-mobile .row.row-gutter-15>[class*="col-"] { padding-left: 5px; padding-right: 5px; } .main-home-grid-top-desk-v2-mobile .swiper-control { width: 40px; height: 100px; top: 50%; margin: 0; margin-top: -50px; fill: #bdbdbd; } .main-home-grid-top-desk-v2-mobile .swiper-control .icon { width: 18px; height: 35px; position: absolute; top: 50%; transform: translateY(-50%); } .main-home-grid-top-desk-v2-mobile .swiper-button-prev { left: 0; } .main-home-grid-top-desk-v2-mobile .swiper-button-next { right: 0; } .main-home-grid-top-desk-v2-mobile .swiper-button-prev .icon { left: 0; } .main-home-grid-top-desk-v2-mobile .swiper-button-next .icon { right: 0; } .main-home-grid-top-desk-v2-mobile .swiper-slide { width: 310px; margin-right: 10px; } .main-home-grid-top-desk-v2-mobile { padding-bottom: 15px; padding-left: 30px; padding-right: 30px; } .main-home-grid-top-desk-v2-mobile .row .col:first-child .item { margin-top: 0; } .main-home-grid-top-desk-v2-mobile .row .col .item { margin-top: 12px; } /* new cookies with rgdp */ div#cookiesBannerText { position: relative; padding: 45px 32px 35px; color: #7f7f7f; font-size: 12px; } div#cookiesBannerText br { display: none; } div#cookiesBannerButtons { padding-top: 30px; } div#cookiesBannerAcceptButton { float: right; } div#cookiesBannerDenyButton { float: left; } @media(max-width: 767px) { div#cookiesBannerButtons { padding-top: 15px; } div#cookiesBannerText { padding: 15px; } } .commentsCommentsContainer .productRateStars, .reviews-footer .productRateStars, .productRightColumn-1 .productRateStars { width: 80px; overflow: hidden; } .commentsCommentsContainer .s, .reviews-footer .productRateStarField, .productRightColumn-1 .productRateStarField { display: block; float: right; width: 16px; padding: 0; height: 16px; } .commentsCommentsContainer .s, .reviews-footer .productRateStarField, .productRightColumn-1 .productRateStarField { float: left; } .commentsCommentsContainer .s:before, .reviews-footer .productRateStarField:before, .productRightColumn-1 .productRateStarField:before { content: ""; position: static; display: block; left: auto; line-height: 1; height: 16px; width: 16px; background-size: 16px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6418 4.80528L7.6664 4.37286L6.33632 1.67637C6.29999 1.60254 6.24023 1.54278 6.1664 1.50645C5.98124 1.41504 5.75624 1.49122 5.66366 1.67637L4.33359 4.37286L1.35819 4.80528C1.27616 4.817 1.20116 4.85567 1.14374 4.91426C1.07432 4.98561 1.03607 5.08161 1.03739 5.18115C1.0387 5.28069 1.07949 5.37563 1.15077 5.44512L3.30351 7.54395L2.79491 10.5076C2.78299 10.5766 2.79062 10.6475 2.81694 10.7123C2.84325 10.7771 2.88721 10.8333 2.94382 10.8744C3.00043 10.9155 3.06743 10.9399 3.13722 10.9449C3.20701 10.9499 3.27679 10.9352 3.33866 10.9025L5.99999 9.50332L8.66132 10.9025C8.73398 10.9412 8.81835 10.9541 8.89921 10.94C9.10312 10.9049 9.24023 10.7115 9.20507 10.5076L8.69648 7.54395L10.8492 5.44512C10.9078 5.3877 10.9465 5.3127 10.9582 5.23067C10.9898 5.02559 10.8469 4.83575 10.6418 4.80528Z' fill='%23FFDB4D'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .reviews-footer .productRateStarField, .reviews-footer .productRateStarField::before { width: 32px; height: 32px; background-size: 32px; } .commentsCommentsContainer .s, .commentsCommentsContainer .s::before { width: 24px; height: 24px; background-size: 24px; } #reviews .blgPstC .productRateStars { width: 120px; } .reviews-footer .productRateStars { width: 160px; } .commentsCommentsContainer .s.inactive::before, .reviews-footer .productRateStarField.inactive::before, .productRightColumn-1 .productRateStarField.inactive::before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6418 4.80528L7.6664 4.37286L6.33632 1.67637C6.29999 1.60254 6.24023 1.54278 6.1664 1.50645C5.98124 1.41504 5.75624 1.49122 5.66366 1.67637L4.33359 4.37286L1.35819 4.80528C1.27616 4.817 1.20116 4.85567 1.14374 4.91426C1.07432 4.98561 1.03607 5.08161 1.03739 5.18115C1.0387 5.28069 1.07949 5.37563 1.15077 5.44512L3.30351 7.54395L2.79491 10.5076C2.78299 10.5766 2.79062 10.6475 2.81694 10.7123C2.84325 10.7771 2.88721 10.8333 2.94382 10.8744C3.00043 10.9155 3.06743 10.9399 3.13722 10.9449C3.20701 10.9499 3.27679 10.9352 3.33866 10.9025L5.99999 9.50332L8.66132 10.9025C8.73398 10.9412 8.81835 10.9541 8.89921 10.94C9.10312 10.9049 9.24023 10.7115 9.20507 10.5076L8.69648 7.54395L10.8492 5.44512C10.9078 5.3877 10.9465 5.3127 10.9582 5.23067C10.9898 5.02559 10.8469 4.83575 10.6418 4.80528Z' fill='%23E0E0E0'/%3E%3C/svg%3E%0A"); } @media (max-width: 767px) { .commentsCommentsContainer .colCom { width: 70px; } .commentsCommentsContainer .bodyCom { width: calc(100% - 70px); } } #icon-404 { width: 170px; height: 170px; margin-bottom: 10px; } .section-brands-v2 { padding-top: 40px; padding-bottom: 40px; } .section-brands-v2 .a-p { display: block; position: relative; background-color: var(--color-gray-bg); border-radius: 16px; } .section-brands-v2 a.a-p:hover { transform: scale(.9); } .section-brands-v2 .a-p img { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; margin: auto; max-width: calc(100% - 10px); mix-blend-mode: multiply; } .section-brands-v2 .swiper-slide { padding: 13px; width: 50%; } /* media s like js for breaks, if change SHOP.home.brandsSlider js change this */ @media (min-width: 375px) { .section-brands-v2 .swiper-slide { width: calc(100% / 3); } } @media (min-width: 480px) { .section-brands-v2 .swiper-slide { width: calc(100% / 4); } } @media (min-width: 560px) { .section-brands-v2 .swiper-slide { width: calc(100% / 5); } } @media (min-width: 800px) { .section-brands-v2 .swiper-slide { width: calc(100% / 6); } } @media (min-width: 1000px) { .section-brands-v2 .swiper-slide { width: calc(100% / 7); } } @media (min-width: 1300px) { .section-brands-v2 .swiper-slide { width: calc(100% / 8); } } @media (min-width: 1500px) { .section-brands-v2 .swiper-slide { width: calc(100% / 9); } } .section-brands-v2 .container-fluid { position: relative; padding-left: 20px; padding-right: 20px; } #newsletter-popup .modal-body { padding: 30px; } #newsletter-popup .newsletter-v2-title-modal { width: 100%; letter-spacing: -0.04em; text-transform: uppercase; line-height: 1.1; font-size: 20px; padding-bottom: 30px; text-align: center; font-family: var(--title-font); } #newsletter-popup form .alert-danger, #newsletter-popup form .alert-success { position: relative; margin: 0; font-size: 18px; width: 100%; padding-bottom: 15px; } /* new category */ .category-v2-newcol .category-title-v2 { color: var(--color-dark); font-family: var(--title-font); font-weight: 700; font-size: 32px; margin: 0; line-height: 40px; padding: 0 15px; letter-spacing: -0.04em; } .category-header-v2-search .category-title-v2 { padding-bottom: 0; } .category-header-v2-search .category-title-v2 .search-criteria { padding-bottom: 15px; } .category-v2-newcol .cat-header-image { margin-bottom: 15px; } .subcategory-item-v2>.square-v2 { display: block; position: relative; background-color: #FFF; box-shadow: 0 0 4px 0px rgba(0, 0, 0, 0.18); } .subcategory-item-v2>.square-v2>img { position: absolute; max-height: calc(100% - 20px); max-width: calc(100% - 20px); z-index: 10; display: block; left: 10px; top: 10px; right: 10px; bottom: 10px; margin: auto; } .subcategory-item-v2>.square-v2:after { content: ""; display: block; padding-bottom: 100%; } .subcats-block-v2 { background-color: #f2f2f2; padding-top: 16px; padding-bottom: 16px; padding-left: 7.5px; padding-right: 7.5px; } .subcats-block-v2 .subcategory-item-v2 { padding-left: 7.5px; padding-right: 7.5px; } .subcategory-item-v2 .t { display: inline-block; vertical-align: middle; } .subcategory-item-v2 .title-subcat-v2 { width: 100%; display: block; background: none; border: 0; text-align: center; line-height: 1.3; color: #666; font-size: 14px; padding: 10px 0; } .subcategory-item-v2 { position: relative; } .subcategory-item-v2 .caret { margin-left: 5px; } .subcategory-item-v2 .subcategories-list { text-align: center; } .subcategory-item-v2 .subcategories-list>a { display: block; color: #666; padding: 6px 12px; float: left; width: 50%; font-size: 14px; } .subcategory-item-v2 .subcategories-list>a:nth-child(2n+1) { clear: left; } .subcategory-item-v2 .dropdown-menu { width: 250px; margin-top: 0; top: 10px; border: 0; } .subcategory-item-v2 .opened-name { text-align: center; line-height: 1.3; color: #666; font-size: 12px; margin-bottom: 10px; margin-top: 5px; padding-left: 10px; padding-right: 10px; } .subcategory-item-v2 .link-to-lvl2-v2 a { line-height: 1.3; color: #666; font-size: 12px; text-align: center; display: block; margin-top: 12px; margin-bottom: 8px; } .cat-header-v2-image { width: 100%; } select.filterElement { border: 0; font-size: 14px; color: var(--color-dark); line-height: 20px; background-color: transparent; font-weight: 500; } .views-container-v2 .lbl { font-size: 12px; color: #61615f; padding-left: 3px; line-height: 1; display: block; } .productsBody { padding-top: 15px; } .productsBody .product-list { margin-bottom: 20px; position: relative; } h3.productListItemH3 { font-size: initial; margin: 0px; } .productListLink { font-size: 16px; line-height: 22px; overflow: hidden; margin: 0; color: rgba(28, 29, 30, 1); font-weight: 700; font-family: var(--body-font); text-align: center; } .productListLink:hover { color: inherit; } .productListLink:before { content: ""; top: 0; left: 0; right: 0; bottom: 0; display: block; margin: 0; padding: 0; position: absolute; z-index: 10; } .productsBody .product-list.product-list-empty { margin-bottom: 0; } .category-right-col .paginationContainer { display: table; margin: 30px auto; clear: both; width: 100%; } .category-right-col .paginationContainer>* { display: flex; justify-content: center; align-items: center; } .category-v2-newcol .module-products-slider-01 .relative-cont { position: relative; } .category-right-col { clear: both; } .category-v2-newcol .module-products-slider-title { color: var(--color-dark); text-transform: none; } .category-right-col .long-desc, .firstLvlCategory .long-desc { margin-top: 30px; } .jslider .jslider-label { display: none !important; } .newCloseButton { padding: 16px 14px; background: no-repeat; border: 0; position: absolute; top: 0; right: 0; color: var(--color-dark); } .newCloseButton:hover { color: var(--color-purple); } .newCloseButton svg { width: 16px; height: 16px; display: block; } .search-criteria { font-size: 14px; font-family: var(--body-font); font-weight: 400; line-height: 1.2; opacity: 0.7; padding: 0 15px; } .category-right-col.search-full-w { width: 100% !important; } .lazyLoadProgress { width: 100%; } .lazyLoadProgress .progress { max-width: 285px; margin: 0px auto; height: 6px; padding: 1px; background: #555555; box-shadow: none; -webkit-box-shadow: none; } .lazyLoadProgress .progress .progress-bar { background-color: #d3ff1e; height: 4px; border-radius: 4px; } .lazyLoadProgress .progress-text { color: #3d3b3b; font-size: 18px; padding-bottom: 10px; font-family: var(--body-font); font-weight: 400; } .lazyLoadButton { padding-top: 15px; padding-bottom: 20px; } .loadMorePreviusWrap { background-color: #f2f2f2; padding-top: 15px; padding-bottom: 15px; } .loadMorePrevius.btn { border-radius: 0; margin: 0 auto; display: block; text-transform: uppercase; } #lazyLoadBtn, .loadMorePrevius { width: 298px; height: 54px; font-family: var(--body-font); font-weight: 500; border-radius: 2px; letter-spacing: 2px; position: relative; } .lazyLoadProgress.reachedTotal { padding-bottom: 30px; } .multibanco-btn .loading-icon { filter: invert(1) saturate(0) brightness(3); } .multibanco-btn .loading-icon, .loadMorePrevius.loading .loading-icon, .lazyLoadProgress .loading .loading-icon { display: inline-block; height: 23px; width: 23px; background-size: 23px; background-image: url('../img/loading.gif'); background-repeat: no-repeat; background-position: center; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; position: absolute; } .productsPageBody_ { padding: 0; } .home-infos .row-flex { background-image: url('../img/trust-items-bg-desktop.webp'); background-size: cover; background-position: center; padding-block: 30px; border-radius: 16px; } .home-infos .dots { position: absolute; height: 100%; width: 100%; inset: 0; } .home-infos .dots::after, .home-infos .dots::before { content: ""; left: 0; height: 30px; right: 0; position: absolute; background-image: url("data:image/svg+xml,%3Csvg width='1468' height='11' viewBox='0 0 1468 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='1' y1='1.66748' x2='1467' y2='1.66748' stroke='%236B38FB' stroke-width='2' stroke-linecap='round' stroke-dasharray='1 8'/%3E%3Cline x1='1' y1='9.66748' x2='1467' y2='9.66748' stroke='%236B38FB' stroke-width='2' stroke-linecap='round' stroke-dasharray='1 8'/%3E%3C/svg%3E%0A"); background-repeat: repeat-x; background-position: center; } .home-infos .dots::before { top: 0; } .home-infos .dots::after { bottom: 0; } .home-infos .row { position: relative; margin-left: 0; margin-right: 0; padding-inline: 12px; } /* ----------------------- New medias globals --------------------- */ @media (max-width: 1449px) { .home-main-round-pages .swiper-slide { width: 170px; } } @media (min-width: 1200px) and (max-width: 1399px) { .col-header-v2-search { width: calc(40% - 138.5px); } .col-header-v2-links { width: calc(60% - 138.5px); } .home-m3-cats-pages .home-m3-cats-sub { font-size: 16px; } .home-m3-cats-pages .size-item { background-size: 85%; } .home-m3-cats-pages .wrap-inset { padding: 30px; } .home-m3-cats-pages .home-m3-cats-title { font-size: 32px; } } @media (min-width: 768px) and (max-width: 1199px) { .col-header-v2-logo { width: 222px; } .basket-number-badge { top: 8px; } ul.header-v2-links>li:after { height: 30px; width: 2px; margin-top: -15px; } .header-v2-links-lg .header-v2-link { font-size: 30px; padding: 0 30px; width: 98px; } .col-header-v2-links { position: absolute; top: 0; right: 244px; } .hasPreheader .col-header-v2-links { top: 27px; } } @media(min-width: 768px) { .col-header-v2-links, .col-header-v2-search-and-user { max-width: calc(50% - 183px); width: auto; } .col-header-v2-search-and-user { position: absolute; right: 72px; top: 0; } } @media (min-width: 992px) and (max-width: 1199px) { .col-header-v2-links { right: 166px; } .col-header-v2-search { width: calc(100% - 650px); } .col-header-v2-search #smallSearchForm { margin: 16px 0; } .home-our-brands-slider { padding-left: 10px; padding-right: 10px; } } .col-header-v2-search-and-user>* { float: left; } .header-v2-search-and-user-item { fill: #FFF; position: relative; display: block; width: 68px; background-color: transparent; border: 0; height: 68px; padding: 0; } .open .header-v2-search-and-user-item, .header-v2-search-and-user-item:hover { fill: var(--color-primary); } .header-v2-search-and-user-item .icon { width: 32px; height: 32px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; } @media (max-width: 1199px) { .miniBasketHeader { height: 65px; } .productsPageBody { position: static; } .home-m3-cats-pages .wrap-inset { padding: 30px 35px; } .home-m3-cats-pages .home-m3-cats-title { font-size: 30px; } .home-m3-cats-pages .home-m3-cats-sub { font-size: 17px; margin-bottom: 12px; font-family: var(--body-font); font-weight: 400; } .home-m3-cats-pages .swiper-slide { width: 400px; margin-right: 15px; } .home-m3-cats-pages { padding-left: 20px; padding-right: 20px; margin-bottom: 75px; overflow-x: hidden; } } @media (max-width: 1099px) { .home-infos .home-info-item-title { font-size: 15px; } } @media (max-width: 1049px) { .home-main-round-pages .swiper-slide { padding-left: 9px; padding-right: 9px; width: 155px; } } @media (max-width: 991px) { .short-desc-top { margin-bottom: 15px; } .short-desc-top .read-more a { display: block; padding: 12px 0 0; font-size: 14px; text-decoration: underline; color: var(--color-purple); } .croped-cat-text { max-height: 170px; overflow: hidden; } .section-brands-v2 { padding-top: 30px; padding-bottom: 30px; } .home-infos { margin-top: 40px; margin-bottom: 40px; } .productsBody .product-list { width: 192px; float: left; } .category-swiper-home-v2+.module-products-slider-01 { padding-top: 15px; } .module-products-slider-01 { padding-top: 25px; padding-bottom: 32px; } .module-products-slider-title { margin-bottom: 16px; } .module-subtitle-wrap { font-size: 16px; } #miniBasket { transform: translateY(-100%); z-index: 7050; } .new-mini-basket-open #miniBasket { transform: translateY(0); z-index: 999999; } .col-header-v2-search { position: absolute; top: 66px; z-index: 10; padding-left: 0; padding-right: 0; max-width: 100%; width: 100%; display: none; } .hasPreheader .col-header-v2-search { top: 95px; } .search-mobile-open .col-header-v2-search { display: block; } .col-header-v2-search #smallSearchForm { margin: 0; } .col-header-v2-search #smallSearchCriteriaField { height: 43px; padding-left: 18px; padding-right: 60px; border-radius: 0; border-bottom: 1px solid #DDD !important; } .col-header-v2-search #smallSearchSubmit { height: 43px; width: 60px; right: 0; } .home-our-brands { padding-top: 30px; padding-bottom: 20px; } .home-our-brands-header { padding-left: 28px; padding-right: 28px; } .home-our-brands .swiper-slide { padding-left: 6px; padding-right: 6px; width: 50%; } .home-our-brands-item { padding-bottom: 20px; } .home-our-brands-slider { margin-top: 20px; } .home-our-brands-slider { padding-left: 14px; padding-right: 14px; } .home-our-brands-text, .home-our-brands-item-text { font-size: 14px; } .home-our-brands-item-content { padding: 20px 6px 0; } .home-m3-cats-pages { margin-bottom: 35px; } .home-m3-cats-pages .home-m3-cats-title { font-size: 28px; margin-bottom: 15px; } .home-m3-cats-pages .swiper-slide { width: 360px; } .home-main-round-pages .swiper-slide { width: 118px; } .home-main-round-title { font-size: 15px; margin-top: 15px; margin-bottom: 0; } .home-main-round-pages { margin-top: 30px; margin-bottom: 30px; } .home-infos .col-auto.home-info-item:nth-child(3) { padding-right: 0; } } @media (max-width: 767px) { .category-v2-newcol .module-products-slider-01 .relative-cont { padding-top: 10px; margin-top: 10px; padding-bottom: 10px; } .subcats-block-v2 .subcategory-item-v2:nth-child(3n+1) { clear: left; } /* aligns menus from col position */ .subcats-block-v2 .subcategory-item-v2:nth-child(3n+1) .dropdown-menu { /* (1/3) col left */ left: 0; right: auto; } .subcats-block-v2 .subcategory-item-v2:nth-child(3n-1) .dropdown-menu { /* (2/3) col center */ left: 50%; transform: translateX(-50%); right: auto; } .subcats-block-v2 .subcategory-item-v2:nth-child(3n) .dropdown-menu { /* (3/3) col right */ left: auto; right: 0; } .section-brands-v2 { padding-top: 20px; padding-bottom: 20px; } .section-brands-v2 .swiper-slide { padding: 6px; } .section-brands-v2 .a-p { box-shadow: 0 0 8px 0px rgba(0, 0, 0, 0.25); } .section-brands-v2 a.a-p:hover { box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.30); } .home-infos { margin-top: 15px; margin-bottom: 15px; } .category-swiper-home-v2+.module-products-slider-01 { padding-top: 10px; } .module-subtitle-wrap { display: none; } .module-products-slider-01 { padding-top: 20px; padding-bottom: 20px; } .module-products-slider-01 .swiper-slide { width: 212px !important; } .module-products-slider-01 .container-fluid { padding-left: 0; padding-right: 0; } .module-products-slider-title { font-size: 18px; margin-bottom: 6px; } .home-our-brands-title, .home-our-brands-item-name { font-size: 18px; } .menu-user-mobile-open>body { overflow: hidden; } #shop-content { padding-bottom: 105px; } .header-v2-burger { height: 68px; width: 65px; } .col-header-v2-basket { width: 65px; } .header-v2-search-and-user-item { height: 68px; width: 65px; } .col-header-v2-search-and-user { position: absolute; top: 0; right: 65px; } .col-header-v2-search { top: 60px; } .header-v2-search-and-user-item .icon { width: 33px; height: 33px; } svg.header-v2-logo-img { width: 100%; height: 47px; max-width: 190px; } .col-header-v2-logo { width: 103px; padding-top: 0; padding-bottom: 0; padding-left: 8px; } .hasPreheader .col-header-v2-logo { padding-top: 0; } .header-v2-burger .icon { height: 35px; width: 35px; } .home-m3-cats-pages .swiper-slide { margin-right: 10px; } .home-main-round-pages .swiper-slide { width: 130px; } .home-infos .col-auto.home-info-item:nth-child(2) { padding-right: 0; } .home-infos .row .col-auto.home-info-item { padding-left: 7px; padding-right: 7px; width: 50%; } } @media (max-width: 560px) { .home-infos { margin-top: 5px; margin-bottom: 5px; } .category-swiper-home-v2 .container-fluid { padding-left: 8px; padding-right: 0px; } .category-swiper-home-v2 .swiper-control { display: none !important; } .category-swiper-home-v2 .swiper-container { padding-bottom: 2px; overflow: visible; width: 90%; margin: 0; } .category-swiper-home-v2 .swiper-slide { padding-top: 20px; padding-bottom: 15px; } .home-our-brands .swiper-slide { width: 100%; } .home-our-brands-slider { padding-left: 6px; padding-right: 6px; } .home-our-brands-header { padding-left: 16px; padding-right: 16px; } .home-our-brands-item-content { padding-left: 10px; padding-right: 10px; } .home-m3-cats-pages .swiper-slide { width: 310px; } .home-m3-cats-pages .home-m3-cats-title { font-size: 25px; } .home-m3-cats-pages .home-m3-cats-sub { font-size: 15px; margin-bottom: 12px; } .home-m3-cats-pages .size-item { background-size: 90%; } .main-home-grid-top-desk-v2-mobile .swiper-slide { width: 78%; margin-right: 10px; } .home-info-item .media-left svg { width: 50px; height: 50px; } .home-infos { margin-top: 10px; margin-bottom: 10px; } } @media (max-width: 479px) { .category-v2-newcol .module-products-slider-01 .relative-cont { margin-left: 0px; margin-right: 0px; } .miniBasketItemImage { max-width: 100px; } .miniBasketItem-price.miniBasketItemPrice { font-size: 20px; width: 100px; } .miniBasketItem { padding: 0 18px; } .send-products-to-dark-side-cont { padding: 15px 18px 0; } .miniBasketHeader { padding-left: 18px; padding-right: 18px; } .miniBasketItemNum { width: calc(100% - 200px); margin-left: auto; margin-right: auto; } .miniBasketFooter .miniBasketShowShipping .col-xs-12 { font-size: 18px; } .miniBasketFooter .row:not(.miniBasketShowTaxIncluded) .col-md-8 { font-size: 15px; } .col-header-v2-logo { padding-left: 0; } .header-v2-burger, .header-v2-search-and-user-item, .col-header-v2-basket { width: 60px; } .basket-number-badge { right: 13px; } .col-header-v2-search-and-user { right: 60px; } .header-v2-burger .icon { height: 30px; width: 30px; } .col-header-v2-logo { width: 90px; } /* productlist in mobile 2 lines per row [force] */ .productsBody .product-list { width: 50%; max-width: 180px; } .productsBody .product-list .p-l-inner { box-shadow: none; } .productsBody .product-list .product-list-outer { padding: 0; } .p-list-in-wrp { min-width: 150px; } .productsBody .product-list .product-list-quick-buy svg { width: 27px; height: 30px; } .productsBody .product-list .btn.wishlistButton { background-size: 21px 21px; top: 40px; } .productsBody .product-list .product-list-quick-buy, .productsBody .product-list .btn.wishlistButton { width: 40px; height: 40px; } .home-infos .home-info-item-title span { display: block; } .home-infos .row-flex { justify-content: center; } .home-infos .row .col-auto.home-info-item { width: auto; } } @media (max-width: 399px) { .category-swiper-home-v2 .swiper-home-v2-item svg, .category-swiper-home-v2 .swiper-home-v2-item img { width: 55px; height: 55px; } .miniBasketItemName a { font-size: 16px; } .col-header-v2-search-and-user { right: 50px; } .header-v2-burger, .header-v2-search-and-user-item, .col-header-v2-basket { width: 50px; } .header-v2-search-and-user-item .icon, .header-v2-basket .icon, .header-v2-basket .icon.icon-close { width: 28px; height: 28px; } .header-v2-burger .icon { height: 24px; width: 24px; } .col-header-v2-logo { width: calc(100% - 200px); } .basket-number-badge { top: 8px; font-size: 12px; } } @media (max-width: 380px) { .category-swiper-home-v2 .swiper-container { width: 87%; } .productsBody .product-list { max-width: 170px; } .productsBody .p-list-in-wrp { min-width: 170px; } .productsBody .product-list-default .p-l-prices .product-price, .productsBody .product-list-default .p-l-prices .product-alternativePrice { font-size: 20px; } } @media (max-width: 374px) { .miniBasketItemImage { max-width: 75px; } .miniBasketItemNum { width: calc(100% - 175px); } } @media (max-width: 359px) { .productsBody .product-list { width: 100%; max-width: calc(100% - 30px); } } /* mins */ @media (min-width: 375px) { .subcategory-item-v2 .title-subcat-v2, .subcategory-item-v2 .opened-name, .subcategory-item-v2 .subcategories-list, .subcategory-item-v2 .link-to-lvl2-v2 a { font-size: 15px; } } @media (min-width: 480px) { .loadMorePreviusWrap { margin: 0 -15px; padding-bottom: 0; } .category-right-col .carrousel-v2-block, .productsBody { margin-left: -15px; margin-right: -15px; } #no-wislist-modal .modal-dialog { max-width: 460px; margin-left: auto; margin-right: auto; } .footer-v2-newsletter form .alert-danger, .footer-v2-newsletter form .alert-success { width: 140px; } .social-banners-v2 .item { padding-left: 10px; padding-right: 10px; } .social-banners-v2 img, .social-banners-v2 svg { width: 57px; height: 57px; } #newsletter-popup #smallNewsletterSubmit, .footer-v2 #smallNewsletterSubmit { width: 140px; } .footer-v2-newsletter form { max-width: 510px; margin-left: auto; margin-right: auto; } } @media (min-width: 560px) { .subcategory-item-v2 .title-subcat-v2, .subcategory-item-v2 .opened-name, .subcategory-item-v2 .subcategories-list, .subcategory-item-v2 .link-to-lvl2-v2 a { font-size: 17px; } .footer-v2-newsletter form .alert-danger { margin-bottom: -22px; width: 160px; } .footer-v2-newsletter form .alert-success { margin-bottom: -24px; width: 160px; } .footer-v2-first-cont { padding-top: 38px; padding-left: 24px; padding-right: 24px; padding-bottom: 24px; } .newsletter-v2-title { font-size: 20px; } .footer-v2-page-columns .footerPagesCollap .collapse-toggle { font-size: 20px; padding: 23px 25px; } .footer-v2 .smallNewsletter { margin-top: 30px; } .social-banners-v2 .item { padding-left: 12px; padding-right: 12px; } .social-banners-v2 img, .social-banners-v2 svg { width: 70px; height: 70px; } .footer-v2-page-columns .footer-pages-list>li>a { font-size: 16px; padding: 21px 20px 21px 35px; } .footer-v2-page-columns .footer-pages-list>li.has-icon a { padding-left: 58px; position: relative; } .footer-v2-page-columns .footer-pages-list>li>a img, .footer-v2-page-columns .footer-pages-list>li>a svg { left: 35px; } .footer-v2-page-columns .footerPagesCollap .collapse-toggle .icon { height: 22px; width: 22px; right: 58px; } .footer-v2-page-columns { padding-bottom: 34px; } .footer-v2-legal, .footer-v2-legal .content p { font-size: 15px; } .footer-v2-payments img { margin-top: 30px; margin-bottom: 30px; } .footer-v2-legal { padding-top: 10px; padding-bottom: 60px; } .footer-v2-payments { padding-left: 30px; padding-right: 30px; } .footer-pages-list { padding-top: 5px; padding-bottom: 5px; } #newsletter-popup #smallNewsletterEmailField, .footer-v2 #smallNewsletterEmailField { height: 40px; padding: 8px 20px; } #newsletter-popup #smallNewsletterSubmit, .footer-v2 #smallNewsletterSubmit { height: 40px; } } @media (max-width: 560px) { .category-swiper-home-v2 .swiper-slide { width: 80px; } } @media (min-width: 561px) { .category-swiper-home-v2 .swiper-slide { /* 5 items */ width: calc(20% - 12px); margin-right: 15px; } } @media (min-width: 691px) { .category-swiper-home-v2 .swiper-slide { /* 7 items */ width: calc(14.28% - 12.86px); margin-right: 15px; } } @media (min-width: 768px) { .category-v2-newcol .module-products-slider-01 .relative-cont { position: relative; padding: 10px 20px; } .home-infos .row-flex { justify-content: space-evenly; } .social-banners-v2 { padding-top: 38px; } .footer-v2-page-columns .footerPagesCollap .collapse-toggle { padding-left: 50px; padding-right: 50px; } .newsletter-v2-title { text-align: center; } #menu-user-mobile { top: 66px; max-height: calc(100% - 66px); } .hasPreheader #menu-user-mobile { top: 98px; } #menu-user-mobile>ul { margin-bottom: 0; } .languages-header-dropdown, .currencies-header-dropdown, #menu-user-mobile li.menu-u-mbl-i>a { padding-left: 25px; padding-right: 25px; } .menu-v2-desks ul>li>a { height: 40px; display: block; padding: 10px 25px; font-size: 16px; color: #707070; font-family: var(--body-font); font-weight: 500; } .menu-v2-desks ul>li>a .text-right { float: right; text-transform: uppercase; } .menu-v2-desks ul>li>a:hover { color: #444; background-color: #f7f7f7; } .home-main-round-pages .swiper-wrapper { transform: none !important; transition: none !important; justify-content: center; } } @media (min-width: 768px) and (max-width: 991px) { .subcats-block-v2 .subcategory-item-v2 { width: 25%; } .subcats-block-v2 .subcategory-item-v2:nth-child(4n+1) { clear: left; } /* aligns menus from col position */ .subcats-block-v2 .subcategory-item-v2:nth-child(4n+1) .dropdown-menu { /* (1/3) col left */ left: 0; right: auto; transform: translateX(0%); } .subcats-block-v2 .subcategory-item-v2 .dropdown-menu { /* (2/3) col center */ left: 50%; transform: translateX(-50%); right: auto; } .subcats-block-v2 .subcategory-item-v2:nth-child(4n) .dropdown-menu { /* (3/3) col right */ left: auto; right: 0; transform: translateX(0%); } } @media (min-width: 992px) { .category-v2-newcol .module-products-slider-title { font-size: 32px; } .category-right-col .header-slider { padding-left: 0; padding-right: 0; } .category-right-col .short-desc, .firstLvlCategory .short-desc { padding-left: 0; padding-right: 0; margin-bottom: 15px; } .category-v2-newcol .category-title-v2 { font-size: 32px; } .subcats-block-v2 { padding-bottom: 16px; } .subcategory-item-v2>.square-v2 { display: none; } .subcats-block-v2 .subcategory-item-v2 { margin-bottom: 0; } .footer-v2-newsletter form .alert-danger, .footer-v2-newsletter form .alert-success { margin-bottom: 0; width: 160px; font-size: 18px; position: absolute; right: 0; z-index: 1; top: -20px; } .footer-v2-newsletter form .alert-danger { font-size: 16px; } .newsletter-v2-title { text-align: right; font-family: var(--title-font); padding-right: 32px; } .footer-v2-page-columns { margin-left: 0; margin-right: 0; } .footer-v2-page-columns .col-pages { padding-left: 0; padding-right: 0; } .footer-v2-page-columns .footerPagesCollap .collapse-toggle { padding-left: 20px; padding-right: 20px; font-size: 16px; height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: visible; background-color: var(--color-dark) !important; cursor: default; border-radius: 16px 0 0 0; width: auto; padding-block: 0; position: relative; padding-top: 10px; } .footer-v2-page-columns .footerPagesCollap .collapse-toggle::after { content: ""; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 34 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 24.6675V0.66748C2.93466 0.66748 5.74912 1.83327 7.82424 3.90839L25.3424 21.4266C27.4175 23.5017 30.232 24.6675 33.1667 24.6675H0Z' fill='%231C1D1E'/%3E%3C/svg%3E%0A"); position: absolute; height: 100%; width: 50px; z-index: 1; top: 0; left: 100%; background-size: cover; } .footer-v2-page-columns .footerPagesCollap .collapse-toggle .icon { display: none; } .footerPagesCollap .collapse-container { height: calc(100% - 30px) !important; display: block !important; } .footer-pages-list { margin-left: 6px; margin-right: 6px; } .footer-v2-page-columns .col-pages .footer-pages-list { margin-left: 0; margin-right: 0; } .footer-v2-page-columns .footerPagesCollap { height: 100%; } .footer-pages-list { padding: 20px 12px; height: 100%; border-top-right-radius: 16px; } .footer-v2-page-columns .footer-pages-list>li>a { padding: 10px 20px; font-size: 14px; } .footer-v2-page-columns .footer-pages-list>li>a img, .footer-v2-page-columns .footer-pages-list>li>a svg { left: 20px; } .footer-v2-page-columns .footer-pages-list>li>a svg { width: 24px; height: 24px; } .footer-v2-page-columns .footer-pages-list>li>a img { max-width: 24px; max-height: 24px; } .footer-v2-page-columns .footer-pages-list>li.has-icon a { padding-left: 58px; } .social-banners-v2 img, .social-banners-v2 svg { width: 24px; height: 24px; } .social-banners-v2 .item { padding-left: 8px; padding-right: 8px; } .social-banners-v2 { padding-top: 0; } .footer-v2-first-cont { padding: 30px 24px 30px; margin-bottom: 22px; width: 100%; } .footer-v2-logo-link { padding: 3rem 0 0; } .footer-v2-newsletter { display: flex; align-items: center; } .footer-v2 .col-pages+.col-pages { margin-top: 0; } .footer-v2-newsletter form { max-width: 100%; flex-shrink: 0; } .footer-v2 .smallNewsletter { margin-top: 20px; } #newsletter-popup .smallNewsletter .form-group, .footer-v2 .smallNewsletter .form-group { margin-bottom: 15px; } .footer-v2-social { display: flex; align-items: center; } .home-our-brands .swiper-wrapper { transform: none !important; transition: none !important; } .home-our-brands .swiper-slide { padding-left: 10px; padding-right: 10px; width: 33.33333% !important; } .subcategory-item-v2 .title-subcat-v2 { word-break: break-word; } .subcategory-item-v2 .opened-name { margin-top: 10px; } .subcats-block-v2 .subcategory-item-v2 .dropdown { display: table; margin: 0 auto; } .subcategory-item-v2 .dropdown-menu { width: 250px; margin-top: 0; top: -5px; border: 0; } #menu-user-mobile li.menu-u-mbl-i>.a>svg, #menu-user-mobile li.menu-u-mbl-i>.a>img, #menu-user-mobile li.menu-u-mbl-i>a>svg, #menu-user-mobile li.menu-u-mbl-i>a>img { width: 40px; height: 40px; } } @media (min-width: 1200px) { .footer-pages-list { padding: 30px 20px; } .footer-v2-page-columns .footer-pages-list>li>a { font-size: 16px; } .social-banners-v2 { margin: 0 20px; display: flex; align-items: center; gap: 8px; } .footer-v2-logo-link { display: none; } .category-related-block.module-products-slider-01 { padding-left: 34px; padding-right: 34px; } .category-title-v2+.views-container-v2 { margin-top: -30px; } .category-header-v2-search+.views-container-v2 { margin-top: -15px; } .category-v2-newcol .category-title-v2 { margin-top: 8px; } .loadMorePreviusWrap { margin: 0; padding-bottom: 15px; } .productsBody { margin-left: 0; margin-right: 0; } .category-right-col .short-desc.long-desc, .firstLvlCategory .short-desc.long-desc { margin-left: 0; margin-right: 0; background: #FFF; padding: 0 15px; } .aContainerClearFilter .btn.btn-primary.clearFilterButton { background-color: #808080; } .aContainerClearFilter .btn.btn-primary.clearFilterButton:hover { background-color: #bbb; } .aContainerClearFilter { padding: 0; } .filterBlockTitle { font-size: 16px; padding-bottom: 8px; padding-top: 8px; margin-left: -15px; padding-left: 15px; margin-right: 0; cursor: pointer; position: relative; padding-right: 40px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .filterBlockTitle:after { width: 19px; height: 19px; background-size: 19px; margin-top: -9.5px; } .open-desk.filterBlockTitle:after { transform: rotate(180deg); background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 15V17H4V15H28Z' fill='%23252523'/%3E%3C/svg%3E%0A"); } .productsPageLeftColumn { width: 265px; padding-left: 15px; } .category-right-col { width: calc(100% - 265px); } .filterElement label { float: left; width: calc(100% - 17px); padding-left: 10px; } .filterElements input { display: block; float: left; width: 17px; margin-top: 0; height: 17px; } .filterElements .form-group:before, .filterElements .form-group:after { content: ""; display: table; } .filterElements .form-group:after { clear: both; } .checked label, .filterElement label { border: 0; } .filterElements { padding: 10px; color: #999999; line-height: 1; display: block; min-width: 100%; background: #FFF; margin-right: 15px; width: calc(100% - 15px); min-width: calc(100% - 15px); } .filterElements:not(.brandsFilterElements) { display: none; } .filterElements.categoriesFilterElements:not(.brandsFilterElements) { display: block; } .category-v2-newcol .carrousel-v2-block { margin: 0 -15px; } .category-right-col { clear: none; } .views-container-v2 { float: right; padding: 0; margin-left: 0; margin-right: 32px; background-color: transparent; height: auto; } .views-container-v2 .lblperPage { display: none; } .views-container-v2::after { display: none; } .category-right-col .short-desc, .firstLvlCategory .short-desc.long-desc { margin-left: -15px; margin-right: -15px; } .packs-container-max { padding-left: 0; padding-right: 0; } .packProductRow .col-md-9 { width: calc(100% - 230px); padding-left: 0; padding-right: 0; } .packProductRow .col-md-9 .col-md-3 { padding-left: 0; padding-right: 0; } .packProductPlus { left: 5px; } .wishlist-controls>div { min-width: 280px; } .home-m3-cats-pages .swiper-wrapper { transform: none !important; transition: none !important; margin-left: -7px; margin-right: -7px; width: auto; } .home-m3-cats-pages .swiper-slide { width: 33.3333% !important; padding-left: 7px; padding-right: 7px; margin-right: 0 !important; } #toTopPage { right: 102px; } .footer-v2-social { width: 40%; right: 60%; padding-right: 0; } .social-banners-v2 img, .social-banners-v2 svg { width: 32px; height: 32px; } .col-header-v2-links { display: flex; flex-direction: row-reverse; justify-content: flex-end; } .col-header-v2-links ul.header-v2-links { flex: 0 0 auto; } .footer-v2-page-columns .footer-pages-list>li>a img, .footer-v2-page-columns .footer-pages-list>li>a svg { left: 20px; } .footer-v2-page-columns .footer-pages-list>li>a svg { width: 24px; height: 24px; } .footer-v2-page-columns .footer-pages-list>li>a img { max-width: 24px; max-height: 24px; } .social-banners-v2 .item { padding-left: 0; padding-right: 0; } .newsletter-v2-title { width: 40%; float: left; padding-right: 15px; display: flex; align-items: center; } .footer-v2-newsletter { width: 60%; left: 40%; display: flex; flex-wrap: wrap; } .footer-v2-newsletter form { width: 60%; float: left; } #newsletter-popup .smallNewsletter, .footer-v2 .smallNewsletter { margin-top: 0; } .footer-v2-newsletter form .alert-danger, .footer-v2-newsletter form .alert-success { position: static; margin-bottom: 10px; margin-top: -10px; } .footer-v2-first-cont { margin-bottom: 10px; } .menu-v2-desks { top: 62px; max-height: calc(100% - 62px); } .hasPreheader .menu-v2-desks { top: 98px; } } @media (min-width: 992px) and (max-width: 1365px) { .subcats-block-v2 .subcategory-item-v2 { width: 20%; } .subcats-block-v2 .subcategory-item-v2:nth-child(5n+1) { clear: left; } /* aligns menus from col position */ .subcats-block-v2 .subcategory-item-v2:nth-child(5n+1) .dropdown-menu { left: 0; right: auto; transform: translateX(0%); } .subcats-block-v2 .subcategory-item-v2 .dropdown-menu { left: 50%; transform: translateX(-50%); right: auto; } .subcats-block-v2 .subcategory-item-v2:nth-child(5n) .dropdown-menu { left: auto; right: 0; transform: translateX(0%); } } @media (min-width: 1366px) { .footer-v2-first-cont { margin-bottom: 22px; } .social-banners-v2 .item:last-child { padding-right: 0; } .footer-v2-first-cont { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1366px) and (max-width: 1399px) { .subcats-block-v2 .subcategory-item-v2 { width: 20%; } .subcats-block-v2 .subcategory-item-v2:nth-child(5n+1) { clear: left; } /* aligns menus from col position */ .subcats-block-v2 .subcategory-item-v2:nth-child(5n+1) .dropdown-menu { left: 0; right: auto; transform: translateX(0%); } .subcats-block-v2 .subcategory-item-v2 .dropdown-menu { left: 50%; transform: translateX(-50%); right: auto; } .subcats-block-v2 .subcategory-item-v2:nth-child(5n) .dropdown-menu { left: auto; right: 0; transform: translateX(0%); } } @media (min-width: 1400px) and (max-width: 1699px) { .subcats-block-v2 .subcategory-item-v2 { width: 16.6666%; } .subcats-block-v2 .subcategory-item-v2:nth-child(6n+1) { clear: left; } /* aligns menus from col position */ .subcats-block-v2 .subcategory-item-v2:nth-child(6n+1) .dropdown-menu { left: 0; right: auto; transform: translateX(0%); } .subcats-block-v2 .subcategory-item-v2 .dropdown-menu { left: 50%; transform: translateX(-50%); right: auto; } .subcats-block-v2 .subcategory-item-v2:nth-child(6n) .dropdown-menu { left: auto; right: 0; transform: translateX(0%); } } @media (min-width: 1400px) { .footer-v2-newsletter form, .newsletter-v2-title { width: 50%; } .footer-v2-payments img { margin-top: 45px; } .footer-v2-page-columns { padding-bottom: 65px; } .footer-v2-legal { padding-bottom: 130px; } } @media (min-width: 1500px) { .home-m3-cats-pages .size-item { background-size: 495px auto; } .footer-v2-newsletter form { width: 58%; max-width: 560px; margin: 0; } .newsletter-v2-title { width: 42%; justify-content: flex-end; text-align: right; padding-right: 35px; } .footer-v2-newsletter { justify-content: flex-end; } } @media (min-width: 1700px) { .home-m3-cats-pages .size-item { background-position: 20px calc(100% - 20px); } .subcats-block-v2 .subcategory-item-v2 { width: 14.28%; padding: 0 30px; } .subcats-block-v2 .subcategory-item-v2:nth-child(7n+1) { clear: left; } /* aligns menus from col position */ .subcats-block-v2 .subcategory-item-v2:nth-child(7n+1) .dropdown-menu { left: 0; right: auto; transform: translateX(0%); } .subcats-block-v2 .subcategory-item-v2 .dropdown-menu { left: 50%; transform: translateX(-50%); right: auto; } .subcats-block-v2 .subcategory-item-v2:nth-child(7n) .dropdown-menu { left: auto; right: 0; transform: translateX(0%); } } @media (min-width: 1800px) { .home-m3-cats-pages .home-m3-cats-sub { margin-bottom: 15px; } } /* sQura widget Jordi Cañizares */ .productRightColumn-2 { position: relative; } .bordeSequra.zoid-outlet.bordeSequra:before { border-bottom: 1px solid #000; } .zoid-outlet.bordeSequra:before, .fluidContent-paymentAndShipping .zoid-outlet:before, .fluidContent-paymentAndShipping .zoid-outlet:after { content: ''; display: block; height: 16px; position: absolute; top: 0; left: 0px; width: 100%; z-index: 20; background: #fff; margin-bottom: 2px; } .fluidContent-paymentAndShipping .zoid-outlet:after { top: auto; bottom: 6px; } .fluidContent-paymentAndShipping .paymentSystemSelector, .fluidContent-paymentAndShipping .paymentSystemSelectorName { position: relative; z-index: 2; } .fluidContent-paymentAndShipping .zoid-outlet { position: absolute !important; top: 5px; left: 0px; z-index: 1; } /* warranty product vinculated */ .warrantyProductBuyContent svg { max-width: 40px; display: inline-block; max-height: 40px; position: relative; top: 3px; margin-right: 5px; vertical-align: top; } .warrantyProductBuyContent .contentWarranty { display: inline-block; color: #767676; font-size: 14px; max-width: calc(100% - 50px); width: 100%; } .titleInfoWarranty { font-size: 26px; font-family: var(--body-font); font-weight: 500; margin-top: 40px; color: #333; } .newRelatedProducts { display: flex; flex-direction: column; gap: 12px; max-width: 450px; } @media (max-width: 991px) { .warrantyProductBuyContent svg { top: 0px; } .warrantyProductBuyContent .contentWarranty { max-width: calc(100% - 70px); font-size: 12px; position: relative; top: 0px; width: 100%; } } @media (max-width: 767px) { .warrantyProductBuyContent .contentWarranty { max-width: 100%; width: 100%; margin-bottom: 10px; } } @media (max-width: 380px) { .warrantyProductBuyContent { display: flex; align-items: center; } .warrantyProductBuyContent .contentWarranty, .warrantyProductBuyContent svg { position: auto; } } #miniBasketBody .vinculatedBasketProduct .miniBasketItemNum { font-family: var(--body-font); font-weight: 500; font-size: 21px; text-align: center; text-indent: 10px; } /*--------| #product-body-top |---------------------*/ #product-body-top form.buyForm.fixed-top-buy-section .real-title { display: block; } #product-body-top form.buyForm.fixed-top-buy-section .quantityAndPrice .quantity { display: none; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2 .quantityAndPrice { display: inline-block; vertical-align: middle; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2 .buyFormSubmit-wrap { display: inline-block; vertical-align: middle; } #product-body-top form.buyForm.fixed-top-buy-section .productOptions .productOption+.productOption { margin-top: 0px; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-1 { width: calc(100% - 570px); } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2 { width: 570px; } @media(max-width: 1199px) and (min-width: 991px) { #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-1 { width: calc(100% - 520px); } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2 { width: 520px; } } #product-body-top form.buyForm.fixed-top-buy-section { display: flex; align-items: center; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2, #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-1 { vertical-align: middle; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2 { display: block; text-align: right; } #product-body-top form.buyForm.fixed-top-buy-section #main-price { margin-right: 20px; display: flex; align-items: center; } #product-body-top form.buyForm.fixed-top-buy-section #main-price .product-alternativeBasePrice, #product-body-top form.buyForm.fixed-top-buy-section #main-price .product-basePrice { margin-right: 15px; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-1.options-len-0 { margin-top: 15px; margin-bottom: -5px; } #product-body-top form.buyForm.fixed-top-buy-section h1.real-title { font-size: 24px; margin-bottom: 0; padding-top: 9px; } #product-body-top form.buyForm.fixed-top-buy-section .productOptionValue button.option, #product-body-top form.buyForm.fixed-top-buy-section #realOptionsContainer .productOptionPrompt, #product-body-top form.buyForm.fixed-top-buy-section .productOptions .productOptionValue label { font-size: 11px; } #product-body-top form.buyForm.fixed-top-buy-section .productOptionValue.productOptionCheckboxValue { margin-top: 2px; } #product-body-top form.buyForm.fixed-top-buy-section .productOptionValue.productOptionCheckboxValue input { position: relative; top: 2px; } @media (max-width: 991px) { #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2 { margin-top: 10px; text-align: left; width: 100%; max-width: inherit; } #product-body-top form.buyForm.fixed-top-buy-section { padding-bottom: 10px; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2 .quantityAndPrice { display: inline-block; vertical-align: middle; width: 50%; margin-right: -5px; } #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit-wrap { width: 50%; float: none; margin-top: auto; position: relative; z-index: 5; text-align: right; } #product-body-top form.buyForm.fixed-top-buy-section { background: #FFF; } #product-body-top form.buyForm.fixed-top-buy-section #main-price .taxText-wrap { color: #b2b6b7; } #product-body-top form.buyForm.fixed-top-buy-section .price-wrap { -webkit-text-stroke: inherit; } } @media (max-width: 550px) { #product-body-top form.buyForm.fixed-top-buy-section .btn.link-stock, #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit { max-width: 200px; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2 .quantityAndPrice { width: 100%; margin-right: -205px; } #product-body-top form.buyForm.fixed-top-buy-section .productRightColumn-2 .buyFormSubmit-wrap { width: 200px; } } @media(max-width: 359px) { #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit .text { padding-left: 8px; } #product-body-top form.buyForm.fixed-top-buy-section .btn.link-stock, #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit { max-width: 170px; } } /*--------| end #product-body-top |---------------------*/ .fluidContent-basket .basket-page-v2 span.basketProductName.basketGiftName { float: left; text-align: left; width: calc(100% - 235px); padding-left: 20px; padding-top: 15px; padding-right: 15px; } .fluidContent-basket .basket-page-v2 .basketGift img.basketProductImage { display: inline-block; } .fluidContent-basket .basket-page-v2 .basketGift .customQuantityV2 { padding-top: 0px; position: absolute; left: inherit; right: 20%; } .fluidContent-basket .basket-page-v2 td.basketGift { position: relative; } @media (max-width: 991px) { .fluidContent-basket .basket-page-v2 span.basketProductName.basketGiftName { width: calc(100% - 140px); } .fluidContent-basket .basket-page-v2 .basketGift .customQuantityV2 { padding-top: 0px; position: absolute; left: 115px; top: auto; bottom: 5px; } } @media (max-width: 499px) { .fluidContent-basket .basket-page-v2 span.basketProductName.basketGiftName { padding-top: 0px; width: calc(100% - 80px); } .fluidContent-basket .basket-page-v2 .basketGift .customQuantityV2 { right: inherit; left: inherit; position: relative; } } div#vinculatedWarantyContent .warrantyProductsContainer { padding: 10px 0px; } .miniBasketItem.clearfix.vinculatedBasketProduct a[data-minibasket-delete], .basket-v2-table-wrap .vinculatedBasketProduct .basketProductDelete a, .basket-resume-v2 .basket.basketProduct.vinculatedBasketProduct .basketProductDelete a { pointer-events: auto; } .video-iframe-gallery-wrap { position: relative; } #galleryZoomModal .swiper-slide-video { height: auto; } #galleryZoomModal .video-iframe-gallery-wrap { position: relative; width: 100%; height: 100%; background: #000; } #galleryZoomModal .video-iframe-gallery-wrap .video-thumb-iframe { cursor: pointer; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } #main-image-container .video-thumb-iframe { display: flex; align-items: center; justify-content: center; height: 100%; } #product-body-footer .iframe-container .video-thumb-iframe img { width: 100%; } #product-body-footer .iframe-container .video-thumb-iframe { width: 100%; height: 100%; position: absolute; display: flex; align-items: center; cursor: pointer; } #main-image-container .video-thumb-iframe .play, #product-body-footer .youtube .play, #galleryZoomModal .video-iframe-gallery-wrap .play { opacity: .8; left: 50%; margin-left: -34px; margin-top: -24px; position: absolute; top: 50%; background: url(https://s.ytimg.com/yts/img/large_play_button_ringo-vfljWXIdx.png) center center / 100% no-repeat; width: 68px; height: 48px; } #galleryZoomModal .video-iframe-gallery-wrap img { width: 100%; } #galleryZoomModal .video-iframe-gallery-wrap iframe { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; } #main-image-container .video-iframe-gallery-wrap iframe { width: 100%; height: 100%; } #main-image-container .video-iframe-gallery-wrap { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .swiper-slide-video .item-img-wrap { position: absolute; bottom: 0; left: 0; right: 0; top: 0; cursor: pointer; } .swiper-slide-video .icon { width: 30px; height: 30px; margin: 0px auto; fill: #fff; background-color: #3d3b3b; border-radius: 100%; display: block; will-change: background-color; transition: background-color 375ms cubic-bezier(0.4, 0.0, 0.2, 1); } .swiper-slide-video .icon .play-1 { fill: transparent; } .swiper-slide-video .text { display: block; font-size: 10px; letter-spacing: 2px; text-align: center; color: #3d3b3b; margin-top: 5px; } .product-video-item { position: absolute; left: 15px; bottom: 45px; z-index: 5; } .product-video-item .icon { width: 20px; height: 20px; display: inline-block; } .product-video-item .text { display: inline-block; line-height: 1; height: 20px; letter-spacing: 2px; font-size: 12px; vertical-align: middle; margin-left: 5px; } /* subcountrys */ .selectableCity, .citiesSelectorContent .notFound { cursor: pointer; border-bottom: 1px solid #ddd; padding: 12px 15px 5px; min-width: 250px; line-height: 1.2; } .citiesSelectorContent { border-radius: 0 0 10px 10px; } @media(max-width: 991px) { .citiesSelectorContent { box-shadow: none; } } .selectableCityZip, .selectableCityName { line-height: 1; } .selectableCity:hover { background-color: #a638e3; color: #fff; } .subcountrySearch { position: relative; } .citiesSelectorContent { right: 0; left: auto; z-index: 15; min-width: 250px; } .selectableCityName:first-letter { text-transform: uppercase; } .subcountrySelector { margin-bottom: 15px; } /* -------------------------- NewCountrySelector -------------------------- */ .addressUserField { border-radius: 10px; background-color: #fafafa; padding: 15px 15px 2px; border: 1px solid #fafafa; margin-bottom: 15px; } .addressUserField>.formField { margin-bottom: 5px; display: inline-block; font-size: 15px; } .addressUserField .countrySelectGroup { padding-bottom: 15px; margin-bottom: 0; } .addressUserField .countrySelectGroup label { display: none; } .addressUserField .citiesSelectorContent { top: 100%; border-top: 0; margin-bottom: 15px; font-size: 13px; } #addressBookFormModal .addressBookForm .addressUserField .countryModesContent .form-group label, .addressUserField .countryModesContent .form-group label { padding-left: 34px; } #addressBookFormModal .addressBookForm .addressUserField .countryModesContent .form-group .form-control.subcountrySearchField, .addressUserField .countryModesContent .form-group .form-control.subcountrySearchField { padding: 15px 7.5px 0px 40px; background-image: url('../img/newUserCountry/country-search.svg'); background-size: 16px; background-repeat: no-repeat; background-position: 10px 10px; } .addressUserField input.subcountrySearchField { padding-left: 34px !important; } .addressUserField .countryModesContent .form-group .form-control.subcountrySearchField::-webkit-input-placeholder { color: #ababab; } .addressUserField .countryModesContent .form-group .form-control.subcountrySearchField::-moz-placeholder { color: #ababab; } .addressUserField .countryModesContent .form-group .form-control.subcountrySearchField:-ms-input-placeholder { color: #ababab; } .addressUserField .countryModesContent .form-group .form-control.subcountrySearchField:-moz-placeholder { color: #ababab; } .addressUserField .countrySelectGroup .subcountrySelector { margin-bottom: 0; } .addressUserField .countrySelectMode { border-bottom: 0; display: block; position: relative; } .addressUserField .countrySelectMode>li { position: static; margin-right: -15px; margin-left: -15px; float: none; } .addressUserField .countrySelectMode>li>a { color: var(--color-purple); background: none; border: 0; padding: 0 15px; height: 42px; line-height: 42px; margin: 0; text-align: right; justify-content: flex-end; font-size: 12px; width: 100%; } .addressUserField .countrySelectMode>li>a:hover { color: #4d1e92; } .addressUserField .countrySelectMode>li:not(.active)>a:after { content: ""; display: block; border-top: 1px solid #ddd; position: absolute; left: 15px; right: 15px; top: 0; } .addressUserField .countrySelectMode>li.active { display: none; } .addressUserField .addressBlockReset .btn { color: #a638e3; text-transform: none; border: 0; background: none; height: 40px; line-height: 40px; margin-left: auto; display: block; margin-right: -15px; background-color: #FFF !important; padding-top: 0; padding-bottom: 0; font-size: 14px; } #userFormFieldsContainer .addressUserField .addressBlockReset button.btn:focus { background-color: #FFF !important; } .addressUserField .addressData { padding-bottom: 0; border-color: #41ae1d; border-radius: 10px; position: relative; } .addressUserField .addressData:after { content: ""; display: block; background-image: url('../img/newUserCountry/new-country-selector-check.svg'); background-size: 20px; background-repeat: no-repeat; background-position: center; height: 26px; width: 26px; position: absolute; top: 15px; right: 15px; } .addressUserField .addressBlockReset { border-top: 1px solid #ddd; } .addressUserField .addressBlockReset .btn:hover { color: #4d1e92; } .addressUserField .addressData .addressBlock.addressBlockTitle { font-weight: normal; margin-bottom: 5px; display: inline-block; color: #888; } .addressUserField .addressData .addressBlock.addressBlockDetails { font-size: 14px; padding-bottom: 10px; } .addressUserField .selectableCity { background-image: url('../img/newUserCountry/selectable-city-icon.svg'); background-size: 12px; background-repeat: no-repeat; background-position: 10px center; padding-left: 35px; } .addressUserField .selectableCity:hover { background-image: url('../img/newUserCountry/selectable-city-icon-hover.svg'); } .user-form-double .addressUserField .countryModesContent .form-group label { padding-left: 0; } @media (min-width: 1300px) { .user-form-double .formFields.userFormFields { flex-wrap: wrap; display: flex; margin-right: -15px; margin-left: -15px; } .user-form-double .formFields.userFormFields>div { flex: 0 0 50%; max-width: 50%; padding-right: 15px; padding-left: 15px; } .user-form-double .formFields.userFormFields>.addressUserField { margin-left: 15px; flex: 0 0 calc(50% - 30px); max-width: calc(50% - 30px); } .user-form-double #signInFormFieldsContainer { margin-left: 0; padding-left: 0; padding-right: 0; margin-right: 0; } } #userAddressBookFieldREContainer, #userAddressBookFieldreverseChargeVatContainer, #userAddressBookFieldTaxContainer, #userAddressBookFieldREVERSECHARGEVATContainer, #userAddressBookFieldTAXContainer { visibility: hidden; position: absolute; } div.chatPosition3 { right: 72px !important; } #main-image-container .swiper-pagination { display: flex; align-items: center; justify-content: center; } /* --------------- stockManagement --------------- */ /* Old colors .DELIVERY_TOMORROW_type, .christmas-append {color: var(--color-purple) !important;} .DELIVERY_PREVISION_15_DAYS_type, .DELIVERY_PREVISION_PLUS_15_DAYS_type, .DELIVERY_ON_REQUEST_UNDER_3_DAYS_type, .DELIVERY_ON_REQUEST_3_DAYS_type, .DELIVERY_ON_REQUEST_10_DAYS_type, .DELIVERY_ON_REQUEST_40_DAYS_type, .DELIVERY_ON_REQUEST_60_DAYS_type {color: #8fbf23 !important;} .DELIVERY_CALCULATED_DAY_type {color: var(--color-purple) !important;} .DELIVERY_NO_DATE_NO_RESERVE_type {color: #009e99 !important;} .AVAILABILITY_NAME_type {color: #009e99 !important;} .DELIVERY_NO_DATE_RESERVE_type {color: #fca120 !important;} */ .christmas-append { color: var(--color-purple) !important; } .DELIVERY_CALCULATED_DAY_type, .DELIVERY_TOMORROW_type, .DELIVERY_TOMORROW_NOSTOCK_type, .DELIVERY_NO_DATE_BUY_type, .DELIVERY_PREVISION_15_DAYS_type, .DELIVERY_PREVISION_PLUS_15_DAYS_type, .DELIVERY_ON_REQUEST_UNDER_3_DAYS_type, .DELIVERY_ON_REQUEST_3_DAYS_type, .DELIVERY_ON_REQUEST_5_DAYS_type, .DELIVERY_ON_REQUEST_10_DAYS_type, .DELIVERY_ON_REQUEST_15_DAYS_type, .DELIVERY_ON_REQUEST_30_DAYS_type { color: var(--color-purple) !important; } .DELIVERY_ON_REQUEST_40_DAYS_type, .DELIVERY_ON_REQUEST_60_DAYS_type, .DELIVERY_NO_DATE_RESERVE_type { color: #fca120 !important; } .DELIVERY_NO_DATE_NO_RESERVE_type { color: #333 !important; } .output-stock-management p { margin-bottom: 0; } .product-shipping.output-stock-management { color: var(--color-purple); margin-top: 10px; font-size: 13px; text-transform: uppercase; font-family: var(--body-font); font-weight: 500; font-style: italic; min-height: 36px; } .product-shipping.output-stock-management>span { padding-left: 29px; display: block; } .product-shipping.output-stock-management .gray-text { color: #878787; display: block; } .product-shipping.output-stock-management img { float: left; margin-right: 5px; } .stockShippingPage { font-family: var(--body-font); font-weight: 500; font-style: italic; } .stockShippingPage+.product-shipping-cont .product-shipping { padding-left: 12px; } .stockShippingPage .basket-shipping-cont .output-stock-management>* { padding: 5px 10px; font-size: 15px; margin-top: 10px; float: right; color: gray; } .PnS-shipping-cont .output-stock-management>span { text-align: left; margin-top: 30px; padding: 8px 10px 5px 10px; text-transform: uppercase; display: inline-block; font-size: 15px; margin-bottom: 10px; background-color: #ecd8fb; display: block; } .PnS-shipping-cont .output-stock-management>span img { width: 24px; margin-right: 6px; } .product-list-shipping { font-size: 12px; font-weight: 700; text-align: center; height: 37px; display: flex; align-items: center; justify-content: center; } .product-list-shipping>span { display: flex; line-height: 1.2; align-items: center; } /* ------------- category template v2 ----------- */ .category-v2-module-header { text-align: center; background-color: #242424; color: #fff; margin-bottom: 8px; position: relative; } .category-v2-module-header .zi1 { position: relative; z-index: 1; } .category-v2-module-header p>a { color: #a364ff; } .category-v2-module-header .breadcrimbProductCont { text-align: left; border-top: 2px solid #3a3a3a; width: 100%; } .category-v2-module-header .breadcrimbProductCont a:not(:hover) { color: #fff; } .category-v2-module-header>.inset { padding-top: 20px; padding-bottom: 30px; min-height: 200px; } .category-v2-module-header .header-title { font-size: 20px; margin-bottom: 15px; } .category-v2-module-header .inset .container-fluid { padding-left: 30px; padding-right: 30px; } .category-v2-module-header .header-text>*:last-child { margin-bottom: 0; } .category-v2-module-header .header-text, .category-v2-module-header .header-text * { font-size: 14px; line-height: 1.6; } .category-v2-module-header .breadcrimbProductCont .breadcrumb { padding-left: 0; padding-right: 0; } .category-v2-module-header .bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; } .category-v2-module-html { font-size: 16px; margin-top: 30px; } .category-v2-module-html h2, .category-v2-module-html .h2 { font-size: 18px; text-transform: uppercase; font-family: var(--body-font); font-weight: 500; line-height: 1.3; } .category-v2-module-html h3, .category-v2-module-html .h3 { font-size: 15px; text-transform: uppercase; font-family: var(--body-font); font-weight: 500; line-height: 1.3; } @media (min-width: 768px) { .category-v2-module-header .header-title { font-size: 25px; } .category-v2-module-header .inset .container-fluid { padding-left: 45px; padding-right: 45px; } .category-v2-module-header>.inset { padding-top: 25px; } } @media (min-width: 992px) { .category-v2-module-header .header-title { font-size: 30px; margin-bottom: 18px; } .category-v2-module-header .header-text, .category-v2-module-header .header-text * { font-size: 15px; } } @media (min-width: 1200px) { .category-v2-module-header { margin-bottom: 0; } .category-v2-module-header .inset .container-fluid, .category-v2-module-header .breadcrimbProductCont .container-fluid { padding-left: 75px; padding-right: 75px; } .category-v2-module-header .header-text { max-width: 1500px; margin-left: auto; margin-right: auto; font-size: 16px; } .category-v2-module-header .header-title { font-size: 32px; } } @media (min-width: 1600px) { .catv2.productsPageBody, .catv2.productsPageBody_ { padding-left: 75px; padding-right: 75px; } } .fixed-top-buy-section .free-shipping-page { display: none !important; } #product-body-top form.buyForm.fixed-top-buy-section .stockShippingPage, #product-body-top form.buyForm.fixed-top-buy-section .product-shipping-cont, #product-body-top form.buyForm.fixed-top-buy-section #vinculatedWarantyContent { display: none; } .christmas-append { display: block; text-align: center; min-height: 20px; font-size: 14px; } /* Aplazame */ .aplazame-widget { min-height: 145px; padding-top: 15px; } .fixed-top-buy-section .aplazameWidgetContainer { display: none; } .basketGTMContainer { display: none; } .top-category-container { clear: both; padding-top: 65px; } .top-category-content { max-width: 1200px; width: 100%; display: block; margin: 0px auto; } .top-category-content .top-category-item { margin-bottom: 40px; padding: 0px 32px 0px 32px; } .top-category-content .top-category-item a:not(.top-category-name) { display: flex; background-color: var(--color-gray-bg); aspect-ratio: 1 / 1; width: 100%; border-radius: 12px; overflow: hidden; margin: 0 auto; max-width: 150px; padding: 8px; } .top-category-content .top-category-item img { height: auto; margin-bottom: 0; mix-blend-mode: multiply; width: 150px; } .top-category-content .top-category-item .top-category-name { color: var(--color-dark); font-size: 16px; font-weight: 500; margin-top: 12px; display: block; } .btn.btn-transparent.btn-show-subcats { font-size: 16px; letter-spacing: 1px; width: 100%; height: 60px; line-height: 60px; border: none; background-color: #f2f2f2; position: relative; padding: 0px; margin-bottom: 15px; border-radius: 0px; max-width: 100%; } @media(max-width:1199px) { .footer-v2-logo-link-desktop { display: none; } .btn.btn-transparent.btn-show-subcats { margin-left: 15px; width: calc(100% - 30px); } } .btn-show-subcats .text { vertical-align: middle; text-transform: uppercase; } .btn-show-subcats .icon-arrow { width: 20px; height: 20px; vertical-align: middle; } .btn-show-subcats .icon { transform: rotate(0deg); transition: transform 350ms ease-in-out; } .btn-show-subcats:not(.collapsed) .icon { transform: rotate(180deg); } #collapseSubcategories { padding-left: 0px; padding-right: 0px; } .subcategories-slider { padding-top: 40px; padding-bottom: 40px; } .subcategories-slider .container-fluid { position: relative; padding-left: 20px; padding-right: 20px; max-width: 2000px; margin-left: auto; margin-right: auto; } /* media s like js for breaks, if change SHOP.categories.subcategoriesSlider js change this */ @media (min-width: 375px) { .subcategories-slider .swiper-slide { width: calc(100% / 3); } } @media (min-width: 480px) { .subcategories-slider .swiper-slide { width: calc(100% / 4); } } @media (min-width: 560px) { .subcategories-slider .swiper-slide { width: calc(100% / 5); } } @media (min-width: 800px) { .subcategories-slider .swiper-slide { width: calc(100% / 6); } } @media (min-width: 1000px) { .subcategories-slider .swiper-slide { width: calc(100% / 8); } } .subcategories-slider .swiper-slide { padding: 10px; } .subcategories-slider .a-p { display: block; position: relative; border-radius: 50%; overflow: hidden; margin-bottom: 15px; background-color: var(--color-gray-bg); } .subcategories-slider .a-p img { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; margin: auto; max-width: calc(80% - 10px); mix-blend-mode: multiply; } .subcategories-slider .a-p-container .subcategoryName { text-align: center; display: block; font-size: 16px; padding: 0px 5px; padding-bottom: 20px; overflow: hidden; display: block; line-height: 24px; font-weight: 500; color: var(--color-dark); } .subcategories-slider .a-p-container a.subcategoryName:hover { color: var(--color-purple); } .subcategories-slider .swiper-button-prev { left: 8px; } .subcategories-slider .swiper-button-prev .icon { margin-left: -2px; } .subcategories-slider .swiper-button-next { right: 8px; } .subcategories-slider .swiper-button-next .icon { margin-right: -2px; } .subcategories-slider .swiper-control { width: 50px; height: 50px; top: 50%; margin: 0; fill: #FFF; background-color: rgba(0, 0, 0, 0.2); border-radius: 50%; margin-top: -25px; display: block; } .subcategories-slider .swiper-control .icon { width: 28px; height: 28px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } @media(max-width: 767px) { .subcategories-slider .a-p-container .subcategoryName { font-size: 14px; line-height: 18px; } } /* ----------- Menu extra subcategories ----------- */ #menu-extra-subcats { padding: 0px 30px 40px; overflow-y: scroll; max-height: 100%; } #menu-extra-subcats .subcategoriesMobileTitle { font-size: 26px; font-weight: bold; margin-bottom: 15px; } #menu-extra-subcats li { margin-bottom: 15px; } #menu-extra-subcats span { font-size: 15px; vertical-align: middle; } #menu-extra-subcats img { display: inline-block; max-width: 50px; min-width: 50px; margin-right: 15px; vertical-align: middle; } #modal-subcategories .modal-content { overflow-x: hidden; overflow-y: scroll; } #modal-subcategories .footerClose { position: absolute; bottom: 0px; width: 100%; text-align: center; border: none; background: #fff; vertical-align: middle; min-height: 40px; padding: 5px; } #modal-subcategories .footerClose span span { font-size: 17px; vertical-align: middle; } #modal-subcategories .icon-arrow.back { transform: rotate(90deg); display: inline-block; vertical-align: middle; } /* ------------ subcategories modal= right modal ------------- */ /******************************* * MODAL AS LEFT/RIGHT SIDEBAR * Add "left" or "right" in modal parent div, after class="modal". https://codepen.io/bootpen/pen/jbbaRa *******************************/ .modal.left .modal-dialog, .modal.right .modal-dialog { position: fixed; margin: auto; width: 450px; height: 100%; transform: translate3d(0%, 0, 0); } .modal.left .modal-content, .modal.right .modal-content { height: 100%; overflow-y: auto; border-radius: 0; } .modal.left .icon-close-modal .icon, .modal.right .icon-close-modal .icon { width: 24px; height: 24px; fill: #212121; } .modal.left .close, .modal.right .close { margin-right: -30px; margin-top: -15px; } .modal.left .close+.close, .modal.right .close+.close { display: none; } /*Left*/ .modal.left.fade .modal-dialog { left: -450px; transition: opacity 0.3s linear, left 0.3s ease-out; } .modal.left.fade.in .modal-dialog { left: 0; } /*Right*/ .modal.right.fade .modal-dialog { right: -450px; transition: opacity 0.3s linear, right 0.3s ease-out; } .modal.right.fade.in .modal-dialog { right: 0; } @media (min-width: 768px) { .modal.right .modal-dialog { width: 450px; } .modal.left.fade .modal-dialog { left: -450px; } } .modal-subcategories.modal.right .modal-dialog { width: 100%; max-width: 450px; } .modal-subcategories.modal.right .modal-body { padding: 0px; padding-top: 20px; height: 100%; overflow: hidden; } .modal-subcategories.modal.right .close { margin-top: -10px; margin-right: -10px; } .modal-subcategories-title { display: block; font-size: 25px; margin-bottom: 30px; position: relative; font-family: "Trirong-Medium-Italic", sans-serif; text-align: center; margin-top: 40px; } /* Ribbons */ .badgeRibbonContainer { position: relative; top: 5px; left: 5px; margin-bottom: 10px; } .badgeRibbonContainer img { max-width: 50px; } @media(max-width: 991px) { .col-header-v2-links { right: 224px; position: absolute; top: 0px; width: auto; } .hasPreheader .col-header-v2-links { top: 29px; } .header-v2-links-lg .header-v2-link { font-size: 30px; height: 100%; padding: 0 30px; width: 98px; } ul.header-v2-links>li:after { content: none; } .col-header-v2-search-and-user { display: flex; flex-direction: row-reverse; } .menu-v2-desks-languages ul>li>a { height: 40px; display: block; padding: 10px 25px; font-size: 16px; color: #707070; font-family: var(--body-font); font-weight: 500; } .menu-v2-desks-languages ul>li>a .text-right { float: right; text-transform: uppercase; } } @media(max-width: 767px) { .col-header-v2-links { right: 180px; } .menu-desks-languages-open .menu-v2-desks-languages { top: 60px; } } @media(max-width: 479px) { .col-header-v2-links { right: 145px; width: 50px; } .col-header-v2-search-and-user { right: 50px; } .header-v2-burger, .header-v2-search-and-user-item, .col-header-v2-basket { width: 50px; } .header-v2-links-lg .header-v2-link { padding: 0px; width: 50px; } .hasPreheader .col-header-v2-links, .hasPreheader .col-header-v2-search-and-user, .hasPreheader .mini-basket-desktop-fixed { top: 29px; } } @media(max-width:399px) { .col-header-v2-logo { width: 71px; } .header-v2-links-lg .header-v2-link { font-size: 20px; } } @media(max-width:374px) { .header-v2-burger, .header-v2-search-and-user-item, .col-header-v2-basket { width: 45px; } .col-header-v2-search-and-user { right: 45px; } .col-header-v2-links { right: 135px; width: 45px; } } /* Product ribbons */ .productInfoCont .p-l-stockRibbon { bottom: 0px; background: none; position: static; margin-bottom: 10px; } .fixed-top-buy-section .p-l-stockRibbon { display: none; } .productInfoCont .p-l-stockRibbon>*:before { content: ""; } .productInfoCont .productStockInformationContaner>* { font-size: 14px; } .productInfoCont .productStockInformationContaner>*:before { content: "• "; } .productInfoCont .productStocksModalLink { background: none; border: none; padding: 0px; text-decoration: underline; font-size: 14px; } .productInfoCont .productStocksModalLinkContainer:before { content: ""; } .productInfoCont .optionValuePrevision, .productInfoCont .optionValuePrevisionDate { color: #FF9040; } #productPageStockModal .modal-content { max-width: 400px; margin: 0 auto; } .modal-body .modalPrevisionsStocksTitle { font-family: var(--body-font); font-weight: 500; font-size: 16px; margin-bottom: 15px; text-align: center; padding-left: 13px; padding-right: 13px; } .modal-body .optionValueStockPrevisionLine { margin-bottom: 20px; } .modal-body .modalprevisionsStocksDateLabel, .modal-body .modalprevisionsStocksValueLabel { font-family: var(--body-font); font-weight: 500; font-size: 12px; margin-right: 5px; } .nav-tabs>li>a.outOfStockTabLink { width: auto; } /* Font adaptations */ @media(max-width: 991px) { .miniBasketItemName a { font-size: 14px; } } /* Product page saving */ #main-price { position: relative; } .product-saving { font-weight: 500; background-color: #E5097F; color: #fff; padding: 0 8px; border-radius: 2rem; font-size: 12px; height: 16px; display: flex; line-height: 1; letter-spacing: 0.02em; align-items: center; justify-content: center; } .shipping-info p, .christmas-append { color: #e5097f !important; } .fixed-top-buy-section .selectedProductOptionStockContainer { display: none; } .selectedProductOptionStockContainer { min-height: 30px; line-height: 30px; display: inline-block; } .selectedProductOptionStockContainer .optionValueTotalStock { color: #E5097F; text-align: center; font-size: 13px; font-weight: 500; border-radius: 10px; border: 1px solid #E5097F; padding: 5px 10px; } /* new language selector svg */ #d-label-languages-header>.icon { width: 25px; height: 62px; } .menu-v2-desks ul>li>a .text-right .icon { width: 25px; height: 25px; } #countryDomain-modal .modal-dialog { max-width: 400px; margin: 0 auto; margin-top: 30px; } #countryDomain-modal .modal-body { padding: 0px; } #countryDomain-modal .countrySelectorModalLogo { padding: 15px; padding-bottom: 5px; border-bottom: 2px solid #000; font-size: 18px; color: #000; } #countryDomain-modal .countrySelectorModalText { padding: 10px; font-size: 14px; color: #000; } #countryDomain-modal .countrySelectorModalLinks .languageContainer { display: inline-block; width: 49%; margin: 0 auto; } #countryDomain-modal .countrySelectorModalLinks .languageContainer:last-child { display: block; } #countryDomain-modal .countrySelectorModalLinks .languageContainer a { border: 1px solid #000; padding: 3px; height: 38px; max-width: 150px; border-radius: 25px; margin: 0 auto; margin-top: 15px; display: flex; align-items: center; text-align: center; justify-content: center; } #countryDomain-modal .countrySelectorModalLinks .languageContainer a.currentCountryLanguage { border-color: #f1f1f1; border-color: #000; } #countryDomain-modal .countrySelectorModalLinks .languageContainer a.suggestedCountryLanguage { border-color: #E0FF02; border-color: #000; } #countryDomain-modal .countrySelectorModalLinks .languageContainer a:hover, #countryDomain-modal .countrySelectorModalLinks .languageContainer a:focus, #countryDomain-modal .countrySelectorModalLinks .languageContainer a:active { cursor: pointer; } #countryDomain-modal .countrySelectorModalLinks .linkText { margin-right: 10px; font-size: 14px; } #countryDomain-modal .countrySelectorModalLinks .icon { width: 20px; height: 20px; } #countryDomain-modal .countrySelectorModalLinks { padding: 15px; } @media(max-width:450px) { #countryDomain-modal .modal-dialog { max-width: calc(100% - 30px); } } @media(max-width:767px) { .home-seo-v2 .seo-content-v2 { max-width: 100%; } .home-seo-v2 .seo-content-v2 h1 { font-size: 18px; } .home-seo-v2 .seo-content-v2 h2, .home-seo-v2 .seo-content-v2 p { font-size: 14px !important; } } .productShippinginStock { display: inline; color: var(--color-purple); margin-top: 10px; font-size: 13px; text-transform: uppercase; font-family: var(--body-font); font-weight: 500; font-style: italic; min-height: 36px; } .product-list-shipping-cont .productShippinginStock { font-size: 14px; font-weight: 700; padding-right: 12px; } .product-shipping.output-stock-management>span { padding-left: 0px; } .product-list-shipping-cont { text-align: center; } .fluidContent-categories .productsPageLeftColumn { padding: 0px; } .category-v2-newcol .short-desc-top { margin-top: 12px; font-size: 14px; color: #66686E; line-height: 22px; } .category-v2-newcol .category-title-v2, .category-v2-newcol .short-desc-top, .subcategories-slider .container-fluid, .fluidContent-categories .productsPageBody, .category-v2-newcol .carrousel-v2-block, .firstLvlCategory .short-desc.long-desc { padding-left: 60px; padding-right: 60px; } @media(max-width:1199px) { .category-v2-newcol .category-title-v2, .category-v2-newcol .short-desc-top, .subcategories-slider .container-fluid, .fluidContent-categories .productsPageBody, .category-v2-newcol .carrousel-v2-block, .firstLvlCategory .short-desc.long-desc { padding-left: 20px; padding-right: 20px; } } @media(max-width:767px) { .category-swiper-home-v2 .swiper-home-v2-item svg, .category-swiper-home-v2 .swiper-home-v2-item img { width: 50px; height: 50px; } } @media(max-width:479px) { .main-menu-v2-mobile .menu-side-wrap-1 .eq-h { font-size: 12px; } } /* New user page format */ .section-login.section-login-userPage .smallLoginButton { line-height: initial; } .section-login.section-login-userPage #smallLoginCreateAccount { display: none; } .section-login.section-login-userPage #saveUserButton { margin-top: 15px; } /* New product page options */ #product-body-top form.buyForm.fixed-top-buy-section #realOptionsContainer { display: none; } #realOptionsContainer .customtagcapacity-name-values, #realOptionsContainer .customtagcolor-name-values, #realOptionsContainer .select-html-fluid { display: flex; gap: 8px; flex-wrap: wrap; } .customtagcapacity-name, .customtagcolor-name, #realOptionsContainer .productOptionPrompt { font-size: 14px; font-weight: 700; color: #252523; line-height: 22px; margin-bottom: 8px; display: flex; gap: 4px; } .customtagcapacity-name>.capacityTitleCurrentValue, .customtagcolor-name>.colorTitleCurrentValue { font-weight: 400; color: #8f929b; font-size: 14px; } .fluidContent-product .productOptionValue button.option, .customtagcapacity-name-values a, .customtagcolor-name-values a { text-align: center; border: 1px solid #000; border-radius: 4rem; position: relative; display: flex; color: var(--color-dark); background-color: #fff; box-shadow: none; font-family: var(--body-font); font-size: 14px; line-height: 1; padding: 0 16px; height: 28px; text-transform: none; font-weight: 400; } .fluidContent-product .productOptionValue button.option.active, .customtagcapacity-name-values a.current, .customtagcolor-name-values a.current { border-color: #000; background-color: #000; color: var(--color-primary); } .customtagcapacity-name-values a.notAvailableCombination, .customtagcapacity-name-values a.nonExistentColor, .customtagcolor-name-values a.notAvailableCombination, .customtagcolor-name-values a.nonExistentCapacity { border-color: #9ea1a2; background-color: #E2E3E7; color: #000; } .customtagcapacity-name-values a.notAvailableCombination:after, .customtagcapacity-name-values a.nonExistentColor:after, .customtagcolor-name-values a.notAvailableCombination:after, .customtagcolor-name-values a.nonExistentCapacity:after { content: ""; display: block; background: linear-gradient(to top left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) calc(50% - 2px), rgb(158 161 162) 50%, rgba(0, 0, 0, 0) calc(50% + 0.8px), rgba(0, 0, 0, 0) 100%); width: calc(100% - 32px); height: calc(100% + 2px); position: absolute; overflow: hidden; top: -1px; right: 16px; left: 16px; bottom: -1px; } .fluidContent-product .productOptionValue button.option:not(.active):hover, .customtagcapacity-name-values a:not(.current):hover, .customtagcolor-name-values a:not(.current):hover { background-color: #fff; border-color: #66686E; color: #66686E; } .customtagcapacity-name-values a.notAvailableCombination:hover, .customtagcapacity-name-values a.nonExistentColor:hover, .customtagcolor-name-values a.notAvailableCombination:hover, .customtagcolor-name-values a.nonExistentCapacity:hover { border-color: #b1b5b6; background-color: #ebedf1; color: #000; } #nacexSelectedPoint, #nacexDropCt { margin-top: 10px; white-space: pre-wrap; } #nacexDropCt { text-align: center; font-size: 15px; } #nacexDropCtDocuments { margin-top: 10px; white-space: pre-wrap; text-align: center; font-size: 15px; clear: both; padding-top: 30px; } .DELIVERY_NO_DATE_RESERVE_BACKORDER_type { color: #A6C303 !important; } #product-body-top form.buyForm.fixed-top-buy-section .product-stock.no-stock { display: none; } .product-stock.stock-ok .stockAlertAuxContainer { display: none; } /* fix logo link in new chrome versions */ a.header-v2-logo-link { position: relative; display: flex; } .category-v2-newcol .carrousel-v2-block { clear: both; background-color: var(--color-gray-bg); } .category-v2-newcol .carrousel-v2-block .header-slider { padding-left: 0; padding-right: 0; } .category-right-col .pagination>.active>a { font-weight: 600; } /* Product page redesign */ @media (min-width: 1200px) { .productLeftColumn { width: 50%; } .productRightColumn { width: 50%; padding-left: 25px; } } @media(min-width:1700px) { .productLeftColumn { padding-left: 154px; width: calc(50% + 115px); } .productRightColumn { max-width: 650px; } } .productShortDescription a.showMoreAuxLink { font-size: 14px; color: var(--color-purple); font-weight: 400; display: flex; align-items: center; gap: 4px; margin-left: -3px; margin-top: 2px; } .productShortDescription a.showMoreAuxLink svg { width: 24px; height: 24px; transform: rotate(180deg); } .productShortDescription a.showMoreAuxLink.collapsed svg { transform: rotate(0deg); } .productRightColumn-1 { float: none; width: auto; } .productRightColumn-2 { padding: 0px; position: static; float: none; width: auto; } #main-price { text-align: left; } #main-price .product-price { margin-bottom: 0px; } .productPageInfoList { background-color: var(--color-gray-bg); padding: 12px 16px 5px; margin-bottom: 16px; border-radius: 20px; display: grid; grid-template-columns: 55px 1fr; gap: 14px; align-items: center; } .productPageInfoList .infoContainer>* { width: 49%; margin-bottom: 6px; display: inline-flex; gap: 4px; } .productPageInfoList .infoContainer>div.availabilityBlock { width: 100%; gap: 4px; display: flex; align-items: center; flex-wrap: wrap; } .productPageInfoList .infoContainer>.christmas-append { width: 100%; display: flex; } .productPageInfoList .infoContainer>.christmas-append { color: #e5097f !important; text-align: left !important; } .infoLineValue img { display: none; } .infoLineLabel { font-weight: 600; font-size: 14px; } .productPageInfoList .product-shipping.output-stock-management { min-height: auto; height: auto; margin: 0; padding: 0; } .productPageInfoList .product-shipping.output-stock-management>span { display: inline; font-weight: 600; font-size: 14px; color: #7F9600 !important; text-transform: none; font-style: normal; font-size: 13px; } .productPageInfoList .product-shipping.output-stock-management .gray-text { display: inline; } .btn.buyFormSubmit.notAvailable[disabled]+.product-stock .link-stock.link-stock-active, .btn.buyFormSubmit.notAvailable[disabled]+.product-stock .link-stock.link-stock-active:focus, .btn.buyFormSubmit.notAvailable[disabled]+.product-stock .link-stock.link-stock-active:hover, .btn.buyFormSubmit.notAvailable[disabled]+.product-stock .link-stock.link-stock-active:active { background: #E5097F; display: inline-block; width: auto; margin-right: 20px !important; } .btn.buyFormSubmit.notAvailable[disabled]+.product-stock .link-stock.link-stock-active .icon, .buyFormSubmit-wrap .btn.btn-primary.buyFormSubmit .icon { display: none; } .wishlistButtonFake .wishlistButton { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%233400E5' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-bookmark'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E"); background-size: 24px 24px; color: #3400E5; font-size: 16px; font-weight: 400; background-position: left center; } .wishlistButtonFake .wishlistButton:is(:focus, :active, :hover, :active:focus) { background-color: transparent; color: #3400E5; } .product-third-party-share a { display: block; } .product-third-party-share svg { width: 24px; height: 24px; } .relatedRefurbished, .relatedUnsealed { font-size: 14px; position: relative; display: flex; justify-content: space-between; align-items: center; gap: 16px; } #reviews form[data-fluid-form="productAddCommentForm"] { max-width: 1200px; margin: 0 auto; padding: 0; } .refurbishedUnsealedPrice { white-space: nowrap; display: block; width: 100%; } .refurbishedUnsealedPrice span.oldPrice { text-decoration: line-through; } .fakeRelatedBuyform>.subtitle { font-weight: 500; color: #000; } .fakeRelatedBuyform>.subtitle .pinkRefurbishedUnsealed { color: #E5097F; } .fakeRelatedBuyform:active, .fakeRelatedBuyform:focus, .fakeRelatedBuyform:hover { cursor: pointer; } .warrantyRefurbishedSealedContainer.hasGreenBorder { border-top: 2px solid #BCCD61; border-bottom: 2px solid #BCCD61; margin: 20px 0px; padding: 20px 0px; } .warrantyRefurbishedSealedContainer .warrantyProductsContainer { padding: 0px !important; } .warrantyRefurbishedSealedContainer .warrantyTitle, .warrantyRefurbishedSealedContainer .newRelatedProductsTitle { font-weight: 600; font-size: 17px; margin-bottom: 10px; } @media(max-width:767px) { .warrantyRefurbishedSealedContainer>#vinculatedWarantyContent { margin-bottom: 15px; } } .financingSystemPagesSimulation { padding: 20px 0px; } .FinancingBlockTitle { font-weight: 700; font-size: 16px; margin-bottom: 12px; } .calculateQuoteModal { text-decoration: underline; color: #3400E5; } .calculateQuoteModal .modal-body { overflow: auto; } .fixed-top-buy-section .productRightColumn-1 { width: 100% !important; } .fixed-top-buy-section .productRightColumn-2, .fixed-top-buy-section .product-third-party-share, .fixed-top-buy-section .productPageInfoList, .fixed-top-buy-section .warrantyRefurbishedSealedContainer, .fixed-top-buy-section .financingSystemPagesSimulation, .fixed-top-buy-section.packs-container-max { display: none !important; } .fixed-top-buy-section .quantityAndPrice, .fixed-top-buy-section .buyFormSubmit-wrap { float: right; } .fixed-top-buy-section .real-title.h1 { float: left; } #product-body-top form.buyForm.fixed-top-buy-section #main-price { margin-right: 0px; } .packs-container-max { border-top: 2px solid #F284BF; border-bottom: 2px solid #F284BF; margin: 20px 0px; padding: 20px; } .packs-container-max+.packs-container-max { border-top: 0px; } .categoryHomeCarrouselName { font-weight: 500; font-size: 15px; } @media(min-width:1200px) { #reviews, #product-body-footer .tab-content, #product-related-categories { padding-inline: 100px; } } @media(max-width:1199px) { #product-related-categories, #reviews { padding-left: 20px; padding-right: 20px; } } #reviews .reviewPostHeader { flex-wrap: wrap; margin-bottom: 16px; display: flex; justify-items: center; align-items: center; gap: 8px; } #reviews .userFace { display: flex; } #reviews .userNick, #reviews .answerNick { color: #66686E; font-weight: 400; font-size: 14px; } #reviews .col-left .productRateStars { float: right; } #reviews .blgPstC .productRateStars { margin-left: auto; } #reviews .originalMessage, #reviews .answerMessage { font-weight: 400; font-size: 16px; line-height: 24px; text-align: justify; color: var(--color-dark); } #reviews .originalMessageDate { font-size: 16px; color: #66686E; line-height: 1; margin-left: 8px; } .reviews-header .flex { max-width: 1200px; margin: 0 auto; background-color: #FFF; border-radius: 12px; padding: 32px; } .reviews-header .buttons>* { margin: 0px; width: 100%; } .reviews-header .buttons>*:first-child { margin: 0 auto; } .reviews-header .buttons>*:last-child { margin: 0 auto; margin-bottom: 10px; } .reviews-header .dropdown-menu { background-color: #fff; border: none; min-width: 100%; padding-block: 8px; } .packProductRow article.product-list.product-list-default { max-width: 29%; display: inline-block; } .packProductPlus { display: inline-block; left: 0px; } .packProductRow form.packBuyForm .form-message { display: none; } .packProductRow form.packBuyForm>*, .packProductRow form.packBuyForm .packPriceandButton>* { display: inline-block; } .packProductRow form.packBuyForm .packPriceandButton { display: inline-block; } .packProductRow form.packBuyForm .totalPackPriceLabel { text-align: left; width: 30%; color: #000; font-weight: 300; font-size: 19px; } .packProductRow form.packBuyForm .packPriceandButton { text-align: right; width: 69%; color: #000; font-weight: 500; font-size: 19px; } .packProductRow form.packBuyForm button { width: auto; } .packProductRow form.packBuyForm button, .packProductRow form.packBuyForm button:focus, .packProductRow form.packBuyForm button:active, .packProductRow form.packBuyForm button:hover { margin-left: 10px !important; background: #E5097F; font-size: 17px; font-weight: 600; text-align: center; } .packProductRow form.packBuyForm button .icon { display: none; } .packProductRow .packPrices { background-color: #FFFAFD; padding: 15px; margin-top: 15px; margin-bottom: 20px; } .underProductTitle .strsCont .countComments, .underProductTitle ul>li>a { font-size: 12px; color: #66686E; } .underProductTitle .productTotalVotes { display: inline-block; margin-left: 5px; } #main-price .product-saving { font-size: 12px; font-weight: 600; } #main-price .p-l-before, #main-price .price.init { font-size: 20px; font-weight: 600; } #main-price .product-basePrice .p-l-before, #desktopStickyMenu .product-basePrice .price.init, #main-price .product-basePrice .price.init { font-size: 16px; line-height: 1; } .selectedProductOptionStockContainer .optionValueTotalStock { font-size: 14px; font-weight: 400; } .extra-info { font-size: 12px; font-weight: 400; display: flex; gap: 4px; flex-wrap: wrap; } .extra-info .product-extra-sku.prod-extra-i { display: flex; gap: 4px; flex-wrap: wrap; } .productPageInfoList .infoListIcon { transform: translateY(-3px); } .promoLinkContainer .promoPageText strong { font-weight: 700; } span.infoLineValue { font-size: 14px; font-weight: 400; } .simulationPageLine { font-size: 17px; font-weight: 400; } @media(max-width: 499px) { #reviews .userNick { width: calc(100% - 32px - 8px); } #reviews .blgPstC .productRateStars { margin-left: 0; width: calc(60% - 8px); } #reviews .originalMessageDate { margin-left: auto; } .simulationPageLine { margin-bottom: 20px; } .simulationPageLine+.simulationPageLine { margin-bottom: 0px; } .simulationPageLine .financingLogoContainer { display: block; margin-bottom: 5px; } } .packs-container-max .categoryHomeCarrouselName { font-size: 17px; font-weight: 600; } .showMorerelated { margin-top: 15px; text-align: right; } .showMorerelated a { color: #000; text-decoration: underline; font-size: 14px; font-weight: 600; } .packProductRow .product-list-img { max-width: 60%; max-height: 60%; } .packProductRow .p-list-in-wrp { min-width: auto; } .packProductRow .p-list-i-cont { padding-bottom: 0px; } .packProductRow .p-l-title { font-size: 14px; } .packProducts>* { vertical-align: middle; } .product-body-footer .nav-tabs>li { margin-bottom: 0px; } .comments-footer .fake-col-1 { display: none; } .comments-footer .fake-col-2 { width: 100%; text-align: center; float: none; } @media(max-width:991px) { #product-body-top form.buyForm.fixed-top-buy-section h1.real-title { display: none; } .fixed-top-buy-section .quantityAndPrice, .fixed-top-buy-section .buyFormSubmit-wrap { display: inline-block; float: none; width: 48%; vertical-align: middle; } #product-body-top form.buyForm.fixed-top-buy-section .strsCont { display: none; } } @media(max-width:767px) { #product-body-top .h1 { font-size: 28px; line-height: 36px; } .productPageInfoList { grid-template-columns: 1fr; } .productPageInfoList .infoListIcon { display: none; } .productPageInfoList .infoContainer { width: 100%; padding: 0px; } #realOptionsContainer>div, .warrantyRefurbishedSealedContainer>div { width: 100%; } .packProductRow form.packBuyForm .totalPackPriceLabel, .packProductRow form.packBuyForm .packPriceandButton { display: block; width: 100%; text-align: center; } .packProductRow form.packBuyForm>*, .packProductRow form.packBuyForm .packPriceandButton>* { display: block; width: 100%; margin: 0px !important; margin-bottom: 5px !important; } .packProducts>* { display: block !important; margin: 0 auto; text-align: center; } .packProductRow article.product-list.product-list-default { max-width: 100%; } .packProducts .a-p-2_44by1:before { padding-bottom: 100%; } .buyFormSubmit-wrap>* { margin-top: 10px; margin-bottom: 0px; } .reviews-header .buttons { margin-top: 10px; display: flex; flex-direction: row-reverse; margin-bottom: 16px; } .reviews-header .buttons>* { display: block; max-width: 200px; } } .productTopAuxLinks { margin-top: 32px; display: flex; gap: 12px; align-items: center; } .addthis_toolbox a { margin-bottom: 0px !important; } .addthis_toolbox a { display: flex; align-items: center; gap: 8px; color: #3400E5; } .addthis_toolbox .addThisText { font-size: 16px; } .comparerProductButton, .comparerProductButton:hover, .comparerProductButton:active, .comparerProductButton:focus { display: inline-block; background: transparent !important; border: none; padding: 0px; } .comparerProductButton .icon { max-width: 20px; max-height: 20px; display: inline-block; vertical-align: middle; margin-right: 5px; } .comparerProductButton { display: inline-block; vertical-align: middle; font-size: 17px; font-weight: 400; } @media(max-width:599px) { #product-body-top form.buyForm.fixed-top-buy-section #main-price { display: block; text-align: left; } #product-body-top form.buyForm.fixed-top-buy-section #main-price .integerPrice, #product-body-top form.buyForm.fixed-top-buy-section #main-price .decimalPrice, #product-body-top form.buyForm.fixed-top-buy-section #main-price .currencySymbol { font-size: 22px; } #product-body-top form.buyForm.fixed-top-buy-section #main-price .product-basePrice .p-l-before, #product-body-top form.buyForm.fixed-top-buy-section #main-price .product-basePrice .price.init { font-size: 19px; } #product-body-top form.buyForm.fixed-top-buy-section .buyFormSubmit { max-width: 100%; float: none; } } .btn.buyFormSubmit.notAvailable[disabled]+.product-stock .link-stock.link-stock-active { border-radius: 5px; margin-bottom: 0px !important; margin-top: 0px !important; } .warrantyRefurbishedSealedContainer .tooltipIcon { position: absolute; top: -5px; right: 0px; } .warrantyRefurbishedSealedContainer .tooltip-inner { min-width: 150px; } .product-third-party-share { display: flex !important; width: auto; line-height: 1 !important; } .contentWarrantyString>* { display: inline-block; margin-top: 0px; vertical-align: middle; } .contentWarrantyString>span { max-width: calc(100% - 30px); margin-left: 5px; } .contentWarrantyString>input { border: 2px solid #000; width: 20px; height: 20px; display: inline-block; vertical-align: middle; margin-top: 0px; position: relative; transition: none !important; } .contentWarrantyString>input:checked { background-image: url('../img/greenCheckedCheckbox.png'); background-repeat: no-repeat; background-position: center; transition: none !important; } .col-right-reviews>div { display: flex; justify-content: center; max-width: 290px; margin: 0 auto; } .col-right-reviews .leftColumnReviews { width: 39%; display: inline-block; } .col-right-reviews .rightColumnReviews { width: 59%; display: inline-block; } .col-right-reviews>div.facesReviewsStickers { padding-top: 20px; gap: 4px; } .reviews-header .col-right .facesReviewsStickers .icon { width: 32px; height: 32px; fill: var(--color-purple); } .showMoreReviewsContainer #showAllComments.btn { background-color: #000; width: 100%; max-width: 300px; margin: 0 auto; color: var(--color-primary); border: 0; height: 40px; } .showMoreReviewsContainer #showAllComments.btn:hover, .showMoreReviewsContainer #showAllComments.btn:focus { background-color: var(--color-primary); color: #000; } .rateFilterContainer { display: flex; flex-direction: column; align-items: center; gap: 16px; } .ratingFilterLine { text-align: center; display: flex; align-items: center; justify-content: center; width: 100%; max-width: 420px; position: relative; } .ratingStarsContainer { display: flex; align-items: center; position: relative; } .ratingCheckboxContainer>input { border: 2px solid #000; width: 24px; height: 24px; margin-top: 0px; position: relative; transition: none !important; margin-right: 16px; -webkit-appearance: none; -o-appearance: none; border-radius: 4px; display: block; } .ratingCheckboxContainer>input:checked { background-image: url('../img/greenCheckedCheckbox.png'); background-repeat: no-repeat; background-position: center; transition: none !important; } .ratingStarsContainer .s { width: 24px; height: 24px; } .ratingStarsContainer .s:before { content: ""; position: static; display: block; left: auto; line-height: 1; height: 24px; width: 24px; background-size: 24px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6418 4.80528L7.6664 4.37286L6.33632 1.67637C6.29999 1.60254 6.24023 1.54278 6.1664 1.50645C5.98124 1.41504 5.75624 1.49122 5.66366 1.67637L4.33359 4.37286L1.35819 4.80528C1.27616 4.817 1.20116 4.85567 1.14374 4.91426C1.07432 4.98561 1.03607 5.08161 1.03739 5.18115C1.0387 5.28069 1.07949 5.37563 1.15077 5.44512L3.30351 7.54395L2.79491 10.5076C2.78299 10.5766 2.79062 10.6475 2.81694 10.7123C2.84325 10.7771 2.88721 10.8333 2.94382 10.8744C3.00043 10.9155 3.06743 10.9399 3.13722 10.9449C3.20701 10.9499 3.27679 10.9352 3.33866 10.9025L5.99999 9.50332L8.66132 10.9025C8.73398 10.9412 8.81835 10.9541 8.89921 10.94C9.10312 10.9049 9.24023 10.7115 9.20507 10.5076L8.69648 7.54395L10.8492 5.44512C10.9078 5.3877 10.9465 5.3127 10.9582 5.23067C10.9898 5.02559 10.8469 4.83575 10.6418 4.80528Z' fill='%23FFDB4D'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .ratingStarsContainer .s.inactive:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6418 4.80528L7.6664 4.37286L6.33632 1.67637C6.29999 1.60254 6.24023 1.54278 6.1664 1.50645C5.98124 1.41504 5.75624 1.49122 5.66366 1.67637L4.33359 4.37286L1.35819 4.80528C1.27616 4.817 1.20116 4.85567 1.14374 4.91426C1.07432 4.98561 1.03607 5.08161 1.03739 5.18115C1.0387 5.28069 1.07949 5.37563 1.15077 5.44512L3.30351 7.54395L2.79491 10.5076C2.78299 10.5766 2.79062 10.6475 2.81694 10.7123C2.84325 10.7771 2.88721 10.8333 2.94382 10.8744C3.00043 10.9155 3.06743 10.9399 3.13722 10.9449C3.20701 10.9499 3.27679 10.9352 3.33866 10.9025L5.99999 9.50332L8.66132 10.9025C8.73398 10.9412 8.81835 10.9541 8.89921 10.94C9.10312 10.9049 9.24023 10.7115 9.20507 10.5076L8.69648 7.54395L10.8492 5.44512C10.9078 5.3877 10.9465 5.3127 10.9582 5.23067C10.9898 5.02559 10.8469 4.83575 10.6418 4.80528Z' fill='%23E0E0E0'/%3E%3C/svg%3E%0A"); } #productsComments { max-width: 1200px; margin: 0 auto; margin-bottom: 0px; display: flex; flex-direction: column; gap: 16px; overflow: hidden; border-radius: 8px; position: relative; } #productsComments:not(.fullHeight)::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 200px; background: linear-gradient(0deg, rgba(242, 243, 244, 1) 0%, rgba(242, 243, 244, 0) 100%); } #productsComments.fullHeight { max-height: initial; } .showMoreReviewsContainer { max-width: 1200px; margin: 0 auto; } .shortDescriptionTitle { font-weight: 700; font-size: 16px; margin-bottom: 12px; } .barsBigContainer { height: 2px; min-width: 160px; margin: 0 16px; } .fullBarPercentContainer { display: block; height: 2px; background-color: #D9D9D9; } .scoreBarPercent { background-color: #000; height: 2px; display: block; } body #eCalculadoraCetelemDiv .eCalculadoraCetelem-combo .calculadora-enc { margin: 0 auto; } .colRightReviewsPagesContainer { display: block; } @media(max-width: 992px) { .barsBigContainer { min-width: 70px; } } @media(max-width: 767px) { .productPageInfoList .infoContainer>div { width: 100%; } .reviews-header .buttons>*:last-child { margin-bottom: 15px; } .colRightReviewsPagesContainer { text-align: center; display: block !important; } .col-right-reviews .leftColumnReviews, .col-right-reviews .rightColumnReviews { width: auto; } .col-right-reviews .auxOutterButtonContainer { margin-top: 15px; } .col-right-reviews .auxOutterButtonContainer a { max-width: 200px; margin: 0 auto; } } #desktopStickyMenu { position: fixed; display: none; background-color: #fff; width: 100%; z-index: 9999; top: 0px; left: 0px; padding: 10px 60px 10px; margin: 0 auto; align-items: center; justify-content: space-between; gap: 1rem; } #desktopStickyMenu .stickyStockAlert.btn.btn-primary { border-color: var(--color-dark); background-color: #FFF; color: var(--color-dark); line-height: 1; height: 40px; padding: 0 20px; } #desktopStickyMenu .stickyAddCart.btn.btn-primary { background-color: var(--color-primary); border: 0; height: 40px; color: var(--color-dark); line-height: 1; padding: 0 20px; } #desktopStickyMenu .stickyStockAlert.btn.btn-primary:hover, #desktopStickyMenu .stickyStockAlert.btn.btn-primary:focus, #desktopStickyMenu .stickyAddCart.btn.btn-primary:hover, #desktopStickyMenu .stickyAddCart.btn.btn-primary:focus { background-color: #000; color: var(--color-primary); } #desktopStickyMenu .stickyTitle { font-family: var(--title-font); font-weight: 700; font-size: 24px; letter-spacing: -0.04em; } #desktopStickyMenu .product-shipping.output-stock-management>span, #responsiveStickyMenu .product-shipping.output-stock-management>span { display: inline; font-weight: 600; font-size: 14px; color: #7F9600 !important; text-transform: none; font-style: normal; font-size: 13px; } #desktopStickyMenu .stickyPrice { display: flex; align-items: center; flex-direction: column; } #desktopStickyMenu .product-saving { font-size: 16px; line-height: 1; font-weight: 500; height: 24px; padding: 0 12px; } #desktopStickyMenu .stickyPrice .product-basePrice { order: 2; } #desktopStickyMenu .price-row { display: flex; align-items: center; flex-direction: row; gap: 8px; line-height: 1; } #desktopStickyMenu .price-row+.productBasePriceContainer { display: none; } #desktopStickyMenu .productSavingContainer { order: 3; } #desktopStickyMenu .product-price, #desktopStickyMenu .product-alternativePrice { order: 1; } #desktopStickyMenu .stickyRightColumn { display: flex; align-items: center; gap: 4px 20px; max-width: 60%; flex-wrap: wrap; justify-content: flex-end; } @media(min-width: 1600px) { #desktopStickyMenu .stickyRightColumn { gap: 32px; } } @media(max-width:1199px) { #desktopStickyMenu { padding-left: 20px; padding-right: 20px; } } #responsiveStickyMenu { position: fixed; background-color: #000; width: 100%; z-index: 99999; bottom: 0px; left: 0px; padding: 12px 0px; display: block; color: #FFF; border-top: 1px solid rgb(255 255 255 / 25%); display: flex; flex-direction: column; gap: 8px; } #responsiveStickyMenu .stickyTopRow { padding: 0px 16px; display: flex; align-items: center; gap: 8px; justify-content: space-between; } #responsiveStickyMenu .stickyBottomRow { padding: 0px 16px; display: flex; flex-wrap: wrap; gap: 0 1rem; align-items: center; } #responsiveStickyMenu .stickyPrice .product-price .integerPrice, #responsiveStickyMenu .stickyPrice .product-alternativePrice .integerPrice { font-size: 35px; font-weight: 700; line-height: 35px; } #responsiveStickyMenu .stickyPrice .product-price .decimalPrice, #responsiveStickyMenu .stickyPrice .product-alternativePrice .decimalPrice, #responsiveStickyMenu .stickyPrice .product-price .currencySymbol, #responsiveStickyMenu .stickyPrice .product-alternativePrice .currencySymbol { font-weight: 700; font-size: 30px; line-height: 30px; } #responsiveStickyMenu .stickyButton, #responsiveStickyMenu .stickyPriceContainer { flex: 1; } #responsiveStickyMenu .stickyStockAlert, #responsiveStickyMenu .stickyAddCart { background-color: var(--color-primary); color: var(--color-dark); height: 42px; font-size: 16px; margin: 0px; width: 100%; line-height: 1; padding: 0 20px; border-color: var(--color-primary); } #responsiveStickyMenu .stickyStockAlert:hover, #responsiveStickyMenu .stickyStockAlert:focus, #responsiveStickyMenu .stickyAddCart:hover, #responsiveStickyMenu .stickyAddCart:focus { background-color: #000; color: var(--color-primary); border-color: var(--color-primary); } #responsiveStickyMenu .stickyStockAlert { background-color: var(--color-primary); color: var(--color-dark); height: 42px; font-size: 16px; margin: 0px; width: 100%; line-height: 1; padding: 0 20px; border-color: var(--color-primary); } #responsiveStickyMenu .stickyBottomRow>div { margin: 0; } #responsiveStickyMenu .addthis_toolbox .addThisText { font-size: 16px; } @media(max-width:767px) { .fluidContent-product .mobile-only>div { bottom: 145px !important; } .fluidContent-product #toTopPage { bottom: 151px !important; } } #wishlistAccountRequiredModal .modal-body { padding-top: 70px; padding-bottom: 20px; padding-inline: 20px; } #wishlistAccountRequiredModal .wishListModalAuxTitle { position: absolute; top: 0px; left: 0px; width: 100%; background-color: #E5097F; padding: 15px; text-align: left; color: #fff; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-bookmark'%3E%3Cpath d='m19 21-7-4-7 4V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2v16z'/%3E%3C/svg%3E"); background-size: 24px; background-repeat: no-repeat; padding-left: 48px; background-position: 16px center; font-size: 16px; height: 50px; } #wishlistAccountRequiredModal .questionText.wishlistQuestionText { font-size: 15px; text-align: left; } @media(min-width:768px) { #wishlistAccountRequiredModal .modal-dialog { min-width: 450px; } } .header-v2-basket .icon { fill: var(--color-primary); } .header-v2-basket .icon.mb-items-0 { fill: #fff; } /* ----------- Stock alert tag ----------- */ .link-stock.link-stock-hidden { display: none; } .btn.buyFormSubmit.notAvailable[disabled] { display: none !important; } .btn.buyFormSubmit.notAvailable[disabled]+.product-stock .link-stock.link-stock-active { display: inline-block; } .product-stock:not(.no-stock):not(.stock-ok):not([style]) { display: none; /* Prevent load visual breaks */ } .stockAlertFormTitle { font-family: var(--title-font); font-weight: 500; font-size: 18px; margin-bottom: 20px; letter-spacing: -0.04em; } label.productStockAlertField { display: none; } .stock-alert-modal .modal-body { padding: 22px; } .btn#productContactSubmit { min-width: 160px; border-color: var(--color-primary); background-color: var(--color-primary); color: var(--color-dark); } .btn#productContactSubmit:hover, .btn#productContactSubmit:focus { background-color: #000; border-color: #000; color: var(--color-primary); } #main-price>span.product-basePrice { margin-right: 2px; } .taxIncludedContainer { color: #8f929b; font-size: 16px; font-weight: 400; margin-top: 2px; display: flex; line-height: 1.3; } .stickyPriceContainer .taxIncludedContainer, .stickyPrice .taxIncludedContainer, .fluidContent-product #toTopPage { display: none !important; } .stickyResponsiveAvailability, .responsiveStickyDeliveryPage { display: block; color: #B0B3BD; } .responsiveStickyDeliveryPage .infoLineLabel, .responsiveStickyDeliveryPage .infoLineValue { font-size: 13px; } /* Changes with topBar */ .hasPreheader .header-v2 { height: 98px; } .hasPreheader .col-header-v2-search-and-user, .hasPreheader .mini-basket-desktop-fixed { top: 27px; } /* Product page promo */ .promoLinkContainer { background-color: #000; margin-bottom: 16px; color: #fff; font-family: var(--title-font); letter-spacing: -0.04em; font-size: 16px; line-height: 18px; padding: 4px 8px 4px 24px; border-radius: 4rem; min-height: 50px; display: flex; align-items: center; width: 100%; } .promoLinkContainer .promoPageLine { display: flex; align-items: center; gap: 1rem; width: 100%; justify-content: space-between; } .promoLinkContainer .promoPageLink { flex-shrink: 0; } .promoLinkContainer .promoPageLink svg { width: 16px; height: 16px; } .promoLinkContainer .productPagePromoLink { gap: 8px; background-color: #FFF; border-radius: 4rem; min-height: 32px; display: flex; align-items: center; justify-content: center; text-align: center; padding-left: 16px; padding-right: 16px; font-size: 12px; text-transform: uppercase; font-family: var(--body-font); letter-spacing: 0.02em; font-weight: 500; color: var(--color-dark); } @media(max-width: 767px) { .promoLinkContainer { border-radius: 20px; padding: 12px 20px; } .promoLinkContainer .promoPageLine { flex-direction: column; } .promoLinkContainer .promoPageText, .promoLinkContainer .promoPageLink { display: block; width: 100%; } .promoLinkContainer .promoPageText { text-align: center; } .promoLinkContainer .promoPageLink a { width: 100%; } } .shortDescriptionContainer tr:nth-child(odd) { background-color: #FFFAFD; } @media(max-width:399px) { .product-list-shipping-cont .product-list-shipping, .product-list-shipping-cont .christmas-append { font-size: 12px !important; } } .category-v2-newcol .catHeaderPictureContainer { padding-bottom: 8%; } .category-v2-newcol .cat-header-image { position: absolute; } .pickupAvalilabilityMessage { margin-bottom: 15px; } .pickupAvalilabilityMessage .pickupTitle { font-weight: 600; font-size: 14px; margin-bottom: 5px; } .pickupAvalilabilityMessage .pickupSubtitle { position: relative; padding-left: 15px; font-size: 13px; font-weight: 400; } .pickupAvalilabilityMessage .pickupSubtitle:before { content: ""; background-color: lime; height: 6px; width: 6px; position: absolute; border-radius: 50%; left: 0; top: 50%; transform: translateY(-50%); } @media(max-width: 767px) { .pickupAvalilabilityMessage { padding: 10px; padding-top: 0px; } } @media(min-width:768px) { .menu-user-mobile-open .fluidContent-product #menu-user-mobile, .menu-desks-languages-open .fluidContent-product .menu-v2-desks-languages { z-index: 999999; } } .newTopSellersContainer.module-products-slider-01 { padding-left: 0px !important; padding-right: 0px !important; } .newTopSellersContainer .header-slider { text-align: center; padding: 0px; } .newTopSellersContainer .module-products-slider-title { float: none; font-size: 20px; text-align: center; border-top: 1px solid #f284bf; border-bottom: 1px solid #f284bf; padding-top: 10px; padding-bottom: 10px; margin-top: -10px; width: 100%; } .newTopSellersContainer .container-fluid { border-bottom: 1px solid #f284bf; } .newTopSellersContainer .topSellerProductName { font-weight: 500; } #userRegisterMessageContainer { margin-bottom: 15px; } .registryMessageTittle, .registryMessageTittle a { text-align: center; color: #E5097F; font-weight: 500; } .registryMessageTittle { margin-bottom: 10px; } .registryMessageBody { text-align: center; color: #777; } .registryMessageBody a { color: #E5097F; font-weight: 500; } #realOptionsContainer { display: flex; flex-direction: column; gap: 16px; } .newRelatedProductsTitle { font-size: 14px; font-weight: 700; color: #252523; line-height: 22px; margin-bottom: 8px; } .newOptionsContainer.hasRealOptions.hasUnsealedRefurbished { display: flex; justify-content: space-around; flex-direction: column; gap: 20px; } .relatedProductLink.icon { width: 40px; height: 40px; flex-shrink: 0; } .newRelatedProducts .tooltipIcon>span { display: flex; width: 16px; height: 16px; color: var(--color-purple); } .relatedProductLink.icon.plusIcon { width: 32px; height: 32px; margin-left: auto; flex-shrink: 0; } .unsealedRefurbishedLinkContainer { display: flex; flex-wrap: wrap; gap: 0 4px; align-items: center; } .relatedProductLink .tooltipIcon { display: inline-flex; vertical-align: middle; } @media(min-width: 768px) { .newOptionsContainer.hasRealOptions.hasUnsealedRefurbished { display: grid; grid-template-columns: 1fr 1fr; } } @media(min-width: 1200px) { .newOptionsContainer.hasRealOptions.hasUnsealedRefurbished { gap: 16px; } } @media(max-width: 767px) { .customtagcapacity-name-values a:nth-child(2n + 1) { clear: none; } } .blackFridayLinkContainer { padding: 0 15px; } .blackFridayLinkContainer .backFridayLinkTag { border-radius: 2rem; padding: 0 15px 0 8px; display: flex; align-items: center; justify-content: center; line-height: 1; height: 24px; text-align: center; white-space: nowrap; } @media(min-width:1200px) { .blackFridayLinkContainer { padding-right: 115px; } } .distributorRegister.section-login .tab-content-login { border-top: 1px solid #ddd; border-radius: 20px; } .distributorRegister.section-login .title-page-default { font-family: var(--title-font); letter-spacing: -0.04em; text-align: center; margin-bottom: 32px; } .fluidContent-product .new-breadcrumb-bar { height: auto; } #main-price .productBasePriceContainer { display: flex; margin-top: 5px; } #main-price .productBasePriceContainer>span { display: flex; align-items: center; gap: 4px; position: relative; width: 100%; } #main-price .product-saving { font-size: 16px; line-height: 1; font-weight: 500; height: 24px; padding: 0 12px; } #main-price .hidden-no-sticky { display: none !important; } #desktopStickyMenu .product-basePrice .price.init, #main-price .product-basePrice .p-l-before, #main-price .product-alternativeBasePrice .p-l-before, #main-price .product-basePrice .integerPrice, #main-price .product-alternativeBasePrice .integerPrice, #main-price .product-basePrice .decimalPrice, #main-price .product-basePrice .currencySymbol, #main-price .product-alternativeBasePrice .decimalPrice, #main-price .product-alternativeBasePrice .currencySymbol { text-decoration: none; font-size: 16px; font-weight: 400; color: #66686E; } #desktopStickyMenu .product-basePrice .price.init, #main-price .product-basePrice .integerPrice, #main-price .product-basePrice .decimalPrice, #main-price .product-basePrice .currencySymbol, #main-price .product-alternativeBasePrice .integerPrice, #main-price .product-alternativeBasePrice .decimalPrice, #main-price .product-alternativeBasePrice .currencySymbol { text-decoration: line-through; } .tooltipProduct svg { fill: #e5097f; } input#activateTooltip, .tooltipShow { display: none; } input#activateTooltip:checked+.tooltipShow { display: block; position: absolute; z-index: 3; background: #fff; border-style: solid; border-radius: 16px; border-width: 1px; border-color: #000; padding: 15px; top: 100%; } .tooltipProduct+.tooltipShow { display: none; } .tooltipShow strong { font-weight: 700; } .tooltipShow a { color: #E5097F; } input#activateTooltip:checked+.tooltipShow * { color: #000 !Important; } input#activateTooltip:checked+.tooltipShow a { color: #E5097F !important; } .activateTooltipLabel { margin-bottom: 0px; display: flex; } .activateTooltipLabel>div { display: flex; } .tooltipProduct svg { width: 14px; height: 14px; } #desktopStickyMenu .productBasePriceContainer .p-l-before, #desktopStickyMenu .productBasePriceContainer .activateTooltipLabel, #desktopStickyMenu .productBasePriceContainer .tooltipShow, #responsiveStickyMenu .productBasePriceContainer .p-l-before, #responsiveStickyMenu .productBasePriceContainer .activateTooltipLabel, #responsiveStickyMenu .productBasePriceContainer .tooltipShow { display: none; } #desktopStickyMenu .stickyPrice .productBasePriceContainer { order: 2; } #responsiveStickyMenu .stickyPrice .productBasePriceContainer .price.init { text-decoration: line-through; } #responsiveStickyMenu .stickyPrice { display: flex; align-items: center; justify-content: space-around; } #responsiveStickyMenu .stickyPrice .product-price { order: 1; } #responsiveStickyMenu .stickyPrice .productBasePriceContainer { order: 2; } .fluidContent-product .breadcrumb>li.categoryPathLast { display: none; } @media(max-width:1199px) { .breadcrumb { font-size: 12px; } } .breadcrumb>li { display: inline-flex; align-items: center; gap: 8px; line-height: 1; } .breadcrumb>li+li:before { background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7049 8L5.99992 12.705L5.29492 12L9.29492 8L5.29492 4L5.99992 3.295L10.7049 8Z' fill='%236B38FB'/%3E%3C/svg%3E%0A"); content: ""; padding: 0; width: 16px; height: 16px; display: inline-flex; } #responsiveStickyMenu .stickyPrice .productSavingContainer, #responsiveStickyMenu .stickyPrice .productBasePriceContainer { display: none; } .page404Content, #userMenucontainer { clear: left; } .distributorAuxInfoContainer { margin-bottom: 15px; text-align: center; font-weight: 500; font-size: 14px; } .distributorAuxInfoContainer a { font-weight: 600; color: #E5097F; } #miniBasketOutput .miniBasketFooter .miniBasketShowShipping>div, #miniBasketOutput .miniBasketFooter .miniBasketShowTaxIncluded { display: none; } #miniBasketOutput .miniBasketFooter .miniBasketShowShipping>div.freeShippingMinibasket { display: inline-block; } .freeShippingMessageContainer { margin-bottom: 15px; position: relative; } .freeShippingMessage { display: flex; flex-wrap: wrap; align-items: center; gap: 0 4px; } #tooltipFreeShipping, .tooltipFreeShippingShow { display: none; } input#tooltipFreeShipping:checked+.tooltipFreeShippingShow { top: 100%; display: block; position: absolute; z-index: 3; background: #fff; border-style: solid; border-radius: 16px; border-width: 1px; border-color: #000; padding: 15px; } .freeShippingFinalText { color: #3400E5; font-weight: 500; font-size: 14px; } .tooltipFreeShippingShow { font-weight: 500; font-size: 13px; } .basketFreeShippingMessage { margin: 15px 0px; text-align: center; color: #3400E5; font-weight: 500; font-size: 14px; } .freeShippingTruckIcon { max-width: 25px; } .freeShippingMessageContainer .freeShippingMessage>.activateTooltipLabel { top: auto; } .fluidContent-basket #vinculated-products-container-v2 .productListRibbons { display: none; } .socialLoginContainer { margin-top: 15px; } .socialLoginContainer .btn { border: none; background-color: #fff; display: inline-block; padding: 0 20px; line-height: 40px; height: 40px; margin-bottom: 0; font-size: 12px; letter-spacing: 2px; font-weight: normal; text-align: center; white-space: nowrap; vertical-align: middle; touch-action: manipulation; cursor: pointer; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 0px; text-transform: uppercase; } .socialLoginContainer .btn svg { display: none; } .socialLoginContainer .center-block-title { font-size: 20px; line-height: 1.8; letter-spacing: -0.04em; color: var(--color-dark); position: relative; font-family: var(--title-font); font-weight: 500; } .socialLoginContainer .center-block-title span { padding: 0 25px; background-color: #fff; position: relative; z-index: 1; } .socialLoginContainer .center-block-title:after { height: 1px; content: ""; display: block; position: absolute; right: 0; left: 0; top: 50%; width: 100%; background-color: #dddddd; } .center-block-socials { margin-top: 20px; } .externalLogin { float: left; width: calc(50% - 5px); text-align: center; } .externalLogin .button { padding: 0 20px; position: relative; border-radius: 2rem; } .externalLogin .button:before { content: ""; display: inline-block; width: 30px; height: 100%; transition: all 375ms cubic-bezier(0.4, 0.0, 0.2, 1); } .facebookLoginInPage .button:before { background: url(../img/icon-facebook.svg) center no-repeat; } .googleLoginInPage .button:before { background: url(../img/icon-google.svg) center no-repeat; } .externalLogin .button .text { display: inline-block; vertical-align: top; } a[data-fluid-function="externalConnectionLogin"] { position: absolute !important; top: 0; left: 0; height: 100% !important; width: 100% !important; } .facebookLoginInPage a[data-fluid-function="externalConnectionLogin"] img, .googleLoginInPage a[data-fluid-function="externalConnectionLogin"] img { display: none; } .miniBasketHeader #miniBasketModuleHeader { display: block; width: fit-content; } .productsPageLeftColumn .filters-column .hiddenDesktop, .productsPageLeftColumn .filters-column .hiddenResponsive { display: none; } .fluidContent-basket #vinculated-products-container-v2 .productListRibbons { display: block; margin-bottom: 13px; } .fluidContent-basket #vinculated-products-container-v2 .productListRibbons .buyFormSubmit { opacity: 1; position: relative; width: 100%; height: 48px; font-size: 17px; font-weight: 600; padding: 0 16px; background-color: #000; border-color: #000; color: #fff; display: flex; font-style: normal; color: var(--color-primary); } @media(min-width: 767px) { .newsletter-v2-title { text-align: center; max-width: 300px; margin: 0 auto; } } @media(min-width: 1200px) { .newsletter-v2-title { margin: 0; text-align: right; } } #product-body-footer .nav-tabs-flex>li { flex: none; } #product-body-footer .nav.nav-tabs { margin: 0 -8px; background-color: #000; border-radius: 4rem; overflow: hidden; padding: 8px; display: flex; gap: 4px 8px; align-items: center; justify-content: center; } #product-body-footer .nav.nav-tabs>li>a { background-color: transparent; font-size: 14px; color: #FFF; font-weight: 500; line-height: 1; margin: 0; padding: 0; height: 30px; padding: 0 8px; display: flex; align-items: center; border-radius: 4rem; cursor: pointer; width: auto; } #product-body-footer .nav.nav-tabs>li>a:hover { background-color: var(--color-primary); color: #000; } @media(max-width: 767px) { #product-body-footer .nav.nav-tabs { padding-inline: 32px; } #product-body-footer .nav.nav-tabs>li>a { padding-left: 16px; padding-right: 16px; } } @media(min-width: 1200px) { #product-body-top { margin-bottom: 32px; } #product-body-footer .nav.nav-tabs>li>a { padding-left: 16px; padding-right: 16px; } #product-body-footer .nav.nav-tabs { margin: 0 -48px; } } #main-content .userForm .input-group.date { display: flex; align-items: center; } #main-content .userForm .input-group.date .input-group-addon { width: 35px; padding: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; display: flex; align-items: center; justify-content: center; } #main-content .userForm .input-group.date .form-control { border-top-right-radius: 0; border-bottom-right-radius: 0; } #main-content .userForm .input-group.date .glyphicon-calendar:before { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-calendar-1'%3E%3Cpath d='M11 14h1v4'/%3E%3Cpath d='M16 2v4'/%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M8 2v4'/%3E%3Crect x='3' y='4' width='18' height='18' rx='2'/%3E%3C/svg%3E"); background-size: 20px; content: ""; background-position: center; width: 20px; height: 20px; display: block; } #userFieldGenderContainer { display: flex; flex-wrap: wrap; gap: 16px; } #userFieldGenderContainer label { width: 100%; } #userFieldGenderContainer .userFieldRadioValue { margin-bottom: 0; display: flex; gap: 8px; } /* @media (max-width: 1199px) {*/ .main-menu-v2-mobile { position: fixed; z-index: 8050; left: 0; top: 66px; max-width: 350px; width: 100%; height: calc(100% - 98px); overflow: hidden; background-color: #FFF; -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 350ms ease; -webkit-transition: -webkit-transform 350ms ease; transition: -webkit-transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease; } @media(min-width:1200px) { .main-menu-v2-mobile { top: 62px; } .hasPreheader .main-menu-v2-mobile { top: 98px; } } .main-menu-v2-mobile-open .main-menu-v2-mobile { -webkit-transform: translateX(0); transform: translateX(0); box-shadow: 0 0 15px rgba(0, 0, 0, .2); z-index: 9999999999; } .main-menu-v2-mobile .menu-side-wrap-1 .eq-h { height: 58px; } .main-menu-v2-mobile .menu-side-wrap-1 { overflow: auto; height: 100%; } .main-menu-v2-mobile.open-menu-list-2 .menu-side-wrap-1 { overflow: visible; } .main-menu-v2-mobile.open-menu-list-2 .menu-side-wrap-1>* { height: 100%; overflow: auto; } .main-menu-v2-mobile.open-menu-list-2 .icons-menu { background-color: #f1f1f1; } .main-menu-v2-mobile .icons-menu>li.open a, .main-menu-v2-mobile .icons-menu>li.open span { background-color: #FFF; } .main-menu-v2-mobile .menu-list-1 { -webkit-transition: transform 350ms ease; -webkit-transition: -webkit-transform 350ms ease; transition: -webkit-transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease; -webkit-transform: translateX(0); transform: translateX(0); } .main-menu-v2-mobile.open-menu-list-2 .menu-list-1 { -webkit-transform: translateX(-100%); transform: translateX(-100%); } .main-menu-v2-mobile.open-menu-list-2 .menu-side-wrap-1 { overflow: hidden; } .main-menu-v2-mobile.open-menu-list-3 .menu-list-2.open { overflow: hidden; } .main-menu-v2-mobile ul { margin: 0; padding: 0; list-style-type: none; } .main-menu-v2-mobile .icons-menu { position: relative; z-index: 1; width: 60px; background-color: #FFF; float: left; } .main-menu-v2-mobile .icons-menu>li>a, .main-menu-v2-mobile .icons-menu>li>span { display: block; position: relative; } .main-menu-v2-mobile .icons-menu>li>span:hover, .main-menu-v2-mobile .icons-menu>li>span:active, .main-menu-v2-mobile .icons-menu>li>span:focus, .main-menu-v2-mobile .icons-menu>li>a:hover, .main-menu-v2-mobile .icons-menu>li>a:active, .main-menu-v2-mobile .icons-menu>li>a:focus { cursor: pointer; } .main-menu-v2-mobile .icons-menu>li>a>svg, .main-menu-v2-mobile .icons-menu>li>a>img, .main-menu-v2-mobile .icons-menu>li>span>svg, .main-menu-v2-mobile .icons-menu>li>span>img { height: 32px; width: 32px; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .main-menu-v2-mobile .menu-list-1 { float: left; width: calc(100% - 60px); } .main-menu-v2-mobile .menu-list-1 { background-color: #FFF; } .main-menu-v2-mobile .menu-list-1>li>a, .main-menu-v2-mobile .menu-list-1>li>span { padding-right: 15px; display: block; font-size: 18px; color: #545454; line-height: 1.1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; position: relative; } .main-menu-v2-mobile .menu-list-1>li>span:hover, .main-menu-v2-mobile .menu-list-1>li>span:focus, .main-menu-v2-mobile .menu-list-1>li>span:active { cursor: pointer; } .main-menu-v2-mobile .menu-list-1>li.has-drpdwn>a, .main-menu-v2-mobile .menu-list-1>li.has-drpdwn>span { padding-right: 55px; } .main-menu-v2-mobile .menu-list-1>li>a:hover, .main-menu-v2-mobile .menu-list-1>li.open>a, .main-menu-v2-mobile .menu-list-1>li>span:hover, .main-menu-v2-mobile .menu-list-1>li.open>span { color: #acacac; } .main-menu-v2-mobile .menu-list-2>li>a .icon, .main-menu-v2-mobile .menu-list-1>li>a .icon, .main-menu-v2-mobile .menu-list-2>li>span .icon, .main-menu-v2-mobile .menu-list-1>li>span .icon { width: 20px; height: 20px; fill: #b1b1b1; position: absolute; right: 30px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .main-menu-v2-mobile .menu-list-2>li>a, .main-menu-v2-mobile .menu-list-2>li>span { position: relative; font-size: 17px; color: #949494; line-height: 1.1; padding-right: 15px; padding-left: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; position: relative; } .main-menu-v2-mobile .menu-list-2>li>a.viewAllCategory, .main-menu-v2-mobile .menu-list-2>li>span.viewAllCategory { font-weight: 600; } .main-menu-v2-mobile .menu-list-2>li.has-drpdwn>a, .main-menu-v2-mobile .menu-list-2>li.has-drpdwn>span { padding-right: 55px; } /* .main-menu-v2-mobile .menu-list-2, */ .main-menu-v2-mobile .menu-list-3 { -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: transform 350ms ease; -webkit-transition: -webkit-transform 350ms ease; transition: -webkit-transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease; position: absolute; top: 0; left: 60px; right: 0; bottom: 0; display: block; background-color: #FFF; overflow: hidden; } .main-menu-v2-mobile .menu-list-2 { -webkit-transform: translateX(100%); transform: translateX(100%); position: absolute; top: 0; left: 60px; right: 0; bottom: 0; overflow: hidden; background-color: #FFF; } .main-menu-v2-mobile .menu-list-2.open { -webkit-transition: transform 350ms ease; -webkit-transition: -webkit-transform 350ms ease; transition: -webkit-transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease; } .main-menu-v2-mobile .menu-list-2.open, .main-menu-v2-mobile .menu-list-3.open { -webkit-transform: translateX(0); transform: translateX(0); overflow: auto; } .main-menu-v2-mobile.open-menu-list-2-no-effect .menu-list-2.open { -webkit-transition: none; transition: none; } .main-menu-v2-mobile .menu-list-3>li>a, .main-menu-v2-mobile .menu-list-3>li>span { position: relative; font-size: 17px; color: #949494; line-height: 1.1; padding-right: 15px; padding-left: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; position: relative; } .main-menu-v2-mobile .menu-list-3>li>a.selfLink, .main-menu-v2-mobile .menu-list-3>li>span.selfLink { font-weight: bold; } .main-menu-v2-mobile .menu-list-3>li.close-lvl-3>a, .main-menu-v2-mobile .menu-list-3>li.close-lvl-3>span { border-bottom: 1px solid #ececec; padding-right: 50px; } .main-menu-v2-mobile .menu-list-3>li.close-lvl-3>a .icon, .main-menu-v2-mobile .menu-list-3>li.close-lvl-3>span .icon { width: 26px; height: 26px; fill: #afafaf; position: absolute; top: 50%; right: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* } */ @media (min-width: 768px) and (max-height: 845px), (max-width: 479px) { .main-menu-v2-mobile .menu-side-wrap-1 .eq-h { height: 54px; } .main-menu-v2-mobile .eq-h { font-size: 16px; } .main-menu-v2-mobile .menu-list-1>li>a, .main-menu-v2-mobile .menu-list-2>li>a, .main-menu-v2-mobile .menu-list-3>li>a, .main-menu-v2-mobile .menu-list-1>li>span, .main-menu-v2-mobile .menu-list-2>li>span, .main-menu-v2-mobile .menu-list-3>li>span { font-size: 15px; } .main-menu-v2-mobile .menu-list-3>li>a, .main-menu-v2-mobile .menu-list-3>li>span { padding-left: 20px; } } @media (max-width: 767px) { .main-menu-v2-mobile-open, .main-menu-v2-mobile-open body { overflow: hidden; } } @media (max-width: 767px) { .main-menu-v2-mobile { top: 60px; height: calc(100% - 60px); } } .main-menu-v2-desktop { position: fixed; z-index: 8050; left: 72px; top: 62px; width: 370px; max-height: calc(100% - 62px); -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: transform 350ms ease; -webkit-transition: -webkit-transform 350ms ease; transition: -webkit-transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease; } .main-menu-v2-desktop .eq-h { height: 56px; display: block; background-color: #FFF; } .main-menu-v2-desktop.open-lvl-3 { width: 590px; } .main-menu-v2-desktop ul { margin: 0; padding: 0; } .main-menu-v2-desktop .main-menu-v2-header { background-color: #f2f2f2; border-bottom: 1px solid #a8a8a8; } .main-menu-v2-desktop .menu-lvl-1>li>a, .main-menu-v2-desktop .menu-lvl-1>li>span { background-color: #f1f1f1; width: 170px; color: #8a8a8a; font-size: 14px; font-family: var(--body-font); font-weight: 500; letter-spacing: 0.025em; } .main-menu-v2-desktop .main-menu-v2-header { font-size: 16px; font-family: var(--body-font); font-weight: 500; color: #8a8a8a; } .main-menu-v2-desktop .main-menu-v2-header, .main-menu-v2-desktop .menu-lvl-1>li>a, .main-menu-v2-desktop .menu-lvl-1>li>span { padding-left: 28px; padding-right: 20px; line-height: 1.1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .main-menu-v2-desktop .menu-lvl-2>li>a, .main-menu-v2-desktop .menu-lvl-2>li>span { font-size: 14px; } .main-menu-v2-desktop .menu-lvl-3>li>a, .main-menu-v2-desktop .menu-lvl-3>li>span { font-size: 13px; } .main-menu-v2-desktop .menu-lvl-2>li>a, .main-menu-v2-desktop .menu-lvl-3>li>a, .main-menu-v2-desktop .menu-lvl-2>li>span, .main-menu-v2-desktop .menu-lvl-3>li>span { color: #a5a5a5; padding: 0 15px; line-height: 1.1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } .main-menu-v2-desktop .menu-lvl-2>li.open>a, .main-menu-v2-desktop .menu-lvl-2>li:hover>a, .main-menu-v2-desktop .menu-lvl-3>li:hover>a, .main-menu-v2-desktop .menu-lvl-2>li.open>span, .main-menu-v2-desktop .menu-lvl-2>li:hover>span, .main-menu-v2-desktop .menu-lvl-3>li:hover>span { color: #666666; } .main-menu-v2-desktop>li.has-drpdwn>.menu-lvl-2-wrap>.scroll-wrap-2, .main-menu-v2-desktop .menu-lvl-2-wrap>.scroll-wrap-3 { display: none; } .main-menu-v2-desktop-open .main-menu-v2-desktop { box-shadow: 0 0 15px rgba(0, 0, 0, .2); -webkit-transform: translateX(0); transform: translateX(0); } .main-menu-v2-desktop .menu-lvl-1 { position: relative; background-color: #FFF; } .main-menu-v2-desktop .menu-lvl-1>li { width: 170px; } .main-menu-v2-desktop .menu-lvl-1>li.has-drpdwn.open>a, .main-menu-v2-desktop .menu-lvl-1>li.has-drpdwn.open>span { background-color: #FFF; color: #909090; } .main-menu-v2-desktop li>.menu-lvl-2-wrap>.scroll-wrap-2 { position: absolute; top: 0; left: 170px; width: 200px; bottom: 0; background-color: #FFF; overflow: auto; } .main-menu-v2-desktop ul>li>a, .main-menu-v2-desktop ul>li>span { position: relative; } .main-menu-v2-desktop .menu-lvl-1>li.has-drpdwn.open>.menu-lvl-2-wrap>.scroll-wrap-2 { display: block; } .main-menu-v2-desktop .menu-lvl-1>li:not(.has-drpdwn):hover>a, .main-menu-v2-desktop .menu-lvl-1>li.has-drpdwn:hover>a, .main-menu-v2-desktop .menu-lvl-1>li:not(.has-drpdwn):hover>span, .main-menu-v2-desktop .menu-lvl-1>li.has-drpdwn:hover>span { background-color: #FFF; } .main-menu-v2-desktop .menu-lvl-1>li.has-drpdwn.open>.menu-lvl-2-wrap:before { content: ""; display: block; position: absolute; top: 0; bottom: 0; width: 12px; left: 158px; z-index: 1; cursor: pointer; } .main-menu-v2-desktop .menu-lvl-2>li.has-drpdwn.open>a:after, .main-menu-v2-desktop .menu-lvl-1>li.has-drpdwn.open>a:after, .main-menu-v2-desktop .menu-lvl-2>li.has-drpdwn.open>span:after, .main-menu-v2-desktop .menu-lvl-1>li.has-drpdwn.open>span:after { content: ""; display: block; width: 10px; height: 10px; background-size: 8px; position: absolute; top: 50%; margin-top: -5px; right: 4px; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg fill='rgb(156, 156, 156)' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 192 512'%3e%3cpath d='M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z'%3e%3c/path%3e%3c/svg%3e"); } .main-menu-v2-desktop .menu-lvl-1>li.has-drpdwn.open>.menu-lvl-2-wrap>.scroll-wrap-2 { display: block; z-index: 100; } .main-menu-v2-desktop .menu-lvl-1.hidden-menu-lvl-2>li.has-drpdwn>.menu-lvl-2-wrap>.scroll-wrap-2 { display: none; } .main-menu-v2-desktop .menu-lvl-2-wrap>.scroll-wrap-3 { position: absolute; top: 0; right: 0; bottom: 0; overflow: auto; width: 220px; } .main-menu-v2-desktop .menu-lvl-2-wrap>.scroll-wrap-3.open { display: block; } @media (max-height: 845px) and (min-width: 992px) { .main-menu-v2-desktop .eq-h { height: 50px; } } @media(min-width:992px) { .main-menu-v2-mobile .icons-menu>li>a>svg, .main-menu-v2-mobile .icons-menu>li>a>img, .main-menu-v2-mobile .icons-menu>li>span>svg, .main-menu-v2-mobile .icons-menu>li>span>img { height: 40px; width: 40px; } } .main-menu-v2-mobile { width: auto; overflow: visible; max-width: none; } .main-menu-v2-mobile.open-menu-list-2 .icons-menu { background-color: #fff; } .main-menu-v2-mobile .icons-menu { min-width: 200px; } .main-menu-v2-mobile .menu-side-wrap-1 .eq-h { height: 60px; } .main-menu-v2-mobile .icons-menu>li>span>img, .main-menu-v2-mobile .icons-menu>li>a>img, .main-menu-v2-mobile .icons-menu>li>a>svg, .main-menu-v2-mobile .icons-menu>li>span>svg { right: auto; left: 15px; } .main-menu-v2-mobile .icons-menu>li>a>.lvl1IconName, .main-menu-v2-mobile .icons-menu>li>span>.lvl1IconName { display: block; position: relative; top: 50%; transform: translate(0, -50%); padding-left: 70px; background: none; padding-right: 10px; } /* .main-menu-v2-mobile .icons-menu .has-drpdwn { border-right:1px solid #000; } */ .main-menu-v2-mobile.open-menu-list-2 .icons-menu .has-drpdwn { position: relative; } .main-menu-v2-mobile.open-menu-list-2 .icons-menu .has-drpdwn:before { content: ""; display: block; width: 1px; height: 100%; background-color: #000; position: absolute; top: 0px; right: 0px; z-index: 1; } .main-menu-v2-mobile.open-menu-list-2 .icons-menu .has-drpdwn.open { box-shadow: 1px 0px 1px 1px black; border: 0px; position: relative; } .main-menu-v2-mobile.open-menu-list-2 .icons-menu .has-drpdwn.open:before { content: ""; display: block; width: 7px; height: 100%; background-color: #fff; position: absolute; top: 0px; right: 0px; z-index: 1; } .main-menu-v2-mobile.open-menu-list-2 .icons-menu .has-drpdwn.open:after { content: ""; display: block; width: 7px; height: 100%; background-color: #E5FF13; position: absolute; top: 0px; left: 0px; } .main-menu-v2-mobile .menu-list-1 { display: none !important; } .main-menu-v2-mobile.open-menu-list-2 .menu-list-1 { display: block; } .main-menu-v2-mobile .menu-list-2 { left: 0px; display: none; } .main-menu-v2-mobile .menu-list-2.open { display: block; /*padding:15px; */ padding: 30px; } ul.icons-menu.list-unstyled.open:after { content: ""; display: block; position: absolute; top: 0px; bottom: 0px; height: 100%; right: 0px; width: 1px; background-color: black; } .subcategoryLvl2Block { margin-bottom: 15px; } .subcategoryLvl2Block a { /* font-size:18px; */ font-size: 17px; } .finalLvlTitle.fourthLvlTitle { padding-left: 15px; /* font-style: italic; font-size: 13px; */ } .finalLvlTitle { /* font-size:16px; */ font-size: 15px; display: inline-block; /* margin-bottom:15px; */ } .secondLvlTitle { /*font-size:18px; */ font-size: 17px; font-weight: 500; } .finalLvlTitle>img { margin-right: 5px; } .thirdLvlTitle.showMoreBrands { border: 1px solid #000; padding: 5px; margin-bottom: 15px; display: inline-block; height: auto !important; border-radius: 5px; font-size: 13px; } .eq-h.relatedPage { height: auto !important; font-size: 14px; display: inline-block; margin-bottom: 5px; } .eq-h.relatedPage img { margin-right: 5px; } .main-menu-v2-mobile-open .main-menu-v2-mobile.open-menu-list-2-no-effect .menu-list-2.open { width: min-content; left: 200px; } .multipleColumnsContainer { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; } .rightMenuColumn { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: -webkit-max-content; width: -moz-max-content; width: max-content; max-width: 100%; } span.vieMoreSecondLvl { /* font-size: 11px; */ padding-left: 10px; text-decoration: underline; /* margin-bottom: 15px; */ display: inline-block; } .subcategoryLvl2Block .eq-h { margin-bottom: 15px; display: block; } .subcategoryLvl2Block .eq-h.showMoreBrands { display: inline-block; } @media(min-width:992px) { .subcategoryLvl2Block { /* padding-left:15px; padding-right:15px; */ padding-left: 30px; padding-right: 30px; } .main-menu-v2-mobile-open .main-menu-v2-mobile.open-menu-list-2-no-effect .menu-list-2.open { max-width: calc(100vw - 200px); -webkit-box-shadow: 3px 1px 5px 10000px #00000040; -moz-box-shadow: 3px 1px 5px 10000px #00000040; box-shadow: 3px 1px 5px 10000px #00000040; } /* .main-menu-v2-mobile-open .main-menu-v2-mobile.open-menu-list-2-no-effect .menu-list-2.open:after { content: ""; display: block; position: absolute; background-color: rgba(0, 0, 0, 0.25); top: 0px; right: 0%; width: 100%; height: 100%; z-index: 999999999999999999999999999999999; } */ } @media(max-width:991px) { .multipleColumnsContainer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } @media(max-width:767px) { .main-menu-v2-mobile .icons-menu>li>a>svg, .main-menu-v2-mobile .icons-menu>li>a>img, .main-menu-v2-mobile .icons-menu>li>span>svg, .main-menu-v2-mobile .icons-menu>li>span>img { height: 24px; width: 24px; } .main-menu-v2-mobile .icons-menu { min-width: 100px; } .main-menu-v2-mobile.open-menu-list-2 .menu-side-wrap-1 { width: fit-content; } .main-menu-v2-mobile-open .main-menu-v2-mobile.open-menu-list-2-no-effect .menu-list-2.open { left: 100px; } .main-menu-v2-mobile .menu-side-wrap-1 .eq-h, .main-menu-v2-mobile .eq-h { /* height:70px; */ height: auto; } .main-menu-v2-mobile .icons-menu>li>a>svg, .main-menu-v2-mobile .icons-menu>li>span>svg { left: 0px !important; right: 0px !important; top: 10px; bottom: auto; } .main-menu-v2-mobile .icons-menu>li>a>.lvl1IconName, .main-menu-v2-mobile .icons-menu>li>span>.lvl1IconName { position: relative; bottom: 5px; width: 100%; top: auto !important; transform: initial !important; text-align: center; padding: 0px; padding-left: 10px !important; padding-right: 10px !important; padding-top: 50px; /* text-overflow: ellipsis; overflow: hidden; white-space: nowrap; */ } .main-menu-v2-mobile .lvl3-menu .eq-h, .thirdLvlTitle .finalLvlTitle { font-size: 14px; } } @media(max-width:499px) { .main-menu-v2-mobile, .main-menu-v2-mobile.open-menu-list-2 .menu-side-wrap-1 { width: 100%; } .main-menu-v2-mobile-open .main-menu-v2-mobile.open-menu-list-2-no-effect .menu-list-2.open { width: calc(100% - 120px); padding: 10px; } } .btn { font-weight: 500; text-transform: uppercase; border-radius: 4rem; padding: 8px 16px; display: flex; align-items: center; justify-content: center; font-size: 16px; } @media (min-width: 992px) and (max-width: 1199px) { .btn.visible-md { display: flex !important; } } @media (min-width: 1200px) { .btn.visible-lg { display: flex !important; } } /* effect triggers */ a, .btn, .btn-link, button, .bootstrap-select .dropdown-toggle:focus, input[type="button"]:focus, input[type="checkbox"]:focus, input[type="file"]:focus, input[type="hidden"]:focus, input[type="image"]:focus, input[type="radio"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="file"]:focus::-webkit-file-upload-button, div#cookiesBannerAcceptButton, div#cookiesBannerDenyButton { outline: none !important; transition: all 350ms ease; } /* big buttons ?? */ #main-content input#smallLoginSubmit, input#customerBasketContinue, .userToRegistryButton, #paymentAndShippingBasketContinue, .multibanco-btn.btn { display: block; width: 100%; text-transform: uppercase; font-family: var(--body-font); font-weight: 500; font-size: 18px; padding: 10px 20px; } /* Default buttons ?? */ .btn { color: #333; background-color: #fff; border-color: #ccc; } .btn:focus, .btn:active, .btn:hover, .btn:active:focus { box-shadow: none; color: #333; background-color: #F1F1F1; border-color: #ccc; } /* primary button */ .btn.btn-primary:not(.sendCommentsButton), #saveUserButton, #basketEndOrder, #deleteAccountSubmit, .viewFilterElementSelected, #customerBasketContinue, #paymentAndShippingBasketContinue, a#smallLoginLogout, .fluidContent-wishlist .wishlistButton, #productContactSubmit, .packPricesContent .btn { color: #FFF; background-color: var(--color-purple); border-color: var(--color-purple); } div#cookiesBannerAcceptButton, div#cookiesBannerDenyButton { display: block; margin: 0; height: 29px; text-transform: none; font-size: 13px; font-family: var(--body-font); font-weight: 500; padding-top: 1px; padding-bottom: 1px; border-radius: 7px; text-transform: uppercase; } div#cookiesBannerAcceptButton { background: var(--color-purple); } div#cookiesBannerAcceptButton:hover { background: #4d1e92; } div#cookiesBannerDenyButton { background: #9c9b99; } div#cookiesBannerDenyButton:hover { background: #7f7e7c; } @media(min-width:1200px) { .hiddenDesktop { display: none; } } @media(max-width:1199px) { .hiddenDesktop { float: none; margin-bottom: 0px !important; } .hiddenResponsive { display: none; } } /* -------------------------- Fluid Stars (override) -------------------------- */ .swiper-slide .product-list, .swiper-slide .product-list .product-list-outer, .swiper-slide .product-list .product-list-outer .p-l-inner { height: 100%; } .product-list .productRateStars { overflow: hidden; } .product-list .s { display: block; float: right; width: 20px; padding: 0 2px; height: 16px; } .product-list .s { float: left; } .product-list .s:before { content: ""; position: static; display: block; left: auto; line-height: 1; height: 12px; width: 12px; background-size: 12px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6418 4.80528L7.6664 4.37286L6.33632 1.67637C6.29999 1.60254 6.24023 1.54278 6.1664 1.50645C5.98124 1.41504 5.75624 1.49122 5.66366 1.67637L4.33359 4.37286L1.35819 4.80528C1.27616 4.817 1.20116 4.85567 1.14374 4.91426C1.07432 4.98561 1.03607 5.08161 1.03739 5.18115C1.0387 5.28069 1.07949 5.37563 1.15077 5.44512L3.30351 7.54395L2.79491 10.5076C2.78299 10.5766 2.79062 10.6475 2.81694 10.7123C2.84325 10.7771 2.88721 10.8333 2.94382 10.8744C3.00043 10.9155 3.06743 10.9399 3.13722 10.9449C3.20701 10.9499 3.27679 10.9352 3.33866 10.9025L5.99999 9.50332L8.66132 10.9025C8.73398 10.9412 8.81835 10.9541 8.89921 10.94C9.10312 10.9049 9.24023 10.7115 9.20507 10.5076L8.69648 7.54395L10.8492 5.44512C10.9078 5.3877 10.9465 5.3127 10.9582 5.23067C10.9898 5.02559 10.8469 4.83575 10.6418 4.80528Z' fill='%23FFDB4D'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .product-list .s.inactive:before { content: ""; background-image: url("data:image/svg+xml,%3Csvg width='12' height='13' viewBox='0 0 12 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6418 4.80528L7.6664 4.37286L6.33632 1.67637C6.29999 1.60254 6.24023 1.54278 6.1664 1.50645C5.98124 1.41504 5.75624 1.49122 5.66366 1.67637L4.33359 4.37286L1.35819 4.80528C1.27616 4.817 1.20116 4.85567 1.14374 4.91426C1.07432 4.98561 1.03607 5.08161 1.03739 5.18115C1.0387 5.28069 1.07949 5.37563 1.15077 5.44512L3.30351 7.54395L2.79491 10.5076C2.78299 10.5766 2.79062 10.6475 2.81694 10.7123C2.84325 10.7771 2.88721 10.8333 2.94382 10.8744C3.00043 10.9155 3.06743 10.9399 3.13722 10.9449C3.20701 10.9499 3.27679 10.9352 3.33866 10.9025L5.99999 9.50332L8.66132 10.9025C8.73398 10.9412 8.81835 10.9541 8.89921 10.94C9.10312 10.9049 9.24023 10.7115 9.20507 10.5076L8.69648 7.54395L10.8492 5.44512C10.9078 5.3877 10.9465 5.3127 10.9582 5.23067C10.9898 5.02559 10.8469 4.83575 10.6418 4.80528Z' fill='%23E0E0E0'/%3E%3C/svg%3E%0A"); } /* small stars */ .product-list .small-stars .productRateStars { width: 60px; } .product-list .small-stars .s { width: 12px; padding: 0; height: 12px; } .product-list .small-stars .s:before { height: 12px; width: 12px; background-size: 12px; } .product-list-outer { padding: 4px; } .p-l-inner { border-radius: 12px; background-color: #FFF; overflow: hidden; box-shadow: 0 0 1px rgba(0, 0, 0, 0); transform: perspective(1px) translateZ(0); transition: all 150ms ease-in-out; } .p-l-inner:hover { transform: perspective(1px) translateZ(0) translateY(-8px); box-shadow: 0 4px 10px rgba(95, 49, 222, 0.24); } .p-list-in-wrp { min-width: 180px; max-width: 240px; margin: 0 auto; position: relative; } .p-l-content { padding: 0 15px 15px; display: block; } .product-list-img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .product-list .product-list-quick-buy { width: 50px; height: 50px; display: block; background: none; padding: 0; margin: 0; position: absolute; top: 0; right: 0; fill: #505050; } .product-list .product-list-quick-buy.btn.buyFormSubmit.notAvailable { display: none !important; } .product-list .product-list-quick-buy.btn.buyFormSubmit.notAvailable+.btn.wishlistButton { top: 0 !important; } .product-list .product-list-quick-buy.btn.buyFormSubmit { margin: 0 !important; /* power seguimiento override... */ } .product-list .product-list-quick-buy .text-reservar, .product-list .product-list-quick-buy .text, .product-list .product-list-quick-buy .icon { display: none; } .product-list .product-list-quick-buy .new-icon { display: block; width: 32px; height: 35px; position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto; border-radius: 0; pointer-events: none; } .product-list .product-list-quick-buy.btn:focus, .product-list .product-list-quick-buy.btn:active, .product-list .product-list-quick-buy.btn:hover, .product-list .product-list-quick-buy.btn:active:focus { fill: var(--color-purple); background: none; } .product-list .btn.wishlistButton { width: 50px; height: 50px; padding: 0; border-radius: 0; background-color: transparent; border: 0; background-image: url(../img/heart-wishlist-outline-gray.svg); background-size: 26px 26px; background-repeat: no-repeat; background-position: 60% center; position: absolute; /* top: 50px; */ top: 0px; right: 0; z-index: 11; margin: 0; } .product-list-quick-buy+.btn.wishlistButton, .tooltip.fade+.btn.wishlistButton { top: 50px !important; } .product-list .btn.wishlistButton:hover, .product-list .btn.wishlistButton:active { background-color: transparent; } .product-list .btn.wishlistButton:hover, .product-list .btn.wishlistButton.wishlistButtonAdded { background-image: url('../img/heart-wishlist-silhouette-red.svg'); background-size: 26px 26px; } .product-list .btn.wishlistButton.wishlistButtonAdded.break:hover { background-image: url('../img/heart-wishlist-silhouette-break.svg'); background-size: 26px 26px; } .product-list .p-i-stars-stars { float: left; margin-right: 5px; } .product-list .productTotalVotes { margin-right:5px; } .product-list .productTotalVotes, .product-list .rate-count { font-size: 10px; color: #66686E; float: left; line-height: 1; } .p-i-stars-cont::after, .p-i-stars-cont::before { display: none; } .p-i-stars-cont { display: flex; align-items: center; justify-content: center; } .p-list-tle-lk { color: #555555; font-size: 18px; text-align: center; line-height: 1.2; height: 65px; overflow: hidden; display: flex; justify-content: center; margin-top: 10px; margin-bottom: 13px; } .p-l-title { max-height: 64.8px; font-size: 18px; line-height: 1.2; overflow: hidden; margin: 0; font-weight: 400; } .product-list .price { opacity: 1; } .p-l-prices { display: flex; justify-content: space-between; height: 28px; letter-spacing: -0.025em; } .p-l-prices .price { position: relative; } .p-l-prices .product-price, .p-l-prices .product-alternativePrice { font-size: 24px; color: var(--color-dark); line-height: 1; font-weight: 700; display: flex; justify-content: flex-end; align-items: baseline; } .p-l-prices .product-price .decimalPrice, .p-l-prices .product-price .currencySymbol, .p-l-prices .product-alternativePrice .decimalPrice, .p-l-prices .product-alternativePrice .currencySymbol { font-size: 16px; position: relative; } .p-l-prices .product-basePrice, .p-l-prices .product-alternativeBasePrice { line-height: 1; display: flex; justify-content: flex-end; gap: 3px; font-size: 12px; color: #66686E; align-items: center; } .p-l-prices .product-basePrice .price, .p-l-prices .product-alternativeBasePrice .price { text-decoration: line-through; } .p-l-prices.big-price .product-price, .p-l-prices.big-price .product-alternativePrice { font-size: 28px; } .p-l-prices.big-price .product-basePrice .integerPrice, .p-l-prices.big-price .product-alternativeBasePrice .integerPrice { font-size: 15px; } .p-l-prices.big-price .p-l-before { font-size: 12px; } .product-list .product-list-quick-buy, .product-list .btn.wishlistButton { opacity: 0; } .product-list .p-l-inner:hover .product-list-quick-buy, .product-list .p-l-inner:hover .btn.wishlistButton { opacity: 1; } .p-l-ribbns { position: absolute; top: 10px; left: 0; max-width: 50%; } .p-l-ribbn-ct { color: #FFF; padding: 4px 7px; font-size: 12px; line-height: 1; display: table; letter-spacing: .025em; } .newProductListRibbons { position: absolute; z-index: 2; transition: all 350ms ease; top: 0px; left: 0px; width: 100%; } .p-list-i-cont .newProductListRibbons { top:auto; bottom: 0px; left:0px; width:100%; } .p-list-i-cont .newProductListRibbons img { display: block; max-width: 125px; } .p-list-i-cont .newProductListRibbons img { margin:0 auto; } /* Small default product-list */ .is-mobile .product-list .product-list-quick-buy, .is-mobile .product-list .btn.wishlistButton { opacity: 1; visibility: visible; } @media (max-width: 991px) { .product-list-default .productRateStars { /* star width * 5 */ width: 100px; overflow: hidden; /* padding left first star * -1 */ margin-left: -2px; } .product-list-default .s { display: block; float: right; /* star width + padding left + right */ width: 20px; padding: 0 2px; height: 16px; } .product-list-default .s { float: left; } .product-list-default .s:before { content: ""; position: static; display: block; left: auto; line-height: 1; height: 16px; width: 16px; background-size: 16px; background-image: url('../img/fluidStars/gold-star.svg'); background-repeat: no-repeat; background-position: center; } .product-list-default .s.inactive:before { content: ""; background-image: url('../img/fluidStars/grey-star.svg'); } /* small stars */ .product-list-default .small-stars .productRateStars { /* star width * 5 */ width: 65px; margin-left: -1px; } .product-list-default .small-stars .s { /* star width + padding left + right */ width: 13px; padding: 0 1px; height: 13px; } .product-list-default .small-stars .s:before { height: 13px; width: 13px; background-size: 13px; } .product-list-default .rate-count { font-size: 12px; } .product-list-default .p-list-tle-lk { font-size: 15px; /*height: 55px;*/ } .product-list-default .p-l-title { font-size: 15px; max-height: 55px; /* max-height: 106px; */ font-weight: 400; } .product-list-default .p-l-prices .p-l-before { font-size: 11px; } .product-list-default .p-l-prices .product-basePrice .integerPrice, .product-list-default .p-l-prices .product-alternativeBasePrice .integerPrice { font-size: 13px; } .product-list-default .p-l-prices .product-basePrice .decimalPrice, .product-list-default .p-l-prices .product-basePrice .currencySymbol, .product-list-default .p-l-prices .product-alternativeBasePrice .decimalPrice, .product-list-default .p-l-prices .product-alternativeBasePrice .currencySymbol { font-size: 9px; } .product-list-default .p-l-prices .product-price, .product-list-default .p-l-prices .product-alternativePrice { line-height: 25px; font-size: 25px; height: 25px; } .product-list-default .p-l-prices .product-price .decimalPrice, .product-list-default .p-l-prices .product-price .currencySymbol, .product-list-default .p-l-prices .product-alternativePrice .decimalPrice, .product-list-default .p-l-prices .product-alternativePrice .currencySymbol { font-size: 10px; top: -4px; } .product-list-default .p-l-content { padding: 0 10px 12px; } } .aContainerClearFilter { padding: 0; display: flex !important; text-align: right; width: calc(50% - 8px - 15px); position: absolute; bottom: 15px; right: 15px; } .aContainerClearFilter a { display: block; width: 100%; } .aContainerClearFilter .btn.btn-primary.clearFilterButton { display: inline-block; margin-right: 0px; } @media (max-width: 1199px) { .filters-column .filterSubmit { margin-left: 15px; text-transform: none; font-weight: normal; font-family: var(--body-font); font-weight: 400; margin-bottom: 0; border-radius: 2rem; padding: 8px 16px; width: calc(50% - 8px - 15px); margin-right: 8px; } .filters-column .filterby { clear: both; } .aContainerClearFilter .btn.btn-primary.clearFilterButton { width: 100%; justify-content: center; background: #808080; border: 0; font-family: var(--body-font); font-weight: 400; display: flex; align-items: center; padding: 8px 16px; border-radius: 2rem; } .aContainerClearFilter .btn.btn-primary.clearFilterButton:hover { background: #bbb; border-color: #bbb; } .aContainerClearFilter { text-align: left; margin-top: 25px; } .filters-column { padding-top: 5px; } .filterBlock.customTagsFilterblock+.filterSubmit { margin-top: 10px; } } .filterBlock.customTagsFilterblock .filterSubmit { margin-top: 25px; } /* Product list stock ribbons */ .p-list-i-cont { position: relative; padding-top: 10px; padding-bottom: 10px; } .p-l-stockRibbon { position: absolute; bottom: 10px; left: 0; background-color: rgba(255, 255, 255, 0.9); padding: 5px; z-index: 9; font-family: var(--body-font); font-weight: 500; color: #038C53; } .p-l-stockRibbon>*:before { content: "• "; } .p-l-stockRibbon .outOfStock { color: #f00; } .p-l-stockRibbon .previsionStock { color: #FF9040; } .p-list-tle-lk { margin-top: 0px; margin-bottom: 8px; } .p-l-prices { padding-top: 12px; padding-bottom: 0px; height: auto; align-items: center; min-height: 55px; flex-direction: row-reverse; margin-bottom: 16px; } .p-l-prices .p-l-priceBigContainer, .p-l-prices .p-l-savingBigContainer { width: 50%; } .p-l-prices .productSavingContainer { display: flex; } .p-l-priceBigContainer { text-align: right; display: flex; flex-direction: column; align-items: flex-end; gap: 6px; } .productsBody .product-list.col-relatedPage { background: #FBFBFB; box-shadow: 0 0 10px rgb(0 0 0 / 20%); border-radius: 10px; padding: 10px; } .productsBody .product-list.col-relatedPage .product-list-img-relatedPage { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; max-width: 100%; max-height: 100%; } .productsBody .product-list.col-relatedPage .p-l-title { font-weight: 500; background: linear-gradient(180deg, #3B00FD 0%, #F60A6D 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; text-fill-color: transparent; margin-bottom: 5px; margin-top: 10px; } .p-list-tle-lk.pageContent { display: block; height: 155px; font-family: var(--body-font); font-style: normal; font-weight: 300; font-size: 16px; color: #000000; } @media(max-width:585px) { .p-list-tle-lk.pageContent { font-size: 1.14em; } } @media(min-width: 360px) and (max-width: 420px) { .productsBody .product-list { width: 48%; } .productsBody .p-list-in-wrp { min-width: 160px; } } @media(min-width: 1200px) { .aContainerClearFilter { position: static; } } .basketAlerts { font-size: 12px; } .fluidContent-basket #basketShippingCalculator .form-message { margin: 0; padding: 0; } .fluidContent-basket #basketShippingCalculator { margin-bottom: 40px; } #main-content #basketShippingCalculator .info, .containerGift .title { color: #cecece; text-transform: uppercase; font-size: 14px; margin-bottom: 6px; display: block; } #main-content #basketShippingCalculator label { display: none; } .basketElementsFloatFooterTable #countries, .basketElementsFloatFooterTable input[type="text"].form-control { border-color: #b7b7b7; border-radius: 5px; } #basketEndOrder { height: 50px; font-size: 18px; text-transform: uppercase; width: 100%; font-family: var(--body-font); font-weight: 500; } .wpwl-container-prepayment-SIBS_MULTIBANCO .spinner { display: none; } .wpwl-container-prepayment-SIBS_MULTIBANCO form button[type="submit"] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .basketElementsFloatFooterTable .bootstrap-select>button.btn::-webkit-input-placeholder { color: #d8d8d8; } .basketElementsFloatFooterTable .bootstrap-select>button.btn:-moz-placeholder { color: #d8d8d8; } .basketElementsFloatFooterTable .bootstrap-select>button.btn::-moz-placeholder { color: #d8d8d8; } .basketElementsFloatFooterTable .bootstrap-select>button.btn:-ms-input-placeholder { color: #d8d8d8; } .basketElementsFloatFooterTable input[type="text"].form-control::-webkit-input-placeholder { color: #d8d8d8; } .basketElementsFloatFooterTable input[type="text"].form-control:-moz-placeholder { color: #d8d8d8; } .basketElementsFloatFooterTable input[type="text"].form-control::-moz-placeholder { color: #d8d8d8; } .basketElementsFloatFooterTable input[type="text"].form-control:-ms-input-placeholder { color: #d8d8d8; } .fluidContent-createAccount #main-content, .fluidContent-basket #main-content, .fluidContent-paymentAndShipping #main-content, .fluidContent-confirmOrder #main-content, .fluidContent-customer #main-content { opacity: 0; -webkit-transition: opacity 150ms linear; transition: opacity 150ms linear; } table.basketDisclosure tr td:first-child { padding-left: 20px; } table.basketDisclosure>tbody>tr>td { padding: 5px 10px; } table.basketDisclosure td { color: #b5b5b5; font-size: 14px; } table.basketDisclosure>tbody>tr>td { border: 0; } table.basketDisclosure>tfoot>tr>td { border-top: 5px solid #e3e4e9; color: #787878; } table.basketDisclosure td.basketDisclosureFooter.basketDisclosureTotalText { text-transform: uppercase; font-size: 16px; padding: 10px 20px; vertical-align: bottom; } table.basketDisclosure td.basketDisclosurePrice.basketTotal { font-family: var(--body-font); font-weight: 500; font-size: 22px; padding-top: 10px; padding-bottom: 8px; vertical-align: bottom; } table.basket>tbody>tr>td { vertical-align: middle; } table.basket>tbody>tr>td { padding: 12px 8px; border-top: 1px solid #f2f2f2; } table.basket>tfoot>tr>td { padding: 12px 8px; } table.basket>tbody>tr>td.basketProduct { vertical-align: top; } table.basket .basketQuantityTitle, table.basket .basketQuantity { text-align: right; } table.basket>tfoot>tr>td { padding: 0; } .fluidContent-basket table.basket>tfoot td>* { display: none; } .basketButtons { padding-top: 30px; } .basketButtons.confirmOrderButtons { padding: 0; } .fluidContent-basket .basketButtons { padding: 5px; } .successBuy p.text-center { margin: 0; } .basketElementsFloatFooterTable { width: 200px; float: right; margin: 0 15px; } @media(min-width: 992px) { .basketElementsFloatFooterTable { margin-right: 95px; } } .movedContinueShoppingbutton { float: left; width: 250px; } .productDetailSendWishlist, .productDetailDeleteWishlist, .movedContinueShoppingbutton>*, #customerBasketBack, #basketRecalculate, .basketElementsFloatFooterTable #btnShippingCalculator, #discountCodeButton, #paymentAndShippingBasketBack, #confirmOrderBackToShop, .continue-shopping-empty-basket, #verifyUser, #confirmOrderPrintOrder, .continueShoppingOneStep { display: block; width: 100%; margin-bottom: 8px; color: #FFF; text-transform: uppercase; font-family: var(--body-font); font-weight: 500; border-radius: 3rem; font-size: 14px; padding: 6px 12px; background-color: #bfbfbf; border-color: #bfbfbf; transition: all 350ms ease; } .productDetailSendWishlist:hover, .productDetailSendWishlist:focus, .productDetailSendWishlist:active, .productDetailSendWishlist:active:focus, .continueShoppingOneStep:hover, .continueShoppingOneStep:focus, .continueShoppingOneStep:active, .continueShoppingOneStep:active:focus, #verifyUser:hover, #verifyUser:focus, #verifyUser:active, #verifyUser:active:focus, #confirmOrderPrintOrder:hover, #confirmOrderPrintOrder:focus, #confirmOrderPrintOrder:active, #confirmOrderPrintOrder:active:focus, .continue-shopping-empty-basket:hover, .continue-shopping-empty-basket:focus, .continue-shopping-empty-basket:active, .continue-shopping-empty-basket:active:focus, #confirmOrderBackToShop:hover, #confirmOrderBackToShop:focus, #confirmOrderBackToShop:active, #confirmOrderBackToShop:active:focus, #paymentAndShippingBasketBack:hover, #paymentAndShippingBasketBack:focus, #paymentAndShippingBasketBack:active, #paymentAndShippingBasketBack:active:focus, #customerBasketBack:hover, #customerBasketBack:focus, #customerBasketBack:active, #customerBasketBack:active:focus, .movedContinueShoppingbutton>*:hover, .movedContinueShoppingbutton>*:focus, .movedContinueShoppingbutton>*:active, .movedContinueShoppingbutton>*:active:focus, #discountCodeButton:hover, #discountCodeButton:focus, #discountCodeButton:active, #discountCodeButton:active:focus, .basketElementsFloatFooterTable #btnShippingCalculator:hover, .basketElementsFloatFooterTable #btnShippingCalculator:focus, .basketElementsFloatFooterTable #btnShippingCalculator:active, .basketElementsFloatFooterTable #btnShippingCalculator:active:focus, #basketRecalculate.btn:focus, #basketRecalculate.btn:active, #basketRecalculate.btn:hover, #basketRecalculate.btn:active:focus { background-color: #9B9B9B; border-color: #9B9B9B; color: #FFF; } #customerBasketBack, #paymentAndShippingBasketBack, #confirmOrderBackToShop, .continue-shopping-empty-basket, #confirmOrderPrintOrder { width: auto; min-width: 220px; } #customerBasketBack, .fluidContent-paymentAndShipping #paymentAndShippingBasketBack { display: none; } #confirmOrderBackToShop, .continue-shopping-empty-basket { display: inline-block; } .basketShippingCalculatorContainer .form-group, #discountCodeFieldContainer input { margin-bottom: 6px; } td.basketQuantity .td-basket-wrapper span.price { color: #797979; font-family: var(--body-font); font-weight: 500; font-size: 15px; padding-right: 10px; } td.basketQuantity .td-basket-wrapper .qntityText, td.basketQuantity .td-basket-wrapper .unityText { color: #787878; font-size: 14px; } td.basketQuantity .td-basket-wrapper .qntityText { padding-right: 10px; font-size: 14px; } table.basket .basketQuantity input { display: inline-block; float: none; } table.basket td.basketProductTotal .subtotalText { text-transform: uppercase; font-size: 15px; color: #afaeb4; font-family: var(--body-font); font-weight: 500; display: block; } table.basket td.basketProductTotal span.price { font-size: 22px; font-family: var(--body-font); font-weight: 500; } @media(min-width: 1200px) { table.basket .basketQuantity input { height: 40px; width: 40px; font-size: 16px; } } /* tables css */ table.basket tr td:last-child, table.basketDisclosure tr td:last-child, table.basket td[class*="Price"] { text-align: right; } table.basket tr>td.basketEmpty { border: none !important; text-align: center; color: #666; padding: 35px !important; } .checkoutBasketContainerPage { min-height: 500px; padding: 45px 10%; } @media (max-width: 1499px) { .checkoutBasketContainerPage { padding-left: 6%; padding-right: 6%; } } @media (max-width: 1399px) { .fluidContent-user .registrycolumn { padding-left: 50px; } .checkoutBasketContainerPage { padding-left: 4%; padding-right: 4%; } } .fluidContent-basket table.table.basket { margin-bottom: 10px; } @media(max-width: 768px) { .checkoutBasketContainerPage { min-height: 320px; } } .continueShoppingContainer { text-align: center; } img.basketProductImage { display: block; max-width: 100px; max-height: 100px; width: auto; height: auto; margin-right: 10px; } @media(max-width: 1199px) { .checkoutBasketContainerPage { padding: 20px; } } @media(max-width: 991px) { table.basket td.basketProductTotal .subtotalText { display: none; } img.basketProductImage { width: 150px; } .movedContinueShoppingbutton { width: 100%; } .movedContinueShoppingbutton>*, #basketRecalculate { width: calc(33.333% - 30px); float: left; margin: 0 15px 20px; } .basketDisclosure-wrapper { width: 50%; float: right; } .basketElementsFloatFooterTable { width: calc(50% - 30px); } .basketElementsFloatFooterTable>* { max-width: 250px; } } @media(max-width: 767px) { .movedContinueShoppingbutton>*, #basketRecalculate { width: 100%; margin: 0 0 15px; } td.basketProduct .basketProductInfo>*:not(.moved-delete-icon) { display: block; } .fluidContent-basket td.basketProduct .basketProductInfo>*:not(.moved-delete-icon) { display: none; } img.basketProductImage { max-width: 150px; width: 100%; } } span.basketOptionName { padding-right: 5px; } span.basketOptionName:after { content: ":"; } /* extra table basket */ table.basket span.previousPrice { text-decoration: line-through; color: #666; display: block; } td.basketProductPrice span.salePercentDifference:before { content: "-"; } td.basketProductPrice span.salePriceDifference:before { content: "("; } td.basketProductPrice span.salePriceDifference:after { content: ")"; } td.basketProductPrice span.salePriceDifference, td.basketProductPrice span.salePercentDifference { font-size: 12px; } td.basketProductPrice span.salePriceDifference+span.price { color: #FF1F6E; display: block; font-family: var(--body-font); font-weight: 500; } .basketProductSku.basketProductOptionSku { font-size: 12px; color: #000; } /* table products */ table.basket td.basket.basketProduct { position: relative; } .basketOptions .basketOption { padding: 0; font-size: 12px; } span.basketProductName, span.basketProductName.basketGiftName { font-family: var(--body-font); font-weight: 500; display: block; } span.basketProductName a { color: #333; } span.basketProductName a:hover, span.basketProductName a:focus { color: var(--color-purple) } td.empty { padding: 0 !important } .basketProductDelete { font-size: 12px; text-decoration: underline; } .buyGiftFormSubmit { width: 100%; margin-top: 15px; } @media(min-width: 768px) { .basketButtons #basketEndOrder { display: none; } } @media(max-width: 767px) { .basketDisclosure-wrapper #basketEndOrder { display: none; } .basketButtons #basketEndOrder { margin-left: 0; margin-right: 0; } span.basketProductName { white-space: normal; } div.basketProductImage { min-height: 110px; } .basketProductImage img, .basketProductGiftImage img { margin-bottom: 5px; } table.basket td.basket.basketProduct { padding-bottom: 26px; } div.basketProductImage, div.basketProductInfo { float: none; clear: both; } } @media(min-width: 768px) { div.basketProductImage, div.basketProductGiftImage, .productThumbPack a.basketProductImage { /* .media bootstrap css */ float: none; display: table-cell; vertical-align: top; width: auto; margin-right: 0; } .basketProductInfo, .basketProductGiftInfo { /* .media bootstrap css */ display: table-cell; float: none; vertical-align: top; overflow: hidden; zoom: 1; } table.basket td.basket.basketQuantity .td-basket-wrapper { display: table; float: right; text-align: left; } } .basketProductInfo, .basketProductInfo a, .basket-wrapper-row-0 { color: #979797; } @media(max-width: 767px) { .fluidContent-basket .moved-delete-icon { text-align: right; } .fluidContent-basket .moved-delete-icon span.text { display: none; } .basketProductInfo a:after { content: "\f014"; font-family: FontAwesome; float: right; font-size: 14px; } } .basketProductInfo a:hover, .basketProductInfo a:focus { color: #000; } a.basketProductImage { margin-right: 0; float: none; width: auto; } table.basketDisclosure { margin-bottom: 0px; } /* basket states */ table.basket tr.bg-danger *:not(.tooltip-inner) { color: var(--color-red-error); } table.basket tr.bg-warning *:not(.tooltip-inner) { color: #8a6d3b; } .calculateShippingsContainer>button:not(.collapsed)>i.collapse-icon:before, .discountBasketContainer>button:not(.collapsed)>i.collapse-icon:before { content: "\f147"; } .extraContentBasket>div { margin-bottom: 15px; } /* shipping free */ .freeShipping { padding: 8px; border: 1px solid #DDDDDD; text-align: center; margin-bottom: 15px; display: block; color: #31708f; background-color: #d9edf7; border-color: #bce8f1; } .freeShipping.freeShippingReached { color: #3c763d; background-color: #dff0d8; border-color: #d6e9c6; } .discountBasketContainer .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .basketExtraCol { margin-bottom: 15px; } /* epoints basket */ .earningEpointsContent { margin: 15px 0; } div.earningEpointsItem { background-color: #F2F2F2; padding: 8px; text-align: center; } @media(max-width: 767px) { .fluidContent-paymentAndShipping div.earningEpointsContent, .fluidContent-basket div.earningEpointsContent { margin-bottom: 0 } .fluidContent-paymentAndShipping div.earningEpointsItem, .fluidContent-basket div.earningEpointsItem { border-width: 1px 0px 0px 0px; } } #basketForm [class*="glyphicon-trash"]:before { display: none; } #basketForm thead { display: none; } #basketForm .form-message { -webkit-transition: all 350ms ease; transition: all 350ms ease; padding: 4px 10px; } label.discountCodeField { display: none; } #discountCodeFormCollapse>p, #basketShippingCalculator>*:first-child { margin-top: 15px; } @media(min-width: 992px) { .basketDisclosure-wrapper { width: 300px; float: right; } .basketDisclosure-wrapper.top { margin-bottom: 15px; } } .calculateShippingResults { width: 100%; max-width: 100%; margin: 20px 0 15px; } .calculateShippingResults>thead>tr>th, .calculateShippingResults>tbody>tr>th, .calculateShippingResults>tfoot>tr>th, .calculateShippingResults>thead>tr>td, .calculateShippingResults>tbody>tr>td, .calculateShippingResults>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .selectableGiftHeader.discountName { font-size: 24px; margin-top: 20px; margin-bottom: 10px; font-family: inherit; font-family: var(--body-font); font-weight: 500; line-height: 1.1; color: inherit; } .selectableGiftHeader.discountDescription { margin-bottom: 10px; } .giftAvailability { font-size: 12px; color: #666; margin-bottom: 15px; } .selectableGiftProducts .selectableGiftProduct { width: calc(100% - 30px); float: left; padding: 10px; border: 1px solid #DDD; margin: 0 15px 15px; background-color: #F8F8F8; text-align: center; } @media(min-width: 480px) { .selectableGiftProducts .selectableGiftProduct { width: calc(50% - 30px); } } @media(min-width: 768px) { .selectableGiftProducts .selectableGiftProduct { width: calc(33.333% - 30px); } } @media(min-width: 992px) { .selectableGiftProducts .selectableGiftProduct { width: calc(25% - 30px); } } .selectableGiftProduct .productOptions { text-align: left; font-size: 12px; } .selectableGiftProduct .productOption { margin-bottom: 6px; } .selectableGiftProducts { margin-right: -15px; margin-left: -15px; } .selectableGiftProducts:after, .selectableGiftProducts:before { display: table; content: " "; } .giftMinAvailability { height: 34px; display: block; padding: 7px 0; } .selectableGiftProducts:after { clear: both; } div.giftName { font-size: 15px; line-height: 1.4; margin: 0 0 10px; } div.giftImage { overflow: hidden; height: 200px; margin-bottom: 15px; } img.smallProductImage.giftImage { display: block; max-width: 100%; max-height: 100%; margin: 0 auto; height: auto; } /* customerrrr */ .fluidContent-user .user-page-not-logged #userFormFieldsContainer { margin-bottom: 0; padding-bottom: 0; padding-top: 0; } .fluidContent-user .user-page-not-logged #userForm .formText.userText, .fluidContent-customer #userForm .formText.userText { display: none; padding-bottom: 20px; overflow: hidden; } .fbcont.fbLogin, .fluidContent-user .user-page-not-logged .fbcont.fbLogin, .fluidContent-customer .fbcont.fbLogin { margin-top: 35px; } .fbcont.fbLogin a, .fluidContent-user .user-page-not-logged .fbcont.fbLogin a, .fluidContent-customer .fbcont.fbLogin a, .formText.userText span.fbTextRegistry+a { display: block; float: right; } .fbcont.fbLogin a img, .fbcont.fbLogin a img, .fluidContent-user .user-page-not-logged .fbcont.fbLogin a img, .fluidContent-customer .fbcont.fbLogin a img, .fluidContent-user .user-page-not-logged #userForm .formText.userText a img, .fluidContent-customer #userForm .formText.userText a img { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); -webkit-transition: opacity 350ms ease; transition: opacity 350ms ease; } .fbcont.fbLogin a:hover img, .fbcont.fbLogin a:hover img, .fluidContent-user .user-page-not-logged .fbcont.fbLogin a:hover img, .fluidContent-customer .fbcont.fbLogin a:hover img, .fluidContent-user .user-page-not-logged #userForm .formText.userText a:hover img, .fluidContent-customer #userForm .formText.userText a:hover img { opacity: 0.7; filter: alpha(opacity=70); } .fbcont.fbLogin span.fbLabel, .fluidContent-customer .fbcont.fbLogin span.fbLabel, .fluidContent-user .user-page-not-logged .fbcont.fbLogin span.fbLabel, .fluidContent-user .user-page-not-logged #userForm .formText.userText .fbTextRegistry, .fluidContent-customer #userForm .formText.userText .fbTextRegistry { float: left; color: #9d9d9d; font-size: 13px; padding: 6px 0; display: block; } .fluidContent-user .user-page-not-logged #userForm .formText.userText .fbTextRegistry { padding-right: 15px; max-width: calc(100% - 100px); } .fluidContent-user .user-page-not-logged #smallLoginCreateAccount { display: none; } .fluidContent-user .user-page-not-logged form#userForm div.formTitle.userTitle { display: none; } #paymentAndShippingBasketContinue, #confirmOrderPrintOrder { float: right; } /* payment and shipping */ td.selectableEPointsItemImage img { width: 64px; display: block; height: auto; } tr.basketFooterEpoints .basketPrice { vertical-align: middle; } td.selectableEPointsItemValue input { text-align: center; } .selectableEPointsItemAvailable .extra-wrapper, .selectableEPointsItemName .extra-wrapper { max-width: 200px; white-space: normal; font-size: 12px; min-width: 120px; } td.selectableEPointsItemName, td.selectableEPointsItemValue, td.selectableEPointsItemAvailable, td.selectableEPointsItemAvailableButton { padding: 10px; } td.selectableEPointsItemName { text-align: left; } div.selectableEPointsItemStartText { float: left; padding: 10px; height: 58px; line-height: 38px; padding-left: 15px; } div.selectableEPointsItemValue { float: left; padding: 10px; } .form-group .bootstrap-select.btn-group.subcountrySelector { margin-bottom: 8px; } @media(max-width: 991px) { .fluidContent-user .user-page-not-logged .loginColumn, .fluidContent-customer .loginColumn { float: none; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px solid #e0e0e0; } .fluidContent-user .user-page-not-logged .loginColumn>div, .fluidContent-customer .loginColumn>div { width: 50%; } .fluidContent-user .user-page-not-logged .fbcont.fbLogin, .fluidContent-customer .fbcont.fbLogin { width: 50%; float: left; } .fluidContent-user .user-page-not-logged .fbcont.fbLogin span.fbLabel, .fluidContent-customer .fbcont.fbLogin span.fbLabel, .fluidContent-user .user-page-not-logged .fbcont.fbLogin a, .fluidContent-customer .fbcont.fbLogin a { float: none; display: table; margin: 0 auto; } .fluidContent-user .user-page-not-logged .fbcont.fbLogin, .fluidContent-customer .fbcont.fbLogin { margin-bottom: 35px; margin-top: 0; } } .fluidContent-user .user-page-not-logged .fbcont.fbLogin.mobile, .fluidContent-customer .fbcont.fbLogin.mobile { display: none; } @media(max-width: 599px) { .fluidContent-user .user-page-not-logged .basketButtons, .fluidContent-customer .basketButtons { padding-left: 10px; padding-right: 10px; } .fluidContent-user .user-page-not-logged .fbcont.fbLogin, .fluidContent-customer .fbcont.fbLogin, .toCreateAccountCustomerMobile, .fluidContent-user .user-page-not-logged .loginColumn>div, .fluidContent-customer .loginColumn>div { width: 100%; } .fluidContent-user .user-page-not-logged .fbcont.fbLogin.tablet, .fluidContent-customer .fbcont.fbLogin.tablet { display: none; } .fluidContent-user .user-page-not-logged .fbcont.fbLogin.mobile, .fluidContent-customer .fbcont.fbLogin.mobile { display: block; border-bottom: 3px solid #e0e0e0; padding-bottom: 20px; } .fluidContent-user .user-page-not-logged .fbcont.fbLogin span.fbLabel, .fluidContent-customer .fbcont.fbLogin span.fbLabel { padding-right: 15px; max-width: calc(100% - 100px); } .fluidContent-user .user-page-not-logged .fbcont.fbLogin span.fbLabel, .fluidContent-customer .fbcont.fbLogin span.fbLabel, .fluidContent-user .user-page-not-logged .fbcont.fbLogin a, .fluidContent-customer .fbcont.fbLogin a { display: inline-block; margin: auto auto; } .fluidContent-customer .fbcont.fbLogin a { float: right; } } div.selectableEPointsItemAvailable { float: left; padding: 10px; height: 58px; line-height: 38px; } div.selectableEPointsItemAvailableButton { float: left; padding: 10px; } .fluidContent-paymentAndShipping table.basket>tfoot>tr>td { padding: 5px 10px; } .fluidContent-paymentAndShipping table.basket tfoot>tr.basketFooter.basketTotalFooter { font-size: 28px; text-transform: uppercase; font-family: var(--body-font); font-weight: 500; } .fluidContent-paymentAndShipping table.basket tfoot>tr>td { border: 0; color: #9a9a9a; font-size: 14px; } .paymentAndShippingRightColumn { float: right; width: calc(100% - 350px); padding-left: 45px; border-left: 2px solid #a6a6a6; } .paymentAndShippingLeftColumn { width: 350px; float: left; padding-right: 45px; } @media(max-width: 1499px) { .paymentAndShippingRightColumn { padding-left: 40px; width: calc(100% - 250px) } .paymentAndShippingLeftColumn { padding-right: 40px; width: 250px; } } @media(max-width: 1200px) { .paymentAndShippingLeftColumn { width: 250px; } .paymentAndShippingRightColumn { padding-left: 40px; width: calc(100% - 250px) } } @media(max-width: 991px) { .paymentAndShippingRightColumn, .paymentAndShippingLeftColumn { float: none; padding-left: 0; padding-right: 0; width: 100%; } .paymentAndShippingLeftColumn { margin-top: 20px; padding-top: 20px; border-top: 2px solid #cecece; } .paymentAndShippingRightColumn { border-left: none; } } @media(max-width: 649px) { .basket-inset-box.col-xs-6 { width: 100%; } .basket-inset-box.col-xs-6+.basket-inset-box.col-xs-6 { margin-top: 15px; } } .fluidContent-paymentAndShipping .basketButtons-inset { position: relative; } .fluidContent-paymentAndShipping .basketButtons-inset #basketValidationMessage { display: block; width: 100%; text-align: center; margin: 0 0 2px 0; } .discountBasketContainer .title, .commentsBasketContainer .title { margin-top: 0 } .commentsBasketContainer .title { margin-bottom: 15px; } label.orderCommentsField { display: none; } #orderCommentsField { min-height: 100px; } .paymentSystemSelectorsTitle, .shippingSelectorsTitle { font-size: 14px; margin-bottom: 15px; font-family: var(--body-font); font-weight: 500; padding-left: 14px; } .basketSelector { position: relative; padding: 0 18px; margin-bottom: 10px; } .basketSelector .basketSelector { margin-top: 10px; } .basketSelectorName, .selectShippingTypeBeforePayment { font-family: var(--body-font); font-weight: 400; color: #9b9b9b; } .selectShippingTypeBeforePayment { padding-left: 20px; } @media(min-width: 768px) { .paymentSystemsShippingsContainer .basketSelectorPrice { position: absolute; top: 10px; right: 18px; } .paymentSystemsShippingsContainer .basketSelectorName { width: calc(100% - 80px); vertical-align: text-top; } } #stepDeniedPageContainer h1 { text-align: center; } .successDenied { max-width: 600px; margin: 0 auto; } .successBuy { margin: 0 auto 20px; } /* transferencia */ .successBuy h2 { font-size: 14px; } .successBuy img { height: 40px !important; width: auto !important; max-width: 100% !important; } .successBuy img+div { padding: 10px 15px !important; } .deniedOrderButtons { text-align: center; } /* fixes */ @media(max-width: 767px) { .fluidContent-paymentAndShipping .basketButtons { padding: 0 15px; } .fluidContent-user .user-page-not-logged input#customerBasketContinue, #paymentAndShippingBasketBack, #paymentAndShippingBasketContinue { margin-left: 0; margin-right: 0; max-width: 100%; width: 100%; } .basketDisclosure-wrapper, .basketElementsFloatFooterTable { width: 100%; margin-left: 0; margin-right: 0; } .basketElementsFloatFooterTable>* { margin: 0 auto 20px; } table.basket td.basketQuantity .td-basket-wrapper { max-width: 150px; float: left; } table.basket td.basketProductTotal span.price { font-size: 22px; clear: both; display: block; } table.basket tr td:last-child, table.basket td.basket.basketProduct { vertical-align: bottom; } } /* old iphones */ @media(max-width: 414px) { .checkoutBasketContainerPage { padding-left: 12px; padding-right: 12px; } td.basketQuantity .td-basket-wrapper .qntityText, td.basketQuantity .td-basket-wrapper span.price, td.basketQuantity .td-basket-wrapper .qntityText, td.basketQuantity .td-basket-wrapper .unityText, table.basket td.basketProductTotal span.price { font-size: 14px; } .basketProductDelete .separator { display: none; } table.basketDisclosure td.basketDisclosurePrice.basketTotal { font-size: 22px; } } div.basketOptions, span.basketProductName { padding: 0 0 5px; } #vinculatedBasketBody .h3 { margin-right: 0; margin-left: 0; } .paymentSelectorsSubTitle, .shippingSelectorsSubTitle { padding: 12px 16px; background-color: #e5e5e7; color: #666; margin-bottom: 12px; } .basketSelector+.paymentSelectorsSubTitle, .basketSelector+.shippingSelectorsSubTitle { margin-top: 12px; } .basketSelectorPrice { color: #b2b2b2; font-family: var(--body-font); font-weight: 400; } .basketAlertsTitle:before { content: "\f071"; font-family: FontAwesome; } #stepDeniedPageContainer { text-align: center; } #stepDeniedPageContainer .fa-times-circle { color: var(--color-red-error); font-size: 80px; margin-bottom: 15px; } #stepPaymentPageContainer { margin: 0 auto; float: none; } @media only screen and (min-width : 768px) { #stepPaymentPageContainer { padding-top: 50px; } } #stepPaymentPageContainer .fa-check-circle { color: #3c763d; font-size: 80px; float: left; margin-right: 15px; margin-bottom: 15px; } #confirmOrderPaymentSystemText { clear: both; display: block; margin-bottom: 30px; } .longDescription.pageContent.confirmOrderContent { text-align: center; font-size: 15px; } #confirmOrderTitle { font-size: 15px; margin-bottom: 30px; text-align: center; display: block; } #confirmOrderTitle span.yourAccount, #confirmOrderTitle span.printYourOrder { display: inline-block; margin-top: 15px; width: 100%; } #fakePrintButton { cursor: pointer; } #confirmOrderTitle span.yourAccount .a, #fakePrintButton { font-family: var(--body-font); font-weight: 500; text-decoration: underline; } .confirmOrderOrderIdContainer #confirmOrderTitle, .confirmOrderOrderIdContainer #confirmOrderPaymentSystemText { display: none; } #confirmOrderBackToShop, #confirmOrderPrintOrder { display: none; } .deniedOrderButtons #confirmOrderBackToShop { display: inline-block; } #basket-resume-checkout { width: 100%; background: #ededed; padding: 15px; margin-bottom: 15px; } .fluidContent-paymentAndShipping #basket-resume-checkout { float: right; margin-top: 4px; } @media(max-width: 991px) { #basket-resume-checkout { width: 100%; } } #basket-resume-checkout thead.basket { display: none; } #basket-resume-checkout .basketProductImage { display: none; } #basket-resume-checkout span.basketProductName { padding: 0; } #basket-resume-checkout table.table.basket { background: #fff; margin: 0; border: 5px solid #fff; } #basket-resume-checkout span.basketOptionName { padding-right: 2px; } #basket-resume-checkout table.basketDisclosure.table { background: #fff; } #basket-resume-checkout td.basket.basketPrice.basketProductPrice span.price { color: #999; font-family: var(--body-font); font-weight: 500; font-size: 14px; display: block; margin-bottom: 5px; } #basket-resume-checkout td.basket.basketPrice.basketProductPrice .price:after { content: " un."; font-size: 12px; font-family: var(--body-font); font-weight: 400; } #basket-resume-checkout table.basket td.basketProductTotal span.price { color: #999; } #basket-resume-checkout table.basket .basketQuantity input { display: inline-block; float: none; } #basket-resume-checkout table.basket td.basketProductTotal span.price { font-size: 16px; } #basket-resume-checkout tr.basket.basketProduct { border-bottom: 2px solid #ededed; } #basket-resume-checkout .basket-resume-checkout-title a { color: #333; font-family: var(--body-font); font-weight: 500; font-size: 16px; text-transform: uppercase; } #basket-resume-checkout .basket-resume-checkout-title #togglerBasketResumeEdit { font-size: 12px; text-transform: capitalize; text-decoration: underline; margin-top: 3px; } #basket-resume-checkout .basket-resume-checkout-title { margin: 10px; } #basket-resume-checkout .view-products { float: right; font-size: 22px; line-height: 11px; padding: 5px; } #basket-resume-checkout .view-products.collapsed:before { content: "\f0d7"; } #basket-resume-checkout .basketOptions .basketOption { font-size: 11px; } #basket-resume-checkout table.basketDisclosure>tfoot>tr>td { border-color: #fff; } #basket-resume-checkout td.basket.basketPrice.basketProductPrice { min-width: 90px; } #basket-resume-checkout span.basketQuantityLabel { color: #999; font-size: 11px; padding-right: 4px; } #basket-resume-checkout table.basket .basketQuantity input, #basket-resume-checkout table.basket .basketProductPrice input { color: rgb(178, 182, 183); font-family: var(--body-font); font-weight: 500; font-size: 16px; border-color: #c7c7c7 !important; padding: 0; text-align: center; display: inline-block; height: 25px; width: 25px; font-size: 16px; } #basket-resume-checkout tr.basketFooter.basketSubtotalFooter td.basket.basketFooter { padding-top: 15px; color: #b5b5b5; } #basket-resume-checkout tr.basketFooter.basketSubtotalFooter td.basket.basketFooter:first-child { padding-left: 16%; } #basket-resume-checkout thead.basketDisclosure { display: none; } #basket-resume-checkout table.basketDisclosure.table { border-collapse: inherit; border: 5px solid #fff; padding-left: 51px; } #basket-resume-checkout td.basket.basketDisclosure.basketDisclosureTaxRate, #basket-resume-checkout td.basket.basketDisclosure.basketPrice.basketDisclosureTotal { border-bottom: 2px solid #ddd; padding: 0 10px 0 0; } #basket-resume-checkout td.basket.basketFooter.basketDisclosureFooter.basketDisclosureTotalText { text-align: left; padding: 0; vertical-align: middle; } #basket-resume-checkout .moved-delete-icon { display: none } #basket-resume-checkout td.basket.basketDisclosure.basketPrice.basketDisclosurePrice.basketDisclosureBase { padding-left: 16px; } #userForm .addressBook.selected label.field { text-decoration: none; min-width: 1px; min-height: 20px; font-weight: 700; color: var(--color-dark); font-size: 13px; } .addressBook>label.field:hover { text-decoration: underline; } @media(max-width: 991px) { .fluidContent-user .user-page-not-logged .loginColumn { float: none; width: 100%; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 3px solid #e0e0e0; } } @media only screen and (min-width : 768px) { #commentsBasketContainer { display: block !important; height: auto !important; } } @media(max-width: 767px) { .paymentSystemsShippingsContainer .basket-inset-box { margin-bottom: 5px; } .paymentAndShippingLeftColumn { margin-bottom: 0px; border: none; padding-top: 0; margin-top: 0; } .userInfoResumeContainer { position: relative; } #commentsBasketContainerButton { position: absolute; bottom: -15px; right: 0; background: #b2b2b2; font-family: var(--body-font); font-weight: 500; color: #333; border-radius: 5px; font-size: 13px; } } .fluidContent-paymentAndShipping .containerGift { max-width: 195px; } .fluidContent-paymentAndShipping .commentsBasketContainer { margin-bottom: 30px; } .fluidContent-basket #basketClear { display: none; } .fluidContent-basket .customTagText.stockElement { min-height: 30px; } /* #32544 */ #addressBookFormModal .modal-body:after { content: ""; display: block; clear: both; } /* \#32544 */ #addressBookFormModal .basketButtons { padding: 30px 0 0; } #addressBookFormModal #saveUserButton { float: right; margin: 0; background-color: var(--color-primary); color: var(--color-dark); border-color: var(--color-primary); } #addressBookFormModal #saveUserButton:hover, #addressBookFormModal #saveUserButton:focus { background-color: #000; color: var(--color-primary); border-color: #000; } @media (min-width: 1200px) { #basket-resume-checkout table.basket .basketQuantity input, #basket-resume-checkout table.basket .basketProductPrice input { height: 25px; width: 25px; font-size: 16px; } } .paymentSystemsShippingsTitle { cursor: pointer; font-size: 16px; font-family: var(--body-font); font-weight: 500; padding-left: 14px; line-height: 45px; border-top: 2px solid #bfbfbf; } .paymentSystemsShippingsTitle:after { content: "\f0d7"; font-family: FontAwesome; float: right; color: #bfbfbf; font-size: 18px; padding-right: 14px; } .basketSelectors { padding-bottom: 15px; } .containerGift span span { cursor: pointer; text-decoration: underline; } @media only screen and (min-width : 768px) { #paymentSystemsContainer.collapse, #shippingsContainer.collapse, #discountCodeFormContainer.collapse { display: block; } } @media only screen and (max-width : 767px) { .basketSelectorsTitle { display: none; } .containerGift .title { text-transform: initial !important; padding-top: 0; margin: 0; line-height: 45px; font-size: 16px; } .fluidContent-paymentAndShipping .containerGift { border-top: 2px solid #bfbfbf; padding-left: 14px; width: 100%; max-width: 100%; } .pre-footer-banners .item:last-child, .pre-footer-banners .item:first-child { display: none; } } @media(max-width : 767px) { .fluidContent-basket form#basketForm { position: relative; } .fluidContent-basket .basketButtons #basketEndOrder { margin: 0; font-size: 16px; } .fluidContent-basket .movedContinueShoppingbutton { position: absolute; bottom: -40px; width: 220px; } .fluidContent-basket table.table.basket { margin-bottom: 5px; } .fluidContent-basket table.basketDisclosure { margin-bottom: 5px; } .fluidContent-basket table.basketDisclosure>tbody>tr>td { padding: 5px 10px 5px 20px; } .fluidContent-basket #basketClear, .fluidContent-basket #basketRecalculate, .fluidContent-basket .movedContinueShoppingbutton #basketContinueShopping { display: none; } .fluidContent-basket .basketButtons { padding: 0; float: none; clear: both; overflow: hidden; } .fluidContent-basket #basketContinueShoppingManual { display: block; width: 100%; margin: 10px 0; color: #FFF; text-transform: uppercase; font-family: var(--body-font); font-weight: 500; border-radius: 5px; font-size: 14px; padding: 6px 12px 4px; background: #bfbfbf; border-color: #bfbfbf; transition: background 350ms ease, border-color 350ms ease; -webkit-transition: background 350ms ease, border-color 350ms ease; } .fluidContent-basket table.basket td.basketQuantity { text-align: left; } .fluidContent-basket div#stepBasketPageContainer { margin-bottom: 30px; padding-top: 0px; } .fluidContent-basket .basketDisclosureFooter.basketDisclosureTotalText span.price { font-family: var(--body-font); font-weight: 500; font-size: 22px; display: block; } } .addAccesories.btn.btn-default { font-size: 10px; margin-bottom: 14px; background: #cfcfcf; border-radius: 5px; color: #595959; border: 1px solid #bfbfbf; white-space: normal; line-height: 11px; text-transform: lowercase; font-family: var(--body-font); font-weight: 500; padding: 5px; } #relatedItemsModal .content { overflow: hidden; } #relatedItemsModal .modal-body { padding-top: 30px; } #relatedItemsModal .swiper-button-next.swiper-button-disabled, #relatedItemsModal .swiper-button-prev.swiper-button-disabled { opacity: 0; } span.without-shipping { text-transform: lowercase; font-size: 14px; } .fluidContent-paymentAndShipping .basketButtons-inset.top .basketButtons { position: absolute; top: -85px; right: 0; } .fluidContent-paymentAndShipping .basket-inset-box.shippings-payments-container { width: calc(100% - 350px); float: left; padding-right: 45px; } @media (max-width: 767px) { .fluidContent-paymentAndShipping .basket-inset-box.shippings-payments-container { width: 100%; padding-right: 0px; } } .basket-inset-box.basket-resume-checkout-container { float: left; width: 350px; max-width: 100%; } .basketSelector .basketSelector.jquery-radiobutton-wrapper { float: left; padding: 0; margin: 0 5px 0 0; } a.jquery-radiobutton { display: block; height: 15px; width: 15px; border-radius: 25px; border: 1px solid #777; position: relative; margin-left: 0; } a.jquery-radiobutton.jquery-radiobutton-on { display: block; border-radius: 25px; } a.jquery-radiobutton:before { display: block; position: absolute; content: ''; border-radius: 100%; height: 9px; width: 9px; top: 2px; left: 2px; margin: auto; background: #fff; transition: background 0.25s linear; } a.jquery-radiobutton.jquery-radiobutton-on:before { background: var(--color-purple); } /* hide user general formfields */ .fluidContent-paymentAndShipping input#useShippingAddressBook { float: left; margin: 0; width: 16px; height: 16px; } .fluidContent-paymentAndShipping .addressBookField label { font-family: var(--body-font); font-weight: 400; color: #777; font-size: 14px; line-height: 26px; float: right; width: calc(100% - 16px); padding-left: 10px; line-height: 1.3; margin: 0; } /* Checkout redesign July 2018 - Joel */ /* ---------------------------- BASKET ---------------------------- */ .h1.oneCheckoutTitle { font-size: 23px; font-family: var(--body-font); font-weight: 500; letter-spacing: -0.025em; margin-bottom: 10px; } .oneStepEmptyMsg { padding: 0 20px 35px; font-size: 15px; } .btn.btn-default.continue-shopping-empty-basket { margin: 0; background-color: var(--color-primary); border-color: var(--color-primary); font-size: 17px; padding: 0 20px; width: 320px; color: var(--color-dark); height: 42px; display: inline-flex; align-items: center; justify-content: center; gap: 4px; transition: all 350ms ease; } .btn.btn-default.continue-shopping-empty-basket:hover, .btn.btn-default.continue-shopping-empty-basket:focus { background-color: #000; border-color: #000; color: var(--color-primary); } .btn.btn-default.continue-shopping-empty-basket .icon { width: 24px; height: 24px; } .categories-vertical-menu.categories-vertical-basket-empty { position: relative; width: 100%; max-width: 320px; margin: 0 auto; clear: both; float: none; } .categories-vertical-menu.categories-vertical-basket-empty>ul>li { float: left; width: 50%; } .categories-vertical-menu.categories-vertical-basket-empty>ul>li:nth-child(2n+1) { clear: left; } .categories-vertical-menu.categories-vertical-basket-empty>ul>li>a { padding: 7px 0 7px 10px; display: block; color: #333; font-size: 14px; text-align: left; display: flex; align-items: center; } .categories-vertical-menu.categories-vertical-basket-empty>ul>li>a .smallTitleImage img { height: 28px; width: 28px; } .categories-vertical-menu.categories-vertical-basket-empty>ul>li>a .text { padding: 8px 0px 5px 8px; line-height: 1; float: left; } .categories-vertical-menu.categories-vertical-basket-empty ul.menu { position: relative; overflow: hidden; padding-top: 35px; } .categories-vertical-menu.categories-vertical-basket-empty>ul>li>a .smallTitleImage, .categories-vertical-menu.categories-vertical-basket-empty>ul>li>a .smallTitleImage svg { height: 33px; width: 33px; display: block; float: left; } .empty-basket-one { padding: 30px; } @media (max-width: 469px) { .categories-vertical-menu.categories-vertical-basket-empty ul.menu { margin-left: -15px; margin-right: -15px; } .categories-vertical-menu.categories-vertical-basket-empty>ul>li>a .text { width: calc(100% - 33px); text-align: left; font-size: 12px; } .btn.btn-default.continue-shopping-empty-basket { width: 250px; font-size: 14px; } .btn.btn-default.continue-shopping-empty-basket .icon { font-size: 14px; top: 1px; margin-right: 5px; } .fluidContent-basket .empty-basket-one { padding: 30px 0; } } /* end empty */ /* basket */ .basket-page-v2 span.basketProductName, .basket-page-v2 span.basketProductName.basketGiftName, .basket-page-v2 .productPackTitle, .basket-page-v2 .productPackContainer .basketProductName { font-family: var(--body-font); font-weight: 500; margin-bottom: 5px; display: block; font-size: 16px; padding: 0; } .basket-page-v2 div.basketProductImage, .basket-page-v2 div.basketProductGiftImage, .basket-page-v2 .basketProductInfo, .basket-page-v2 .basketProductGiftInfo, .productThumbPack a.basketProductImage { float: none; display: block; width: auto; margin-right: 0; } .basket-page-v2 .checkout-title-v2 { padding-bottom: 15px; } .basket-page-v2 .checkout-title-v2 h1 { font-size: 22px; color: #000; margin: 0; display: inline-flex; font-family: var(--title-font); letter-spacing: -0.04em; font-weight: 700; } @media(min-width: 768px) { .basket-page-v2 .checkout-title-v2 h1 { font-size: 26px; } } .basket-page-v2 .checkout-title-v2 .articles { font-size: 16px; margin-left: 28px; display: inline-block; } .basket-page-v2 table.basketDisclosure, .basket-page-v2 table.basket tfoot.basket { display: none; } .basket-page-v2 .basket-page-v2 table.basketDisclosure { display: table; } .basket-page-v2 .table.table.basket { margin-bottom: 0; } .basket-v2-table-wrap { border-bottom: 1px solid #dedede; padding-bottom: 40px; } .basket-page-v2 #basketForm .form-message { padding: 0; } .basket-page-v2 #basketForm .form-message.alert-info { display: none; } .basket-page-v2 img.basketProductImage, .basket-page-v2 img.basketProductGiftImage { display: block; width: 115px; max-width: 115px; max-height: 115px; width: auto; height: auto; margin-right: 0; } .basket-page-v2 img.productSmallImage[style*="none"] { display: block !important; height: 115px; width: 115px; opacity: 0; visibility: hidden; } .basket-page-v2 table.basket>tbody>tr>td { padding: 8px 8px; border-top: 0; } .basket-page-v2 div.basketProductImage, .basket-page-v2 div.basketProductGiftImage, .productThumbPack a.basketProductImage { float: left; } .basket-page-v2 .basketProductInfo, .basket-page-v2 .basketProductGiftInfo { float: left; width: calc(100% - 235px); padding-left: 20px; padding-top: 15px; padding-right: 15px; } .basket-page-v2 .basketOptions .basketOption { padding: 0; font-size: 12px; color: #666; letter-spacing: 0.025em; } .basket-page-v2 span.basketProductName a:not(:hover) { color: #000; } .basket-page-v2 .customQuantityV2 input.basketQuantity { width: 40px; background-color: transparent; height: 40px; font-family: var(--body-font); font-weight: 500; font-size: 16px; padding: 0; text-align: center; border: 0; box-shadow: none; color: #000; } .customQuantityV2 { float: left; width: 120px; padding-top: 38px; } .customQuantityV2 div.input-group span.input-group-btn { float: left; height: 40px; width: 40px; } .customQuantityV2 div.input-group { width: 120px; } .customQuantityV2 div.input-group span.input-group-btn>button.btn.btn-number { padding: 0px; display: block; width: 100%; height: 100%; margin: 0 !important; border: 0; padding: 0; position: relative; font-size: 22px; line-height: 40px; color: #000; border-radius: 50% !important; background-color: transparent; } .customQuantityV2 div.input-group span.input-group-btn>button.btn.btn-number:hover, .customQuantityV2 div.input-group span.input-group-btn>button.btn.btn-number:active, .customQuantityV2 div.input-group span.input-group-btn>button.btn.btn-number:focus { background-color: rgba(0, 0, 0, 0.1); } .basket-page-v2 span.basketProductDelete { margin-left: auto; display: table; margin-right: -38px; } .basket-page-v2 .basketProductDelete>a { color: #888; font-size: 15px; line-height: 1; width: 30px; height: 30px; display: block; text-align: center; position: relative; border-radius: 50%; padding: 7px; } .basket-page-v2 .basketProductDelete>a:hover { background-color: rgba(0, 0, 0, 0.1); } .basket-page-v2 table.basket td.basketProductTotal .total-item span.price { font-size: 24px; } .basket-page-v2 table.basket td.basketProductTotal .total-item span.price span.decimalPrice, .basket-page-v2 table.basket td.basketProductTotal .total-item span.price span.currencySymbol { font-size: 14px; vertical-align: text-top; position: relative; top: 2px; } .basket-page-v2 table.basket td.basketProductTotal .subtotal-item { line-height: 1; } .basket-page-v2 table.basket td.basketProductTotal .subtotal-item span.price { color: #888; display: inline-block; font-family: var(--body-font); font-weight: 400; font-size: 12px; } .basket-page-v2 table.basket td.basketProductTotal .subtotal-item .lbl { display: inline-block; padding-left: 2px; color: #888; } .basket-page-v2 table.basket>tbody>tr>td { vertical-align: top; } .basket-page-v2 table.basket td.basket.basketPrice.basketProductTotal { padding-right: 45px; } .basket-page-v2 table.basket tr.bg-info, .basket-resume-v2 table.basket tr.bg-info { background-color: transparent; } .basket-resume-v2 table.basket tr.bg-info .basketAlertIcon.basketInfoIcon { display: none; } .basket-page-v2 table.basket tr.bg-danger, .basket-page-v2 table.basket tr.bg-warning, .basket-resume-v2 .invalidProductBasket, .basket-resume-v2 .bg-warning { background-color: #eeeeee; } .basket-page-v2 table.basket tr.bg-danger *:not(.tooltip-inner), .basket-page-v2 table.basket tr.bg-warning *:not(.tooltip-inner), .basket-resume-v2 table.basket tr.bg-warning *:not(.tooltip-inner) { color: inherit; } .basket-page-v2 tr.basketAlertWarningCustom { background-color: #e5d7fa; color: #000; display: table-row; } .basket-page-v2 table.basket>tbody>tr.basketAlertWarningCustom>td { vertical-align: middle; } .basket-page-v2 tr.basketAlertWarningCustom .firstTitle { float: left; font-size: 14px; max-width: 30%; text-align: left; line-height: 1.1; padding-left: 25px; position: relative; } .basket-page-v2 tr.basketAlertWarningCustom .firstTitle .icon { position: absolute; left: 2px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 14px; height: 14px; } .basket-page-v2 tr.basketAlertWarningCustom .lastText { float: right; max-width: 70%; line-height: 1.1; } .basket-page-v2 table.basket>tbody>tr:not(.basketAlertWarningCustom)>td { border-top: 15px solid #FFF; } .basket-page-v2 .basketAlerts .basketAlerts { display: none; /* Js tract messages SHOP.stockManagement */ } .basket-v2-page-item { width: auto; display: table; padding: 0 30px; position: relative; float: left; max-width: 50%; } .basket-v2-page-item:before { content: ""; display: block; width: 2px; height: 100%; background-color: #7c7c7a; position: absolute; left: 0; top: 0; bottom: 0; } .basket-v2-page-item:last-child:after { content: ""; display: block; width: 2px; height: 100%; background-color: #7c7c7a; position: absolute; right: 0; top: 0; bottom: 0; } .basket-v2-page-item .this-name { color: #000; font-family: var(--body-font); font-weight: 700; padding-right: 8px; } .basket-v2-page-item>* { display: inline; } .basket-v2-page-items { overflow: hidden; padding-top: 30px; padding-bottom: 30px; } .customer-v3 #loginFormSubmit.btn { font-family: var(--body-font); font-weight: 500; margin-top: 30px; } .basket-page-v2 .basketButtons #basketEndOrder, .paymentShipping-v2 #paymentAndShippingBasketContinue, #mondial-relay-modal .btn.btn-primary, .customer-v3 #customerBasketContinue, .customer-v3 #loginFormSubmit, .multibanco-btn.btn { display: block; margin: 0; height: 44px; padding-top: 0; padding-bottom: 0; background-color: var(--color-primary); transition: all 350ms ease; line-height: 1; font-family: var(--title-font); color: var(--color-dark); border-color: var(--color-primary); font-weight: 700; } @media(min-width: 1400px) { .basket-page-v2 .basketButtons #basketEndOrder, .paymentShipping-v2 #paymentAndShippingBasketContinue, #mondial-relay-modal .btn.btn-primary, .customer-v3 #customerBasketContinue, .customer-v3 #loginFormSubmit, .multibanco-btn.btn { height: 52px; font-size: 20px; } } .customer-v3 #loginFormSubmit[disabled], .customer-v3 #customerBasketContinue[disabled], #mondial-relay-modal .btn.btn-primary[disabled], .multibanco-btn.btn[disabled], .basket-page-v2 .basketButtons #basketEndOrder[disabled], .paymentShipping-v2 #paymentAndShippingBasketContinue[disabled] { opacity: 1; } .customer-v3 #customerBasketContinue:hover, .customer-v3 #customerBasketContinue:focus, .customer-v3 #loginFormSubmit:hover, .customer-v3 #loginFormSubmit:focus, #mondial-relay-modal .btn.btn-primary:hover, #mondial-relay-modal .btn.btn-primary:focus, .multibanco-btn.btn:hover, .multibanco-btn.btn:focus, .paymentShipping-v2 #paymentAndShippingBasketContinue:not([disabled]):hover, .paymentShipping-v2 #paymentAndShippingBasketContinue:not([disabled]):focus, .paymentShipping-v2 #paymentAndShippingBasketContinue:not([disabled]):active, .basket-page-v2 .basketButtons #basketEndOrder:not([disabled]):hover, .basket-page-v2 .basketButtons #basketEndOrder:not([disabled]):focus, .basket-page-v2 .basketButtons #basketEndOrder:not([disabled]):active { background-color: #000; border-color: #000; color: var(--color-primary); } #basket-v2-total-resume #basketContinueShopping, #basket-v2-total-resume #basketRecalculate { display: none; } .basket-page-v2 .basketDisclosure { display: none; } .basket-page-v2 button#basketContinueShoppingManual3, .basket-page-v2 button#basketContinueShoppingManual2, .basket-page-v2 button#basketContinueShoppingManual { background-color: transparent; margin-left: 30px; padding: 15px; display: flex; align-items: center; line-height: 1; height: 52px; gap: 4px; text-transform: none; } .basket-page-v2 button#basketContinueShoppingManual3:hover, .basket-page-v2 button#basketContinueShoppingManual2:hover, .basket-page-v2 button#basketContinueShoppingManual:hover { opacity: .70; } .basket-page-v2 button#basketContinueShoppingManual3 .icon, .basket-page-v2 button#basketContinueShoppingManual2 .icon, .basket-page-v2 button#basketContinueShoppingManual .icon { width: 12px; height: 12px; } .basket-v2-desk-left { float: left; width: calc(100% - 705px); } #basket-v2-total-resume { width: 375px; float: right; margin-right: 30px; } .fluidContent-basket #basket-v2-total-resume .basketButtons { padding: 0; } .basket-page-v2 .basketButtons a.error.basket-error { margin: 0; width: 100%; color: #e00000; font-size: 14px; padding: 8px 10px; text-align: center; margin-top: 15px; border-radius: 6px; display: block; } #basket-v2-total-resume .total-js { font-family: var(--body-font); font-weight: 700; text-align: center; font-size: 26px; padding-top: 40px; } .basket-v2-page-item:last-child:after { display: none; } .basket-page-v2 #basket-v2-total-resume .total-js { padding-top: 22px; } #basket-v2-total-resume .total-js span.currencySymbol, #basket-v2-total-resume .total-js span.decimalPrice { font-size: 14px; vertical-align: text-top; position: relative; top: 1px; } #basket-v2-total-resume .tax-lbl { text-align: center; color: #666; margin-bottom: 20px; line-height: 1; margin-top: -4px; } .page-container-basket-v2 #vinculated-products-container-v2 { margin-top: 60px; } .page-container-basket-v2 #vinculatedBasketBody .relatedTitle { letter-spacing: -0.04em; font-size: 18px; font-family: var(--title-font); color: #282828; text-transform: uppercase; line-height: 1.1; font-weight: 700; } .basket-page-v2 button#basketContinueShoppingManual2 .icon { width: 16px; height: 16px; } .basket-page-v2 button#basketContinueShoppingManual2 { padding: 15px; margin: 0 auto; display: flex; align-items: center; line-height: 1; height: 52px; gap: 4px; text-transform: none; } @media (max-width: 1499px) { #basket-v2-total-resume { width: 275px; } .basket-v2-desk-left { width: calc(100% - 585px); } } @media (min-width: 1200px) { .basket-v2-page-items.tablet-mobile { display: none; } } @media (max-width: 1199px) { .basket-v2-page-items.desktop { display: none; } .basket-v2-page-items.tablet-mobile { display: block; border-top: 1px solid #dedede; margin-top: 20px; clear: both; } .basket-v2-page-items.tablet-mobile .basket-v2-page-item:last-child:after, .basket-v2-page-items.tablet-mobile .basket-v2-page-item:first-child:before { display: none; } .basket-v2-desk-left { display: none; } } @media (max-width: 991px) { #basket-v2-total-resume { width: 415px; margin-left: auto; margin-right: auto; float: none; } #basket-v2-total-resume .total-js { font-size: 36px; padding-top: 30px; } .fluidContent-basket #basket-v2-total-resume .basketButtons { margin-bottom: 10px; } .basket-page-v2 .basketProductInfo, .basket-page-v2 .basketProductGiftInfo { width: calc(100% - 115px); } .customQuantityV2 { padding-top: 0; padding-left: 6px; } .basket-page-v2 table.basket td.basketProductTotal .total-item span.price, .basket-page-v2 .customQuantityV2 input.basketQuantity { font-size: 28px; } .basket-page-v2 table.basket td.basketProductTotal .total-item span.price span.decimalPrice, .basket-page-v2 table.basket td.basketProductTotal .total-item span.price span.currencySymbol { font-size: 18px; } .basket-page-v2 tr.basketAlertWarningCustom .lastText, .basket-page-v2 tr.basketAlertWarningCustom .firstTitle { max-width: 100%; float: none; display: block; text-align: left; } .basket-page-v2 tr.basketAlertWarningCustom span+span { margin-top: 7px; padding-left: 25px; font-size: 11px; } #basket-v2-total-resume .total-js span.currencySymbol, #basket-v2-total-resume .total-js span.decimalPrice { font-size: 20px; } .basket-page-v2 table.basket>tbody>tr>td { padding: 12px; } } @media (max-width: 767px) { .basket-page-v2 .checkout-title-v2 { margin-top: 20px; } .basket-page-v2 .checkout-title-v2 .articles { margin-left: 0; display: block; font-size: 14px; margin-top: 2px; } .basket-page-v2 img.basketProductImage, .basket-page-v2 img.basketProductGiftImage { max-width: 140px; max-width: 140px; } .fluidContent-basket .basket-page-v2 td.basketProduct .basketProductInfo>*:not(.moved-delete-icon) { display: block; } .basket-page-v2 .basketProductInfo, .basket-page-v2 .basketProductGiftInfo { width: calc(100% - 140px); clear: none; padding-left: 15px; padding-right: 0; } .basket-page-v2 .basketProductInfo a:after { display: none; } .basket-page-v2 .addAccesories.btn.btn-link { margin-bottom: 0; gap: 4px; margin-top: 5px; background: transparent; font-family: var(--body-font); font-weight: 500; font-size: 14px; } .basket-page-v2 .addAccesories.btn.btn-link span.text { border-bottom: 1px solid #ccc; } .basket-page-v2 .addAccesories.btn.btn-link .icon { width: 12px; height: 12px; } } @media (max-width: 767px) { .basket-page-v2 span.basketProductName, .basket-page-v2 span.basketProductName.basketGiftName, .basket-page-v2 .productPackTitle, .basket-page-v2 .productPack a.basketProductName { font-size: 14px; } } @media (max-width: 599px) { .basket-page-v2 tr.basket.basketProduct { position: relative; display: block; min-height: 170px; } .basket-page-v2 table.basket td.basket.basketPrice.basketProductTotal { padding-right: 12px; position: absolute; bottom: 0; right: 0; top: 0; display: flex; flex-direction: column; justify-content: flex-end; } .basket-page-v2 span.basketProductDelete { margin-right: -4px; -webkit-transform: translateY(-50px); transform: translateY(-50px); } .basket-v2-page-item { width: 100%; max-width: 100%; } .basket-v2-page-item+.basket-v2-page-item { margin-top: 20px; } .basket-v2-page-item:before, .basket-v2-page-item:after { display: none; } .basket-page-v2 .basketProductInfo, .basket-page-v2 .basketProductGiftInfo { padding-top: 0; } #basket-v2-total-resume { width: 100%; max-width: 415px; } } @media (max-width: 499px) { .basket-page-v2 img.basketProductImage, .basket-page-v2 img.basketProductGiftImage, .basket-page-v2 img.productSmallImage[style*="none"] { width: 80px; } .basket-page-v2 span.basketProductName, .basket-page-v2 span.basketProductName.basketGiftName { font-size: 12px; overflow: hidden; max-height: 51px; padding-right: 30px; } .basket-page-v2 table.basket td.basketProductTotal .total-item span.price, .basket-page-v2 .customQuantityV2 input.basketQuantity { font-size: 23px; } .basket-page-v2 table.basket td.basketProductTotal .total-item span.price span.decimalPrice, .basket-page-v2 table.basket td.basketProductTotal .total-item span.price span.currencySymbol { font-size: 14px; } .basket-page-v2 .addAccesories.btn.btn-link { font-size: 12px; } .basket-page-v2 tr.basket.basketProduct { min-height: 160px; } .basket-page-v2 .basketProductInfo, .basket-page-v2 .basketProductGiftInfo { width: calc(100% - 80px); } .basket-page-v2 .basketProductImage img, .basket-page-v2 .basketProductGiftImage img { margin-bottom: 30px; } .basket-v2-focus-quantity #basket-v2-total-resume { transform: translateY(100%); transition: transform 350ms ease; } } @media (max-width: 359px) { .basket-page-v2 .addAccesories.btn.btn-link { font-size: 11px; } } /* very small */ @media (max-width: 349px) { .basket-page-v2 table.basket>tbody>tr>td { padding: 8px; } .customQuantityV2 div.input-group span.input-group-btn>button.btn.btn-number, .customQuantityV2 div.input-group span.input-group-btn { height: 30px; width: 30px; line-height: 30px; } .basket-page-v2 table.basket td.basketProductTotal .total-item span.price, .basket-page-v2 .customQuantityV2 input.basketQuantity { font-size: 20px; } .basket-page-v2 .customQuantityV2 input.basketQuantity { width: 30px; height: 30px; } .customQuantityV2, .customQuantityV2 div.input-group { width: 100px; } } /* ---------------------------- CUSTOMER EFFECT input POWER ---------------------------- */ #addressBookFormModal .addressBookForm .form-group { margin-bottom: 0; } #addressBookFormModal .addressBookForm .formFields.userAddressBookFormFields:before, #addressBookFormModal .addressBookForm .formFields.userAddressBookFormFields:after { content: ""; display: table; } #addressBookFormModal .addressBookForm .formFields.userAddressBookFormFields:after { clear: both; } #addressBookFormModal .addressBookForm .input, .customer-v3 .userForm .input, .customer-v3 #smallLoginForm div.moduleField .input { position: relative; z-index: 1; margin: 0 0 15px; } #addressBookFormModal .addressBookForm .effect-in-comming .form-error, .customer-v3 .userForm .effect-in-comming .form-error, .customer-v3 #smallLoginForm .effect-in-comming .form-error { margin-top: -10px; margin-bottom: 15px; } #addressBookFormModal .addressBookForm .input__field, .customer-v3 .userForm .input__field, .customer-v3 #smallLoginForm .input__field { position: relative; display: block; float: right; border: none; border-radius: 0; background: #f0f0f0; color: #aaa; font-weight: 400; font-family: var(--body-font); font-weight: 400; } #addressBookFormModal .addressBookForm .input__field:focus, .customer-v3 .userForm .input__field:focus, .customer-v3 #smallLoginForm .input__field:focus { outline: none } #addressBookFormModal .addressBookForm .input__label, .customer-v3 .userForm .input__label, .customer-v3 #smallLoginForm .input__label { float: right; padding: 0 15px; color: #696969; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #addressBookFormModal .addressBookForm .input__label-content, .customer-v3 .userForm .input__label-content, .customer-v3 #smallLoginForm .input__label-content { position: relative; display: block; padding: 13px 0px; width: 100% } #addressBookFormModal .addressBookForm .input--power, .customer-v3 .userForm .input--power, .customer-v3 #smallLoginForm .input--power { background: #fff; overflow: hidden; padding: 0; border: 1px solid #a2a2a2; border-radius: 10px; } #addressBookFormModal .addressBookForm .has-error .input--power, .customer-v3 .userForm .has-error .input--power, .customer-v3 #smallLoginForm .has-error .input--power { border-color: var(--color-red-error); } #addressBookFormModal .addressBookForm .availableCountries .form-control { border: 1px solid #a2a2a2; } #addressBookFormModal .addressBookForm .input__field--power, .customer-v3 .userForm .input__field--power, .customer-v3 #smallLoginForm .input__field--power { background: transparent; width: 100%; color: #333 !important; } #addressBookFormModal .addressBookForm .input__label--power, .customer-v3 .userForm .input__label--power, .customer-v3 #smallLoginForm .input__label--power { position: absolute; width: 100%; text-align: left; padding-left: 7.5px; pointer-events: none } #addressBookFormModal .addressBookForm .input__label-content--power, .customer-v3 .userForm .input__label-content--power, .customer-v3 #smallLoginForm .input__label-content--power { padding: 13px 0px; display: inline-block; -webkit-transform-origin: 0 0; transform-origin: 0 0; line-height: 1; } #addressBookFormModal .addressBookForm .input__label-content--power span, .customer-v3 .userForm .input__label-content--power span, .customer-v3 #smallLoginForm .input__label-content--power span { display: inline-block } #addressBookFormModal .addressBookForm .input--filled .input__label-content--power, .customer-v3 .userForm .input--filled .input__label-content--power, .customer-v3 #smallLoginForm .input--filled .input__label-content--power { padding: 13px 0px } #addressBookFormModal .addressBookForm .input__field--power:focus+.input__label--power .input__label-content--power, #addressBookFormModal .addressBookForm .input--filled .input__label-content--power, .customer-v3 .userForm .input__field--power:focus+.input__label--power .input__label-content--power, .customer-v3 .userForm .input--filled .input__label-content--power, .customer-v3 #smallLoginForm .input__field--power:focus+.input__label--power .input__label-content--power, .customer-v3 #smallLoginForm .input--filled .input__label-content--power { -webkit-animation: anim-power-1 .3s forwards; animation: anim-power-1 .3s forwards } @-webkit-keyframes anim-power-1 { 50% { -webkit-transform: translate3d(0, 36px, 0); transform: translate3d(0, 36px, 0) } 51% { -webkit-transform: translate3d(0, -36px, 0) scale3d(0.85, 0.85, 1); transform: translate3d(0, -36px, 0) scale3d(0.85, 0.85, 1) } 100% { color: #a3a3a3; -webkit-transform: translate3d(0, -8px, 0) scale3d(0.85, 0.85, 1); transform: translate3d(0, -6px, 0) scale3d(0.85, 0.85, 1) } } @keyframes anim-power-1 { 50% { -webkit-transform: translate3d(0, 36px, 0); transform: translate3d(0, 36px, 0) } 51% { -webkit-transform: translate3d(0, -36px, 0) scale3d(0.85, 0.85, 1); transform: translate3d(0, -36px, 0) scale3d(0.85, 0.85, 1) } 100% { color: #a3a3a3; -webkit-transform: translate3d(0, -8px, 0) scale3d(0.85, 0.85, 1); transform: translate3d(0, -6px, 0) scale3d(0.85, 0.85, 1) } } /* ---------------------------- CUSTOMER ---------------------------- */ #main-content .paymentShipping-v2 { padding: 0 15px; } .paymentShipping-v2>.row { display: flex; flex-wrap: wrap; } .paymentShipping-v2>.row::before, .paymentShipping-v2>.row::after { display: none; } .paymentShipping-v2>.row>div { padding-bottom: 30px; } .paymentShipping-v2 .col-left { width: calc(100% - 530px); padding-right: 0; padding-left: 0; border-right: 1px solid #dedede; } .paymentShipping-v2 .col-right { width: 530px; padding: 0 60px; background-color: #f7f7f7; } .basket-resume-v2 { background-color: #FFF; padding: 30px; } .basket-resume-v2 thead.basket { display: none; } #payment-v2-collap-payment .title-desk, #payment-v2-collap-shipping .title-desk, #payment-v2-collap-address1 .title-desk, #payment-v2-collap-address2 .title-desk { font-family: var(--title-font); font-weight: 600; font-size: 20px; line-height: 1; white-space: nowrap; letter-spacing: -0.04em; } a[data-fluid-function="externalConnectionLogin"][data-fluid-data*="facebook"] { display: block; height: 44px; width: 100%; margin: 0 auto 15px; height: 0; padding-bottom: 44px; max-width: 299px; position: relative; } a[data-fluid-function="externalConnectionLogin"][data-fluid-data*="facebook"] svg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; width: 100%; -webkit-transform: translateY(-36%); transform: translateY(-36%); } @media (max-width: 991px) { a[data-fluid-function="externalConnectionLogin"][data-fluid-data*="facebook"] svg { -webkit-transform: translateY(-13%); transform: translateY(-13%); } } a[data-fluid-function="externalConnectionLogin"][data-fluid-data*="facebook"] svg path { -webkit-transition: all 350ms ease; transition: all 350ms ease; } a[data-fluid-function="externalConnectionLogin"][data-fluid-data*="facebook"] img { display: none; } a[data-fluid-function="externalConnectionLogin"][data-fluid-data*="facebook"]:hover #btn-facebook { fill: #2e5aa2; } a[data-fluid-function="externalConnectionLogin"][data-fluid-data*="facebook"]:hover #line-btn-facebook { fill: #0c203e } #addressBookFormModal .addressBookForm .subcountrySelector { margin-bottom: 8px; } #addressBookFormModal .addressBookForm .effect-in-comming .form-control.formField, #main-content .customer-v3 .userForm .effect-in-comming .form-control.formField, .customer-v3 #smallLoginForm .effect-in-comming .form-control { padding: 15px 7.5px 0px; } .basket-resume-v2 .title { font-family: var(--body-font); font-weight: 500; display: block; text-transform: uppercase; text-align: right; font-size: 16px; } .basket-resume-v2 .price-js { font-family: var(--body-font); font-weight: 500; display: block; text-transform: uppercase; text-align: right; font-size: 20px; } .basket-resume-v2 span.basketProductName, .basket-resume-v2 span.basketProductName.basketGiftName { font-family: var(--body-font); font-weight: 400; display: block; } .basket-resume-v2 table.basket>tbody>tr:first-child>td { border-top: 0; } .basket-resume-v2 table.basket>tbody>tr+tr { border-top: 1px solid #e5e5e5; } .basket-resume-v2 table.basket>tbody>tr>td { padding: 15px 15px 20px; border-top: 0; vertical-align: middle; font-size: 14px; } .basket-resume-v2 table.basket>tbody>tr>td:last-child { padding-right: 30px; } .basket-resume-v2 table.basket>tbody>tr>td * { color: #666; } .basket-resume-v2 table.basket td.basketProductTotal span.price { font-size: 14px; font-family: var(--body-font); font-weight: 400; } .basket-resume-v2 table.basket>tbody>tr>td.basket.basketProduct * { padding: 0; margin: 0; } .basket-resume-v2 .previous-total { padding-right: 30px; margin-bottom: 5px; } .basket-resume-v2 table.table>tbody, .basket-resume-v2 table.table { margin: 0; display: block; } .basket-resume-v2 .basketProductInfo a:after { display: none; } .basket-resume-v2 table.basket>tfoot, .basket-resume-v2 table.basketDisclosure { display: none; } .totals-resume-v2-js { padding-left: 80px; border-top: 1px solid #c9c9c9; font-size: 14px; color: #666; padding-top: 5px; } @media (min-width: 768px) { .totals-resume-v2-js { border-top: 1px solid #e5e5e5; } } .totals-resume-v2-js .row-col div:last-child { text-align: right; padding-right: 30px; } .totals-resume-v2-js .row-col.subtotalProducts { padding-top: 15px; } .totals-resume-v2-js .row-col:not(.totalAll) { padding-bottom: 4px; } .totals-resume-v2-js .row-col.totalAll { margin-top: 11px; padding-top: 15px; border-top: 1px solid #e5e5e5; } .totals-resume-v2-js .row-col.totalAll .lbl-col { font-family: var(--body-font); font-weight: 500; text-transform: uppercase; color: #333; font-size: 16px; } .js-price-resume_totalall { font-family: var(--body-font); font-weight: 500; display: block; text-transform: uppercase; text-align: right; font-size: 20px; color: #333; } .customer-v2-collap-btn { position: relative; font-family: var(--body-font); font-weight: 500; font-size: 18px; line-height: 95px; padding: 7px 0; padding-right: 30px; white-space: nowrap; background: 0; border: 0; padding: 0 35px 0 45px; height: 95px; width: 100%; text-align: left; display: flex; align-items: center; gap: 4px; } .customer-v2-collap-btn .icon { transform: rotate(0deg); transition: all 250ms ease; width: 16px; height: 16px; flex-shrink: 0; margin-left: auto; } .opened .customer-v2-collap-btn .icon { transform: rotate(180deg); } .basket-resume-v2 table.basket td.basketProductTotal .subtotal-item { white-space: nowrap; } .basket-resume-v2 table.basket td.basketProductTotal .subtotal-item .lbl, .basket-resume-v2 table.basket td.basketProductTotal .subtotal-item .price { font-size: 12px; display: inline-block; padding-left: 2px; opacity: .75; } .basket-resume-v2 table.basket tr.invalidProductBasket span.glyphicon.glyphicon-warning-sign:before { content: ""; width: 14px; height: 14px; display: inline-block; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3cpath d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'%3e%3c/path%3e%3c/svg%3e"); } .basket-resume-v2 table.basket tr.invalidProductBasket .basketAlertIcon { margin: 0; float: none; } .basket-resume-v2 table.basket tr.invalidProductBasket .basketInvalidMessages { background: #fff; border: 0; border-radius: 0; box-shadow: none; position: absolute; width: auto; z-index: 100; padding: 10px !important; font-size: 12px; text-align: left; background-color: #e5d7fa; color: #000; left: 0; right: 0; top: 100%; } .basket-resume-v2 table.basket>tbody>tr>td.basket.basketProduct .quantityJs { font-size: 12px; padding-top: 0; opacity: .75; white-space: nowrap; } .basket-resume-v2 table.basket tr.basket.basketProduct { display: flex; justify-content: space-between; align-items: center; position: relative; } .basket-resume-v2 table.basket tr.basket.basketProduct+.vinculatedBasketProduct { border-top: 0; } .basket-resume-v2 table.basket tr.basket.basketProduct+.vinculatedBasketProduct td { padding-top: 0; } @media (min-width: 1200px) { .customer-v2-collap-cont { height: auto !important; display: block !important; } } @media (max-width: 1199px) { .customer-v2-collap-cont { display: none; } a[data-fluid-function="externalConnectionLogin"][data-fluid-data*="facebook"] { margin: 0 0 15px; height: 44px; padding-bottom: 0; max-width: 100%; overflow: hidden; border-radius: 5px; } } @media (max-width: 991px) { .basket-resume-v2 .breadcrumb { display: none; } .basket-resume-v2 { background-color: #FFF; padding: 40px 10px; } .basket-resume-v2 table.basket>tbody>tr>td:last-child, .totals-resume-v2-js .row-col div:last-child, .basket-resume-v2 .previous-total { padding-right: 15px; } .basket-resume-v2 table.basket>tbody>tr>td { font-size: 12px; } .totals-resume-v2-js { padding-left: 45px; font-size: 12px; } .totals-resume-v2-js .row-col.totalAll .lbl-col, .basket-resume-v2 .title { font-size: 14px; } .js-price-resume_totalall, .basket-resume-v2 .price-js { font-size: 18px; } .basket-resume-v2 table.basket td.basketProductTotal .subtotal-item .lbl, .basket-resume-v2 table.basket td.basketProductTotal .subtotal-item .price { font-size: 10px; } } @media (max-width: 767px) { .customer-v2-collap-btn { padding: 0 25px 0 25px; } .customer-v2-collap-cont { padding: 0 25px; } } /* logged customer */ .paymentShipping-v2 .addressBook>a, .customer-logged-form-slim-v2 .addressBook>a { background: none; color: inherit; font-family: var(--body-font); font-weight: 400; text-decoration: underline; position: absolute; right: 30px; top: 5px; opacity: 1; -webkit-transition: all 350ms ease; transition: all 350ms ease; } .paymentShipping-v2 .addressBook>a svg { width: 16px; height: 16px; } .paymentShipping-v2 .addressBook>a:hover, .paymentShipping-v2 .addressBook>a:focus, .paymentShipping-v2 .addressBook>a:active, .customer-logged-form-slim-v2 .addressBook>a:hover, .customer-logged-form-slim-v2 .addressBook>a:focus, .customer-logged-form-slim-v2 .addressBook>a:active { opacity: .5; } .paymentShipping-v2 a.jquery-radiobutton.jquery-radiobutton-on:before, .customer-logged-form-slim-v2 .addressBook.selected a.jquery-radiobutton.jquery-radiobutton-on:before { background: #000; } /* #lostPasswordSubmit, .section-checkout-customer .blockAddressBook .actions .btn, #addressBookFormModal .btn#saveUserButton, .deniedOrderButtons #confirmOrderBackToShop, .customer-logged-form-slim-v2 button.addressBookAction.addAddressBook.btn { font-size: 15px; background: #363636; border-color: #363636; padding: 5px 20px; -webkit-transition: all 350ms ease; transition: all 350ms ease; border-radius: 4px; font-family: var(--body-font); font-weight: 500; text-transform: none; } */ .section-checkout button.addressBookAction.addAddressBook.btn { margin: 0; font-size: 14px; text-transform: none; border-color: var(--color-dark); padding-block: 6px; } .section-checkout button.addressBookAction.addAddressBook.btn:hover, .section-checkout button.addressBookAction.addAddressBook.btn:focus { background-color: #000; border-color: #000; color: var(--color-primary); } /* .section-checkout-customer .blockAddressBook .actions .btn:focus, .section-checkout-customer .blockAddressBook .actions .btn:hover, #lostPasswordSubmit:hover, #lostPasswordSubmit:focus, #lostPasswordSubmit:active, .deniedOrderButtons #confirmOrderBackToShop:hover, .deniedOrderButtons #confirmOrderBackToShop:focus, .deniedOrderButtons #confirmOrderBackToShop:active { border-color: var(--color-purple); background: var(--color-purple); border-color: #E5097F; background: #E5097F; } */ .paymentShipping-v2 #basket-v2-total-resume .total-js { border-top: 1px solid #e5e5e5; padding-top: 15px; margin-top: 10px; } @media (min-width: 1399px) { .paymentShipping-v2 .col-left { width: calc(100% - 531px); } } @media (max-width: 1399px) { .paymentShipping-v2 .col-right { padding-left: 30px; padding-right: 30px; width: 470px; } .paymentShipping-v2 .col-left { width: calc(100% - 470px); } } @media (max-width: 479px) { .paymentShipping-v2 .addressBook>a { right: 10px; } } .paymentShipping-v2#basketForm .form-message { padding: 0; margin: 0; } .paymentShipping-v2 .customer-v2-collap-cont { padding: 45px 60px 45px 60px !important; } .paymentShipping-v2 .customer-v2-collap-cont .blockAddressBook .addressBook { position: relative; padding: 30px 55px 0 60px; border: 0; margin: 0; } .paymentShipping-v2 .customer-v2-collap-cont .box.billingAddressBox, .paymentShipping-v2 .customer-v2-collap-cont .box.shippingAddressBox { color: #777; font-size: 15px; color: #444; } .paymentShipping-v2 .addressBook>a { top: 30px; } .paymentShipping-v2 .blockAddressBook { margin: 0; } .paymentShipping-v2 .basketSelectors { padding: 30px 20px 0; } .paymentShipping-v2 div.basketSelector { margin-bottom: 0; } .paymentShipping-v2 div.basketSelector+div.basketSelector { margin-top: 25px; } #adyenCheckoutAPI60 { margin-bottom: 25px; } .adyen-checkout__card__form { padding: 15px 0px 0px 25px; } .adyen-checkout__field.adyen-checkout__card__holderName, .adyen-checkout__store-details { padding-left: 25px; } .adyen-checkout__card__form .adyen-checkout__label__text, .adyen-checkout__card__holderName .adyen-checkout__label__text, .adyen-checkout__store-details .adyen-checkout__checkbox__label { font-size: 12px; } .paymentShipping-v2 #basket-v2-total-resume { width: 100%; float: none; margin-right: 0; } .paymentShipping-v2 .selectShippingTypeBeforePayment { padding: 20px; display: block; } .paymentShipping-v2 .basketSelector .basketSelector.jquery-radiobutton-wrapper, .mondialRelayShipping .jquery-radiobutton-wrapper { margin: 0; float: left; } .paymentShipping-v2 div.basketSelector:before, .paymentShipping-v2 div.basketSelector:after { content: ""; display: table; } .paymentShipping-v2 div.basketSelector:after { clear: both; } .mondialRelayShipping .msg { clear: both; margin-top: 8px; font-size: 12px; margin-left: 22px; border-left: 3px solid #e5e5e7; width: calc(100% - 22px); padding-left: 9px; overflow: hidden; } .paymentShipping-v2 div.basketSelector input+label, .mondialName { padding-left: 8px; } .paymentShipping-v2 div.basketSelector label, .mondialName, .mondialPrice { font-family: var(--body-font); font-weight: 400; margin: 0; float: left; color: #666; font-size: 14px; max-width: calc(100% - 55px); line-height: 15px; } .paymentShipping-v2 div.basketSelector label.basketSelectorPrice, .mondialPrice { max-width: 40px; text-align: right; position: absolute; top: 0; right: 0; } .paymentSystemSelector label.basketSelectorPrice { display: none; } #payment-v2-collap-payment .customer-v2-collap-cont { position: relative; } #payment-v2-collap-payment .title-desk:before { content: ""; display: block; position: absolute; background-color: #dedede; height: 1px; left: 60px; right: 60px; top: 0; } .paymentShipping-v2 .basketButtons { float: none; clear: both; padding: 0; width: 100%; } .paymentShipping-v2 .col-form-left { padding-right: 0; } .paymentShipping-v2 .col-form-right { padding-left: 0; } .paymentShipping-v2 #paymentAndShippingBasketContinue { float: none; } .paymentShipping-v2 .formField.userField.addressBookField { padding: 20px 60px; display: flex; flex-direction: row-reverse; align-items: center; } .paymentShipping-v2 span#basketValidationMessage { margin: 0 !important; color: var(--color-red-error) !important; font-size: 12px !important; text-align: center; display: block; padding-bottom: 15px; } .fluidContent-paymentAndShipping .pre-footer-banners { padding-top: 30px; } .shipping-output-basket-line .prevision-type-value { font-size: 14px; } @media (max-width: 1399px) { .paymentShipping-v2 .formField.userField.addressBookField { padding: 20px 30px; } .paymentShipping-v2 .customer-v2-collap-cont { padding: 45px 30px !important; } .paymentShipping-v2 .customer-v2-collap-cont .blockAddressBook .addressBook { padding: 30px 65px 0 30px; } .paymentShipping-v2 .addressBook>a { right: 0; } .paymentShipping-v2 .customer-v2-collap-cont .box.billingAddressBox, .paymentShipping-v2 .customer-v2-collap-cont .box.shippingAddressBox { font-size: 13px; } } @media (min-width: 1200px) { .paymentShipping-v2 .row-flex-io { display: flex; position: relative; } .paymentShipping-v2 .row-flex-io:after { display: none; } .paymentShipping-v2 .row-flex-io:before { content: ""; display: block; width: 1px; top: 45px; bottom: 0; position: absolute; left: 50%; background-color: #dedede; } } @media (max-width: 1199px) { .paymentShipping-v2 .col-form-right, .paymentShipping-v2 .col-form-left { padding-left: 15px; padding-right: 15px; } .paymentShipping-v2 .customer-v2-collap-btn { padding: 25px 45px; height: auto; line-height: 1; } .paymentShipping-v2>.row>div { width: 50%; } .paymentShipping-v2 .customer-v2-collap-cont { padding: 0 !important; } .paymentShipping-v2 .customer-v2-collap-cont .blockAddressBook .addressBook { padding: 0 65px 20px 45px; } .paymentShipping-v2 .basketSelectors { padding: 0 45px 20px; } .paymentShipping-v2 .selectShippingTypeBeforePayment { padding-left: 45px; padding-right: 45px; } .paymentShipping-v2 .addressBook>a { right: 25px; } .paymentShipping-v2 .formField.userField.addressBookField { padding: 15px 45px 15px; } } #payment-v2-collap-resume { display: none; } .paymentShipping-v2 .basketSelectorDescription { clear: both; padding-top: 15px; padding-left: 0; color: #ababab !important; font-family: var(--body-font) !important; font-weight: 500; font-size: 12px !important; display: block; padding-left: 23px; } .paymentShipping-v2 input~.basketSelectorDescription { padding-top: 10px; } .paymentShipping-v2 div.basketSelector.basketSelectorSelected>label { font-family: var(--body-font); font-weight: 400; color: #000; } .paymentShipping-v2 .tokenize { clear: both; padding-left: 23px; padding-top: 10px; color: #ababab; line-height: 14px; display: block; } .paymentShipping-v2 .tokenize:before, .paymentShipping-v2 .tokenize:after { content: ""; display: table; } .paymentShipping-v2 .basketSelectorDescription+.tokenize { padding-top: 12px; } .paymentShipping-v2 .tokenize:after { clear: both; } .paymentShipping-v2 .tokenize input { margin: 0; width: 14px; height: 14px; display: block; float: left; } .paymentShipping-v2 .tokenize input+span { float: left; width: calc(100% - 15px); padding-left: 8px; } .paymentShipping-v2 .col-right .totalAll:not(.hidden) { display: none; } @media (max-width: 767px) { #payment-v2-collap-resume { display: block; } .paymentShipping-v2>.row>div { padding-bottom: 0; width: 100%; border-right: 0; } .paymentShipping-v2 #basket-v2-total-resume { max-width: 100% } .paymentShipping-v2 .col-right { padding-left: 0; padding-right: 0; } .paymentShipping-v2 .col-right .previous-total, .paymentShipping-v2 .col-right table, .paymentShipping-v2 .col-right .totals-resume-v2-js, .paymentShipping-v2 .col-right .PnS-shipping-cont { display: none; } .paymentShipping-v2 #basket-v2-total-resume .basketButtons { padding: 0 30px; } .paymentShipping-v2 .basket-resume-v2 { padding-top: 30px; } .paymentShipping-v2 .totals-resume-v2-js { padding-bottom: 8px; } .paymentShipping-v2 .basket-resume-v2-cloned-js, .paymentShipping-v2 .col-form-right .PnS-shipping-cont { padding: 0 38px 15px; } .paymentShipping-v2 .totals-resume-v2-js, .paymentShipping-v2 .basket-resume-v2-cloned-js table.basket { background-color: #efefef; } .paymentShipping-v2 #basket-v2-total-resume .total-js { border-top: 0; padding-top: 0; margin-top: 0; } .paymentShipping-v2 .col-right .totalAll:not(.hidden) { display: block; } } @media (max-width: 479px) { .paymentShipping-v2 .formField.userField.addressBookField { padding: 15px 25px 15px; } .paymentShipping-v2 .customer-v2-collap-cont .blockAddressBook .addressBook { padding-left: 25px; } .paymentShipping-v2 div.basketSelector label, .mondialName, .mondialPrice { font-size: 12px; } .paymentShipping-v2 .customer-v2-collap-btn { padding-right: 50px; white-space: normal; } .paymentShipping-v2 .basket-resume-v2-cloned-js, .paymentShipping-v2 .selectShippingTypeBeforePayment, .paymentShipping-v2 .basketSelectors, .paymentShipping-v2 .customer-v2-collap-btn { padding-left: 25px; padding-right: 25px; } .fluidContent-paymentAndShipping .addressBookField label { font-size: 12px; } } .fluidContent-confirmOrder h1 { margin-bottom: 8px; font-family: var(--title-font); font-weight: 700; letter-spacing: -0.04em; } span#confirmOrderOrderId { display: flex; width: auto; margin: 0 auto 0; height: 30px; font-size: 15px; padding: 0 20px; border-radius: 4rem; align-items: center; background-color: var(--color-dark); color: var(--color-primary); transition: all 350ms ease; text-transform: uppercase; font-weight: 500; } .confirmOrderContent .extra-wrapper { display: table; margin: 0 auto; } .confirmOrderContent .extra-wrapper:hover span#confirmOrderOrderId { background-color: var(--color-primary); color: #000; } #confirmOrderPaymentSystemText { clear: both; display: block; max-width: 1000px; margin: 0 auto; margin-bottom: 30px; } .successBuy h2 { margin-top: 20px; } .new-discount-wrap { width: 240px; float: left; } .basket-page-v2 #discountCodeFieldContainer #discountCodeButton { margin: 0; height: 28px; background-color: #fff; text-transform: none; font-size: 13px; padding-top: 0; padding-bottom: 0; line-height: 28px; width: 70px; border-radius: 2rem; float: left; display: flex; align-items: center; line-height: 1; color: var(--color-dark); border-color: var(--color-dark); } .basket-page-v2 #discountCodeFieldContainer #discountCodeButton:hover, .basket-page-v2 #discountCodeFieldContainer #discountCodeButton:focus { background-color: #000; border-color: #000; color: var(--color-primary); } .basket-page-v2 #discountCodeField { margin: 0; float: left; width: calc(100% - 80px); margin-right: 10px; height: 28px; background-color: #f4f4f4; border-radius: 2rem; box-shadow: none; } .basket-page-v2 #discountCodeField::-webkit-input-placeholder { font-style: italic; } .basket-page-v2 #discountCodeField::-moz-placeholder { font-style: italic; } .basket-page-v2 #discountCodeField:-ms-input-placeholder { font-style: italic; } .basket-page-v2 #discountCodeField:-moz-placeholder { font-style: italic; } button.basket-v2-collap-btn { font-family: var(--body-font); font-weight: 500; background: none; border: 0; height: 37px; line-height: 37px; padding: 0; width: 100%; display: block; text-align: left; margin-top: 60px; position: relative; } button.basket-v2-collap-btn .icon { position: absolute; width: 14px; height: 14px; right: 0; top: 50%; transform: translateY(-50%); transition: all 350ms ease; } .opened button.basket-v2-collap-btn .icon { transform: translateY(-50%) rotate(180deg); } @media (min-width: 1200px) { .page-container-basket-v2.checkoutBasketContainerPage { padding-left: 100px; padding-right: 100px; } } @media (min-width: 1200px) and (max-width: 1399px) { .basket-v2-page-item { width: 100%; max-width: 100% } .basket-v2-page-item+.basket-v2-page-item { margin-top: 25px; } } @media (min-width: 992px) and (max-width: 1199px) { .basket-page-v2 button#basketContinueShoppingManual3 { margin-top: 30px; } .new-discount-wrap { width: 270px; } .basket-v2-collap { padding-left: 30px; } button.basket-v2-collap-btn { margin-top: 10px; } } .basket-v2-collap-cont { /* collapse js */ display: none; } #basket-v2-collap-accse .basket-v2-collap-btn { border-bottom: 1px solid #ddd; } #basket-v2-collap-accse .basket-v2-collap-btn svg { position: absolute; font-size: 14px; right: 0; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; } @media (min-width: 992px) { div#basket-v2-collap-accse { display: none; } } @media (max-width: 991px) { .new-discount-wrap { width: 100%; float: none; border-bottom: 1px solid #ddd; } button.basket-v2-collap-btn { height: 57px; line-height: 57px; margin-top: 0; position: relative; font-size: 15px; } button.basket-v2-collap-btn .icon { width: 16px; height: 16px; } .basket-v2-collap-cont { padding: 20px 30px 30px; } .basket-page-v2 #discountCodeField { height: 37px; width: calc(100% - 105px); margin-right: 15px; } .basket-page-v2 #discountCodeFieldContainer #discountCodeButton { line-height: 37px; height: 37px; width: 90px; } } /* fixed totals mobile */ @media(max-width: 767px) { .fluidContent-basket .basket-v2-page-items.tablet-mobile, .fluidContent-paymentAndShipping .basket-v2-page-items.tablet-mobile { margin-top: 0; border-top: 0; } .fluidContent-basket #basket-v2-total-resume, .fluidContent-paymentAndShipping #basket-v2-total-resume { position: fixed; background-color: #FFF; z-index: 6800; left: 0; right: 0; bottom: 0; width: 100%; max-width: 100%; border-top: 1px solid #ddd; } .modal-open.fluidContent-basket #basket-v2-total-resume, .modal-open.fluidContent-paymentAndShipping #basket-v2-total-resume { z-index: 1038; } .fluidContent-basket #basket-v2-total-resume>.clearfix, .fluidContent-paymentAndShipping #basket-v2-total-resume>.clearfix { width: 90%; margin: 0 auto; } .fluidContent-paymentAndShipping #basket-v2-total-resume .basketButtons { padding-bottom: 20px; padding-left: 0; padding-right: 0; } .fluidContent-paymentAndShipping .paymentShipping-v2 #basket-v2-total-resume .total-js { padding-top: 10px; } } @media(max-width: 479px) { .fluidContent-basket #basket-v2-total-resume .basketButtons { margin-bottom: 0; } .fluidContent-basket .basket-page-v2 #basket-v2-total-resume .total-js { padding-top: 10px; } .fluidContent-basket #basket-v2-total-resume .total-js, .fluidContent-paymentAndShipping #basket-v2-total-resume .total-js { font-size: 30px; } .fluidContent-basket #basket-v2-total-resume .total-js span.currencySymbol, .fluidContent-basket #basket-v2-total-resume .total-js span.decimalPrice, .fluidContent-paymentAndShipping #basket-v2-total-resume .total-js span.currencySymbol, .fluidContent-paymentAndShipping #basket-v2-total-resume .total-js span.decimalPrice { font-size: 18px; } .fluidContent-paymentAndShipping #basket-v2-total-resume span#basketValidationMessage { margin-top: -5px !important; margin-bottom: -5px !important; } .fluidContent-basket #basket-v2-total-resume .tax-lbl, .fluidContent-paymentAndShipping #basket-v2-total-resume .tax-lbl { margin-bottom: 15px; font-size: 10px; } } #addressBookFormModal .modal-dialog { max-width: 600px; } #addressBookFormModal .modal-body { padding: 30px; } .basketDeleteProduct.fa.fa-times { display: block; font: inherit; } .basketDeleteProduct.fa.fa-times:before { content: ""; background-image: url(../img/removeIcon.svg); width: 12px; height: 15px; display: block; background-size: 10px; background-repeat: no-repeat; margin: 0 auto; background-position: center; } .basketOption { display: inline-block; } .subtotal-item, .fluidContent-basket .pre-footer-banners, .fluidContent-customer .pre-footer-banners, .fluidContent-customer .pre-footer-pages, .fluidContent-paymentAndShipping .pre-footer-banners, .fluidContent-paymentAndShipping .pre-footer-pages, .fluidContent-deniedOrder .pre-footer-banners, .fluidContent-deniedOrder .pre-footer-pages, .basketOptionName { display: none; } .basketOption+.basketOption .basketOptionValue:before { content: ", "; } @media (max-width: 991px) { div#discountCodeFieldContainer { max-width: 325px; margin-left: auto; margin-right: auto; } } #confirmOrderTransactionId { display: none; } #relatedItemsModal .modal-body { padding: 0 15px; background-color: #f1f1f1; } #relatedItemsModal .close { background-color: transparent; } #vinc-prds-cont-v2-modal .swiper-container { height: 440px; margin-top: 34px; margin-bottom: 34px; } #vinc-prds-cont-v2-modal .swiper-button-prev { top: 0; left: 0; right: 0; } #vinc-prds-cont-v2-modal .swiper-button-next:after { content: "\f107"; font-family: FontAwesome; display: block; position: absolute; left: 0; right: 0; top: 0; font-size: 32px; line-height: 1; text-align: center; margin: auto; } #vinc-prds-cont-v2-modal .swiper-button-prev:after { content: "\f106"; font-family: FontAwesome; display: block; position: absolute; left: 0; right: 0; top: 0; font-size: 32px; line-height: 1; text-align: center; margin: auto; } #vinc-prds-cont-v2-modal .swiper-button-next { top: auto; left: 0; right: 0; bottom: 0; } #vinc-prds-cont-v2-modal .swiper-button-prev, #vinc-prds-cont-v2-modal .swiper-button-next { height: 34px; background-image: none; margin: 0; width: 100%; } .basket-resume-v2 table.basket>tbody>tr>td.basketProduct { text-align: left; width: 100%; } .basket-resume-v2 table.basket>tbody>tr>td.basketProduct .inforow { text-align: right; display: flex; align-items: center; display: block; text-align: right; } .basket-resume-v2 table.basket>tbody>tr>td.basketProduct .inforow>* { display: inline-block; vertical-align: middle; flex: 1 0 auto; } .basket-resume-v2 table.basket>tbody>tr>td.basketProduct .inforow>* { margin-left: 15px; max-width: 60px; } .basket-resume-v2 table.basket>tbody>tr>td.basketProduct .inforow>.basketAlertIcon { max-width: 20px; } .basket-resume-v2 table.basket>tbody>tr>td.basketProduct .inforow>.basketProductInfo { margin-left: 0; } .basket-resume-v2 table.basket>tbody>tr>td.basketProduct .inforow>.quantityJs { max-width: 35px; } .basket-resume-v2 table.basket>tbody>tr>td.basketProduct .inforow .productPack, .basket-resume-v2 table.basket>tbody>tr>td.basketProduct .inforow .basketProductInfo { max-width: calc(100% - 120px); margin-right: auto; float: left; text-align: left; } .basket-resume-v2 table.basket>tbody>tr>td.basketProduct .basketProductName { width: 100%; clear: both; font-size: 12px; margin-bottom: 5px; } .basket-resume-v2 .totals-resume-v2-js .subtotalProducts, .basket-resume-v2 .totals-resume-v2-js .shippingPrice, .basket-resume-v2 .totals-resume-v2-js .paymentPrice { margin-left: -65px; } @media (max-width: 767px) { .totals-resume-v2-js { padding-left: 60px; } .basket-resume-v2 .totals-resume-v2-js .subtotalProducts, .basket-resume-v2 .totals-resume-v2-js .shippingPrice, .basket-resume-v2 .totals-resume-v2-js .paymentPrice { margin-left: -60px; } } .basket-page-v2 table.basket .total-item { padding-top: 10px; } /* Page min heights 100% */ .paymentShipping-v2>.row, .customer-v2>.row, #main-content .paymentShipping-v2 { min-height: calc(100vh - 60px); } @media (max-width: 1199px) { .paymentShipping-v2>.row, .customer-v2>.row, #main-content .paymentShipping-v2 { min-height: calc(100vh - 66px); } } @media (max-width: 768px) { .paymentShipping-v2>.row, .customer-v2>.row, #main-content .paymentShipping-v2 { min-height: calc(100vh - 66px); } } @media (min-width: 1200px) { .paymentShipping-v2>.row, .customer-v2>.row, #main-content .paymentShipping-v2 { min-height: calc(100vh - 62px); } } /* End Page min heights 100% */ @media (min-width: 510px) { #relatedItemsModal .modal-dialog { width: 480px; margin-left: auto; margin-right: auto; } } .fluidContent-lostPassword .userPageContainer h1 { font-family: var(--body-font); font-weight: 500; font-size: 20px; line-height: 1; text-transform: none; } .fluidContent-basket #balanceCodesApplied .deleteBalanceCode.glyphicon-trash { color: #888; font-size: 15px; line-height: 1; width: 30px; height: 30px; display: block; text-align: center; position: relative; border-radius: 50%; padding: 7px; position: absolute; top: 0; right: 0; } .fluidContent-basket #balanceCodesApplied .deleteBalanceCode.glyphicon-trash:hover { background-color: rgba(0, 0, 0, 0.1); } .fluidContent-basket #balanceCodesApplied .deleteBalanceCode.glyphicon-trash:before { content: ""; background-image: url(../img/removeIcon.svg); background-image: url(../img/removeIcon.svg); width: 12px; height: 15px; display: block !important; background-size: 10px; background-repeat: no-repeat; margin: 0 auto; background-position: center; } .fluidContent-basket #balanceCodesApplied .outputUsingCode, .fluidContent-basket #balanceCodesApplied .outputWithTaxInc+.outputWithTaxInc, .fluidContent-basket #balanceCodesApplied .outputWithTotalDiscount, .fluidContent-basket #balanceCodesApplied .balanceCodesTitle { display: none; } .fluidContent-basket #balanceCodesApplied { clear: both; padding-top: 15px; max-width: 325px; margin: 0 auto; color: green; } .fluidContent-basket #balanceCodesApplied .outputWithTaxInc { font-family: var(--body-font); font-weight: 500; text-transform: uppercase; } .fluidContent-basket #balanceCodesApplied .discountUnitGroup { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; height: 30px; line-height: 30px; } .fluidContent-basket #balanceCodesApplied .discountUnitGroup .outputDiscountName { padding-right: 5px; } .outputWillExpire, .outputExpirationDate { display: none; } span.cp_RE { padding-left: 10px; } .basket-resume-v2 table.basket>tbody>tr>td.basket.basketProduct .basketProductInfo .basketProductDiscount .basketProductDiscountValue { display: none; } .totals-resume-v2-js #balanceCodesApplied .balanceCodeInfo { padding-left: 15px; padding-right: 15px; } .totals-resume-v2-js #balanceCodesApplied .balanceCodeInfo:last-child { border-bottom: 1px solid #c9c9c9; padding-bottom: 15px; } .totals-resume-v2-js #balanceCodesApplied .balanceCodeInfo { margin-left: -60px; } @media (min-width: 480px) and (max-width: 767px) { .basket-resume-v2 table.basket>tbody>tr>td:last-child, .totals-resume-v2-js .row-col div:last-child, .basket-resume-v2 .previous-total, .basket-resume-v2 table.basket>tbody>tr>td.basketProduct { padding-left: 30px; padding-right: 30px; } .totals-resume-v2-js #balanceCodesApplied .balanceCodeInfo { padding-left: 30px; padding-right: 30px; } .totals-resume-v2-js #balanceCodesApplied .balanceCodeInfo { margin-left: -60px; } .basket-resume-v2 .totals-resume-v2-js .subtotalProducts, .basket-resume-v2 .totals-resume-v2-js .shippingPrice, .basket-resume-v2 .totals-resume-v2-js .paymentPrice { margin-left: -45px; } } @media (min-width: 768px) { .totals-resume-v2-js #balanceCodesApplied .balanceCodeInfo:last-child { border-color: #e5e5e5; } } @media (min-width: 768px) and (max-width: 991px) { .totals-resume-v2-js .balanceCodesApplied, .basket-resume-v2 .totals-resume-v2-js .subtotalProducts, .basket-resume-v2 .totals-resume-v2-js .shippingPrice, .basket-resume-v2 .totals-resume-v2-js .paymentPrice { margin-left: -45px; } .totals-resume-v2-js #balanceCodesApplied .balanceCodeInfo { margin-left: 0; } } @media (min-width: 992px) { .totals-resume-v2-js .balanceCodesApplied, .basket-resume-v2 .totals-resume-v2-js .subtotalProducts, .basket-resume-v2 .totals-resume-v2-js .shippingPrice, .basket-resume-v2 .totals-resume-v2-js .paymentPrice { margin-left: -80px; } .totals-resume-v2-js #balanceCodesApplied .balanceCodeInfo { margin-left: 0; } } .discountBasketAppliedCustom { font-family: var(--body-font); font-weight: 500; font-size: 14px; } .totals-resume-v2-js #balanceCodesApplied .deleteBalanceCode.glyphicon-trash { color: #888; font-size: 15px; line-height: 1; width: 30px; height: 30px; display: block; text-align: center; position: relative; border-radius: 50%; padding: 7px; position: absolute; top: 7px; right: -6px; } .totals-resume-v2-js #balanceCodesApplied .deleteBalanceCode.glyphicon-trash:hover { background-color: transparent; } .totals-resume-v2-js #balanceCodesApplied .deleteBalanceCode.glyphicon-trash:before { content: ""; background-image: url(../img/removeIcon.svg); background-image: url(../img/removeIcon.svg); width: 12px; height: 15px; display: block !important; background-size: 10px; background-repeat: no-repeat; margin: 0 auto; background-position: center; } .totals-resume-v2-js #discountCodesApplied, .totals-resume-v2-js #balanceCodesApplied .outputUsingCode, .totals-resume-v2-js #balanceCodesApplied .outputWithTaxInc+.outputWithTaxInc, .totals-resume-v2-js #balanceCodesApplied .outputWithTotalDiscount, .totals-resume-v2-js #balanceCodesApplied .balanceCodesTitle { display: none; } .totals-resume-v2-js #balanceCodesApplied .outputWithTaxInc { font-family: var(--body-font); font-weight: 500; text-transform: uppercase; } .totals-resume-v2-js #balanceCodesApplied .discountUnitGroup { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; height: auto; line-height: 1.2; padding-top: 15px; } .totals-resume-v2-js #balanceCodesApplied .discountUnitGroup .outputDiscountName { padding-right: 5px; } /* Tokenize */ .paymentShipping-v2 .tokenize { clear: both; margin-bottom: 20px; } .paymentShipping-v2 .tokenize:before, .paymentShipping-v2 .tokenize:after { content: ""; display: table; } .paymentShipping-v2 .tokenize:after { clear: both; } .paymentShipping-v2 .tokenize .sbc-btn { float: left; } .paymentShipping-v2 .tokenize>span { float: left; padding-left: 10px; width: calc(100% - 20px); font-size: 13px; line-height: 1.2; } .paymentShipping-v2 .paymentSystemsTokens { clear: both; padding-top: 15px; padding-left: 23px; } .paymentShipping-v2 .paymentSystemsTokenInfo { font-size: 13px; position: absolute; top: 38px; left: 20px; display: none; } .paymentShipping-v2 .paymentSystemToken { padding-bottom: 17px; } .paymentShipping-v2 .paymentSystemToken:before, .paymentShipping-v2 .paymentSystemToken:after { content: ""; display: table; } .paymentShipping-v2 .paymentSystemToken:after { clear: both; } .paymentShipping-v2 .paymentSystemToken .check { float: left; } .paymentShipping-v2 .paymentSystemToken .check .sbr-btn { position: relative; top: auto; left: auto; } .paymentShipping-v2 .paymentSystemToken .cardNumber { width: calc(100% - 20px); float: left; padding-left: 10px; } .paymentShipping-v2 .paymentSystemToken .expiryDate label, .paymentShipping-v2 .paymentSystemToken .cardNumber label { float: none; margin-bottom: 0; font-size: 12px; } .paymentShipping-v2 .paymentSystemToken.selected .cardNumber label { color: #000; } .paymentShipping-v2 .paymentSystemToken .cardNumber .logo { width: 42px; margin-top: -3px; float: left; } .paymentShipping-v2 .paymentSystemToken .cardNumber .logo img { height: auto; max-width: 100%; display: block; } .paymentShipping-v2 .paymentSystemToken .cardNumber .logo+.title { padding-left: 10px; } .paymentShipping-v2 .paymentSystemToken .cardNumber .title { float: left; padding-right: 10px; font-family: var(--body-font); font-weight: 400; } .paymentShipping-v2 .paymentSystemToken .cardNumber .text { float: left; font-family: var(--body-font); font-weight: 400; } .paymentShipping-v2 .paymentSystemToken .expiryDate { clear: both; padding-left: 30px; font-size: 12px; color: #999; padding-top: 5px; } .paymentShipping-v2 .paymentSystemToken div { float: none; } .paymentShipping-v2 .paymentSystemToken div:not(.expiryDate) { float: left; } .paymentSystemsTokens .paymentSystemToken:last-child { padding-bottom: 0; } /* 19/12/2018 - cannon show - joel */ .basket-page-v2 table.basket tr.vinculatedBasketProduct .total-item { padding-top: 40px; } .vinculateddLinkDisabled { color: #000; } .customQuantityV2 .noedit { width: 120px; background-color: transparent; height: 40px; line-height: 40px; font-family: var(--body-font); font-weight: 500; font-size: 16px; padding: 0; text-align: center; border: 0; box-shadow: none; color: #000; display: block; } .basket-page-v2 tr.vinculatedBasketProduct span.basketProductName .vinculateddLinkDisabled { margin-right: 10px; } .basket-page-v2 tr.vinculatedBasketProduct span.basketProductName a.moreinfolinkvinc { font-family: var(--body-font); font-weight: 400; font-size: 14px; color: #888; border-bottom: 1px solid #888; line-height: 1; display: inline-block; } .basket-page-v2 tr.vinculatedBasketProduct span.basketProductName .popover { border: 1px solid #ddd; border-radius: 0; max-width: 100%; margin-left: 25px; } .basket-page-v2 tr.vinculatedBasketProduct span.basketProductName .popover .popover-content { padding: 14px 20px; font-size: 15px; color: #777; font-family: var(--body-font); font-weight: 400; } .basket-page-v2 tr.vinculatedBasketProduct span.basketProductName .popover .popover-content a { color: #333; font-family: var(--body-font); font-weight: 500; border-bottom: 1px solid #888; } @media (min-width: 992px) { .basket-page-v2 tr.vinculatedBasketProduct .customQuantityV2 { padding-top: 28px; } } @media (max-width: 991px) { .customQuantityV2 .noedit { font-size: 28px; } } @media (max-width: 499px) { .customQuantityV2 .noedit { font-size: 23px; } .basket-page-v2 tr.vinculatedBasketProduct img.productSmallImage[style*="none"] { height: 80px; } .basket-page-v2 tr.basket.basketProduct.vinculatedBasketProduct { min-height: 100px; } .basket-page-v2 tr.vinculatedBasketProduct span.basketProductName a.moreinfolinkvinc { font-size: 12px; } } @media (max-width: 359px) { .basket-page-v2 tr.basket.basketProduct.vinculatedBasketProduct .basketProductInfo { min-height: 64px; } } @media (max-width: 349px) { .customQuantityV2 .noedit { font-size: 20px; height: 30px; line-height: 30px; width: 100px; } } .basket-page-v2 .productPackContainer>.productPackTitle, .basket-page-v2 .productPack a.basketProductName { color: #000; } .basket-page-v2 .productPack a.basketProductName:hover { color: var(--color-purple); } .basket-page-v2 .productPack { width: calc(100% - 120px); float: left; } .basket-page-v2 .productThumbPack { clear: left; float: left; width: 100%; } .basket-page-v2 .productThumbPack .basketProductInfo { width: calc(100% - 115px); } .basket-page-v2 .productPack:before, .basket-page-v2 .productPack:after, .basket-page-v2 .productThumbPack:before, .basket-page-v2 .productThumbPack:after { content: ""; display: table; } .basket-page-v2 .productPack:after, .basket-page-v2 .productThumbPack:after { clear: both; } .basket-page-v2 .productPackSpacer { float: left; margin: 8px 0 0; width: 100%; } .basket-page-v2 .productPackContainer>.productPackTitle { margin-bottom: 15px; } .basket-page-v2 .basketPackProduct .addAccesories { display: none !important; } .basket-resume-v2 table.basket>tbody>tr>td.basketProduct .basketProductName+.basketProductName:before { content: " + "; } .basket-resume-v2 table.basket .productPack .productPackTitle, .basket-resume-v2 table.basket .productPack .productThumbPack { display: none !important; } @media (max-width: 991px) { .basket-page-v2 .productPackContainer>.productPackTitle { padding-left: 130px; } .basket-page-v2 .productPackContainer>.productPackTitle+.customQuantityV2 { margin-left: 115px; margin-bottom: 20px; } .basket-page-v2 .productPack { width: 100%; } } @media (max-width: 499px) { .basket-page-v2 .productPackContainer>.productPackTitle { padding-left: 95px; } .basket-page-v2 .productPackContainer>.productPackTitle+.customQuantityV2 { margin-left: 80px; } } @media (max-width: 449px) { .basket-page-v2 .productPackContainer>.productPackTitle { padding-left: 0; } .basket-page-v2 .productPackContainer>.productPackTitle+.customQuantityV2 { margin-left: 0; margin-bottom: 30px; } } #vinc-prds-cont-v2-modal .swiper-slide { height: auto; } /* New css for checkout and new header */ /* custom hiddens */ .is-checkout #miniBasket, .is-checkout .mini-basket-desktop-fixed, .is-checkout .header-v2 .header-v2-basket[data-open="new-mini-basket"], .is-checkout .header-v2 .col-header-v2-burger, .is-checkout .header-v2 .col-header-v2-search-and-user, .is-checkout .header-v2 .col-header-v2-links, .header-v2 .col-header-steps-checkout, .is-checkout .header-v2 .col-header-v2-basket, .fluidContent-customer .header-v2 .col-header-v2-search, .fluidContent-paymentAndShipping .header-v2 .col-header-v2-search, .fluidContent-deniedOrder .header-v2 .col-header-v2-search { display: none !important; } /* custom showns */ .is-checkout .header-v2 .col-header-steps-checkout, .fluidContent-basket .header-v2-basket.header-v2-basket-chk, .fluidContent-confirmOrder .header-v2-basket.header-v2-basket-chk { display: block !important; } .is-checkout .header-v2 .col-header-v2-search { width: calc(100% - 280px); } /* more large search */ @media (max-width: 479px) { .is-checkout .header-v2 .col-header-v2-logo { padding-left: 10px; } } @media (max-width: 991px) { .fluidContent-basket .header-v2-basket.header-v2-basket-chk, .fluidContent-confirmOrder .header-v2-basket.header-v2-basket-chk { display: none !important; } } /* End New css for checkout and new header */ /* Fix Sequra widget's height */ .fluidContent-paymentAndShipping .sequra-promotion-widget .zoid-tag-promotion-widget-component { height: 110px !important; } /* Compra como invitado - Joel Torner - 07/03/2019 */ .guest-disclaimer { padding-bottom: 15px; color: #777; font-size: 13px; text-align: left; } .title-additional-address { font-family: var(--body-font); font-weight: 500; font-size: 20px; line-height: 1; padding-bottom: 25px; padding-top: 10px; } @media (max-width: 1399px) { .title-additional-address { padding-top: 20px; } } /* End Compra como invitado - Joel Torner - 07/03/2019 */ #addressBookFormModal .addressBookForm .form-group#userFieldCityContainer { margin-top: 10px; } .addressBookAction span { pointer-events: none; } .addressBookAction .addother { display: none; } .addressBookAction .add { display: inline; } .paymentSystemToken .cardNumber .logo { width: auto; } .paymentSystemToken .cardNumber .logo img { display: none; } .paymentSystemToken+.paymentSystemToken .cardNumber:before { content: ""; display: block; width: 78px; height: 20px; background-image: url("../img/visaMastercardIcon.png"); float: left; margin-right: 10px; } .basket-v2-table-wrap .customQuantityV2 .noedit { text-indent: 25px; } @media (max-width: 499px) { .basket-v2-table-wrap .customQuantityV2 .noedit { text-indent: 0px; } } .basket-page-v2 table.basket tr.vinculatedBasketProduct .total-item { padding-top: 5px; } body .MR-Widget { width: 100%; } body .MRW-Container label { width: 60px; } #mondial-relay-modal .btn.btn-primary { font-size: 16px; min-width: 120px; float: right; } #modalSibsForm .wpwl-form .wpwl-button-pay { color: #fff; background-color: #703cdf; border-color: #703cdf; border-radius: 7px; width: 50%; min-width: 160px; font-family: var(--body-font); font-weight: 500; font-size: 16px; margin-top: 10px; } #modalSibsForm .wpwl-form .wpwl-button-pay:hover { background: #4d1e92; } @media(min-width: 992px) { #modalSibsForm .modal-lg { width: -webkit-max-content; width: -moz-max-content; width: max-content; } #modalSibsForm .modal-lg .fluidModalContainer { margin: 0px 30px; } #modalSibsForm .wpwl-form { margin-bottom: 0px; } } #modalSibsForm input { display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } #modalSibsForm input:focus { background-color: #FAFFBD !important; } #modalSibsForm select { border-radius: 5px; border-color: #adadad; box-shadow: none; color: #9d9d9d; padding-top: 7px; padding-bottom: 7px; height: 34px; font-size: 12px; } #modalSibsForm .wpwl-label-countryCodePhone { clear: both; } #modalSibsForm .wpwl-group-customerEmail { margin-bottom: 0px; } .SIBSMethodInfo { margin: 24px auto 24px auto; max-width: 30em; } .SIBSMethodInfo.MBWAYINFO { display: none; } #modalSibsForm #SIBSMultibancUserEmail, #modalSibsForm #SIBSMultibancUserEmail:hover, #modalSibsForm #SIBSMultibancUserEmail:focus, #modalSibsForm #SIBSMultibancUserEmail::-moz-selection { margin-top: 15px; background-color: #ccc; background: #ccc; cursor: not-allowed; } #modalSibsForm #SIBSMultibancUserEmail, #modalSibsForm #SIBSMultibancUserEmail:hover, #modalSibsForm #SIBSMultibancUserEmail:focus, #modalSibsForm #SIBSMultibancUserEmail::selection { margin-top: 15px; background-color: #ccc; background: #ccc; cursor: not-allowed; } .confirmOrderSibsContainer { margin: 0 auto; text-align: center; font-size: 15px; margin-bottom: 15px; max-width: 50%; } .confirmOrderSibsContainer .sibsParameters { width: 50%; margin: 15px auto; } .confirmOrderSibsContainer .sibsInformation { text-align: left; } .confirmOrderSibsContainer .sibsInformationLabel { display: inline-block; text-align: left; font-weight: bold; width: 70%; padding-left: 10%; } .confirmOrderSibsContainer .sibsInformationValue { display: inline-block; text-align: left; max-width: 20%; } @media(max-width:1199px) { .confirmOrderSibsContainer .sibsParameters { width: 75%; } } @media(max-width:768px) { .confirmOrderSibsContainer .sibsParameters { width: 100%; } .confirmOrderSibsContainer .sibsInformationLabel { padding: 0px; } } @media(max-width:400px) { .confirmOrderSibsContainer { max-width: 60%; } } .SIBSMethodInfo img { max-width: 190px; display: block; height: auto; margin: 0 auto 30px; } html body .MR-Widget.MR-Widget-Responsive { overflow: visible; } .block-steps-default { margin-left: auto; display: table; } .block-steps-default .basketStep { float: left; position: relative; } .block-steps-default .basketStep+.basketStep { padding-left: 10px; } .block-steps-default .step-inner { display: flex; align-items: center; } .block-steps-default .step-name { font-family: var(--body-font); font-weight: 500; font-size: 14px; color: #d3d3d3; padding-left: 8px; line-height: 1.1; display: none; } .block-steps-default .step-circle { width: 26px; height: 26px; display: block; border: 2px solid #242424; text-align: center; line-height: 1; padding: 5px 0; font-family: var(--body-font); font-weight: 500; border-radius: 50%; font-size: 13px; background-color: #242424; color: #eeeeee; position: relative; } .block-steps-default .basketStepDone.basketStep .step-circle, .block-steps-default .basketStepSelected.basketStep1 .step-circle { background-color: #d6ff33; border-color: #d6ff33; color: #242424; } .block-steps-default .basketStepSelected.basketStep2 .step-circle, .block-steps-default .basketStepSelected.basketStep3 .step-circle { color: #d2ff33; border-color: #d2ff33; } .block-steps-default .basketStepDone .step-name, .block-steps-default .basketStepSelected .step-name { color: var(--color-primary); } .block-steps-default .step-circle .icon { position: absolute; top: 0; right: 0; left: 0; bottom: 0; width: 70%; height: 70%; margin: auto; } .is-checkout .col-header-v2-logo { width: calc(100% - 155px); padding-left: 16px; } .col-header-steps-checkout { float: left; height: 60px; padding: 17px 16px 17px 0px; width: 155px; } @media (min-width: 480px) { .block-steps-default .basketStep+.basketStep { padding-left: 15px; } } @media (min-width: 650px) { .is-checkout .col-header-v2-logo { width: 203px; } .col-header-steps-checkout { width: calc(100% - 203px); } .block-steps-default .step-name { display: block; } } @media (min-width: 768px) { .is-checkout .col-header-v2-logo { width: 222px; } .col-header-steps-checkout { width: calc(100% - 222px); } .col-header-steps-checkout { height: 68px; padding-block: 20px; } } @media (min-width: 992px) { .col-header-steps-checkout { width: calc(100% - 532px); } .is-checkout .header-v2 .col-header-v2-search { width: 310px; } .is-checkout .header-v2-container { display: flex; align-items: center; } .is-checkout .header-v2 .col-header-v2-search { padding: 0; } .is-checkout .col-header-v2-logo { margin-right: auto; } .is-checkout .col-header-v2-logo, .is-checkout .header-v2 .col-header-v2-search, .is-checkout .col-header-steps-checkout { width: auto; } .is-checkout .header-v2 .col-header-v2-search { flex-grow: 2; padding: 0 30px; } .is-checkout .col-header-steps-checkout { margin-left: auto; } } @media (min-width: 1200px) { .block-steps-default .step-name { font-size: 14px; } .block-steps-default .basketStep+.basketStep { padding-left: 110px; } .block-steps-default .basketStep+.basketStep:before { content: ""; display: block; width: 80px; height: 3px; background-color: #6a6a6a; float: left; margin-right: 15px; border-radius: 1px; position: absolute; top: 50%; left: 15px; } .block-steps-default .basketStep+.basketStepDone:before, .block-steps-default .basketStep+.basketStepSelected:before { background-color: #505050; } .is-checkout .col-header-v2-logo { margin-right: 0; } .is-checkout .header-v2 .col-header-v2-search { /* max-width: 410px; */ margin-right: auto; } } /* user/user */ .title-social-login-customerv2 { font-family: var(--body-font); font-weight: 500; font-size: 20px; line-height: 1; padding-bottom: 25px; } .msg-social-login-customerv2 { font-size: 14px; color: #888; } .customer-v3 .title-social-login-customerv2 { text-align: center; } .customer-v3 .msg-social-login-customerv2 { text-align: center; margin-bottom: 15px; } @media (min-width: 768px) { .fbcontUserNew .msg-social-login-customerv2 { text-align: left; } } /* ----------------- Section login ------------------- */ .section-login .userText, .section-login .userTitleAnonymous { display: none; } .section-login .signInFormFieldsContainer { margin-bottom: 0; } .section-login .basketButtons { padding: 0; } .section-login.section-checkout-customer { padding-top: 0; padding-bottom: 0; } .section-login .wrap { padding: 30px 0; } .section-login #loginLostPassword, .section-login #smallLoginLostPassword { margin-bottom: -10px; /* padding: 10px; */ display: block; text-align: center; padding: 10px; color: #888; font-size: 13px; } .section-login .smallLoginButton { height: 45px; line-height: 45px; } .section-login .loginFormSubmit, .section-login .basketButtons .btn { display: block; width: 100%; } .section-login .center-block { padding: 30px; background-color: #fff; max-width: 450px; margin: auto; border: 1px solid #ddd; margin-top: 20px; } .section-login .center-block-tabs { max-width: 450px; margin: 0 auto; } .section-login .tab-content-login { background-color: #fff; padding: 20px; border: 1px solid #ddd; border-top: 0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; } .section-login .nav-tabs-login { margin-bottom: -1px; display: flex; } .section-login form#loginForm { padding-top: 15px; } .section-login .tab-content>div { padding-top: 0; padding-bottom: 0; border: 0; } .section-login .nav-tabs-login>li>a { width: 100%; border-radius: 0; height: 52px; padding: 5px 25px; text-align: center; font-size: 14px; color: #888; background-color: #eee; border-color: #eee; display: flex; align-items: center; justify-content: center; } .section-login .nav-tabs-login>li:first-child>a { border-top-left-radius: 20px; } .section-login .nav-tabs-login>li:last-child>a { border-top-right-radius: 20px; } .section-login .nav-tabs-login>li { margin-bottom: 0; width: 50%; } .section-login .nav-tabs-login>li>a { line-height: 1.1; white-space: nowrap; font-family: var(--title-font); font-weight: 500; text-align: center; padding: 0 20px; height: 64px; margin-right: 0; letter-spacing: -0.04em; } @media(min-width: 400px) { .section-login .nav-tabs-login>li>a { font-size: 16px; } } .section-login .nav-tabs-login>li.active>a { color: #000; font-size: 1.25em; cursor: default; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; } .section-login .nav-tabs-login>li:not(.active)>a { background-color: #e4e4e4; border-color: #e4e4e4; } .section-login .nav-tabs-login>li:not(.active):last-child>a { border-bottom-left-radius: 20px; } .section-login .nav-tabs-login>li:not(.active):first-child>a { border-bottom-right-radius: 20px; } .section-login .nav-tabs-login>li:last-child>a { border-left: 0; } .section-login .nav-tabs-login>li:first-child>a { border-right: 0; } .section-login .nav-tabs-login>li:not(.active)>a:hover { background-color: #d9d9d9; border-color: #d9d9d9; } .section-login .availableCountries .col-md-8, .section-login .availableCountries .col-md-4 { width: 100%; padding-left: 15px; padding-right: 15px; } .flexbox .fluidContent-customer .main-wrap-layout { display: flex; align-items: center; min-height: calc(100vh - 60px); background-color: #f9f9f9; } .flexbox .fluidContent-customer .main-wrap-layout main { background-color: #f9f9f9; } @media (min-width: 480px) { .section-login .wrap { padding: 60px 10px; } .section-login .tab-content-login { padding: 30px; } .section-login .nav-tabs-login>li>a { padding: 0 30px; } .section-login .nav-tabs-login>li>a { font-size: 18px; } } @media (min-width: 768px) { .section-login .wrap { padding-top: 80px; padding-bottom: 80px; } .flexbox .fluidContent-customer .main-wrap-layout { min-height: calc(100vh - 66px); } } @media (min-width: 1200px) { .flexbox .fluidContent-customer .main-wrap-layout { min-height: calc(100vh - 62px); } } .customer-v3 #userFormFieldsContainer { padding-top: 0; padding-bottom: 0; } .customer-v3 #userForm>.form-message+div.formField.userField { display: none; } .customer-v3 #userFieldUserTypeContainer { margin-bottom: 15px; } .customer-v3 #userFieldUserTypeContainer>li { width: 50%; float: left; } .customer-v3 #userFieldUserTypeContainer>li.active>a { background-color: #E5097F; color: #FFF; border-color: #e5097f; } .customer-v3 #userFieldUserTypeContainer>li:not(.active)>a:hover { background-color: #d6d6d6; color: #333; } .customer-v3 #userFieldUserTypeContainer>li>a { padding: 8px 12px; font-size: 14px; width: 100%; border-radius: 4rem; margin-right: 0; line-height: 1.3; border: 1px solid transparent; } .customer-v3 #userFieldUserTypeContainer>li:nth-child(3) { display: none; } #userForm label, form#changePasswordForm label, form#lostPasswordForm label, .customer-v2 #smallLoginForm label { font-family: var(--body-font); font-weight: 400; color: #777; font-size: 12px; } .customer-v3 #userForm input#customerBasketContinue { margin-top: 20px; } .section-checkout-customer .userForm { max-width: 800px; margin: 0 auto; } .section-checkout-customer .userForm .legalTextLinks { padding-top: 10px; } .section-checkout-customer #userFormFieldsContainer, .section-checkout-customer #shippingAddressFormFieldsContainer { background-color: #fff; padding: 20px; margin-bottom: 20px; padding: 30px 20px; border-radius: 3px; } .section-checkout-customer .formFields.userFormFields .form-group:last-child { margin-bottom: 0; } .section-checkout-customer .blockAddressBook { background-color: #fff; padding: 30px 20px 30px; margin-bottom: 0; } .section-checkout-customer .blockAddressBook.shipping { margin-bottom: 20px; } .section-checkout-customer .addressBook { padding: 15px 20px; border: 1px solid #ddd; border-radius: 8px; margin-bottom: 20px; position: relative; background-color: #f6f6f6; transition: border-color 350ms ease-in-out; box-shadow: none; } .section-checkout-customer .addressBook:hover { border-color: #b5b5b5; } .section-checkout-customer .addressBook.selected { border-color: #a2a2a2; background-color: #fff; } .section-checkout-customer .addressBook.selected.has-error { border-color: #f44336; } .section-checkout-customer .addressBook label { float: left; width: calc(100% - 55px); margin-left: 30px; margin-bottom: 0; font-size: 14px; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .section-checkout-customer .addressBook a:not([data-radiobutton]) { padding: 18px; margin: 0; text-align: right; position: absolute; top: 0; right: 0; line-height: 18px; display: block; fill: #646464; z-index: 2; cursor: pointer; background: transparent; } .section-checkout-customer .addressBook a:not([data-radiobutton]):hover { fill: var(--color-purple); } .section-checkout-customer .addressBook a:not([data-radiobutton]) .icon { width: 14px; height: 14px; pointer-events: none; display: block; } .section-checkout-customer .box { clear: both; font-size: 12px; color: #999; padding-top: 8px; } .section-checkout-customer .box .address>span { display: inline-block; margin-right: 8px; text-transform: lowercase; } .section-checkout-customer .box .address>span:empty { display: none; } .section-checkout-customer .box .address>span:first-letter { text-transform: uppercase; } .section-checkout-customer .formTitle.userTitle, .section-checkout-customer .blockAddressBook .title { display: block; max-width: 100%; margin-bottom: 22px; font-family: var(--title-font); font-weight: 500; font-size: 18px; line-height: 1; letter-spacing: -0.04em; } .section-checkout-customer .formTitle.userTitle { display: none; } .section-checkout-customer .notAvailableAddress { display: block; padding-bottom: 30px; padding-top: 10px; color: #999; } .section-checkout-customer #userFieldUseShippingAddressContainer { margin-top: -20px; padding: 20px; background-color: #fff; margin-bottom: 20px; border-top: 1px solid #ddd; display: flex; } .section-checkout-customer .userField.addressBookField { padding: 20px; background-color: #fff; margin-bottom: 20px; border-top: 1px solid #ddd; display: flex; flex-direction: row-reverse; } .section-checkout-customer #userFieldUseShippingAddressContainer input, .section-checkout-customer .userField.addressBookField input { width: 16px; height: 16px; margin-top: 0; } .section-checkout-customer #userFieldUseShippingAddressContainer label, .section-checkout-customer #userForm .userField.addressBookField label { width: calc(100% - 20px); padding-left: 10px; float: left; margin: 0; text-align: right; float: right; text-align: left; } .section-checkout-customer #userFieldUseShippingAddressContainer:before, .section-checkout-customer #userFieldUseShippingAddressContainer:after, .section-checkout-customer .userField.addressBookField:before, .section-checkout-customer .userField.addressBookField:after { content: ""; display: table; } .section-checkout-customer #userFieldUseShippingAddressContainer:after, .section-checkout-customer .userField.addressBookField:after { clear: both; } .section-checkout-customer #userFieldUseShippingAddressContainer input, .section-checkout-customer .userField.addressBookField~input { float: left; } .section-checkout-customer #smallLoginCreateAccount { display: none; } .section-checkout-customer .basketButtons .btn { display: block; width: 100%; margin-bottom: 15px; } .section-login-customer .basketButtons { display: flex; flex-wrap: wrap; } .section-login-customer .basketButtons .basketEndOrder { margin-bottom: 15px; order: 1; } .section-login-customer .basketButtons .basketContinueShopping { order: 2; } .section-checkout-customer .addressBook a.jquery-radiobutton { border: 0; position: absolute; left: 0; right: 0; bottom: 0; top: 0; width: 100%; height: 100%; border-radius: 0; background-color: transparent; margin: 0; } .section-checkout-customer .addressBook a.jquery-radiobutton:before { display: block; position: absolute; content: ''; border-radius: 100%; height: 8px; width: 8px; top: 20px; left: 25px; z-index: 10; margin: auto; } .section-checkout-customer .addressBook a.jquery-radiobutton:after { content: ""; height: 18px; width: 18px; background-color: #fff; border-radius: 50%; position: absolute; left: 20px; top: 15px; border: 1px solid #ddd; } .addressBookFormModalTitle { font-family: var(--title-font); font-weight: 500; font-size: 20px; line-height: 1; padding-bottom: 30px; letter-spacing: -0.04em; } #userAddressBookFieldphoneContainer { float: left; width: 50%; padding-right: 7.5px; } #userAddressBookFieldnifContainer { float: left; width: 50%; padding-left: 7.5px; } .countryModesContent.tab-content>div { border: 0; padding-top: 0; padding-bottom: 0; } .section-checkout-customer .basketButtons { padding: 0; } .section-checkout-customer { padding-top: 15px; padding-bottom: 15px; } .guest-message-check { display: block; margin-top: 15px; background: #fafafa; padding: 15px; position: relative; border-radius: 3px; clear: both; text-align: center; font-size: 14px; color: #333; } .guest-message-check:after { bottom: 100%; left: 5%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0); border-bottom-color: #fafafa; border-width: 12px; margin-left: 0; } input#signIn:checked~.guest-message-check { display: none; } @media (min-width: 480px) { .section-checkout-customer #userFieldUseShippingAddressContainer, .section-checkout-customer .userField.addressBookField { padding: 20px 30px; } .section-checkout-customer #userFormFieldsContainer, .section-checkout-customer #shippingAddressFormFieldsContainer { padding: 40px 30px; } .section-checkout-customer .blockAddressBook { padding: 40px 30px 40px; } .section-checkout-customer .blockAddressBook.shipping { padding-bottom: 40px; } } @media (min-width: 768px) { .section-checkout-customer { padding-top: 25px; padding-bottom: 25px; } } @media (min-width: 992px) { .section-checkout-customer { padding-top: 60px; padding-bottom: 60px; } .section-checkout-customer .formTitle.userTitle, .section-checkout-customer .blockAddressBook .title { font-size: 20px; } .section-checkout-customer .basketButtons .basketEndOrder { width: 280px; float: right; } .section-checkout-customer .basketButtons .basketContinueShopping { width: 280px; float: left; } } @media (max-width: 991px) { .section-checkout-customer .basketButtons { display: flex; flex-wrap: wrap; } .section-checkout-customer .basketButtons .basketEndOrder { order: 1; } .section-checkout-customer .basketButtons .basketContinueShopping { order: 2; } } .shipping-output-basket-line { margin-bottom: 2px; } .unique-shipping-basket-msg { text-align: center; margin-top: 30px; margin-bottom: 20px; color: var(--color-purple); font-family: var(--body-font); font-weight: 500; font-size: 14px; } .paymentShipping-v2 .basket-resume-v2-cloned-js:before { content: ""; display: block; position: absolute; top: -12px; height: 12px; width: calc(100% - 25px - 25px); left: 25px; right: 25px; background-size: 11px; background-position: center 4px; background-repeat: repeat-x; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 96 75'%3E%3Cpath fill='%23efefef' d='M0 74.99936L47.8842 0l47.8842 74.99936H0z'/%3E%3C/svg%3E"); } .paymentShipping-v2 .basket-resume-v2-cloned-js { position: relative; } .PaS-shipping-cont.basket-shipping-cont .output-stock-management>* { padding-right: 25px; margin-bottom: 10px; } @media (min-width: 480px) { .paymentShipping-v2 .basket-resume-v2-cloned-js:before { width: calc(100% - 38px - 38px); left: 38px; right: 38px; } .PaS-shipping-cont.basket-shipping-cont .output-stock-management>* { padding-right: 38px; } } .PaS-shipping-cont-desktop.basket-shipping-cont .output-stock-management>* { padding-right: 0; margin-bottom: 5px; } .fluidContent-paymentAndShipping .shipping-output-basket-line { font-size: 12px; } .shipping-output-basket-line p { display: inline; font-size: inherit; margin: 0; } .giftSubtitleName { display: block; font-family: var(--body-font); font-weight: 400; padding: 0; font-size: 12px; color: #666; letter-spacing: 0.025em; padding-top: 5px; } @media(max-width:991px) { .paymentShipping-v2 div.basketSelector label, .mondialName, .mondialPrice { font-size: 14px; } } #userCustomTags { clear: both; } .section-checkout #userCustomTags { padding: 20px; padding-top: 0px; } #userCustomTags .title, #userCustomTags label.userField { display: block; } #userCustomTags .title { font-weight: 13px; font-weight: 500; } #userCustomTags .title>span { display: inline-block; margin-top: 5px; font-size: 12px; font-weight: 400; } #userCustomTags .formFieldRadioValue { display: inline-block; min-width: 50px; } #userCustomTags .jquery-radiobutton-wrapper { float: left; } #userCustomTags .formFieldRadioName { padding-left: 10px; } .blockAddressBook .auxuserWantsInvoice { padding: 20px 60px; } .blockAddressBook .auxuserWantsInvoice .invoiceCTTitle { margin-bottom: 8px; } .blockAddressBook .auxuserWantsInvoice .title { font-weight: 500; font-size: 14px; color: #777; } .blockAddressBook .auxuserWantsInvoice .title>span { display: inline-block; font-weight: 400; font-size: 13px; } .blockAddressBook .auxuserWantsInvoice .optionValue { display: inline-block; min-width: 50px; } .blockAddressBook .auxuserWantsInvoice .optionValue label { padding-left: 5px; font-weight: 400; color: #777; } .blockAddressBook .auxuserWantsInvoice .jquery-radiobutton-wrapper { float: left; } .paymentShipping-v2 .auxuserWantsInvoice a.jquery-radiobutton.jquery-radiobutton-on:before { background: var(--color-purple); } @media(min-width:480px) { .section-checkout #userCustomTags { padding: 20px 30px; padding-top: 0px; } } @media(max-width:1399px) { .blockAddressBook .auxuserWantsInvoice { padding: 15px 45px 15px; } } @media(max-width:1399px) { .blockAddressBook .auxuserWantsInvoice { padding: 20px 30px; } } #userFieldSignInContainer, #signInFormFieldsContainer:after { display: none; } .nacexErrorMessage { color: var(--color-red-error); margin-bottom: 10px; } .paymentShipping-v2 div.basketSelector { position: relative; } #nacexAuxContainer { color: #b2cf01; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; padding-top: 20px; padding-left: 25px; } /* Avaliability pickup */ .basket-resume-v2 table.basket>tbody>tr>td.basketProduct .inforow .basketProductInfo { display: none; } .sequra-promotion-widget[data-product="pp3"] .zoid-outlet { height: 130px !important; } /* New canon */ .miniBasketItem.clearfix.vinculatedBasketProduct a[data-minibasket-delete], .basket-v2-table-wrap .vinculatedBasketProduct .basketProductDelete a, .basket-resume-v2 .basket.basketProduct.vinculatedBasketProduct .basketProductDelete a { visibility: hidden; } .vinculatedBasketProduct .prevision-type-value { display: none; } /* #47447 */ .customer-v3 #userFieldUserTypeContainer { display: flex; align-items: stretch; gap: 4px; justify-content: space-between; } .customer-v3 #userFieldUserTypeContainer::before, .customer-v3 #userFieldUserTypeContainer::after { display: none; } .customer-v3 #userFieldUserTypeContainer>li { width: 33%; } .customer-v3 #userFieldUserTypeContainer>li>a { height: 100%; display: flex; align-items: center; justify-content: center; } #shop-content.is-reskyt-app{padding-top:0px;} #shop-content.is-reskyt-app header, #shop-content.is-reskyt-app footer, #shop-content.is-reskyt-app #menu-user-mobile, #shop-content.is-reskyt-app .main-menu-v2.main-menu-v2-mobile{display:none;} .menu-v2-desks.is-reskyt-app.moved{display:none;} .is-reskyt-app #product-body-top form.buyForm.fixed-top-buy-section{top:0px;} @media(max-width: 1199px){ #shop-content.is-reskyt-app .productsPageLeftColumn {top:0px;} } @media(max-width: 991px){ .is-reskyt-app #miniBasket{top:0px;} } .pageheaderTopBar { display: block; background-color: #fff; color: #383838; position: relative; text-align: center; font-family: var(--body-font); font-weight: 500; font-size: 18px; line-height: 1.1; width: 100%; } .pageheaderTopBarTitle { color: #383838; padding-top: 5px; } .pageheaderTopBarContent { color: #383838; overflow: hidden; display: block; text-overflow: ellipsis; white-space: nowrap; padding: 5px; height: 27px; } .pageheaderTopBarContent a { color: #383838; } .pageheaderTopBarImg { position: absolute; top: 7px; right: 60px; max-height: 100%; } @media (max-width: 991px) { .pageheaderTopBarImg { display: none; } .pageheaderTopBar { font-size: 14px; } } /* warranty product vinculated */ .warrantyProductBuyContent svg { max-width: 40px; display: inline-block; max-height: 40px; position: relative; top: 3px; margin-right: 5px; vertical-align: top; } .warrantyProductBuyContent .contentWarranty { display: inline-block; color: #767676; font-size: 14px; /* max-width:calc(100% - 50px); */ } .modular-page .module, .modular-page .module-grid-x3>.inset { padding-top: 20px; padding-bottom: 20px; } .modular-page .module-products-slider-01 { background-color: transparent; } /* breadcrumb */ .modular-page .new-breadcrumb-bar { border: 0; } .modular-page .new-breadcrumb-bar .path.pathLast { display: inline-flex !important; } .modular-page .new-breadcrumb-bar .breadcrumb { padding-left: 0; padding-right: 0; } /* header */ .modular-page .module-header { position: relative; } .modular-page .module-header>.inset { text-align: center; padding: 40px 0; } .modular-page .module-header.module-next-small-round-items-slider>.inset, .modular-page .module-header.module-next-newsletter>.inset { padding-bottom: 60px; } .modular-page .module-header.module-prev-small-round-items-slider.module-next-big-products-slider, .modular-page .module-breadcrumb+.module-header, .modular-page .module-header:first-child { padding-top: 0; } .modular-page .module-breadcrumb+.module-header>.inset { padding-top: 20px; } .modular-page .module-header .header-title { font-size: 30px; margin-bottom: 0; font-family: var(--title-font); letter-spacing: -0.04em; } .modular-page .module-header .header-text { font-size: 16px; } .modular-page .module-header .header-title+.header-text { margin-top: 15px; } .modular-page .module-header.module-next-big-products-slider, .modular-page .module-header.module-next-small-round-items-slider { padding-bottom: 0; } .modular-page .module.module-header.module-next-big-products-slider>.inset { padding-bottom: 60px; } .modular-page .module-big-products-slider.module-prev-header { padding-top: 0; } .modular-page .module-big-products-slider.module-prev-header .big-products-slider-cont { margin-top: -46px; } .modular-page .module-head.module-prev-big-products-slider.module-next-small-round-items-slider { margin-top: -20px; } /* newsletter */ .modular-page .module-newsletter .title { font-size: 26px; font-family: var(--title-font); letter-spacing: -0.04em; font-weight: 500; } .modular-page .module-newsletter .title b { font-weight: 700; } .modular-page .module-newsletter .title+.text { margin-top: 25px; } .modular-page .module-newsletter .text { font-size: 18px; } .modular-page .module-newsletter #smallNewsletterEmailField { height: 40px; border-radius: 30px; padding: 8px 20px; font-size: 16px; } .modular-page .module-newsletter .form .btn.btn-primary { font-family: var(--body-font); font-weight: 500; font-size: 16px; height: 41px; width: 100%; margin-top: 25px; transition: background 350ms ease; } .modular-page .module-newsletter .btn.btn-transparent { font-family: var(--body-font); font-weight: 500; font-size: 16px; height: 40px; -webkit-transition: color 350ms ease; transition: color 350ms ease; border: 0; background: transparent; line-height: 40px; padding: 0 30px; width: 100%; margin-top: 10px; } .modular-page .module-newsletter .caption { margin-top: 38px; } .modular-page .module-newsletter .form { position: relative; padding: 25px 20px 15px; } .modular-page .module-newsletter.module-prev-header .form { margin-top: -75px; } .modular-page .module-newsletter .form label { text-align: center; font-size: 18px; display: block; margin-bottom: 16px; } .modular-page .module-newsletter .col-image { margin-top: 30px; } .modular-page .module-newsletter .col-image img { border-radius: 24px; } /* head */ .modular-page .module.module-head:not(:last-child) { padding-bottom: 0px; } .modular-page .module-head { padding-top: 15px; } .modular-page .module-head .inset { text-align: center; } .modular-page .module-head .title { font-size: 18px; } .modular-page .module-head .text { font-size: 16px; } .modular-page .module-head .title+.text { margin-top: 8px; } .modular-page .module-head.module-next-small-square-items-slider { padding-bottom: 15px; } /* grid-x1-x4 */ .modular-page .module-grid-x1-x4 .item { position: relative; } .modular-page .module-grid-x1-x4 .caption { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 20px 30px; } .modular-page .module-grid-x1-x4 .caption .title { font-size: 16px; } .modular-page .module-grid-x1-x4 .aspect-ratio { background-size: cover; background-position: center; border-radius: 24px; background-repeat: no-repeat; } .modular-page .module-grid-x1-x4 .aspect-ratio:before { content: ""; display: block; padding-top: 88.75% } .modular-page .module-grid-x1-x4 .swiper-slide { width: 90%; } .modular-page .module-grid-x1-x4 .container-fluid { padding-left: 10px; padding-right: 10px; } .modular-page .module-grid-x1-x4 .swiper-container { overflow: visible; } .modular-page .module-grid-x1-x4 .view-more { font-size: 16px; margin-top: 8px; display: block; } /* grid-x4 */ .modular-page .module-grid-x4 .swiper-slide { width: 90%; } .modular-page .module-grid-x4 .swiper-slide img { border-radius: 24px; } .modular-page .module-grid-x4 .container-fluid { padding-left: 10px; padding-right: 10px; } .modular-page .module-grid-x4 .swiper-container { overflow: visible; } .modular-page .module-grid-x4 .caption { padding: 15px 2px 0; } .modular-page .module-grid-x4 .title { font-size: 16px; font-family: var(--title-font); font-weight: 600; letter-spacing: -0.04em; } .modular-page .module-grid-x4 .text { font-size: 15px; margin-top: 5px; } .modular-page .module-grid-x4 { padding-bottom: 35px; } /* image */ .modular-page .module-image img { width: 100%; } /* small-square-items-slider */ .modular-page .module-small-square-items-slider .a-p { display: block; position: relative; background-color: #fff; } .modular-page .module-small-square-items-slider .a-p img { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; margin: auto; max-width: calc(100% - 10px); } .modular-page .module-small-square-items-slider .swiper-slide { padding: 6px; width: 50%; } @media (min-width: 375px) { .modular-page .module-small-square-items-slider .swiper-slide { width: calc(100% / 3); } } @media (min-width: 480px) { .modular-page .module-small-square-items-slider .swiper-slide { width: calc(100% / 4); } } @media (min-width: 560px) { .modular-page .module-small-square-items-slider .swiper-slide { width: calc(100% / 5); } } @media (min-width: 800px) { .modular-page .module-small-square-items-slider .swiper-slide { width: calc(100% / 6); } } @media (min-width: 1000px) { .modular-page .module-small-square-items-slider .swiper-slide { width: calc(100% / 7); } } @media (min-width: 1300px) { .modular-page .module-small-square-items-slider .swiper-slide { width: calc(100% / 8); } } @media (min-width: 1500px) { .modular-page .module-small-square-items-slider .swiper-slide { width: calc(100% / 9); } } .modular-page .module-small-square-items-slider .container-fluid { max-width: 100%; position: relative; padding-left: 20px; padding-right: 20px; } /* module-grid-x3 */ .modular-page .module-head.module-next-grid-x3 { padding-bottom: 0; } .modular-page .module-head.module-next-grid-x3>.inset { padding-top: 35px; padding-bottom: 20px; } .modular-page .module-grid-x3.module-prev-head { padding-top: 0; } .modular-page .module-grid-x3.module-prev-head>.inset { padding-top: 20px; padding-bottom: 35px; } .modular-page .module-grid-x3 { text-align: center; } .modular-page .module-grid-x3 .item-image { margin: 0 auto 15px; } .modular-page .module-grid-x3 .title { font-size: 18px; } .modular-page .module-grid-x3 .text { font-size: 14px; line-height: 1.7; } .modular-page .module-grid-x3 .title+.text { margin-top: 10px; } .modular-page .module-grid-x3 .col+.col { margin-top: 40px; } /* html */ .modular-page .module-html { font-size: 16px; } .modular-page .module-html h2, .modular-page .module-html .h2 { font-size: 18px; } .modular-page .module-html h3, .modular-page .module-html .h3 { font-size: 15px; } .modular-page .module-small-round-items-slider .swiper-slide { width: 38%; height: auto; } .modular-page .module-small-round-items-slider .a-p { height: auto; border-radius: 50%; overflow: hidden; width: 100px; margin: 0 auto; background-color: #FFF; /* no theme, preload image bg */ } .modular-page .module-small-round-items-slider a { display: flex; flex-direction: column; height: 100%; } .modular-page .module-small-round-items-slider .swiper-container { overflow: visible; } .modular-page .module-small-round-items-slider.module-prev-header .swiper-container { margin-top: -50px; } .modular-page .module-small-round-items-slider .title { font-size: 16px; text-align: center; margin-top: 12px; margin-bottom: 10px; font-family: var(--title-font); letter-spacing: -0.04em; text-transform: uppercase; font-weight: 500; flex: 1; display: flex; align-items: center; justify-content: center; } .modular-page .module-big-products-slider.module-prev-head { padding-top: 0; } .modular-page .module-big-products-slider .big-products-slider-cont { position: relative; } .modular-page .module-big-products-slider .swiper-control { width: 40px; height: 100px; top: 50%; margin: 0; margin-top: -50px; } .modular-page .module-big-products-slider .swiper-control .icon { width: 30px; height: 35px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .modular-page .module-big-products-slider .swiper-button-prev { left: 0; } .modular-page .module-big-products-slider .swiper-button-prev .icon { left: 0; } .modular-page .module-big-products-slider .swiper-button-next { right: 0; } .modular-page .module-big-products-slider .swiper-button-next .icon { right: 0; } .modular-page .module-big-products-slider>.inset { padding-top: 20px; padding-bottom: 30px; } .modular-page .module-big-products-slider .swiper-container { overflow: visible; } .modular-page .module-big-products-slider .container-fluid { max-width: 100%; padding-left: 4px; padding-right: 4px; } .modular-page .module-big-products-slider .relative-cont { position: relative; } /* media module slider fullwproducts */ @media (max-width: 767px) { .modular-page .module-big-products-slider .swiper-slide { width: 212px !important; } } @media (min-width: 768px) { .modular-page .module-big-products-slider .swiper-slide { width: 33.3333%; } } @media (min-width: 1200px) { .modular-page .module-big-products-slider .swiper-slide { width: 25%; } } @media (min-width: 1450px) { .modular-page .module-big-products-slider .swiper-slide { width: 20%; } } @media (min-width: 1700px) { .modular-page .module-big-products-slider .swiper-slide { width: 16.6666%; } } .modular-page .module-products-slider-01 .view-more-wrap, .modular-page .module-big-products-slider .view-more-wrap { padding-left: 9px; padding-right: 9px; display: table; margin: 15px auto 0; } .modular-page .module-products-slider-01 .view-more.btn.btn-default, .modular-page .module-big-products-slider .view-more.btn.btn-default { border-radius: 4rem; font-family: var(--title-font); font-weight: 600; font-size: 15px; text-transform: uppercase; white-space: normal; height: 60px; display: flex; align-items: center; justify-content: center; padding: 0 20px; letter-spacing: -0.05em; } .modular-page .module-products-slider:not(.module-next-products-slider) { margin-bottom: 20px; } .modular-page .module.module-products-slider-01 .container-fluid { max-width: 100%; } .modular-page .module-small-round-items-slider .swiper-control .icon { width: 30px; height: 35px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); left: 50%; } .modular-page .module-small-round-items-slider .swiper-control { width: 40px; height: 60px; bottom: 0; margin: 0; top: auto; } .modular-page .module-small-round-items-slider .container-fluid { position: relative; } .modular-page .module-small-round-items-slider .swiper-button-prev { left: 10px; } .modular-page .module-small-round-items-slider .swiper-button-next { right: 10px; } .modular-page .module-grid-x3 .item { max-width: 530px; margin-left: auto; margin-right: auto; } .modular-page .module-header>.inset { position: relative; min-height: 200px; } .modular-page .module-header .inset .container-fluid { position: relative; z-index: 1; } .modular-page .module-breadcrumb .container-fluid { position: relative; z-index: 1; } .modular-page .module-header .bg { position: absolute; top: -52px; left: 0; right: 0; bottom: 0; background-position: center; background-size: cover; } @media (max-width: 991px) { .modular-page .module-newsletter .col-center-i { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modular-page .module-newsletter .caption { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .modular-page .module-newsletter .form { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media (min-width: 480px) { .modular-page .container-fluid { padding-left: 30px; padding-right: 30px; max-width: 650px; } .modular-page .module-grid-x1-x4 .swiper-slide { width: 80%; } .modular-page .module-grid-x4 .swiper-slide { width: 80%; } } @media (min-width: 590px) { .modular-page.theme-black-friday .module-newsletter .form { width: 500px; margin-left: auto; margin-right: auto; } .modular-page .module-grid-x1-x4 .swiper-slide { width: 75%; } .modular-page .module-grid-x4 .swiper-slide { width: 75%; } .modular-page .module-small-round-items-slider .swiper-slide { width: 28%; } } @media (min-width: 768px) { .modular-page .module, .modular-page .module-grid-x3>.inset { padding-top: 25px; padding-bottom: 25px; } .modular-page .container-fluid { max-width: 800px; } .modular-page .module-big-products-slider .container-fluid { max-width: 100%; padding-left: 26px; padding-right: 26px; } .modular-page .module-small-square-items-slider .swiper-slide { padding: 13px; } .modular-page .module-newsletter.module-prev-header .form { margin-top: -80px; } .modular-page .module-grid-x1-x4 .swiper-slide { width: 45%; } .modular-page .module-grid-x4 .swiper-slide { width: 45%; } .modular-page .module-grid-x3 .container-fluid { max-width: 100%; } .modular-page .module-grid-x3 .col+.col { margin-top: 0; } .modular-page .module-grid-x1-x4 .container-fluid, .modular-page .module-grid-x4 .container-fluid { padding-left: 30px; padding-right: 30px; max-width: 100%; } .modular-page .module-small-round-items-slider .swiper-slide { width: calc(25% - 11.25px); margin-right: 15px; } .modular-page .module-small-round-items-slider .swiper-container { overflow: hidden; max-width: 90%; } .modular-page .module-small-round-items-slider.module-prev-header .swiper-container { margin-top: -60px; } .modular-page .module-big-products-slider .swiper-container { overflow: hidden; } .modular-page .module-head.module-prev-big-products-slider.module-next-small-round-items-slider { margin-top: -25px; } } @media (min-width: 992px) { .modular-page .module, .modular-page .module-grid-x3>.inset { padding-top: 30px; padding-bottom: 30px; } .modular-page .container-fluid { max-width: 970px; } .modular-page .module-big-products-slider .container-fluid { max-width: 100%; padding-left: 46px; padding-right: 46px; } .modular-page .module-newsletter .caption { margin-top: 0; } .modular-page .module-newsletter.module-prev-header .form { margin-top: auto; width: auto; padding: 0; } .modular-page .module-newsletter .caption { margin-top: 0; } .modular-page .module-newsletter .col-image { margin-top: 0; } .modular-page .module-header.module-next-newsletter>.inset { padding-bottom: 40px; } .modular-page .module.module-header.module-next-big-products-slider>.inset, .modular-page .module-header.module-next-small-round-items-slider>.inset { padding-bottom: 90px; } .modular-page .module-big-products-slider.module-prev-header .big-products-slider-cont { margin-top: -76px; } .modular-page .module-small-round-items-slider.module-prev-header .swiper-container { margin-top: -80px; } .modular-page .module-newsletter .title { font-size: 20px; } .modular-page .module-newsletter .text { font-size: 16px; } .modular-page .module-newsletter .form label { font-size: 16px; text-align: left; margin-top: 15px; } .modular-page .module-newsletter .caption+.form { margin-top: 30px; } .modular-page .module-newsletter .form .btn.btn-primary { width: 300px; } .modular-page .module-newsletter .btn.btn-transparent { position: absolute; bottom: 0; left: 300px; width: auto; } .modular-page .module-newsletter #smallNewsletterEmailField { max-width: 575px; } .modular-page .module-grid-x4 .swiper-slide, .modular-page .module-grid-x1-x4 .swiper-slide { width: 40%; } .modular-page .module-head.module-next-small-square-items-slider { padding-bottom: 0; } .modular-page .module-small-round-items-slider .swiper-slide { width: calc(20% - 12px); margin-right: 15px; } .modular-page .module-head.module-prev-big-products-slider.module-next-small-round-items-slider { margin-top: -30px; } } @media (min-width: 1200px) { .modular-page .container-fluid { max-width: 100%; } .modular-page .module, .modular-page .module-grid-x3>.inset { padding-top: 40px; padding-bottom: 40px; } .modular-page .container-fluid, .modular-page .module-grid-x1-x4 .container-fluid, .modular-page .module-grid-x4 .container-fluid { padding-left: 45px; padding-right: 45px; } .modular-page .row-flex .col-center-v { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } /* header */ .modular-page .module-header .header-title { font-size: 40px; } .modular-page .module-header .header-text { font-size: 20px; } .modular-page .module-header>.inset { padding: 60px 0; } .modular-page .module-breadcrumb+.module-header>.inset { padding-top: 25px; padding-bottom: 50px; } /* head */ .modular-page .module-head .title { font-size: 26px; } .modular-page .module-head .text { font-size: 20px; } .modular-page .module-grid-x4 .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0) !important; transform: translate3d(0px, 0, 0) !important; margin-left: -10px; margin-right: -10px; } .modular-page .module-grid-x4 .swiper-slide { margin: 0 !important; width: 25% !important; padding: 0 10px; } .modular-page .module-head.module-next-small-square-items-slider { padding-bottom: 0; } .modular-page .module-head.module-next-grid-x3>.inset { padding-top: 45px; padding-bottom: 10px; } .modular-page .module-grid-x3.module-prev-head>.inset { padding-bottom: 45px; } .modular-page .module-grid-x1-x4 .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0) !important; transform: translate3d(0px, 0, 0) !important; margin-left: -10px; margin-right: -10px; } .modular-page .module-grid-x1-x4 .swiper-slide { padding: 0 10px; width: 50% !important; margin: 0 !important; } .modular-page .module-grid-x1-x4 .caption { padding-bottom: 20px; } .modular-page .module-grid-x1-x4 .caption .text { margin-top: 8px; font-size: 14px; line-height: 20px; max-height: 60px; overflow: hidden; } .modular-page .module-grid-x1-x4 .aspect-ratio:before { padding-top: 58.97%; } .modular-page .module-grid-x1-x4 .swiper-slide.small-h { height: calc(50% - 10px); position: absolute; right: 0; top: 0; overflow: hidden; z-index: 1; } .modular-page .module-grid-x1-x4 .swiper-slide.small-h .caption { position: absolute; bottom: 0; left: calc(50% - 10px); right: 0; top: 0; padding-left: 22px; } .modular-page .module-grid-x1-x4 .swiper-slide.small-h .aspect-ratio { width: calc(50% - 10px); border-radius: 24px 0 0 24px; } .modular-page .module-grid-x1-x4 .swiper-slide.small { width: 25% !important; position: absolute; bottom: 0; right: 25%; height: calc(50% - 6px); } .modular-page .module-grid-x1-x4 .swiper-slide.small+.small { left: auto; right: 0; } .modular-page .module-small-round-items-slider .swiper-container { max-width: 992px; } .modular-page .module-small-round-items-slider .swiper-slide { width: calc(16.6666% - 12.5px); margin-right: 15px; } .modular-page .module-header.module-next-small-round-items-slider>.inset { padding-bottom: 100px; } .modular-page .module-small-round-items-slider.module-prev-header .swiper-container { margin-top: -90px; } .modular-page .module-big-products-slider>.inset { padding-top: 32px; padding-bottom: 32px; } .modular-page .module-big-products-slider .view-more-wrap { margin-top: 26px; } .modular-page .module-small-round-items-slider .container-fluid { max-width: 1070px; } .modular-page .module-head.module-prev-big-products-slider.module-next-small-round-items-slider { margin-top: -40px; } } @media (min-width: 1400px) { .modular-page .container-fluid, .modular-page .module-grid-x1-x4 .container-fluid, .modular-page .module-grid-x4 .container-fluid { padding-left: 75px; padding-right: 75px; } .modular-page .module-big-products-slider .container-fluid { max-width: 100%; padding-left: 66px; padding-right: 66px; } .modular-page .module-header .header-title { font-size: 45px; } /* newsletter */ .modular-page .module-newsletter .title { font-size: 26px; } .modular-page .module-newsletter .text { font-size: 20px; } .modular-page.theme-black-friday .module-grid-x1-x4 .caption .title { font-size: 18px; } .modular-page.theme-black-friday .module-grid-x1-x4 .caption .text { font-size: 16px; line-height: 22px; max-height: 66px; } .modular-page.theme-black-friday .module-grid-x1-x4 .swiper-slide.small-h .caption { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .modular-page.theme-black-friday .module-grid-x1-x4 .view-more { margin-top: auto; } .modular-page .module-grid-x4 .title { font-size: 18px; } .modular-page .module-grid-x4 .text { font-size: 16px; } .modular-page .module-grid-x4 .caption { padding: 25px 28px 0; } .modular-page .module-html .wrap { max-width: 1320px; margin-left: auto; margin-right: auto; } } @media (min-width: 1550px) { .modular-page .background-img-ref { display: block; } } @media (min-width: 1600px) { .modular-page.theme-black-friday .module-grid-x1-x4 .swiper-slide.small-h .caption { padding: 30px; } .modular-page .module-grid-x4 .title { font-size: 20px; } .modular-page .module-grid-x4 .text { font-size: 18px; } } /* themes */ .modular-page.theme-black-friday .module-products-slider-01 { background-color: #f2f2f2; } .modular-page.theme-black-friday .module-breadcrumb { background-color: #000; color: #FFF; } .modular-page.theme-black-friday .new-breadcrumb-bar .breadcrumb a.pathFirst::before { background-image: url("data:image/svg+xml,%3Csvg width='40' height='24' viewBox='0 0 40 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 12C0 5.37258 5.37258 0 12 0H28C34.6274 0 40 5.37258 40 12C40 18.6274 34.6274 24 28 24H12C5.37258 24 0 18.6274 0 12Z' fill='white' fill-opacity='0.13'/%3E%3Cpath d='M27.355 11.645L20.705 5H19.29L12.645 11.645L13.35 12.35L14.495 11.205V19H19V14.5H21V19H25.5V11.205L26.645 12.35L27.35 11.645H27.355ZM24.5 18H22V13.5H18V18H15.5V10.205L19.705 6H20.29L24.495 10.205V18H24.5Z' fill='white'/%3E%3C/svg%3E%0A"); } .modular-page.theme-black-friday .new-breadcrumb-bar a:not(:hover) { color: #FFF; } .modular-page.theme-black-friday .module-header>.inset { background-color: #000; color: #FFF; } .modular-page.theme-black-friday .module-newsletter #smallNewsletterEmailField { box-shadow: none; } .modular-page.theme-black-friday .module-newsletter #smallNewsletterEmailField::-webkit-input-placeholder { color: #000; } .modular-page.theme-black-friday .module-newsletter #smallNewsletterEmailField::-moz-placeholder { color: #000; } .modular-page.theme-black-friday .module-newsletter #smallNewsletterEmailField:-ms-input-placeholder { color: #000; } .modular-page.theme-black-friday .module-newsletter #smallNewsletterEmailField:-moz-placeholder { color: #000; } .modular-page.theme-black-friday .module-newsletter .form .btn.btn-primary { background: var(--color-purple); } .modular-page.theme-black-friday .module-newsletter .form .btn.btn-primary:hover, .modular-page.theme-black-friday .module-newsletter .form .btn.btn-primary:active { background: #303030; } .modular-page.theme-black-friday .module-newsletter .btn.btn-transparent { color: var(--color-purple); } .modular-page.theme-black-friday .module-newsletter .btn.btn-transparent:hover, .modular-page.theme-black-friday .module-newsletter .btn.btn-transparent:active { color: #303030; } .modular-page.theme-black-friday .module-newsletter .form { background-color: var(--color-gray-bg); border-radius: 20px; } .modular-page.theme-black-friday .module-head .title { text-transform: uppercase; font-family: var(--title-font); font-weight: 500; letter-spacing: -0.04em; color: var(--color-dark); } .modular-page.theme-black-friday .module-head .title b { font-weight: 600; } .modular-page.theme-black-friday .module-grid-x1-x4 .caption .title { text-transform: uppercase; font-family: var(--body-font); font-weight: 500; } .modular-page.theme-black-friday .module-grid-x1-x4 .view-more { font-family: var(--body-font); font-weight: 500; color: var(--color-purple); } .modular-page.theme-black-friday .module-grid-x4 .text { color: #888; } .modular-page.theme-black-friday .module-small-square-items-slider .a-p { background-color: var(--color-gray-bg); border-radius: 16px; } .modular-page.theme-black-friday .module-small-square-items-slider .a-p img { mix-blend-mode: multiply; } .modular-page.theme-black-friday .module-small-square-items-slider a.a-p:hover { box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.30); } .modular-page.theme-black-friday .module-head.module-next-grid-x3>.inset { background-color: #f2f2f2; } .modular-page.theme-black-friday .module-grid-x3>.inset { background-color: #f2f2f2; } .modular-page.theme-black-friday .module-grid-x3 .title { font-family: var(--body-font); font-weight: 500; } .modular-page.theme-black-friday .module-html h2, .modular-page.theme-black-friday .module-html .h2, .modular-page.theme-black-friday .module-html h3, .modular-page.theme-black-friday .module-html .h3 { text-transform: uppercase; font-family: var(--title-font); font-weight: 600; line-height: 1.5; letter-spacing: -0.04em; } .modular-page.theme-black-friday .module-head.module-next-big-products-slider { background-color: #f2f2f2; } .modular-page.theme-black-friday .module-small-round-items-slider .title { color: #000; } .modular-page.theme-black-friday .module-small-round-items-slider { background-color: #f2f2f2; } .modular-page.theme-black-friday .module-small-round-items-slider .a-p { box-shadow: 0px 2px 10px 0px rgb(115 113 142 / 20%); } .modular-page.theme-black-friday .module-big-products-slider>.inset { background-color: #f2f2f2; } .modular-page.theme-black-friday .module-big-products-slider .swiper-control { fill: #bdbdbd; } .modular-page.theme-black-friday .module-small-round-items-slider .swiper-control { fill: #bdbdbd; } .modular-page.theme-black-friday .module-head.module-next-small-round-items-slider { background-color: #f2f2f2; } .modular-page.theme-black-friday .module-head.module-next-products-slider { background-color: #f2f2f2; } @media (min-width: 768px) { .modular-page.theme-black-friday .module-small-square-items-slider a.a-p:hover { box-shadow: 0 0 17px 2px rgba(0, 0, 0, 0.35); } } @media (min-width: 992px) { .modular-page.theme-black-friday .module-newsletter .form { background-color: transparent; box-shadow: none; } .modular-page.theme-black-friday .module-newsletter .form label { color: var(--color-purple); } } @media (min-width: 1200px) { .modular-page.theme-black-friday .module-grid-x1-x4 .swiper-slide.small-h .caption { background-color: #f2f2f2; border-radius: 0 24px 24px 0; } .modular-page.theme-black-friday .module-grid-x1-x4 .small-h .caption .title, .modular-page.theme-black-friday .module-grid-x1-x4 .small .caption .title { text-transform: none; } } .module-products-slider .swiper-wrapper, .big-products-slider-cont .swiper-wrapper { min-height: 100%; } .module-products-slider .swiper-slide, .big-products-slider-cont .swiper-slide { height: auto; } .view-more-prod-list-cont { padding: 6px; height: 100%; width: 100%; } .view-more-prod-list { background-color: #FFF; height: 100%; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; font-family: var(--body-font); font-weight: 500; font-size: 15px; text-transform: uppercase; padding: 30px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .view-more-prod-list:hover { background-color: #FFF; } .view-more-prod-list>* { width: 100%; } .view-more-prod-list>.icon { width: 75px; height: 75px; margin-top: 15px; fill: var(--color-purple); -webkit-transform: scale(-1, 1); transform: scale(-1, 1); -webkit-transition: all 350ms ease; transition: all 350ms ease; } .view-more-prod-list:hover>.icon { fill: #000; } .small-comparer-basket { height: 66px; background-color: #fff; border: none; } .small-comparer-basket svg { /* height: 68px; */ height: 28px; max-width: 100%; display: inline-block; max-width: 45px; vertical-align: middle; } .small-comparer-basket .comparerLabel, .small-comparer-basket .comparerLabel:hover, .small-comparer-basket .comparerLabel:focus, .small-comparer-basket .comparerLabel:active { font-size: 20px; font-weight: 600; vertical-align: middle; color: #333; } .small-comparer-basket .badge { font-size: 10px; top: 5px; position: absolute; } /* .hasPreheader .header-comparer-dropdown { top: 32px; } */ @media (max-width: 991px) { .header-comparer-dropdown { position: absolute; top: 0; right: 230px; } /* PROVISIONAL HIDE HEADER ICON - 08/02/2023 */ /* .col-header-v2-links { right:260px; } */ #comparer-menu-header { z-index: 999999999; } } @media (min-width: 992px) { .header-comparer-dropdown { position: absolute; top: 0; right: 145px; } } #comparer-menu-header { position: fixed; top: 60px; margin-top: 0; width: 100%; left: 0; right: 0; /* max-height: calc(100% - 60px); */ /* max-height: 400px; */ height: fit-content; overflow: auto; padding: 0; border: 0; max-width: 320px; margin-left: auto; display: block; z-index: 7900; background-color: #FFF; border: 1px solid #f3f2f9; box-shadow: 0 6px 12px rgb(0 0 0 / 18%); -webkit-transition: transform 350ms ease; -webkit-transition: -webkit-transform 350ms ease; transition: -webkit-transform 350ms ease; transition: transform 350ms ease; transition: transform 350ms ease, -webkit-transform 350ms ease; -webkit-transform: translateY(-110%); transform: translateY(-110%); } @media (min-width: 768px) { #comparer-menu-header { top: 66px; /* max-height: calc(100% - 66px); */ } .hasPreheader #comparer-menu-header { top: 98px; } } @media(max-width: 767px) { /* .header-comparer-dropdown { right:205px; } .small-comparer-basket svg { height:50px; } */ /* PROVISIONAL HIDE HEADER ICON - 08/02/2023 */ /* .col-header-v2-links { right:235px; } */ } .comparer-menu-header-open #comparer-menu-header { -webkit-transform: translateY(0%); transform: translateY(0%); } #comparer-menu-header { padding: 20px; } #comparer-menu-header .comparer-dropdown-title { font-weight: 600; font-size: 15px; line-height: 24px; } #comparer-menu-header .comparer-dropdown-text { font-weight: 400; color: #9ea1a2; font-size: 14px; } #comparerBasketContent .comparerBasketBody { margin-top: 30px; margin-bottom: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } #comparerBasketContent .comparerBasketItem { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #9ea1a2; padding: 12px 44px 12px 14px; margin-bottom: 15px; width: 100%; } #comparerBasketContent .glyphicon-trash:before { content: "\f00d"; font-family: 'FontAwesome'; font-size: 17px; } #comparerBasketContent .comparerBasketItem>a { position: absolute; top: 12px; right: 12px; height: 24px; width: 24px; color: #333; fill: #333; } #comparerBasketContent .comparerBasketItem>a svg { width: 20px; height: 20px; } #comparerBasketContent .comparerBasketItemImage { /* width: 75px; height: 75px; */ max-width: 75px; margin-right: 10px; } #comparerBasketContent.comparerBasketItemName { width: calc(100% - 85px); text-align: left; /* font-family: var(--fontRegular); */ font-size: 13px; line-height: 20px; } #comparerBasketContent .comparerBasketItemName a { color: #333; } #comparerBasketContent .comparerBasketItemName a:hover { color: #9ea1a2; } #comparerBasketContent .comparerBasketButtons a, .comparer-back a, .comparer-back a:focus, .comparer-back a:hover, .comparer-back a:active { background: #E5097F; font-size: 20px; font-family: var(--body-font); font-weight: 500; padding: 7px 15px; color: #fff; border: none; } /* #comparerBasketContent .comparer-dropdown-title, #comparerBasketContent .comparer-dropdown-text, #comparerBasketContent .comparerBasketButtons { display: none; } */ /* #comparerBasketContent .comparerBasketItem { border: none; margin: 0; font-family: var(--fontMedium); font-size: 14px; color: #333; text-align: center; display: block; padding-right: 14px; } */ /* #comparerBasketContent img { float:none !important; } */ .catHeaderPictureContainer { margin-bottom: 20px; } #comparer-table { border-color: #D4D4D4; margin: 0; font-size: 14px; } #comparer-table>tbody>tr>td, #comparer-table>tbody>tr>th, #comparer-table>tfoot>tr>td, #comparer-table>tfoot>tr>th, #comparer-table>thead>tr>td, #comparer-table>thead>tr>th { border-top: 0; border-bottom: 0; overflow: hidden; } #comparer-page .table-responsive>.table>tbody>tr>td, #comparer-page .table-responsive>.table>tbody>tr>th, #comparer-page .table-responsive>.table>tfoot>tr>td, #comparer-page .table-responsive>.table>tfoot>tr>th, #comparer-page .table-responsive>.table>thead>tr>td, #comparer-page .table-responsive>.table>thead>tr>th { white-space: normal; word-wrap: break-word; border-color: #D4D4D4; } #comparer-page, .comparer-empty { margin-bottom: 30px; margin-top: 30px; } .comparer-empty #comparer-table, .comparer-empty #comparer-table * { border: 0 !important; color: #666; text-align: center; } #comparer-table.empty-table, #comparer-table.empty-table #empty-comparator td { border-color: #fff; margin: 0; padding: 0; text-align: center; } #comparer-table colgroup col { width: 25%; min-width: 300px; } #comparer-table .product-list { border: 0; padding: 0; min-width: 312px; max-width: 450px; margin: 0 auto; } #comparer-table .product-list .btn { max-width: 275px; } #empty-comparator tr td { padding: 8px 8px; } .shop-content-comparer .buyFormSubmit .quickbuy { display: none; } .shop-content-comparer .buyFormSubmit.btn-quick-buy span:not(.quickbuy) { display: inline; } .shop-content-comparer.shop-content-login-false .buyFormSubmit.btn-quick-buy .hidden-b2c, .shop-content-comparer.shop-content-b2c .buyFormSubmit.btn-quick-buy .hidden-b2c, .shop-content-comparer.shop-content-b2b .buyFormSubmit.btn-quick-buy .hidden-b2b { display: none !important; } /* --- --- */ #comparer-table .comp-title>td { position: relative; padding-bottom: 30px; /* width: 25%;*/ /*min-width: 300px;*/ } #comparer-table .comp-title>td:after { height: 1px; width: calc(100% - 16px); background: #D4D4D4; content: ""; display: block; position: absolute; bottom: 0 } /* --- --- */ #comparer-table .comp-group-row>td { padding: 8px 8px; } #comparer-table .comp-group-row.audio>td { padding-top: 30px; padding-bottom: 30px; } #comparer-table #comp-group-0-row>td { padding: 0px 8px; } #comparer-table #comp-group-0-row+.comp-group-row>td { padding-top: 30px; } #comparer-table .comp-group-row.last>td { padding-bottom: 30px; } #comparer-table .comp-group-row .collapse-toggle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* font-family: var(--fontMedium); */ font-size: 16px; line-height: 26px; height: 26px; color: #1F1F1F; padding-top: 0; padding-bottom: 0; vertical-align: middle; text-align: left; } #comparer-table .comp-group-row .collapse-toggle, #comparer-table .comp-group-row .collapse-toggle:hover, #comparer-table .comp-group-row .collapse-toggle:focus, #comparer-table .comp-group-row .collapse-toggle:active { background: transparent !important; margin-bottom: 15px; } #comparer-table .comp-group-row .collapse-toggle .icon-wrapper { display: inline-block; position: relative; height: 26px; width: 26px; border: 1px solid #1F1F1F; margin-right: 10px; } #comparer-table .comp-group-row .collapse-toggle .icon-wrapper .icon { display: block; position: absolute; height: 16px; width: 16px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); fill: #1F1F1F; } #comparer-table .comp-group-row .collapse-toggle .icon .y-bar { display: none; } #comparer-table .comp-group-row .collapse-toggle.collapsed .icon .y-bar { display: block; } #comparer-table .comp-group-row .collapse-toggle.collapsed .icon-wrapper { border-color: #D4D4D4; } #comparer-table .comp-group-row .collapse-comp-group { color: #6D767E; } #comparer-table .comp-group-row .collapse-comp-group .name { color: #1F1F1F; } #comparer-table .comp-group-row>td ul { margin: 0; padding-left: 0; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -moz-box-orient: vertical; -moz-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #comparer-table .comp-group-row>td ul li { position: relative; margin-bottom: 8px; list-style: none; line-height: 24px; padding-left: 20px; } #comparer-table .comp-group-row>td ul li:last-child { margin-bottom: 15px; } #comparer-table .comp-group-row>td ul li:before { position: absolute; top: 8px; left: 8px; display: inline-block; content: ""; height: 6px; width: 6px; background-color: #1F1F1F; border-radius: 50%; vertical-align: middle; line-height: 24px; } #comparer-table .comp-group-row>td ul li.null-value { padding: 0; text-align: center; /* font-family: var(--fontMedium); */ font-size: 24px; display: none; } #comparer-table .comp-group-row>td ul li.null-value:before { display: none; } #comparer-table .comp-group-row>td { position: relative; } #comparer-table .comp-group-row>td>.null-value { /* font-family: var(--fontMedium); */ font-size: 24px; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } #comparer-table .comp-group-row.audio>td .ct-name { /* font-family: var(--fontMedium); */ color: #1F1F1F; font-size: 15px; } #comparer-table .comp-group-row>td .row-ct-numeric-progress { position: relative; -webkit-box-align: center; -ms-flex-align: center; -ms-grid-row-align: center; align-items: center; } #comparer-table .comp-group-row>td .row-ct-numeric-progress+.row-ct-numeric-progress { margin-top: 15px; } #comparer-table .comp-group-row>td .ct-name { width: 70px; padding-right: 5px; text-align: left; } #comparer-table .comp-group-row>td .ct-value-progress { width: calc(100% - 70px); } #comparer-table .comp-group-row>td .ct-value-progress .progress { height: 32px; margin-bottom: 0; box-shadow: none; border-radius: 0; background-color: #fff; border: 2px solid #1F1F1F; } #comparer-table .comp-group-row>td .ct-value-progress .progress-bar { background-color: var(--blue); } /* --- --- */ #comparer-table .comp-del>td { padding: 30px 15px; position: relative; } #comparer-table .comp-del>td:before { height: 1px; width: calc(100% - 16px); background: #D4D4D4; content: ""; display: block; position: absolute; top: 0; } #comparer-table .comp-del .comparerProductButton { display: block; width: 100%; background: transparent !important; border: none !important; padding: 0; font-size: 14px; font-family: var(--fontMedium); color: #666666; height: 25px; line-height: 25px; } #comparer-table .comp-del .comparerProductButton>span { vertical-align: middle; padding-left: 8px; user-select: none; pointer-events: none; } #comparer-table .comp-del .comparerProductButton:hover { color: #1F1F1F; fill: #1F1F1F; } #comparer-table .comp-del .extra-btns { margin: auto; max-width: 275px; } #comparer-table .comp-del .extra-btns>* { width: 100%; text-align: center; } #comparer-table .comp-del .extra-btns>*+* { margin-top: 15px; } #comparer-table .comp-del .extra-btns>a { background: #E5097F; border: 0px; color: #fff; } #comparer-page .comparer-back { margin-top: 30px; } #comparer-page .table-responsive::-webkit-scrollbar { height: 10px; } #comparer-page .table-responsive::-webkit-scrollbar-thumb { background: var(--purple); border-radius: 10px; } #comparer-page .table-responsive::-webkit-scrollbar-track { background: #D4D4D4; } @media(min-width: 992px) { #comparer-table { table-layout: fixed; } #comparer-page tr[class^="comp-"]>th { display: table-cell; } /* #comparer-page , .comparer-empty{ margin-bottom: 60px; margin-top: 60px; } */ #comparer-page .comparer-back { margin-top: 60px; } #comparer-table .product-list { min-width: unset; } #comparer-table .comp-title>td, #comparer-table .comp-group-row>td, #comparer-table #comp-group-0-row>td, #comparer-table .comp-del>td { padding-left: 15px; padding-right: 15px; } #comparer-table .comp-title>td:after, #comparer-table .comp-del>td:before { width: calc(100% - 30px); } #comparer-table .comp-group-row .collapse-toggle { font-size: 18px; line-height: 32px; height: 32px; } #comparer-table .comp-group-row>td ul li { font-size: 16px; } #comparer-table .comp-group-row>td .row-ct-numeric-progress+.row-ct-numeric-progress { margin-top: 15px; } #comparer-table .comp-group-row>td .ct-name { width: 90px; padding-right: 15px; } #comparer-table .comp-group-row>td .ct-value-progress { /*width: calc(100% - 100px);*/ width: 50%; } } /* PROVISIONAL HIDE HEADER ICON - 08/02/2023 */ .header-comparer-dropdown { position: relative; left: initial; top: initial; right: initial; bottom: initial; display: inline-block; padding: 15px; /* padding-left:50px; */ /* padding-left:350px; */ } .fluidContent-categories .header-comparer-dropdown { padding-left: 350px; } @media(max-width:1199px) { .header-comparer-dropdown { padding-left: 10px !important; } } .col-comparer>* { display: inline-block; vertical-align: middle; } .col-comparer button { margin-right: 20px; } .comparerProductButton .icon.notCompared, .comparerProductButton .notComparedLabel { display: inline-block; } .comparerProductButton .icon.compared, .comparerProductButton .comparedLabel { display: none; } .comparerProductButton.comparerProductButtonAdded .icon.notCompared, .comparerProductButton.comparerProductButtonAdded .notComparedLabel { display: none; } .comparerProductButton.comparerProductButtonAdded .icon.compared, .comparerProductButton.comparerProductButtonAdded .comparedLabel { display: inline-block; } .comparerProductButton>span { user-select: none; pointer-events: none; } #comparerLinkProductPage { display: none; } .comparerProductButton.comparerProductButtonAdded+#comparerLinkProductPage { display: inline-block; color: #3400E5; font-size: 17px; font-weight: 400; } #comparerLinkProductPage .icon { max-width: 20px; max-height: 20px; display: inline-block; vertical-align: middle; } .product-list .comparerProductButton { padding: 5px; text-align: center; display: block; width: 100%; padding-bottom: 15px; font-size: 12px; white-space: normal; min-height: 65px; } .product-list .comparerProductButton .icon { transform: scale(0.80); margin-top: -4px; } #mobileBasketModal #modalComparer>span { font-size: 16px; margin-bottom: 10px; display: block; font-weight: 500; } #mobileBasketModal #modalComparer a { border-radius: 0px; margin-bottom: 10px; } #mobileBasketModal #modalComparer .ModalComparerSeeProducts { background-color: #E5097F; border-color: #E5097F; color: #fff; } .blog-main-container .aspect-ratio { position: relative; background-size: cover; background-position: center; } .blog-main-container .aspect-ratio:before { content: ""; display: block; } .blog-main-container .aspect-ratio-2by1:before { padding-bottom: 50%; } .blog-header-contents { padding-top: 0; padding-bottom: 15px; } .blog-main-title { color: #000; font-family: var(--title-font); font-weight: 700; font-size: 30px; margin: 0; line-height: 1.2; letter-spacing: -0.04em; } #subscriptionFormContainer .subscriptionFormField { border-radius: 8px; } .post-container-content h2 { font-size: 22px; font-family: var(--title-font); letter-spacing: -0.04em; } .post-container-content h3 { font-size: 20px; font-family: var(--title-font); letter-spacing: -0.04em; } .post-container-content h4 { font-size: 18px; font-family: var(--title-font); letter-spacing: -0.04em; } .blog-main-title .lbl { margin-right: 10px; } .blog-bottom-text { font-size: 16px; line-height: 24px; margin-bottom: 30px; } .blog-header-text { margin-top: 10px; font-size: 16px; line-height: 24px; } .section.blog-pagination-container { padding: 0 0 30px; } .section.blog-pagination-container .block-pagination { margin: 0 auto; display: table; } .post-highlight-01 .btn-view-more.btn { background-color: var(--color-primary); color: var(--color-dark); border: 0; line-height: 1; height: 37px; } .post-highlight-01 .btn-view-more.btn:hover, .post-highlight-01 .btn-view-more.btn:focus { background-color: #000; color: var(--color-primary); } @media (min-width: 768px) { .blog-header-contents { padding-top: 20px; padding-bottom: 20px; } .section.blog-pagination-container { padding: 15px 0 45px; } .blog-header-text { font-size: 15px; } } @media (min-width: 992px) { .blog-header-contents { padding-top: 30px; padding-bottom: 30px; } .section.blog-pagination-container { padding: 30px 0 45px; } } @media (min-width: 1200px) { .blog-header-text { font-size: 16px; line-height: 1.6; } } /* --------- blog column --------- */ .blog-column { background-color: var(--color-gray-bg); border-radius: 16px; padding: 20px 16px; margin-bottom: 48px; display: flex; flex-direction: column; gap: 32px; } .blog-column-title, .blog-column .subscriptionFormHeader b { font-family: var(--body-font); font-weight: 600; line-height: 1.1; margin-bottom: 10px; display: block; font-size: 14px; color: var(--color-dark); text-transform: uppercase; } .blog-column-tags .blog-column-title { margin-bottom: 20px; } .blog-column .tagCloudTitle { display: none; } .blog-column-block ul>li>a { padding: 8px 0; display: flex; gap: 8px; align-items: center; } .blog-column-block ul>li>a .icon { width: 16px; flex-shrink: 0; height: 16px; } .blog-column-block ul>li>a .name { font-size: 14px; line-height: 1.2; } .blog-column-block a.blogTagCloud { line-height: 2.25; display: inline-flex; padding: 0 0.75rem; border: 1px solid #ddd; border-radius: 0.25rem; margin: 0 0.4rem 0.4rem 0; flex: 0 0 auto; text-align: center; align-items: center; justify-content: center; font-size: small; transition: all .15s ease-in-out; } .blog-column-block a.blogTagCloud:hover { color: #000; background-color: #d3d3d3; } .blog-column-block a.blogTagCloud:first-letter { text-transform: uppercase; } .blog-column-block #tagCloudContainer { display: flex; flex-wrap: wrap; } .blog-column .subscriptionFormHeader { color: #454545; font-size: 14px; font-family: var(--body-font); font-weight: 400; line-height: 1.4; margin: 0 0 15px 0; } .blog-column .subscriptionFormHeader br { display: none; } .blog-column .subscriptionFormButton { display: block; width: 100%; margin-top: 15px; } @media (min-width: 480px) and (max-width: 767px), (min-width: 992px) { .blog-column .subscriptionFormButton { width: 200px; } } @media (min-width: 992px) { .col-blog-column { padding-left: 60px; } } @media (min-width: 1200px) { .col-blog-column { padding-left: 90px; } } /* ----------- pagination03 ----------- */ .blog-main-container .arrow { position: relative; } .blog-main-container .block-pagination-03 .pagination>li>a, .blog-main-container .block-pagination-03 .pagination>li>span { border: 0; background-color: transparent; width: auto; height: auto; margin: 0; padding: 0; } .blog-main-container .block-pagination-03 .pagination>li>a { padding: 0 10px; } .blog-main-container .block-pagination-03 .pagination>li>span { font-size: 14px; color: #666; } .blog-main-container .block-pagination-03 .pagination>li>span .blog-main-container .block-pagination-03 .pagination>li { position: relative; display: block; float: left; } .post-container-content { line-height: 1.6; font-size: 14px; } .post-container-content p { margin-bottom: 1rem; } .post-container-content .html-output>img { margin-bottom: 1rem; } .post-container-content img { max-width: 100%; display: block; height: auto; } .blog-main-container .block-pagination-03 .pagination { gap: 8px; } .blog-main-container .block-pagination-03 .pagination>.arrow:before { content: ""; display: block; height: 14px; width: 1px; position: absolute; background-color: #666; left: 0; top: 50%; transform: translateY(-50%); } .blog-main-container .block-pagination-03 .pagination>.arrow.first:before { left: auto; right: 0; } .blog-main-container .block-pagination-03 .pagination>li>a:focus, .blog-main-container .block-pagination-03 .pagination>li>a:hover { background-color: transparent; color: #000; } /* --------- post highlight 01 --------- */ .post-highlight-01 { position: relative; border-radius: 8px; overflow: hidden; } .post-highlight-01 .post-highlight-size { position: relative; } .post-highlight-01 .post-highlight-size .bg { background-color: #f2f2f2; background-position: center; background-size: cover; background-repeat: no-repeat; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .post-highlight-01 .caption-center { position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 20px; background-color: rgba(0, 0, 0, .3); color: #fff; display: flex; align-items: center; justify-content: center; } .post-highlight-01 .post-highlight-top-info { text-align: center; margin-bottom: 12px; font-size: 12px; font-family: var(--body-font); font-weight: 500; text-transform: uppercase; } .post-highlight-01 .post-highlight-top-info a { color: #fff; } .post-highlight-01 .post-highlight-top-info>div { display: inline-block; line-height: 1; padding: 0 5px; } .post-highlight-01 .post-highlight-top-info .blogPostCategories { display: none; } .post-highlight-01 .post-highlight-title-link { color: #fff; } .post-highlight-01 .post-highlight-title { text-align: center; font-family: var(--title-font); font-weight: 700; font-size: 20px; line-height: 24px; max-height: 48px; overflow: hidden; letter-spacing: -0.04em; } .post-highlight-01 .btn-view-more { display: none; margin-top: 15px; } .post-highlight-01 .caption-corner { display: none; position: absolute; bottom: 15px; left: 15px; color: #fff; } .post-highlight-01 .caption-corner a { color: #fff; } @media (max-width: 767px) { .blog-bottom-text { padding-top: 30px; padding-bottom: 30px; border-top: 1px solid #dddddd; } } @media (min-width: 480px) and (max-width: 767px), (min-width: 992px) { .post-highlight-01 .btn-view-more { display: flex; margin-left: auto; margin-right: auto; width: 120px; } .post-highlight-01 .caption-corner { display: block; } } @media (min-width: 992px) { .post-highlight-01 .caption-corner { bottom: 30px; left: 30px; } .post-highlight-01 .post-highlight-title { font-size: 22px; line-height: 26px; max-height: 52px; } } /* --------- blog posts grid 01 --------- */ .blog-posts-grid-01 .col-post-list-highlight { padding-bottom: 48px; } .blog-posts-grid-01 .blog-posts-grid-separator { border-color: #ddd; margin: 30px 0; } .blog-posts-grid-01 .post-list { margin-bottom: 35px; } @media (min-width: 768px) and (max-width: 991px) { .blog-posts-grid-01 { margin-left: -7.5px; margin-right: -7.5px; } .blog-posts-grid-01>.col { padding-left: 7.5px; padding-right: 7.5px; } } @media (min-width: 768px) { .blog-posts-grid-01 .col-post-list-highlight { padding-bottom: 0; } } @media (min-width: 992px) { .blog-posts-grid-01 .post-list { margin-bottom: 45px; } } /* ------------- author -------------- */ .blog-author-data-container { padding: 15px; border-radius: 3px; border: 1px solid #ddd; margin-bottom: 20px; } .blog-author-data-container .authorImage { max-width: 80px; float: left; } .blog-author-data-container .authorImage img { max-width: 100%; margin: 0 auto; height: auto; display: block; } .blog-author-data-container .author>.authorImage~* { float: left; display: block; width: calc(100% - 80px); padding-left: 15px; } .blog-author-data-container .author>*:not(.authorImage):first-child { width: 100%; } .blog-author-data-container .author>.authorName { font-family: var(--body-font); font-weight: 500; margin-bottom: 15px; line-height: 1; font-size: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 10px; } .blog-author-data-container .authorName>span:first-child { display: none; } .blog-author-data-container .author>*:not(.authorImage):first-child~.authorSocial { margin-left: 0; } .blog-author-data-container .author>.authorSocial { font-size: 1px; float: left; color: transparent; position: relative; height: 30px; width: 30px; padding: 0; margin-left: 15px; margin-right: 10px; display: block; } .blog-author-data-container .author>.authorSocial+.authorSocial { margin-left: 0; } .blog-author-data-container .author>.authorSocial a { position: absolute; height: 30px; width: 30px; left: 0; top: 0; background-repeat: no-repeat; background-size: 20px 16px; background-position: center; color: transparent; opacity: .75; border: 1px solid #ddd; border-radius: 50%; } .blog-author-data-container .author>.authorSocial a:hover { opacity: 1; } .blog-author-data-container .author>.authorfacebook a { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 264 512'%3e%3cpath d='M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229'%3e%3c/path%3e%3c/svg%3e") } .blog-author-data-container .author>.authortwitter a { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z'%3e%3c/path%3e%3c/svg%3e") } .blog-author-data-container .author>.authorgooglePlus a { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg aria-hidden='true' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 512'%3e%3cpath d='M386.061 228.496c1.834 9.692 3.143 19.384 3.143 31.956C389.204 370.205 315.599 448 204.8 448c-106.084 0-192-85.915-192-192s85.916-192 192-192c51.864 0 95.083 18.859 128.611 50.292l-52.126 50.03c-14.145-13.621-39.028-29.599-76.485-29.599-65.484 0-118.92 54.221-118.92 121.277 0 67.056 53.436 121.277 118.92 121.277 75.961 0 104.513-54.745 108.965-82.773H204.8v-66.009h181.261zm185.406 6.437V179.2h-56.001v55.733h-55.733v56.001h55.733v55.733h56.001v-55.733H627.2v-56.001h-55.733z'%3e%3c/path%3e%3c/svg%3e") } .blog-author-data-container .author>.authorDescription { display: block; color: #999; padding: 0; padding-top: 12px; float: none; width: 100%; clear: both; padding-left: 0; } @media (min-width: 768px) { .blog-author-data-container { margin-bottom: 30px; } } /* ----------- post page -------------- */ .blog-main-container-post .col-blog-post-content { padding-bottom: 30px; } .post-subheader-info { padding-bottom: 20px; } .post-large-title-image-cont { margin-bottom: 15px; } .post-large-title-image-cont img { border-radius: 8px; } .post-subheader-info .post-comments, .post-subheader-info .post-date, .post-subheader-info .post-author { color: #888; font-size: 12px; line-height: 1; display: inline-block; margin-right: 8px; } .post-subheader-info .post-date { letter-spacing: 0.025em; } .post-subheader-info .post-author a { color: #888; } .post-subheader-info .post-author a:hover { color: #000; } .post-subheader-info .post-comments a { color: #E5097F; } .post-subheader-info .post-comments a:hover { color: #4d1e92; } .post-third-party-share.addthis_toolbox a.post-share-link { display: block; float: left; width: 32px; height: 32px; position: relative; margin: 10px 8px 0 0; border-radius: 50%; border: 1px solid #ddd; fill: #888; } .post-third-party-share .post-share-link .icon { width: 16px; height: 16px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .post-third-party-share.addthis_toolbox a.post-share-link:hover { fill: var(--hover-color, #000); } .post-footer-categorization { padding: 20px 0 15px; border-top: 1px solid #ddd; margin-top: 20px; border-bottom: 1px solid #ddd; font-size: 12px; } .post-footer-categorization .post-footer-block+.post-footer-block { margin-top: 10px; } .post-footer-categorization .blogPostTags, .post-footer-categorization .blogPostCategories { color: #888; margin-right: 8px; } .post-footer-categorization .blogPostCategories~a { color: #E5097F; margin-right: 8px; text-transform: uppercase; } .post-footer-categorization .blogPostCategories~a:hover { color: #4d1e92; } .post-footer-categorization .blogPostTags { float: left; line-height: 22px; } .post-footer-categorization .blogPostTags~a { height: 22px; display: block; line-height: 22px; float: left; padding: 0 10px; background-color: #ddd; border-radius: 3px; margin: 0 5px 5px 0; color: #555; text-transform: lowercase; } .post-footer-categorization .blogPostTags~a:hover { color: #000; background-color: #d3d3d3; } .post-footer-categorization .blogPostTags~a:first-letter { text-transform: uppercase; } .posts-comments-title { font-size: 20px; font-family: var(--body-font); font-weight: 500; margin-bottom: 20px; line-height: 1.2; } .posts-comments-container { padding-top: 30px; } .captchaContainer { display: flex; flex-wrap: wrap; align-items: flex-end; gap: 2rem; } .posts-comments-container #secureCodeContainer { font-family: var(--body-font); font-weight: 500; font-size: 13px; } .posts-comments-container #secureCodeContainer>* { font-family: var(--body-font); font-size: inherit; } .posts-comments-container #secureCodeContainer>input { margin-top: 5px; } .blogCommentModuleField .btn { width: 100%; margin-top: 15px; } .posts-comments-container .blogCommentForm~.posts-comments-title { padding-top: 40px; } .post-relateds-title { padding-top: 30px; margin-top: 30px; border-top: 1px solid #ddd; font-size: 20px; font-family: var(--title-font); font-weight: 500; line-height: 1.2; letter-spacing: -0.04em; } .post-relateds .container { width: 100%; padding-left: 0; padding-right: 0; } .post-relateds-container .post-relateds-news .news-list, .post-relateds-container .post-relateds-posts .post-list, .post-relateds-container .post-relateds-products .product-list { margin-bottom: 20px; } .responses .blogPostComment, .blogPostComment+.blogPostComment { padding-top: 15px; } .responses .blogPostComment { padding-left: 15px; border-left: 1px solid #ddd; margin-left: 10px; } .blogPostComment .nick { display: block; font-family: var(--body-font); font-weight: 500; line-height: 1.1; margin: 0; } .blogPostComment .date { font-size: 12px; color: #888; line-height: 1.1; } .blogPostComment .comment { width: 100%; } .blogPostComment .answer { width: 100%; } .blogPostComment .answerLink { height: 28px; line-height: 28px; font-size: 12px; display: block; cursor: pointer; } .blogPostComment .answerForm { padding-top: 15px; } @media (max-width: 991px) { .post-relateds-container .row-items-relateds { margin-right: -7.5px; margin-left: -7.5px; } .post-relateds-container .row-items-relateds>.col { padding-left: 7.5px; padding-right: 7.5px; } } @media (min-width: 480px) { .blogCommentModuleField .btn { width: 200px; } .post-footer-categorization { font-size: 13px; } } @media (min-width: 600px) { .post-subheader-info .post-third-party-share { float: right; } .post-subheader-info .post-subheader-texts { float: left; } .post-third-party-share.addthis_toolbox a.post-share-link { margin-top: 0; } .post-subheader-info .post-comments, .post-subheader-info .post-date, .post-subheader-info .post-author { font-size: 13px; line-height: 32px; } } @media (min-width: 768px) { .post-relateds-title, .posts-comments-title { font-size: 22px; } .posts-comments-container { padding-top: 45px; } .posts-comments-container .blogCommentForm~.posts-comments-title { padding-top: 55px; } .post-relateds-title { padding-top: 45px; margin-top: 45px; } } @media (min-width: 992px) { .post-relateds-title, .posts-comments-title { font-size: 24px; } } /* ----------- Post-list base ----------- */ .post-list .post-list-img-link { overflow: hidden; display: block; border-radius: 8px; } .post-list .post-list-date { color: #888; letter-spacing: 0.025em; font-size: 12px; line-height: 1; display: inline-block; margin-right: 8px; } .post-list .post-list-category { font-size: 12px; line-height: 1; display: inline-block; text-transform: uppercase; } .post-list .post-list-category .blogPostCategories { display: none; } .post-list .post-list-category a, .post-list .post-list-read-more-link { display: inline-block; margin-right: 8px; color: #E5097F; } .post-list .post-list-category a:hover, .post-list .post-list-read-more-link:hover { color: #4d1e92; } .post-list .post-list-author-wrap { color: #777; font-size: 13px; line-height: 1; } .post-list .post-list-author-link { color: #777; } .post-list .post-list-author-link:hover { color: #333; } /* ----------- Post-list 01 ----------- */ .post-list-01 .post-list-top-info { margin-top: 15px; } .post-list-01 .post-list-title-link:not(:hover) { color: #000; } .post-list-01 .post-list-title { font-size: 16px; margin-top: 15px; line-height: 1.2; font-weight: 600; font-family: var(--title-font); letter-spacing: -0.04em; } .post-list-01 .post-list-text { margin-top: 15px; font-size: 14px; line-height: 1.6; } .post-list-01 .post-list-author-wrap { margin-top: 12px; } .fluidContent-blogPost .blog-content-row::before, .fluidContent-blogPost .blog-content-row::after { display: none; } .posts-comments-container>.blogPostComment { margin-top: 20px; } .blogPostComment { display: flex; flex-wrap: wrap; gap: 1rem; } .post-relateds-container { padding-bottom: 45px; display: flex; flex-direction: column; gap: 2rem; } .modal .blogCommentForm { margin-top: 15px; } @media(min-width: 768px) { .fluidContent-blogPost .blog-content-row { display: flex; flex-wrap: wrap; } .fluidContent-blogPost .col-blog-post-content { order: 1; flex: 0 0 66.66666667%; } .fluidContent-blogPost .col-blog-column { order: 2; flex: 0 0 33.33333333%; } .fluidContent-blogPost .col-blog-relateds-content { order: 3; flex: 0 0 100%; } .blog-bottom-text { margin-bottom: 60px; } } @media(min-width: 1400px) { .blog-column { padding: 32px 20px; } .blog-main-container .container, .blog-header-contents .container, .blog-bottom-contents .container { width: 1370px; } } .blogCommentModuleField.blogSubscribe .btn.btn-primary, .btn[data-target="#blogReviews"], .btn.formButton.subscriptionFormButton { border-radius: 3rem; border-width: 0; height: 40px; display: flex; align-items: center; justify-content: center; border: none; color: #fff; background-color: var(--color-pink); line-height: 1; } .blogCommentModuleField.blogSubscribe .btn.btn-primary:hover, .blogCommentModuleField.blogSubscribe .btn.btn-primary:focus, .btn[data-target="#blogReviews"]:hover, .btn[data-target="#blogReviews"]:focus, .btn.formButton.subscriptionFormButton:hover, .btn.formButton.subscriptionFormButton:focus { background-color: var(--color-pink-dark); } @media(min-width:1200px) { .blog-main-title { font-size: 40px; line-height: 1.2; padding-right: 33.33333333333%; } .blog-header-text { padding-right: 33.33333333333%; } .post-container-content, .post-container-content p { font-size: 16px; } } @media(max-width: 991px) { .fluidContent-blogPost .new-breadcrumb-bar .breadcrumb .pathLast { display: none; } } .title-page-landing { font-weight: 300; font-size: 28px; color: #222; position: absolute; z-index: 3; display: block; left: 15px; top: 0; margin: 0; } .title-page-landing .title{ font-weight: 700; color: #546100; display: block; } .title-page-landing .text { font-weight: 900; color: #bddf07; } .page-header-image { overflow: hidden; margin-top: 15px; margin-bottom: 30px; } .page-header-image .search { position: relative; margin-left: 10%; top: 65px; border: 1px solid #E5097F; color: #E5097F; height: 40px; width: 80%; border-radius: 25px; background-color: white; } .page-header-image .search-icon { margin-left: 10px; margin-right: 10px; margin-top: 10px; } .page-header-image #query { border: none; z-index: 1000; background-color: transparent; height: 40px; position: absolute; font-size: 14px; font-weight: 700; } .page-header-image-inset { max-height: 250px; min-height: 90px; margin-bottom: 30px; } .page-header-image-inset .bg { position: absolute; left: 0; right: 0; bottom: 0; top: 0; background-repeat: no-repeat; background-position: 250% bottom; background-size: contain; } .page-header-image-inset:after { opacity: .6; content: ""; position: absolute; left: 0; right: 0; bottom:-30px; background: rgb(255,255,51); background: -webkit-linear-gradient(left, rgba(255,255,51,1) 0%, rgba(204,255,51,1) 100%); background: -o-linear-gradient(left, rgba(255,255,51,1) 0%, rgba(204,255,51,1) 100%); background: linear-gradient(to right, rgba(255,255,51,1) 0%, rgba(204,255,51,1) 100%); height: 30px; } .aspect-ratio { position: relative; background-size: cover; background-position: center; } .aspect-ratio:before { content: ""; display: block; } .aspect-ratio-4by1:before { padding-bottom: 26.710454296661194%; } .landing-breadcrumb .new-breadcrumb-bar { border: none; } .grid-pages { display: grid; /*grid-template-columns: 1fr;*/ grid-template-columns: repeat(2, 1fr); gap: 20px; padding-bottom: 50px; } .module-page-contact-boxes-b2b:first-child .grid-pages { gap: 40px 24px; } .grid-pages .col-item .content { display: flex; flex-direction: column; height: 100%; gap: 16px; align-items: center; } .grid-pages .col-item .image { display: flex; height: 100px; justify-content: flex-end; } .grid-pages .col-item .text { font-size: 14px; } .module-page-contact-boxes-b2b:first-child .grid-pages .col-item .image { height: 115px; } .grid-pages .col-item .name { font-weight: bold; font-size: 16px; } .grid-pages .col-item .btn-secondary { border-color: #E5097F; color: #E5097F; font-weight: 600; font-size: 16px; width: 170px; margin: auto; padding: 14px 12px; border-radius: 6px; } .module-page-contact-boxes .title-spacer { position: relative; min-height: 93px; text-align: center; display: flex; align-items: center; justify-content: center; margin-bottom: 45px; } .module-page-contact-boxes .title-spacer span{ z-index: 3; font-size: 18px; font-weight: 600; color: #546100; } .module-page-contact-boxes .title-spacer:after { opacity: .6; content: ""; position: absolute; left: 0; right: 0; top:0; bottom:0; background: rgb(255,255,51); background: -webkit-linear-gradient(left, rgba(255,255,51,1) 0%, rgba(204,255,51,1) 100%); background: -o-linear-gradient(left, rgba(255,255,51,1) 0%, rgba(204,255,51,1) 100%); background: linear-gradient(to right, rgba(255,255,51,1) 0%, rgba(204,255,51,1) 100%); } .module-page-contact-boxes .grid-pages .col-item .content{ display: -ms-grid; display: grid; grid-template-areas: "image" "name" "text" "button"; -ms-grid-rows: 100px auto auto 53px; grid-template-rows: 100px auto auto 53px; -webkit-box-align: initial; -ms-flex-align: initial; -ms-grid-row-align: initial; align-items: initial; } .module-page-contact-boxes .grid-pages .col-item .image{ grid-area: image; } .module-page-contact-boxes .grid-pages .col-item .name{ grid-area: name; } .module-page-contact-boxes .grid-pages .col-item .text{ grid-area: text; } .module-page-contact-boxes .grid-pages .col-item .btn-secondary{ grid-area: button; } @media (max-width: 479px) { .module-page-contact-boxes .grid-pages > .col-item .btn-secondary{ width: auto; min-width: 150px; padding: 14px 16px; } .module-page-contact-boxes .grid-pages > .col-item .image{ height: 90px; } .module-page-contact-boxes .grid-pages .col-item .content{ -ms-grid-rows: 90px auto auto 53px; grid-template-rows: 90px auto auto 53px; } .module-page-contact-boxes .grid-pages{ gap: 15px; } } @media (max-width: 359px) { .module-page-contact-boxes .grid-pages > .col-item .btn-secondary{ padding: 14px 12px; min-width: 120px; } } @media(min-width: 576px){ .grid-pages { gap: 24px; } .title-page-landing { top: 15px; } } @media(min-width: 768px){ .title-page-landing { top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .page-header-image-inset .bg { background-position: right bottom; } } @media(min-width: 992px){ .page-header-image { margin-bottom: 50px; } .grid-pages { gap: 60px 24px; grid-template-columns: repeat(3, 1fr); padding-bottom: 100px; } .module-page-contact-boxes-b2b:first-child .grid-pages { gap: 40px 24px; grid-template-columns: repeat(4, 1fr); } .grid-pages .col-item .name { font-size: 18px; margin-top: 8px; } .module-page-contact-boxes .title-spacer { align-items: center; margin-bottom: 70px; } .module-page-contact-boxes .title-spacer span { font-size: 32px; } .title-page-landing { font-size: 40px; left: 15px; } .page-header-image .search { position: absolute; left: calc(50% - 305px); margin-left: 0px; top: 100px; border: 1px solid #E5097F; color: #E5097F; height: 40px; width: 610px; border-radius: 25px; background-color: white; } .page-header-image .search-icon { margin-left: 10px; margin-right: 10px; margin-top: 10px; } .page-header-image #query { border: none; z-index: 1000; background-color: transparent; height: 40px; position: absolute; font-size: 14px; font-weight: 700; } } @media(min-width: 1200px){ .module-page-contact-boxes .grid-pages .col-item .content{ -ms-grid-rows: 142px auto auto 53px; grid-template-rows: 142px auto auto 53px; } .grid-pages { gap: 120px 45px; } .module-page-contact-boxes-b2b:first-child .grid-pages { gap: 70px 45px; } .grid-pages .col-item .name { font-size: 21px } .grid-pages .col-item .text { font-size: 18px } .grid-pages .col-item .image { height: 142px; } .module-page-contact-boxes-b2b:first-child .grid-pages .col-item .image { height: 195px; } .module-page-contact-boxes .title-spacer span { font-size: 40px; } .title-page-landing { font-size: 40px; left: 70px; } .module-page-contact-boxes-b2b:first-child .container { width: calc(100% - 20px); } } @media(min-width: 1400px){ .title-page-landing { left: 150px; } .module-page-contact-boxes-b2b:first-child .container { max-width: 1450px; } }