/*! * Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */@font-face{font-family:'FontAwesome';src:url('../../frontend/Jola/jolatheme/en_US/Swissup_FontAwesome/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0');src:url('../../frontend/Jola/jolatheme/en_US/Swissup_FontAwesome/font-awesome-4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../../frontend/Jola/jolatheme/en_US/Swissup_FontAwesome/font-awesome-4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../../frontend/Jola/jolatheme/en_US/Swissup_FontAwesome/font-awesome-4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../../frontend/Jola/jolatheme/en_US/Swissup_FontAwesome/font-awesome-4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../../frontend/Jola/jolatheme/en_US/Swissup_FontAwesome/font-awesome-4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}.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} /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .ui-datepicker { display: none; z-index: 999999 !important; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; cursor: pointer; } .ui-datepicker .ui-datepicker-next-hover span, .ui-datepicker .ui-datepicker-prev-hover span { border-color: transparent #ff8400 transparent transparent; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -5px; font-size: 0px; width: 0px; height: 0px; border: solid; border-width: 5px 8px 5px 0; border-color: transparent #ff9635 transparent transparent; } .ui-datepicker .ui-datepicker-next span { margin-left: 0px; top: 50%; margin-top: -5px; border-width: 5px 0 5px 8px; border-color: transparent transparent transparent #ff9635; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month-year { width: 100%; } .ui-datepicker table { width: 100%; font-size: .9em; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: 4px; text-align: right; text-decoration: none; color: #000000; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right; } .ui-datepicker-rtl .ui-datepicker-group { float: right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -22px; } .ui-timepicker-div dl .ui_tpicker_time_label { margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-datepicker { padding: 15px; border: #ffffff 4px solid; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; background: #efefef; -webkit-box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35); box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.35); } .ui-datepicker .ui-datepicker-header { background: transparent; border: none; padding-bottom: 10px; } .ui-datepicker .ui-datepicker-title .ui-datepicker-month { width: 47%; margin-right: 6%; } .ui-datepicker .ui-datepicker-title .ui-datepicker-year { width: 47%; } .ui-datepicker .ui-datepicker-calendar td { border: #cfcfcf 1px solid; } .ui-datepicker .ui-datepicker-calendar td a { padding: 4px; display: block; } .ui-datepicker .ui-datepicker-calendar td .ui-state-hover { background: #f9eae7; } .ui-datepicker .ui-datepicker-calendar { background: #ffffff; border: #cfcfcf 1px solid; border-collapse: collapse; } .ui-datepicker .ui-datepicker-calendar th { background: #efefef; border: #cfcfcf 1px solid; padding: 4px; text-transform: uppercase; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-week-col { text-align: center; border: #cfcfcf 1px solid; } .ui-datepicker { width: auto; } .ui-datepicker .ui-datepicker-calendar .ui-datepicker-today { background: #f3d7d2; } .ui-datepicker .ui-datepicker-calendar .ui-state-active { background: #ffdf66; } .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dd { margin: 0 0 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider-horizontal .ui-slider-handle { margin-left: -5px; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; cursor: default; } .ui-slider-horizontal { height: 10px; -webkit-border-radius: 10px; border-radius: 10px; border: none; background: #dadada; } .ui-slider-handle { height: 10px; width: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: #f98b25; display: block; position: absolute; } .ui-timepicker-div { padding: 10px 0 5px 0; } .ui-datepicker .ui-datepicker-buttonpane { overflow: hidden; padding-top: 10px; border-top: #cfcfcf 1px solid; } .ui-datepicker .ui-datepicker-calendar .ui-state-disabled { background: #f9f9f9; } .ui-datepicker .ui-datepicker-calendar .ui-state-disabled span { color: #959595; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ } body { margin: 0; padding: 0; } article, aside, details, figcaption, figure, main, footer, header, nav, section, summary { display: block; } audio, canvas, video { display: inline-block; } audio:not([controls]) { display: none; height: 0; } nav ul, nav ol { list-style: none none; } img { max-width: 100%; height: auto; border: 0; } video, embed, object { max-width: 100%; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } html { font-size: 62.5%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; font-size-adjust: 100%; } body { color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem; } p { margin-top: 0rem; margin-bottom: 1rem; } abbr[title] { border-bottom: 1px dotted #d1d1d1; cursor: help; } b, strong { font-weight: 700; } em, i { font-style: italic; } mark { background: #f0f0f0; color: #000000; } small, .small { font-size: 12px; } hr { border: 0; border-top: 1px solid #d1d1d1; margin-bottom: 20px; margin-top: 20px; } sub, sup { font-size: 71.42857143000001%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -.5em; } sub { bottom: -.25em; } dfn { font-style: italic; } h1 { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 0rem; margin-bottom: 2rem; } h2 { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } h3 { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; } h4 { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } h5 { font-weight: 700; line-height: 1.1; font-size: 1.2rem; margin-top: 2rem; margin-bottom: 2rem; } h6 { font-weight: 700; line-height: 1.1; font-size: 1rem; margin-top: 2rem; margin-bottom: 2rem; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small { color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1; } a, .alink { color: #1979c3; text-decoration: none; } a:visited, .alink:visited { color: #1979c3; text-decoration: none; } a:hover, .alink:hover { color: #006bb4; text-decoration: underline; } a:active, .alink:active { color: #ff5501; text-decoration: underline; } ul, ol { margin-top: 0rem; margin-bottom: 2.5rem; } ul > li, ol > li { margin-top: 0rem; margin-bottom: 1rem; } ul ul, ol ul, ul ol, ol ol { margin-bottom: 0; } dl { margin-bottom: 20px; margin-top: 0; } dt { font-weight: 700; margin-bottom: 5px; margin-top: 0; } dd { margin-bottom: 10px; margin-top: 0; margin-left: 0; } code, kbd, pre, samp { font-family: Menlo, Monaco, Consolas, 'Courier New', monospace; } code { background: #f0f0f0; color: #111111; padding: 2px 4px; font-size: 1.2rem; white-space: nowrap; } kbd { background: #f0f0f0; color: #111111; padding: 2px 4px; font-size: 1.2rem; } pre { background: #f0f0f0; border: 1px solid #d1d1d1; color: #111111; line-height: 1.42857143; margin: 0 0 10px; padding: 10px; font-size: 1.2rem; display: block; word-wrap: break-word; } pre code { background-color: transparent; border-radius: 0; color: inherit; font-size: inherit; padding: 0; white-space: pre-wrap; } blockquote { border-left: 0 solid #d1d1d1; margin: 0 0 20px 40px; padding: 0; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-style: italic; font-weight: 400; line-height: 1.42857143; font-size: 1.4rem; } blockquote p:last-child, blockquote ul:last-child, blockquote ol:last-child { margin-bottom: 0; } blockquote footer, blockquote small, blockquote .small { color: #333333; line-height: 1.42857143; font-size: 1rem; display: block; } blockquote footer:before, blockquote small:before, blockquote .small:before { content: '\2014 \00A0'; } blockquote cite { font-style: normal; } blockquote:before, blockquote:after { content: ''; } q { quotes: none; } q:before, q:after { content: ''; content: none; } cite { font-style: normal; } table { width: 100%; border-collapse: collapse; border-spacing: 0; max-width: 100%; } table th { text-align: left; } table > tbody > tr > th, table > tfoot > tr > th, table > tbody > tr > td, table > tfoot > tr > td { vertical-align: top; } table > thead > tr > th, table > thead > tr > td { vertical-align: bottom; } table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td { padding: 8px 10px; } button { background-image: none; background: #f2f2f2; border: 1px solid #cdcdcd; color: #333333; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; } button:focus, button:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #333333; } button:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555555; } button.disabled, button[disabled], fieldset[disabled] button { opacity: 0.5; cursor: default; pointer-events: none; } button::-moz-focus-inner { border: 0; padding: 0; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type*="date"], input[type="email"] { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; } input[type="text"]:disabled, input[type="password"]:disabled, input[type="url"]:disabled, input[type="tel"]:disabled, input[type="search"]:disabled, input[type="number"]:disabled, input[type*="date"]:disabled, input[type="email"]:disabled { opacity: 0.5; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type*="date"]::-moz-placeholder, input[type="email"]::-moz-placeholder { color: #c2c2c2; } input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type*="date"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: #c2c2c2; } input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type*="date"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder { color: #c2c2c2; } input[type="number"] { -moz-appearance: textfield; } input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } input[type="search"] { -webkit-appearance: none; } input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-results-button, input[type="search"]::-webkit-search-results-decoration { -webkit-appearance: none; } select { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 5px 10px 4px; vertical-align: baseline; width: 100%; box-sizing: border-box; } select:disabled { opacity: 0.5; } select[multiple] { height: auto; background-image: none; } textarea { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: auto; line-height: 1.42857143; margin: 0; padding: 10px; vertical-align: baseline; width: 100%; box-sizing: border-box; resize: vertical; } textarea:disabled { opacity: 0.5; } textarea::-moz-placeholder { color: #c2c2c2; } textarea::-webkit-input-placeholder { color: #c2c2c2; } textarea:-ms-input-placeholder { color: #c2c2c2; } input[type="checkbox"] { margin: 2px 5px 0 0; position: relative; top: 2px; } input[type="checkbox"]:disabled { opacity: 0.5; } input[type="radio"] { margin: 2px 5px 0 0; } input[type="radio"]:disabled { opacity: 0.5; } input.mage-error, select.mage-error, textarea.mage-error { border-color: #ed8380; } div.mage-error[generated] { color: #e02b27; font-size: 1.2rem; } input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; } input::-moz-focus-inner { border: 0; padding: 0; } form { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } address { font-style: normal; } *:focus { box-shadow: none; outline: 0; } ._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus { box-shadow: 0 0 3px 1px #68a8e0; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .bundle-options-container .block-bundle-summary .bundle.items, .product-items, .prices-tier, .search-terms, .cart-summary .checkout-methods-items, .opc-wrapper .opc, .opc-progress-bar, .checkout-agreements-items, .order-details-items .items-qty, .footer.content ul, .block-banners .banner-items, .block-banners-inline .banner-items, .block-event .slider-panel .slider { margin: 0; padding: 0; list-style: none none; } .bundle-options-container .block-bundle-summary .bundle.items > li, .product-items > li, .prices-tier > li, .search-terms > li, .cart-summary .checkout-methods-items > li, .opc-wrapper .opc > li, .opc-progress-bar > li, .checkout-agreements-items > li, .order-details-items .items-qty > li, .footer.content ul > li, .block-banners .banner-items > li, .block-banners-inline .banner-items > li, .block-event .slider-panel .slider > li { margin: 0; } .action-primary:focus, .action-primary:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .action-primary:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .action-primary.disabled, .action-primary[disabled], fieldset[disabled] .action-primary { opacity: 0.5; cursor: default; pointer-events: none; } .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .abs-discount-code .form-discount .actions-toolbar .primary .action, .cart-summary .form.giftregistry .fieldset .action.primary, .abs-discount-block .actions-toolbar .amshopby-button, .block-compare .amshopby-button, .cart-summary .block .actions-toolbar > .primary .amshopby-button, .cart-summary .form.giftregistry .fieldset .amshopby-button, .abs-discount-block .actions-toolbar .am-filter-go, .block-compare .am-filter-go, .cart-summary .block .actions-toolbar > .primary .am-filter-go, .cart-summary .form.giftregistry .fieldset .am-filter-go, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action { border-radius: 3px; } .abs-discount-block .actions-toolbar .action.primary:not(:focus), .abs-discount-block .actions-toolbar .action.cancel:not(:focus), .block-compare .action.primary:not(:focus), .cart-summary .block .actions-toolbar > .primary .action.primary:not(:focus), .abs-discount-code .form-discount .actions-toolbar .primary .action:not(:focus), .cart-summary .form.giftregistry .fieldset .action.primary:not(:focus), .abs-discount-block .actions-toolbar .amshopby-button:not(:focus), .block-compare .amshopby-button:not(:focus), .cart-summary .block .actions-toolbar > .primary .amshopby-button:not(:focus), .cart-summary .form.giftregistry .fieldset .amshopby-button:not(:focus), .abs-discount-block .actions-toolbar .am-filter-go:not(:focus), .block-compare .am-filter-go:not(:focus), .cart-summary .block .actions-toolbar > .primary .am-filter-go:not(:focus), .cart-summary .form.giftregistry .fieldset .am-filter-go:not(:focus), .paypal-review-discount .actions-toolbar .action.primary:not(:focus), .paypal-review-discount .actions-toolbar .action.cancel:not(:focus), .cart-discount .actions-toolbar .action.primary:not(:focus), .cart-discount .actions-toolbar .action.cancel:not(:focus), .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:not(:focus) { box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(209, 209, 209, 0.3); } .abs-discount-block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.cancel:active, .block-compare .action.primary:active, .cart-summary .block .actions-toolbar > .primary .action.primary:active, .abs-discount-code .form-discount .actions-toolbar .primary .action:active, .cart-summary .form.giftregistry .fieldset .action.primary:active, .abs-discount-block .actions-toolbar .amshopby-button:active, .block-compare .amshopby-button:active, .cart-summary .block .actions-toolbar > .primary .amshopby-button:active, .cart-summary .form.giftregistry .fieldset .amshopby-button:active, .abs-discount-block .actions-toolbar .am-filter-go:active, .block-compare .am-filter-go:active, .cart-summary .block .actions-toolbar > .primary .am-filter-go:active, .cart-summary .form.giftregistry .fieldset .am-filter-go:active, .paypal-review-discount .actions-toolbar .action.primary:active, .paypal-review-discount .actions-toolbar .action.cancel:active, .cart-discount .actions-toolbar .action.primary:active, .cart-discount .actions-toolbar .action.cancel:active, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:active { box-shadow: inset 0 1px 0 0 rgba(209, 209, 209, 0.8), inset 0 -1px 0 0 rgba(209, 209, 209, 0.3); } .block-event .slider-panel .slider .item .action.event { background-image: none; background: #f2f2f2; border: 1px solid #cdcdcd; color: #333333; cursor: pointer; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; margin: 0; padding: 7px 15px; font-size: 1.4rem; line-height: 1.6rem; box-sizing: border-box; vertical-align: middle; display: inline-block; text-decoration: none; border-radius: 3px; } .abs-action-link-button:focus, .abs-action-link-button:active, .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #333333; } .abs-action-link-button:hover, .block-event .slider-panel .slider .item .action.event:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555555; } .abs-action-link-button.disabled, .abs-action-link-button[disabled], fieldset[disabled] .abs-action-link-button, .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .abs-action-link-button:hover, .abs-action-link-button:active, .abs-action-link-button:focus, .block-event .slider-panel .slider .item .action.event:hover, .block-event .slider-panel .slider .item .action.event:active, .block-event .slider-panel .slider .item .action.event:focus { text-decoration: none; } .abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .action-gift, .gift-wrapping-title .action-remove, .wishlist.split.button > .action, .abs-add-fields .action.remove, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { line-height: 1.42857143; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; border-radius: 0; } .abs-action-button-as-link:visited, .abs-action-remove:visited, .abs-discount-block .action.check:visited, .popup .actions-toolbar .action.cancel:visited, .paypal-button-widget .paypal-button:visited, .bundle-options-container .action.back:visited, .block.related .action.select:visited, .cart.table-wrapper .actions-toolbar > .action-delete:visited, .cart.table-wrapper .action.help.map:visited, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:visited, .opc-wrapper .edit-address-link:visited, .opc-block-shipping-information .shipping-information-title .action-edit:visited, .action-auth-toggle:visited, .checkout-payment-method .checkout-billing-address .action-cancel:visited, .checkout-agreements-block .action-show:visited, .gift-options .actions-toolbar .action-cancel:visited, .gift-summary .action-edit:visited, .gift-summary .action-delete:visited, .action-gift:visited, .gift-wrapping-title .action-remove:visited, .wishlist.split.button > .action:visited, .abs-add-fields .action.remove:visited, .paypal-review-discount .action.check:visited, .cart-discount .action.check:visited, .form-giftregistry-share .action.remove:visited, .form-giftregistry-edit .action.remove:visited, .form-add-invitations .action.remove:visited, .form-create-return .action.remove:visited, .form.send.friend .action.remove:visited { color: #1979c3; text-decoration: none; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .action-gift:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button > .action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover { color: #006bb4; text-decoration: underline; } .abs-action-button-as-link:active, .abs-action-remove:active, .abs-discount-block .action.check:active, .popup .actions-toolbar .action.cancel:active, .paypal-button-widget .paypal-button:active, .bundle-options-container .action.back:active, .block.related .action.select:active, .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .action.help.map:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .opc-wrapper .edit-address-link:active, .opc-block-shipping-information .shipping-information-title .action-edit:active, .action-auth-toggle:active, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-agreements-block .action-show:active, .gift-options .actions-toolbar .action-cancel:active, .gift-summary .action-edit:active, .gift-summary .action-delete:active, .action-gift:active, .gift-wrapping-title .action-remove:active, .wishlist.split.button > .action:active, .abs-add-fields .action.remove:active, .paypal-review-discount .action.check:active, .cart-discount .action.check:active, .form-giftregistry-share .action.remove:active, .form-giftregistry-edit .action.remove:active, .form-add-invitations .action.remove:active, .form-create-return .action.remove:active, .form.send.friend .action.remove:active { color: #ff5501; text-decoration: underline; } .abs-action-button-as-link:hover, .abs-action-button-as-link:active, .abs-action-button-as-link:focus, .abs-action-remove:hover, .abs-action-remove:active, .abs-action-remove:focus, .abs-discount-block .action.check:hover, .abs-discount-block .action.check:active, .abs-discount-block .action.check:focus, .popup .actions-toolbar .action.cancel:hover, .popup .actions-toolbar .action.cancel:active, .popup .actions-toolbar .action.cancel:focus, .paypal-button-widget .paypal-button:hover, .paypal-button-widget .paypal-button:active, .paypal-button-widget .paypal-button:focus, .bundle-options-container .action.back:hover, .bundle-options-container .action.back:active, .bundle-options-container .action.back:focus, .block.related .action.select:hover, .block.related .action.select:active, .block.related .action.select:focus, .cart.table-wrapper .actions-toolbar > .action-delete:hover, .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .actions-toolbar > .action-delete:focus, .cart.table-wrapper .action.help.map:hover, .cart.table-wrapper .action.help.map:active, .cart.table-wrapper .action.help.map:focus, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:focus, .opc-wrapper .edit-address-link:hover, .opc-wrapper .edit-address-link:active, .opc-wrapper .edit-address-link:focus, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .opc-block-shipping-information .shipping-information-title .action-edit:active, .opc-block-shipping-information .shipping-information-title .action-edit:focus, .action-auth-toggle:hover, .action-auth-toggle:active, .action-auth-toggle:focus, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-payment-method .checkout-billing-address .action-cancel:focus, .checkout-agreements-block .action-show:hover, .checkout-agreements-block .action-show:active, .checkout-agreements-block .action-show:focus, .gift-options .actions-toolbar .action-cancel:hover, .gift-options .actions-toolbar .action-cancel:active, .gift-options .actions-toolbar .action-cancel:focus, .gift-summary .action-edit:hover, .gift-summary .action-edit:active, .gift-summary .action-edit:focus, .gift-summary .action-delete:hover, .gift-summary .action-delete:active, .gift-summary .action-delete:focus, .action-gift:hover, .action-gift:active, .action-gift:focus, .gift-wrapping-title .action-remove:hover, .gift-wrapping-title .action-remove:active, .gift-wrapping-title .action-remove:focus, .wishlist.split.button > .action:hover, .wishlist.split.button > .action:active, .wishlist.split.button > .action:focus, .abs-add-fields .action.remove:hover, .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:focus, .paypal-review-discount .action.check:hover, .paypal-review-discount .action.check:active, .paypal-review-discount .action.check:focus, .cart-discount .action.check:hover, .cart-discount .action.check:active, .cart-discount .action.check:focus, .form-giftregistry-share .action.remove:hover, .form-giftregistry-share .action.remove:active, .form-giftregistry-share .action.remove:focus, .form-giftregistry-edit .action.remove:hover, .form-giftregistry-edit .action.remove:active, .form-giftregistry-edit .action.remove:focus, .form-add-invitations .action.remove:hover, .form-add-invitations .action.remove:active, .form-add-invitations .action.remove:focus, .form-create-return .action.remove:hover, .form-create-return .action.remove:active, .form-create-return .action.remove:focus, .form.send.friend .action.remove:hover, .form.send.friend .action.remove:active, .form.send.friend .action.remove:focus { background: none; border: 0; } .abs-action-button-as-link.disabled, .abs-action-button-as-link[disabled], fieldset[disabled] .abs-action-button-as-link, .abs-action-remove.disabled, .abs-action-remove[disabled], fieldset[disabled] .abs-action-remove, .abs-discount-block .action.check.disabled, .abs-discount-block .action.check[disabled], fieldset[disabled] .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel.disabled, .popup .actions-toolbar .action.cancel[disabled], fieldset[disabled] .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button.disabled, .paypal-button-widget .paypal-button[disabled], fieldset[disabled] .paypal-button-widget .paypal-button, .bundle-options-container .action.back.disabled, .bundle-options-container .action.back[disabled], fieldset[disabled] .bundle-options-container .action.back, .block.related .action.select.disabled, .block.related .action.select[disabled], fieldset[disabled] .block.related .action.select, .cart.table-wrapper .actions-toolbar > .action-delete.disabled, .cart.table-wrapper .actions-toolbar > .action-delete[disabled], fieldset[disabled] .cart.table-wrapper .actions-toolbar > .action-delete, .cart.table-wrapper .action.help.map.disabled, .cart.table-wrapper .action.help.map[disabled], fieldset[disabled] .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup.disabled, .checkout-index-index .modal-popup .modal-footer .action-hide-popup[disabled], fieldset[disabled] .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link.disabled, .opc-wrapper .edit-address-link[disabled], fieldset[disabled] .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit.disabled, .opc-block-shipping-information .shipping-information-title .action-edit[disabled], fieldset[disabled] .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle.disabled, .action-auth-toggle[disabled], fieldset[disabled] .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel.disabled, .checkout-payment-method .checkout-billing-address .action-cancel[disabled], fieldset[disabled] .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show.disabled, .checkout-agreements-block .action-show[disabled], fieldset[disabled] .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel.disabled, .gift-options .actions-toolbar .action-cancel[disabled], fieldset[disabled] .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit.disabled, .gift-summary .action-edit[disabled], fieldset[disabled] .gift-summary .action-edit, .gift-summary .action-delete.disabled, .gift-summary .action-delete[disabled], fieldset[disabled] .gift-summary .action-delete, .action-gift.disabled, .action-gift[disabled], fieldset[disabled] .action-gift, .gift-wrapping-title .action-remove.disabled, .gift-wrapping-title .action-remove[disabled], fieldset[disabled] .gift-wrapping-title .action-remove, .wishlist.split.button > .action.disabled, .wishlist.split.button > .action[disabled], fieldset[disabled] .wishlist.split.button > .action, .abs-add-fields .action.remove.disabled, .abs-add-fields .action.remove[disabled], fieldset[disabled] .abs-add-fields .action.remove, .paypal-review-discount .action.check.disabled, .paypal-review-discount .action.check[disabled], fieldset[disabled] .paypal-review-discount .action.check, .cart-discount .action.check.disabled, .cart-discount .action.check[disabled], fieldset[disabled] .cart-discount .action.check, .form-giftregistry-share .action.remove.disabled, .form-giftregistry-share .action.remove[disabled], fieldset[disabled] .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove.disabled, .form-giftregistry-edit .action.remove[disabled], fieldset[disabled] .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove.disabled, .form-add-invitations .action.remove[disabled], fieldset[disabled] .form-add-invitations .action.remove, .form-create-return .action.remove.disabled, .form-create-return .action.remove[disabled], fieldset[disabled] .form-create-return .action.remove, .form.send.friend .action.remove.disabled, .form.send.friend .action.remove[disabled], fieldset[disabled] .form.send.friend .action.remove { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .abs-action-remove:active, .abs-action-remove:not(:focus), .abs-discount-block .action.check:active, .abs-discount-block .action.check:not(:focus), .popup .actions-toolbar .action.cancel:active, .popup .actions-toolbar .action.cancel:not(:focus), .paypal-button-widget .paypal-button:active, .paypal-button-widget .paypal-button:not(:focus), .bundle-options-container .action.back:active, .bundle-options-container .action.back:not(:focus), .block.related .action.select:active, .block.related .action.select:not(:focus), .cart.table-wrapper .actions-toolbar > .action-delete:active, .cart.table-wrapper .actions-toolbar > .action-delete:not(:focus), .cart.table-wrapper .action.help.map:active, .cart.table-wrapper .action.help.map:not(:focus), .checkout-index-index .modal-popup .modal-footer .action-hide-popup:active, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:not(:focus), .opc-wrapper .edit-address-link:active, .opc-wrapper .edit-address-link:not(:focus), .opc-block-shipping-information .shipping-information-title .action-edit:active, .opc-block-shipping-information .shipping-information-title .action-edit:not(:focus), .action-auth-toggle:active, .action-auth-toggle:not(:focus), .checkout-payment-method .checkout-billing-address .action-cancel:active, .checkout-payment-method .checkout-billing-address .action-cancel:not(:focus), .checkout-agreements-block .action-show:active, .checkout-agreements-block .action-show:not(:focus), .gift-options .actions-toolbar .action-cancel:active, .gift-options .actions-toolbar .action-cancel:not(:focus), .gift-summary .action-edit:active, .gift-summary .action-edit:not(:focus), .gift-summary .action-delete:active, .gift-summary .action-delete:not(:focus), .action-gift:active, .action-gift:not(:focus), .gift-wrapping-title .action-remove:active, .gift-wrapping-title .action-remove:not(:focus), .wishlist.split.button > .action:active, .wishlist.split.button > .action:not(:focus), .abs-add-fields .action.remove:active, .abs-add-fields .action.remove:not(:focus), .paypal-review-discount .action.check:active, .paypal-review-discount .action.check:not(:focus), .cart-discount .action.check:active, .cart-discount .action.check:not(:focus), .form-giftregistry-share .action.remove:active, .form-giftregistry-share .action.remove:not(:focus), .form-giftregistry-edit .action.remove:active, .form-giftregistry-edit .action.remove:not(:focus), .form-add-invitations .action.remove:active, .form-add-invitations .action.remove:not(:focus), .form-create-return .action.remove:active, .form-create-return .action.remove:not(:focus), .form.send.friend .action.remove:active, .form.send.friend .action.remove:not(:focus) { box-shadow: none; } .abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .paypal-review .block .actions-toolbar .amshopby-button, .paypal-review .block .actions-toolbar .am-filter-go, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .abs-discount-code .form-discount .actions-toolbar .primary .action, .cart-summary .form.giftregistry .fieldset .action.primary, .abs-discount-block .actions-toolbar .amshopby-button, .block-compare .amshopby-button, .cart-summary .block .actions-toolbar > .primary .amshopby-button, .cart-summary .form.giftregistry .fieldset .amshopby-button, .abs-discount-block .actions-toolbar .am-filter-go, .block-compare .am-filter-go, .cart-summary .block .actions-toolbar > .primary .am-filter-go, .cart-summary .form.giftregistry .fieldset .am-filter-go, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action { background: #f2f2f2; border: 1px solid #cdcdcd; color: #333333; } .abs-revert-secondary-color:focus, .abs-revert-secondary-color:active, .abs-revert-to-action-secondary:focus, .abs-revert-to-action-secondary:active, .paypal-review .block .actions-toolbar .action.primary:focus, .paypal-review .block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.primary:focus, .abs-discount-block .actions-toolbar .action.primary:active, .abs-discount-block .actions-toolbar .action.cancel:focus, .abs-discount-block .actions-toolbar .action.cancel:active, .paypal-review .block .actions-toolbar .amshopby-button:focus, .paypal-review .block .actions-toolbar .amshopby-button:active, .paypal-review .block .actions-toolbar .am-filter-go:focus, .paypal-review .block .actions-toolbar .am-filter-go:active, .block-compare .action.primary:focus, .block-compare .action.primary:active, .cart-summary .block .actions-toolbar > .primary .action.primary:focus, .cart-summary .block .actions-toolbar > .primary .action.primary:active, .abs-discount-code .form-discount .actions-toolbar .primary .action:focus, .abs-discount-code .form-discount .actions-toolbar .primary .action:active, .cart-summary .form.giftregistry .fieldset .action.primary:focus, .cart-summary .form.giftregistry .fieldset .action.primary:active, .abs-discount-block .actions-toolbar .amshopby-button:focus, .abs-discount-block .actions-toolbar .amshopby-button:active, .block-compare .amshopby-button:focus, .block-compare .amshopby-button:active, .cart-summary .block .actions-toolbar > .primary .amshopby-button:focus, .cart-summary .block .actions-toolbar > .primary .amshopby-button:active, .cart-summary .form.giftregistry .fieldset .amshopby-button:focus, .cart-summary .form.giftregistry .fieldset .amshopby-button:active, .abs-discount-block .actions-toolbar .am-filter-go:focus, .abs-discount-block .actions-toolbar .am-filter-go:active, .block-compare .am-filter-go:focus, .block-compare .am-filter-go:active, .cart-summary .block .actions-toolbar > .primary .am-filter-go:focus, .cart-summary .block .actions-toolbar > .primary .am-filter-go:active, .cart-summary .form.giftregistry .fieldset .am-filter-go:focus, .cart-summary .form.giftregistry .fieldset .am-filter-go:active, .paypal-review-discount .actions-toolbar .action.primary:focus, .paypal-review-discount .actions-toolbar .action.primary:active, .paypal-review-discount .actions-toolbar .action.cancel:focus, .paypal-review-discount .actions-toolbar .action.cancel:active, .cart-discount .actions-toolbar .action.primary:focus, .cart-discount .actions-toolbar .action.primary:active, .cart-discount .actions-toolbar .action.cancel:focus, .cart-discount .actions-toolbar .action.cancel:active, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:focus, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #333333; } .abs-revert-secondary-color:hover, .abs-revert-to-action-secondary:hover, .paypal-review .block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.cancel:hover, .paypal-review .block .actions-toolbar .amshopby-button:hover, .paypal-review .block .actions-toolbar .am-filter-go:hover, .block-compare .action.primary:hover, .cart-summary .block .actions-toolbar > .primary .action.primary:hover, .abs-discount-code .form-discount .actions-toolbar .primary .action:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .abs-discount-block .actions-toolbar .amshopby-button:hover, .block-compare .amshopby-button:hover, .cart-summary .block .actions-toolbar > .primary .amshopby-button:hover, .cart-summary .form.giftregistry .fieldset .amshopby-button:hover, .abs-discount-block .actions-toolbar .am-filter-go:hover, .block-compare .am-filter-go:hover, .cart-summary .block .actions-toolbar > .primary .am-filter-go:hover, .cart-summary .form.giftregistry .fieldset .am-filter-go:hover, .paypal-review-discount .actions-toolbar .action.primary:hover, .paypal-review-discount .actions-toolbar .action.cancel:hover, .cart-discount .actions-toolbar .action.primary:hover, .cart-discount .actions-toolbar .action.cancel:hover, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555555; } .products-grid.wishlist .product-item .box-tocart .tocart { font-size: 1.4rem; line-height: 1.6rem; padding: 7px 15px; } .form-address-edit .actions-toolbar .action.vertex-secondary, .order-review-form .action.primary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .cart-summary .checkout-methods-items .action.primary.checkout, .block-minicart .block-content > .actions > .primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, .form-address-edit .actions-toolbar .action.primary, .box-tocart .action.instant-purchase, .multicheckout .action.primary, .order-review-form .amshopby-button, .bundle-actions .amshopby-button.customize, .bundle-options-container .block-bundle-summary .box-tocart .amshopby-button, .cart-summary .checkout-methods-items .amshopby-button.checkout, .block-minicart .block-content > .actions > .primary .amshopby-button, .methods-shipping .actions-toolbar .amshopby-button, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .amshopby-button, .form-address-edit .actions-toolbar .amshopby-button, .multicheckout .amshopby-button, .order-review-form .am-filter-go, .bundle-actions .am-filter-go.customize, .bundle-options-container .block-bundle-summary .box-tocart .am-filter-go, .cart-summary .checkout-methods-items .am-filter-go.checkout, .block-minicart .block-content > .actions > .primary .am-filter-go, .methods-shipping .actions-toolbar .am-filter-go, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .am-filter-go, .form-address-edit .actions-toolbar .am-filter-go, .multicheckout .am-filter-go { line-height: 2.2rem; padding: 14px 17px; font-size: 1.8rem; } .cart.table-wrapper .item-options dt, .minicart-items .product-item-details .product .options.list dt, .opc-block-summary .items-in-cart .product .item-options dt, .block-giftregistry-shared-items .product .item-options dt, .multicheckout .item-options dt { clear: left; float: left; margin: 0 10px 5px 0; } .cart.table-wrapper .item-options dt:after, .minicart-items .product-item-details .product .options.list dt:after, .opc-block-summary .items-in-cart .product .item-options dt:after, .block-giftregistry-shared-items .product .item-options dt:after, .multicheckout .item-options dt:after { content: ': '; } .cart.table-wrapper .item-options dd, .minicart-items .product-item-details .product .options.list dd, .opc-block-summary .items-in-cart .product .item-options dd, .block-giftregistry-shared-items .product .item-options dd, .multicheckout .item-options dd { display: inline-block; float: left; margin: 0 0 5px; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .box-tocart .action.instant-purchase, .bundle-actions .amshopby-button.customize, .bundle-options-container .block-bundle-summary .box-tocart .amshopby-button, .bundle-actions .am-filter-go.customize, .bundle-options-container .block-bundle-summary .box-tocart .am-filter-go { width: 100%; } .products-list .product-image-wrapper, .cart.table-wrapper .product-image-wrapper, .minicart-items .product-image-wrapper, .block-giftregistry-shared-items .product-image-wrapper { height: auto; padding: 0 !important; } .products-list .product-image-wrapper .product-image-photo, .cart.table-wrapper .product-image-wrapper .product-image-photo, .minicart-items .product-image-wrapper .product-image-photo, .block-giftregistry-shared-items .product-image-wrapper .product-image-photo { position: static; } .product.media .product.photo .photo.image { display: block; height: auto; margin: 0 auto; max-width: 100%; } .login-container .block .block-title { border-bottom: 1px solid #e8e8e8; font-size: 1.8rem; margin-bottom: 15px; padding-bottom: 12px; } .login-container .block .block-title strong { font-weight: 500; } .giftregisty-dropdown, .wishlist-dropdown { display: inline-block; position: relative; } .abs-dropdown-simple:before, .abs-dropdown-simple:after, .giftregisty-dropdown:before, .giftregisty-dropdown:after, .wishlist-dropdown:before, .wishlist-dropdown:after { content: ''; display: table; } .abs-dropdown-simple:after, .giftregisty-dropdown:after, .wishlist-dropdown:after { clear: both; } .abs-dropdown-simple .action.toggle, .giftregisty-dropdown .action.toggle, .wishlist-dropdown .action.toggle { cursor: pointer; display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle:after, .giftregisty-dropdown .action.toggle:after, .wishlist-dropdown .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e607'; font-family: 'icons-blank-theme'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle:hover:after, .giftregisty-dropdown .action.toggle:hover:after, .wishlist-dropdown .action.toggle:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle:active:after, .giftregisty-dropdown .action.toggle:active:after, .wishlist-dropdown .action.toggle:active:after { color: inherit; } .abs-dropdown-simple .action.toggle.active, .giftregisty-dropdown .action.toggle.active, .wishlist-dropdown .action.toggle.active { display: inline-block; text-decoration: none; } .abs-dropdown-simple .action.toggle.active:after, .giftregisty-dropdown .action.toggle.active:after, .wishlist-dropdown .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e618'; font-family: 'icons-blank-theme'; margin: 0 0 0 5px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-dropdown-simple .action.toggle.active:hover:after, .giftregisty-dropdown .action.toggle.active:hover:after, .wishlist-dropdown .action.toggle.active:hover:after { color: inherit; } .abs-dropdown-simple .action.toggle.active:active:after, .giftregisty-dropdown .action.toggle.active:active:after, .wishlist-dropdown .action.toggle.active:active:after { color: inherit; } .abs-dropdown-simple ul.dropdown, .giftregisty-dropdown ul.dropdown, .wishlist-dropdown ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-dropdown-simple ul.dropdown li, .giftregisty-dropdown ul.dropdown li, .wishlist-dropdown ul.dropdown li { margin: 0; padding: 5px 5px 5px 23px; } .abs-dropdown-simple ul.dropdown li:hover, .giftregisty-dropdown ul.dropdown li:hover, .wishlist-dropdown ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .abs-dropdown-simple ul.dropdown:before, .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:before, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-dropdown-simple ul.dropdown:before, .giftregisty-dropdown ul.dropdown:before, .wishlist-dropdown ul.dropdown:before { left: 10px; top: -12px; } .abs-dropdown-simple ul.dropdown:after, .giftregisty-dropdown ul.dropdown:after, .wishlist-dropdown ul.dropdown:after { left: 9px; top: -14px; } .abs-dropdown-simple.active, .giftregisty-dropdown.active, .wishlist-dropdown.active { overflow: visible; } .abs-dropdown-simple.active ul.dropdown, .giftregisty-dropdown.active ul.dropdown, .wishlist-dropdown.active ul.dropdown { display: block; } .giftregisty-dropdown ul.items, .wishlist-dropdown ul.items { padding: 6px 0; } .column .block-addbysku .qty .qty, .bundle-options-container .input-text.qty, .box-tocart .input-text.qty, .account .data.table-return-items .qty .input-text, .table-giftregistry-items .field.qty .qty, .block-giftregistry-shared-items .qty .qty, .table.grouped .col.qty .control.qty .qty, .block-wishlist-info-items .input-text.qty, .multicheckout .table-wrapper .col .qty .input-text, .account .table-wrapper .data.table.wishlist .box-tocart .qty, .products-grid.wishlist .product-item .box-tocart input.qty, .sidebar .block-addbysku .fieldset .fields .field.qty .qty { text-align: center; width: 54px; } .block, .customer-review .product-details, .block-banners, .block-banners-inline { margin-bottom: 40px; } .sidebar .product-items .action.delete, .sidebar .block-compare .action.delete, .table-comparison .cell.remove .action.delete, .block-compare .action.delete, .filter-current .action.remove { display: inline-block; text-decoration: none; } .abs-remove-button-for-blocks > span, .sidebar .product-items .action.delete > span, .sidebar .block-compare .action.delete > span, .table-comparison .cell.remove .action.delete > span, .block-compare .action.delete > span, .filter-current .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-remove-button-for-blocks:before, .sidebar .product-items .action.delete:before, .sidebar .block-compare .action.delete:before, .table-comparison .cell.remove .action.delete:before, .block-compare .action.delete:before, .filter-current .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 15px; color: #757575; content: '\e616'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-remove-button-for-blocks:hover:before, .sidebar .product-items .action.delete:hover:before, .sidebar .block-compare .action.delete:hover:before, .table-comparison .cell.remove .action.delete:hover:before, .block-compare .action.delete:hover:before, .filter-current .action.remove:hover:before { color: #494949; } .abs-remove-button-for-blocks:active:before, .sidebar .product-items .action.delete:active:before, .sidebar .block-compare .action.delete:active:before, .table-comparison .cell.remove .action.delete:active:before, .block-compare .action.delete:active:before, .filter-current .action.remove:active:before { color: #999999; } .product-item-name, .product.name a { font-weight: 400; } .product-item-name > a, .product.name a > a { color: #333333; text-decoration: none; } .abs-product-link > a:visited, .product-item-name > a:visited, .product.name a > a:visited { color: #333333; text-decoration: underline; } .abs-product-link > a:hover, .product-item-name > a:hover, .product.name a > a:hover { color: #333333; text-decoration: underline; } .abs-product-link > a:active, .product-item-name > a:active, .product.name a > a:active { color: #333333; text-decoration: underline; } .abs-like-link:visited { color: #1979c3; text-decoration: none; } .abs-like-link:hover { color: #006bb4; text-decoration: underline; } .abs-like-link:active { color: #ff5501; text-decoration: underline; } .form.giftregistry.items .actions-toolbar, .form.wishlist.items .actions-toolbar { margin-left: 0; } .abs-add-fields .action.remove, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { line-height: normal; margin-left: 73%; position: absolute; top: 34px; width: auto; } .form-giftregistry-share .fieldset .field .control, .form-giftregistry-edit .fieldset .field .control, .form-add-invitations .fieldset .field .control, .form-create-return .fieldset .field .control, .form.send.friend .fieldset .field .control { width: 70%; } .form-giftregistry-share .fieldset .actions-toolbar > .secondary, .form-giftregistry-edit .fieldset .actions-toolbar > .secondary, .form-add-invitations .fieldset .actions-toolbar > .secondary, .form-create-return .fieldset .actions-toolbar > .secondary, .form.send.friend .fieldset .actions-toolbar > .secondary { float: left; } .form-giftregistry-share .fieldset .actions-toolbar > .secondary .action.add, .form-giftregistry-edit .fieldset .actions-toolbar > .secondary .action.add, .form-add-invitations .fieldset .actions-toolbar > .secondary .action.add, .form-create-return .fieldset .actions-toolbar > .secondary .action.add, .form.send.friend .fieldset .actions-toolbar > .secondary .action.add { margin-top: 30px; } .form-giftregistry-share .fieldset .fields .actions-toolbar, .form-giftregistry-edit .fieldset .fields .actions-toolbar, .form-add-invitations .fieldset .fields .actions-toolbar, .form-create-return .fieldset .fields .actions-toolbar, .form.send.friend .fieldset .fields .actions-toolbar { margin: 0; } .form-giftregistry-share .additional, .form-giftregistry-edit .additional, .form-add-invitations .additional, .form-create-return .additional, .form.send.friend .additional { margin-top: 55px; position: relative; } .form-giftregistry-share .message.notice, .form-giftregistry-edit .message.notice, .form-add-invitations .message.notice, .form-create-return .message.notice, .form.send.friend .message.notice { margin: 30px 0 0; } .order-details-items .order-items .order-gift-message:not(.expanded-content) { height: 0; visibility: hidden; } .opc-wrapper .form-discount .field .label, .bundle-options-container .block-bundle-summary .product-image-container, .bundle-options-container .block-bundle-summary .product.name, .bundle-options-container .block-bundle-summary .stock, .product-item-actions .actions-secondary > .action span, .special-price .price-label, .table-comparison .cell.label.remove span, .table-comparison .cell.label.product span, .block.related .field.choice .label, .cart.table-wrapper .col.qty .label, .minicart-wrapper .action.showcart .text, .minicart-wrapper .action.showcart .counter-label, .checkout-index-index .page-title-wrapper, .checkout-payment-method .field-select-billing > .label, .checkout-payment-method .payments .legend, .checkout-payment-method .ccard .legend, .fieldset .fullname > .label, .field.street .field .label, .block-balance .balance-price-label, .page-product-downloadable .product-options-wrapper .fieldset .legend.links-title, .page-product-giftcard .fieldset.giftcard > .legend, .opc-wrapper .form-giftcard-account .field .label, .form-add-invitations .fields .label, .filter-options-content .filter-count-label, .table-comparison .wishlist.split.button > .action.split span, .product-items .wishlist.split.button > .action.split span, .page-multiple-wishlist .page-title-wrapper .page-title, .block-wishlist-search-form .form-wishlist-search .fieldset > .legend, .multicheckout .table-wrapper .col .label, .multicheckout .block .methods-shipping .item-content .fieldset > .legend, .block.newsletter .label, .review-date .review-details-label, .customer-review .product-details .rating-average-label, .block-reorder .product-item .label, .products-grid.wishlist .product-item .comment-box .label, .action.skip:not(:focus), .page-header .switcher .label, .page-footer .switcher .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .product.options .toggle > span, .shipping-policy-block.field-tooltip .field-tooltip-action span { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .abs-add-clearfix:before, .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:before, .abs-add-fields .fieldset .actions-toolbar:after, .bundle-options-container .product-options-wrapper .field.choice .label:before, .bundle-options-container .product-options-wrapper .field.choice .label:after, .toolbar:before, .toolbar:after, .sidebar .product-items-images:before, .sidebar .product-items-images:after, .cart.table-wrapper .actions-toolbar:before, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:before, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:before, .minicart-items .product-item > .product:after, .minicart-items .product-item-details .product .options.list:before, .minicart-items .product-item-details .product .options.list:after, .checkout-container:before, .checkout-container:after, .checkout-onepage-success:before, .checkout-onepage-success:after, .opc-estimated-wrapper:before, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:before, .opc-wrapper .field.addresses:after, .opc-block-summary .items-in-cart .product .item-options:before, .opc-block-summary .items-in-cart .product .item-options:after, .opc-block-summary .product-item .product-item-details:before, .opc-block-summary .product-item .product-item-details:after, .page-product-downloadable .product-add-form:before, .page-product-downloadable .product-add-form:after, .gift-item-block .content:before, .gift-item-block .content:after, .order-details-items .order-gift-message:before, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:before, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:before, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:before, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping .content:before, .opc-wrapper .data.table .gift-wrapping .content:after, .table-order-items .gift-wrapping .content:before, .table-order-items .gift-wrapping .content:after, .order-options .product:before, .order-options .product:after, .map-popup .map-info-price:before, .map-popup .map-info-price:after, .multicheckout .item-options:before, .multicheckout .item-options:after, .multicheckout .block:before, .multicheckout .block:after, .multicheckout .block-content:before, .multicheckout .block-content:after, .customer-review .product-details:before, .customer-review .product-details:after, .form-create-return .actions-toolbar:before, .form-create-return .actions-toolbar:after, .header.content:before, .header.content:after, .form-giftregistry-share .fieldset .actions-toolbar:before, .form-giftregistry-share .fieldset .actions-toolbar:after, .form-giftregistry-edit .fieldset .actions-toolbar:before, .form-giftregistry-edit .fieldset .actions-toolbar:after, .form-add-invitations .fieldset .actions-toolbar:before, .form-add-invitations .fieldset .actions-toolbar:after, .form-create-return .fieldset .actions-toolbar:before, .form-create-return .fieldset .actions-toolbar:after, .form.send.friend .fieldset .actions-toolbar:before, .form.send.friend .fieldset .actions-toolbar:after { content: ''; display: table; } .abs-add-clearfix:after, .abs-add-fields .fieldset .actions-toolbar:after, .bundle-options-container .product-options-wrapper .field.choice .label:after, .toolbar:after, .sidebar .product-items-images:after, .cart.table-wrapper .actions-toolbar:after, .cart.table-wrapper .item-options:after, .minicart-items .product-item > .product:after, .minicart-items .product-item-details .product .options.list:after, .checkout-container:after, .checkout-onepage-success:after, .opc-estimated-wrapper:after, .opc-wrapper .field.addresses:after, .opc-block-summary .items-in-cart .product .item-options:after, .opc-block-summary .product-item .product-item-details:after, .page-product-downloadable .product-add-form:after, .gift-item-block .content:after, .order-details-items .order-gift-message:after, .order-details-items .block-order-details-gift-message:after, .block-giftregistry-shared-items .product .item-options:after, .gift-wrapping-list:after, .opc-wrapper .data.table .gift-wrapping .content:after, .table-order-items .gift-wrapping .content:after, .order-options .product:after, .map-popup .map-info-price:after, .multicheckout .item-options:after, .multicheckout .block:after, .multicheckout .block-content:after, .customer-review .product-details:after, .form-create-return .actions-toolbar:after, .header.content:after, .form-giftregistry-share .fieldset .actions-toolbar:after, .form-giftregistry-edit .fieldset .actions-toolbar:after, .form-add-invitations .fieldset .actions-toolbar:after, .form-create-return .fieldset .actions-toolbar:after, .form.send.friend .fieldset .actions-toolbar:after { clear: both; } .abs-field-date .control, .abs-field-tooltip, .columns .column.main, .columns .sidebar-main, .columns .sidebar-additional, .column .block-addbysku .sku, .product-item, .sidebar .product-items-images .product-item, .search-autocomplete, .cart-summary, .opc-wrapper .shipping-address-item, .shipping-policy-block.field-tooltip .field-tooltip-content, .opc-block-summary, .block-event .slider-panel .slider .item .action.show, .sidebar .block-addbysku .fieldset .fields .field.sku, .form.search.advanced .fields.range .field.date .control, .field .control._with-tooltip, .form-giftregistry-edit .field.date .control { box-sizing: border-box; } .abs-navigation-icon:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 34px; line-height: 1.2; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button:before, .abs-split-button:after { content: ''; display: table; } .abs-split-button:after { clear: both; } .abs-split-button .action.split { float: left; margin: 0; } .abs-split-button .action.toggle { float: right; margin: 0; } .abs-split-button button.action.split { border-bottom-right-radius: 0; border-top-right-radius: 0; } .abs-split-button button + .action.toggle { border-bottom-left-radius: 0; border-left: 0; border-top-left-radius: 0; } .abs-split-button .action.toggle { padding: 4px 5px; display: inline-block; text-decoration: none; } .abs-split-button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e607'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle:hover:after { color: inherit; } .abs-split-button .action.toggle:active:after { color: inherit; } .abs-split-button .action.toggle.active { display: inline-block; text-decoration: none; } .abs-split-button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-split-button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e618'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-split-button .action.toggle.active:hover:after { color: inherit; } .abs-split-button .action.toggle.active:active:after { color: inherit; } .abs-split-button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .abs-split-button .items li { margin: 0; padding: 3px 5px; } .abs-split-button .items li:hover { background: #e8e8e8; cursor: pointer; } .abs-split-button .items:before, .abs-split-button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .abs-split-button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .abs-split-button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .abs-split-button .items:before { right: 10px; top: -12px; } .abs-split-button .items:after { right: 9px; top: -14px; } .abs-split-button.active { overflow: visible; } .abs-split-button.active .items { display: block; } .bundle-options-container .block-bundle-summary .product-addto-links > .action, .product-item-actions .actions-secondary > .action, .product-social-links .action.tocompare, .wishlist.split.button > .action.split, .product-social-links .action.mailto.friend, .product-social-links .action.towishlist, .block-bundle-summary .action.towishlist, .product-item .action.towishlist, .table-comparison .action.towishlist { color: #666666; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; display: inline-block; text-decoration: none; } .abs-actions-addto:before, .bundle-options-container .block-bundle-summary .product-addto-links > .action:before, .product-item-actions .actions-secondary > .action:before, .product-social-links .action.tocompare:before, .wishlist.split.button > .action.split:before, .product-social-links .action.mailto.friend:before, .product-social-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: inherit; font-family: 'icons-blank-theme'; margin: -2px 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .bundle-options-container .block-bundle-summary .product-addto-links > .action:hover, .product-item-actions .actions-secondary > .action:hover, .product-social-links .action.tocompare:hover, .wishlist.split.button > .action.split:hover, .product-social-links .action.mailto.friend:hover, .product-social-links .action.towishlist:hover, .block-bundle-summary .action.towishlist:hover, .product-item .action.towishlist:hover, .table-comparison .action.towishlist:hover { color: #333333; text-decoration: none; } .bundle-options-container .block-bundle-summary .product-addto-links > .action:before, .product-item-actions .actions-secondary > .action:before, .product-social-links .action.tocompare:before, .wishlist.split.button > .action.split:before, .product-social-links .action.mailto.friend:before, .product-social-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before { width: 18px; } .bundle-options-container .block-bundle-summary .box-tocart, .box-tocart { margin: 0 0 30px; } .abs-cart-block > .title, .minicart-items .product .toggle, .abs-discount-block .block > .title, .cart-summary .block > .title, .paypal-review-discount .block > .title, .cart-discount .block > .title { border-top: 1px solid #d1d1d1; cursor: pointer; margin-bottom: 0; position: relative; padding: 10px 40px 10px 15px; display: block; text-decoration: none; } .abs-cart-block > .title:after, .minicart-items .product .toggle:after, .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { position: absolute; right: 20px; top: 10px; } .abs-toggling-title > span, .abs-cart-block > .title > span, .minicart-items .product .toggle > span, .abs-discount-block .block > .title > span, .cart-summary .block > .title > span, .paypal-review-discount .block > .title > span, .cart-discount .block > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-toggling-title:after, .abs-cart-block > .title:after, .minicart-items .product .toggle:after, .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-discount-block .block, .cart-summary .block, .paypal-review-discount .block, .cart-discount .block { margin: 0; } .abs-discount-block .block > .title:after, .cart-summary .block > .title:after, .paypal-review-discount .block > .title:after, .cart-discount .block > .title:after { color: #858585; } .abs-discount-block .block .content, .cart-summary .block .content, .paypal-review-discount .block .content, .cart-discount .block .content { display: none; padding: 5px 15px 23px; position: relative; } .abs-cart-block.active > .title:after, .abs-discount-block .block.active > .title:after, .cart-summary .block.active > .title:after, .paypal-review-discount .block.active > .title:after, .cart-discount .block.active > .title:after { content: '\e621'; } .abs-discount-block .block.active .content, .cart-summary .block.active .content, .paypal-review-discount .block.active .content, .cart-discount .block.active .content { display: block; } .multicheckout .table-wrapper .cart-price { color: #7d7d7d; font-size: 1.6rem; font-weight: 700; } .multicheckout .table-wrapper .product-item-name { font-size: 1.8rem; font-weight: 300; margin: 0; } .abs-account-blocks .block-title, .account .legend, .form-giftregistry-search .legend, .block-giftregistry-results .block-title, .block-giftregistry-shared-items .block-title, .block-wishlist-search-form .block-title, .block-wishlist-search-results .block-title, .multicheckout .block-title, .multicheckout .block-content .title, .customer-review .review-details .title, .paypal-review .block .block-title, .account .column.main .block:not(.widget) .block-title, .multicheckout .block-title, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title, .sales-guest-view .column.main .block:not(.widget) .block-title { border-bottom: 1px solid #c6c6c6; margin-bottom: 25px; padding-bottom: 10px; } .abs-account-blocks .block-title > strong, .abs-account-blocks .block-title > span, .account .legend > strong, .account .legend > span, .form-giftregistry-search .legend > strong, .form-giftregistry-search .legend > span, .block-giftregistry-results .block-title > strong, .block-giftregistry-results .block-title > span, .block-giftregistry-shared-items .block-title > strong, .block-giftregistry-shared-items .block-title > span, .block-wishlist-search-form .block-title > strong, .block-wishlist-search-form .block-title > span, .block-wishlist-search-results .block-title > strong, .block-wishlist-search-results .block-title > span, .multicheckout .block-title > strong, .multicheckout .block-title > span, .multicheckout .block-content .title > strong, .multicheckout .block-content .title > span, .customer-review .review-details .title > strong, .customer-review .review-details .title > span, .paypal-review .block .block-title > strong, .paypal-review .block .block-title > span, .account .column.main .block:not(.widget) .block-title > strong, .account .column.main .block:not(.widget) .block-title > span, .multicheckout .block-title > strong, .multicheckout .block-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > strong, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > span, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > strong, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > span, .sales-guest-view .column.main .block:not(.widget) .block-title > strong, .sales-guest-view .column.main .block:not(.widget) .block-title > span { font-size: 2.2rem; font-weight: 300; } .block-addresses-list address, .box-billing-address .box-content, .box-shipping-address .box-content, .box-address-billing .box-content, .box-address-shipping .box-content, .box-information .box-content, .box-newsletter .box-content { line-height: 24px; } .order-details-items tfoot td { background: #f5f5f5; } .paypal-review .table-paypal-review-items .col.price .price-including-tax, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.price .price-including-tax, .cart.table-wrapper .col.price .price-excluding-tax, .cart.table-wrapper .col.subtotal .price-including-tax, .cart.table-wrapper .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.msrp .price-including-tax, .cart.table-wrapper .col.msrp .price-excluding-tax, .order-details-items .col.price .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.subtotal .price-excluding-tax { color: #666666; font-size: 1.8rem; display: block; line-height: 1; white-space: nowrap; } .paypal-review .table-paypal-review-items .col.price .price-including-tax .price, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.price .price-including-tax .price, .cart.table-wrapper .col.price .price-excluding-tax .price, .cart.table-wrapper .col.subtotal .price-including-tax .price, .cart.table-wrapper .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.msrp .price-including-tax .price, .cart.table-wrapper .col.msrp .price-excluding-tax .price, .order-details-items .col.price .price-including-tax .price, .order-details-items .col.price .price-excluding-tax .price, .order-details-items .col.subtotal .price-including-tax .price, .order-details-items .col.subtotal .price-excluding-tax .price { font-weight: 700; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax, .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-excluding-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-excluding-tax, .cart-summary .price-including-tax, .cart-summary .price-excluding-tax, .gift-summary .price-including-tax, .gift-summary .price-excluding-tax, .gift-options .price-including-tax, .gift-options .price-excluding-tax { font-size: 1.4rem; display: inline-block; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax, .cart-summary .price-including-tax + .price-excluding-tax, .gift-summary .price-including-tax + .price-excluding-tax, .gift-options .price-including-tax + .price-excluding-tax { font-size: 1.1rem; display: inline-block; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax:before, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax:before, .cart-summary .price-including-tax + .price-excluding-tax:before, .gift-summary .price-including-tax + .price-excluding-tax:before, .gift-options .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ': '; } .bundle-options-container .product-options-wrapper .fieldset-bundle-options .field.choice .price-notice .price-including-tax + .price-excluding-tax:after, .bundle-options-container .product-options-wrapper .field.choice .price-notice .price-including-tax + .price-excluding-tax:after, .cart-summary .price-including-tax + .price-excluding-tax:after, .gift-summary .price-including-tax + .price-excluding-tax:after, .gift-options .price-including-tax + .price-excluding-tax:after { content: ')'; } .price-including-tax .cart-tax-total, .price-excluding-tax .cart-tax-total, .paypal-review .table-paypal-review-items .cart-tax-total, .cart.table-wrapper .cart-tax-total, .order-details-items .cart-tax-total { cursor: pointer; padding-right: 10px; position: relative; display: inline-block; text-decoration: none; } .abs-tax-total:after, .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after, .paypal-review .table-paypal-review-items .cart-tax-total:after, .cart.table-wrapper .cart-tax-total:after, .order-details-items .cart-tax-total:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 8px; line-height: 8px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .price-including-tax .cart-tax-total:after, .price-excluding-tax .cart-tax-total:after, .paypal-review .table-paypal-review-items .cart-tax-total:after, .cart.table-wrapper .cart-tax-total:after, .order-details-items .cart-tax-total:after { position: absolute; right: -2px; top: 4px; } .abs-tax-total-expanded:after, .price-including-tax .cart-tax-total-expanded:after, .price-excluding-tax .cart-tax-total-expanded:after, .paypal-review .table-paypal-review-items .cart-tax-total-expanded:after, .cart.table-wrapper .cart-tax-total-expanded:after, .order-details-items .cart-tax-total-expanded:after { content: '\e621'; } .giftcard-account .form-giftcard-redeem .fieldset, .form-giftregistry-create .fieldset { margin-bottom: 20px; } .review-ratings .rating-summary, .customer-review .review-details .customer-review-rating .rating-summary { display: table-row; } .review-ratings .rating-label, .customer-review .review-details .customer-review-rating .rating-label { display: table-cell; padding-bottom: 5px; padding-right: 25px; padding-top: 1px; vertical-align: top; } .review-ratings .rating-result, .customer-review .review-details .customer-review-rating .rating-result { display: table-cell; vertical-align: top; } .block-addresses-list .items.addresses .item.actions .action:after, .account .data.table .col.actions .action:after, [class^='sales-guest-'] .data.table .col.actions .action:after, .sales-guest-view .data.table .col.actions .action:after, .block .box-actions .action:after { border-left: 1px solid #a6a6a6; content: ''; display: inline-block; height: 12px; margin: 0 10px; vertical-align: -1px; } .block-addresses-list .items.addresses .item.actions .action:last-child:after, .account .data.table .col.actions .action:last-child:after, [class^='sales-guest-'] .data.table .col.actions .action:last-child:after, .sales-guest-view .data.table .col.actions .action:last-child:after, .block .box-actions .action:last-child:after { display: none; } .paypal-review .block .block-title > .action, .account .column.main .block:not(.widget) .block-title > .action, .multicheckout .block-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .block-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .block-title > .action, .sales-guest-view .column.main .block:not(.widget) .block-title > .action { margin-left: 15px; } .paypal-review .block .box-title, .account .column.main .block:not(.widget) .box-title, .multicheckout .box-title, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title, .sales-guest-view .column.main .block:not(.widget) .box-title { display: inline-block; margin: 0 0 10px; } .paypal-review .block .box-title > span, .account .column.main .block:not(.widget) .box-title > span, .multicheckout .box-title > span, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > span, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title > span, .sales-guest-view .column.main .block:not(.widget) .box-title > span { font-size: 1.6rem; } .paypal-review .block .box-title > .action, .account .column.main .block:not(.widget) .box-title > .action, .multicheckout .box-title > .action, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title > .action, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title > .action, .sales-guest-view .column.main .block:not(.widget) .box-title > .action { font-weight: 400; margin-left: 10px; } .block-minicart .subtotal .label:after, .minicart-items .details-qty .label:after, .minicart-items .price-minicart .label:after, .order-details-items .order-gift-message .label:after, .order-details-items .block-order-details-gift-message .label:after, .block-wishlist-management .wishlist-select .wishlist-name-label:after { content: ': '; } .abs-dropdown-items-new .action.new, .wishlist.split.button .action.new, .wishlist-dropdown .action.new { display: inline-block; text-decoration: none; } .abs-icon-add:before, .abs-dropdown-items-new .action.new:before, .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .items .item:last-child:hover, .wishlist-dropdown .items .item:last-child:hover { background: #e8e8e8; } .wishlist.split.button .action.new:before, .wishlist-dropdown .action.new:before { margin-left: -17px; margin-right: 5px; } .abs-sidebar-totals .table-caption, .sidebar .subtitle, .cart-summary .block .fieldset.estimate > .legend, .cart-summary .block .fieldset.estimate > .legend + br, .minicart-items .product-item-details .weee[data-label] .label, .page-product-giftcard .fieldset.giftcard > .legend + br, .order-details-items .order-items .order-gift-message .action.close, .multicheckout .block .methods-shipping .item-content .fieldset > .legend + br, .multicheckout .hidden, [class^='multishipping-'] .nav-sections, [class^='multishipping-'] .nav-toggle, .no-display, .cart-totals .table-caption, .opc-block-summary .table-totals .table-caption { display: none; } .return-status, .order-status { border: 2px solid #d1d1d1; border-radius: 3px; display: inline-block; margin: 3px 0 0; padding: 2px 10px; text-transform: uppercase; vertical-align: top; } .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^='sales-guest-'] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title, .magento-rma-guest-returns .page-main .page-title-wrapper .page-title { margin-right: 25px; } .magento-rma-returns-returns .page-main .page-title-wrapper .order-date, .magento-rma-returns-view .page-main .page-title-wrapper .order-date, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date, .account .page-main .page-title-wrapper .order-date, [class^='sales-guest-'] .page-main .page-title-wrapper .order-date, .sales-guest-view .page-main .page-title-wrapper .order-date, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date { font-size: 16px; margin-bottom: 10px; } .magento-rma-returns-returns .page-main .page-title-wrapper .order-date .label, .magento-rma-returns-view .page-main .page-title-wrapper .order-date .label, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date .label, .account .page-main .page-title-wrapper .order-date .label, [class^='sales-guest-'] .page-main .page-title-wrapper .order-date .label, .sales-guest-view .page-main .page-title-wrapper .order-date .label, .magento-rma-guest-returns .page-main .page-title-wrapper .order-date .label { display: none; } .account .column.main .order-details-items .table-wrapper .data.table, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table, .block-giftregistry-results .data.table, .block-wishlist-search-results .data.table, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table { border: none; } .abs-table-striped > tbody > tr:nth-child(even) > td, .abs-table-striped > tbody > tr:nth-child(even) > th, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th, .block-giftregistry-results .data.table > tbody > tr:nth-child(even) > td, .block-giftregistry-results .data.table > tbody > tr:nth-child(even) > th, .block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > td, .block-wishlist-search-results .data.table > tbody > tr:nth-child(even) > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr:nth-child(even) > th { background: #ffffff; } .abs-table-striped > thead > tr > th, .abs-table-striped > tbody > tr > th, .abs-table-striped > tfoot > tr > th, .abs-table-striped > thead > tr > td, .abs-table-striped > tbody > tr > td, .abs-table-striped > tfoot > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td, .block-giftregistry-results .data.table > thead > tr > th, .block-giftregistry-results .data.table > tbody > tr > th, .block-giftregistry-results .data.table > tfoot > tr > th, .block-giftregistry-results .data.table > thead > tr > td, .block-giftregistry-results .data.table > tbody > tr > td, .block-giftregistry-results .data.table > tfoot > tr > td, .block-wishlist-search-results .data.table > thead > tr > th, .block-wishlist-search-results .data.table > tbody > tr > th, .block-wishlist-search-results .data.table > tfoot > tr > th, .block-wishlist-search-results .data.table > thead > tr > td, .block-wishlist-search-results .data.table > tbody > tr > td, .block-wishlist-search-results .data.table > tfoot > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tbody > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td { border: none; } .abs-table-striped > thead > tr > th, .abs-table-striped > thead > tr > td, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table > thead > tr > td, .block-giftregistry-results .data.table > thead > tr > th, .block-giftregistry-results .data.table > thead > tr > td, .block-wishlist-search-results .data.table > thead > tr > th, .block-wishlist-search-results .data.table > thead > tr > td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table > thead > tr > td { border-bottom: 1px solid #d1d1d1; } .block-compare .counter, .block-wishlist .counter { color: #6d6d6d; font-size: 1.2rem; vertical-align: middle; white-space: nowrap; } .block-compare .counter:before, .block-wishlist .counter:before { content: '('; } .block-compare .counter:after, .block-wishlist .counter:after { content: ')'; } .block-compare .block-title, .block-reorder .block-title, .block-wishlist .block-title, .widget .block-title { margin: 0 0 20px; } .block-compare .block-title strong, .block-reorder .block-title strong, .block-wishlist .block-title strong, .widget .block-title strong { font-size: 18px; font-weight: 300; vertical-align: middle; } .block-cart-failed, .cart-container .form-cart { margin-bottom: 20px; } .block-cart-failed .actions.main .continue, .cart-container .form-cart .actions.main .continue { display: none; } .block-cart-failed .actions.main .clear, .cart-container .form-cart .actions.main .clear { line-height: 1.42857143; margin: 0 20px 0 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; font-weight: 400; } .abs-shopping-cart-items .actions.main .clear:visited, .block-cart-failed .actions.main .clear:visited, .cart-container .form-cart .actions.main .clear:visited { color: #1979c3; text-decoration: none; } .abs-shopping-cart-items .actions.main .clear:hover, .block-cart-failed .actions.main .clear:hover, .cart-container .form-cart .actions.main .clear:hover { color: #006bb4; text-decoration: underline; } .abs-shopping-cart-items .actions.main .clear:active, .block-cart-failed .actions.main .clear:active, .cart-container .form-cart .actions.main .clear:active { color: #ff5501; text-decoration: underline; } .abs-shopping-cart-items .actions.main .clear:hover, .abs-shopping-cart-items .actions.main .clear:active, .abs-shopping-cart-items .actions.main .clear:focus, .block-cart-failed .actions.main .clear:hover, .block-cart-failed .actions.main .clear:active, .block-cart-failed .actions.main .clear:focus, .cart-container .form-cart .actions.main .clear:hover, .cart-container .form-cart .actions.main .clear:active, .cart-container .form-cart .actions.main .clear:focus { background: none; border: 0; } .abs-shopping-cart-items .actions.main .clear.disabled, .abs-shopping-cart-items .actions.main .clear[disabled], fieldset[disabled] .abs-shopping-cart-items .actions.main .clear, .block-cart-failed .actions.main .clear.disabled, .block-cart-failed .actions.main .clear[disabled], fieldset[disabled] .block-cart-failed .actions.main .clear, .cart-container .form-cart .actions.main .clear.disabled, .cart-container .form-cart .actions.main .clear[disabled], fieldset[disabled] .cart-container .form-cart .actions.main .clear { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .form.search.advanced .fields.range .field.date .control, .form-giftregistry-edit .field.date .control { position: relative; } .abs-field-date input, .field.date ._has-datepicker, .field-dob ._has-datepicker, .form-giftregistry-search .fields-specific-options .datetime-picker, .form.search.advanced .fields.range .field.date input, .form-giftregistry-edit .field.date input { margin-right: 10px; width: calc(100% - 33px); } .field .control._with-tooltip { position: relative; } .field .control._with-tooltip input { margin-right: 10px; width: calc(100% - 39px); } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content, .shipping-policy-block.field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:before { border-bottom-color: #666666; } .checkout-index-index .modal-popup .field-tooltip .field-tooltip-content:after, .shipping-policy-block.field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary > .title, .checkout-agreements-items .checkout-agreements-item-title { padding-bottom: 10px; color: #333333; font-weight: 300; font-size: 2.6rem; } .cart-totals, .opc-block-summary .table-totals { border-top: 1px solid #d1d1d1; padding-top: 10px; } .cart-totals tbody .mark, .cart-totals tfoot .mark, .opc-block-summary .table-totals tbody .mark, .opc-block-summary .table-totals tfoot .mark { border: 0; font-weight: 400; padding: 6px 0; } .cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount { border: 0; font-weight: 400; padding: 6px 0 6px 14px; text-align: right; white-space: nowrap; } .cart-totals .grand th, .cart-totals .grand td, .opc-block-summary .table-totals .grand th, .opc-block-summary .table-totals .grand td { padding: 11px 0; } .cart-totals .grand strong, .opc-block-summary .table-totals .grand strong { display: inline-block; font-weight: 600; padding: 3px 0 0; } .cart-totals .grand .mark, .opc-block-summary .table-totals .grand .mark { font-size: 1.8rem; border-top: 1px solid #d1d1d1; padding-right: 10px; } .cart-totals .grand .amount, .opc-block-summary .table-totals .grand .amount { font-size: 1.8rem; border-top: 1px solid #d1d1d1; } .cart-totals .msrp, .opc-block-summary .table-totals .msrp { margin-bottom: 10px; } .cart-totals tbody tr:last-child td, .opc-block-summary .table-totals tbody tr:last-child td { padding-bottom: 19px; } .cart-totals .totals-tax-summary .mark, .cart-totals .totals-tax-summary .amount, .opc-block-summary .table-totals .totals-tax-summary .mark, .opc-block-summary .table-totals .totals-tax-summary .amount { border-bottom: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; cursor: pointer; } .cart-totals .totals-tax-summary .amount .price, .opc-block-summary .table-totals .totals-tax-summary .amount .price { padding-right: 20px; position: relative; display: inline-block; text-decoration: none; } .abs-sidebar-totals .totals-tax-summary .amount .price > span, .cart-totals .totals-tax-summary .amount .price > span, .opc-block-summary .table-totals .totals-tax-summary .amount .price > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-sidebar-totals .totals-tax-summary .amount .price:after, .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart-totals .totals-tax-summary .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary .amount .price:after { position: absolute; right: 3px; top: 3px; } .cart-totals .totals-tax-summary.expanded .mark, .cart-totals .totals-tax-summary.expanded .amount, .opc-block-summary .table-totals .totals-tax-summary.expanded .mark, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount { border-bottom: 0; } .abs-sidebar-totals .totals-tax-summary.expanded .amount .price:after, .cart-totals .totals-tax-summary.expanded .amount .price:after, .opc-block-summary .table-totals .totals-tax-summary.expanded .amount .price:after { content: '\e621'; } .cart-totals .totals-tax-details, .opc-block-summary .table-totals .totals-tax-details { border-bottom: 1px solid #d1d1d1; display: none; } .cart-totals .totals-tax-details.shown, .opc-block-summary .table-totals .totals-tax-details.shown { display: table-row; } .cart-totals .table-wrapper, .opc-block-summary .table-totals .table-wrapper { margin-bottom: 0; } .paypal-review-discount .block > .title strong, .cart-discount .block > .title strong { color: #1979c3; font-weight: 400; } .paypal-review-discount .actions-toolbar, .cart-discount .actions-toolbar { display: table-cell; vertical-align: top; width: 1%; } .abs-discount-block .actions-toolbar .amshopby-button, .abs-discount-block .actions-toolbar .am-filter-go, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel { border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0 0 0 -1px; white-space: nowrap; width: auto; } .paypal-review-discount .actions-toolbar .secondary, .cart-discount .actions-toolbar .secondary { bottom: 5px; left: 15px; position: absolute; } .paypal-review-discount .action.check, .cart-discount .action.check { font-weight: 400; } .paypal-review-discount .fieldset, .cart-discount .fieldset { display: table; width: 100%; } .paypal-review-discount .fieldset > .field > .label, .cart-discount .fieldset > .field > .label { display: none; } .paypal-review-discount .field, .cart-discount .field { display: table-cell; } /* Lato Regular */ @font-face { font-family: 'Lato'; src: url('../../frontend/Jola/jolatheme/en_US/fonts/Lato/Lato-Regular.eot'); src: url('../../frontend/Jola/jolatheme/en_US/fonts/Lato/Lato-Regular.eot?#iefix') format('embedded-opentype'), url('../../frontend/Jola/jolatheme/en_US/fonts/Lato/Lato-Regular.woff2') format('woff2'), url('../../frontend/Jola/jolatheme/en_US/fonts/Lato/Lato-Regular.woff') format('woff'), url('../../frontend/Jola/jolatheme/en_US/fonts/Lato/Lato-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } /* Fraunces72pt Regular */ @font-face { font-family: 'Fraunces72pt'; src: url('../../frontend/Jola/jolatheme/en_US/fonts/Fraunces/Fraunces72pt-Regular.eot'); src: url('../../frontend/Jola/jolatheme/en_US/fonts/Fraunces/Fraunces72pt-Regular.eot?#iefix') format('embedded-opentype'), url('../../frontend/Jola/jolatheme/en_US/fonts/Fraunces/Fraunces72pt-Regular.woff2') format('woff2'), url('../../frontend/Jola/jolatheme/en_US/fonts/Fraunces/Fraunces72pt-Regular.woff') format('woff'), url('../../frontend/Jola/jolatheme/en_US/fonts/Fraunces/Fraunces72pt-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } /* Fraunces72pt ThinItalic */ @font-face { font-family: 'Fraunces72pt-ThinItalic'; src: url('../../frontend/Jola/jolatheme/en_US/fonts/Fraunces/Fraunces72pt-ThinItalic.eot'); src: url('../../frontend/Jola/jolatheme/en_US/fonts/Fraunces/Fraunces72pt-ThinItalic.eot?#iefix') format('embedded-opentype'), url('../../frontend/Jola/jolatheme/en_US/fonts/Fraunces/Fraunces72pt-ThinItalic.woff2') format('woff2'), url('../../frontend/Jola/jolatheme/en_US/fonts/Fraunces/Fraunces72pt-ThinItalic.woff') format('woff'), url('../../frontend/Jola/jolatheme/en_US/fonts/Fraunces/Fraunces72pt-ThinItalic.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } /* IBM Plex Sans Regular */ @font-face { font-family: 'IBM Plex Sans Regular'; src: url('../../frontend/Jola/jolatheme/en_US/fonts/IBM/IBMPlexSans-Regular.eot'); src: url('../../frontend/Jola/jolatheme/en_US/fonts/IBM/IBMPlexSans-Regular.eot?#iefix') format('embedded-opentype'), url('../../frontend/Jola/jolatheme/en_US/fonts/IBM/IBMPlexSans-Regular.woff2') format('woff2'), url('../../frontend/Jola/jolatheme/en_US/fonts/IBM/IBMPlexSans-Regular.woff') format('woff'), url('../../frontend/Jola/jolatheme/en_US/fonts/IBM/IBMPlexSans-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } .columns { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; } .columns:after { clear: both; content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; } .columns .column.main { padding-bottom: 40px; -webkit-flex-basis: auto; flex-basis: auto; -webkit-flex-grow: 1; flex-grow: 1; -ms-flex-order: 1; -webkit-order: 1; order: 1; width: 100%; } .columns .sidebar-main { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .columns .sidebar-additional { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 2; -webkit-order: 2; order: 2; } .table-wrapper { margin-bottom: 20px; } table > caption { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .table tfoot { background: #f5f5f5; } .table tfoot > tr:first-child th, .table tfoot > tr:first-child td { border-top: 1px solid #d1d1d1; padding-top: 20px; } .table tfoot th, .table tfoot td { border: 0; } .table tfoot .mark { font-weight: 400; text-align: right; } .message.info { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 40px; position: relative; } .message.info a { color: #1979c3; } .message.info a:hover { color: #006bb4; } .message.info a:active { color: #006bb4; } .message.info > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #c07600; content: '\e602'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .message.error { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #fae5e5; color: #e02b27; padding-left: 40px; position: relative; } .message.error a { color: #1979c3; } .message.error a:hover { color: #006bb4; } .message.error a:active { color: #006bb4; } .message.error > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #b30000; content: '\e602'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .message.warning { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 40px; position: relative; } .message.warning a { color: #1979c3; } .message.warning a:hover { color: #006bb4; } .message.warning a:active { color: #006bb4; } .message.warning > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #c07600; content: '\e602'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .message.notice { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #fdf0d5; color: #6f4400; padding-left: 40px; position: relative; } .message.notice a { color: #1979c3; } .message.notice a:hover { color: #006bb4; } .message.notice a:active { color: #006bb4; } .message.notice > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #c07600; content: '\e602'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .message.success { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #e5efe5; color: #006400; padding-left: 40px; position: relative; } .message.success a { color: #1979c3; } .message.success a:hover { color: #006bb4; } .message.success a:active { color: #006bb4; } .message.success > *:first-child:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #006400; content: '\e610'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } .panel.header .links, .panel.header .switcher { display: none; } .nav-sections { background: #f5f5f5; } .nav-toggle { display: inline-block; text-decoration: none; cursor: pointer; display: block; font-size: 0; left: 15px; position: absolute; top: 15px; z-index: 14; } .nav-toggle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: inherit; color: #757575; content: '\e609'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-toggle:hover:before { color: #333333; } .nav-toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .tooltip.wrapper { position: relative; } .tooltip.wrapper .tooltip.content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #333333; line-height: 1.4; border: 1px solid #bbbbbb; margin-top: 5px; left: 0; top: 100%; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .tooltip.wrapper .tooltip.content:after { border-width: 5px; border-color: transparent; } .tooltip.wrapper .tooltip.content:before { border-width: 6px; border-color: transparent; } .tooltip.wrapper .tooltip.content:after, .tooltip.wrapper .tooltip.content:before { bottom: 100%; } .tooltip.wrapper .tooltip.content:after { border-bottom-color: #ffffff; left: 15px; margin-left: -5px; } .tooltip.wrapper .tooltip.content:before { border-bottom-color: #bbbbbb; left: 15px; margin-left: -6px; } .tooltip.wrapper .tooltip.toggle { cursor: help; } .tooltip.wrapper .tooltip.toggle:hover + .tooltip.content, .tooltip.wrapper .tooltip.toggle:focus + .tooltip.content, .tooltip.wrapper:hover .tooltip.content { display: block; } .tooltip.wrapper .tooltip.content dl { margin-bottom: 0; } .tooltip.wrapper .tooltip.content dd { white-space: normal; } .tooltip.wrapper .tooltip.content .subtitle { display: inline-block; font-size: 16px; font-weight: 500; margin-bottom: 15px; } .tooltip.wrapper .tooltip.content .label { margin-top: 10px; } .tooltip.wrapper .tooltip.content .label:first-child { margin-top: 0; } .tooltip.wrapper .tooltip.content .values { margin: 0; } .ui-tooltip { position: absolute; z-index: 9999; } .load.indicator { background-color: rgba(255, 255, 255, 0.5); z-index: 9999; bottom: 0; left: 0; position: fixed; right: 0; top: 0; position: absolute; } .load.indicator:before { background: transparent url('../../frontend/Jola/jolatheme/en_US/images/loader-2.gif') no-repeat 50% 50%; border-radius: 5px; height: 160px; width: 160px; bottom: 0; box-sizing: border-box; content: ''; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .load.indicator > span { display: none; } .loading-mask { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; background: rgba(255, 255, 255, 0.5); } .loading-mask .loader > img { bottom: 0; left: 0; margin: auto; position: fixed; right: 0; top: 0; z-index: 100; } .loading-mask .loader > p { display: none; } body > .loading-mask { z-index: 9999; } ._block-content-loading { position: relative; } [data-role='main-css-loader'] { display: none; } .fieldset { border: 0; margin: 0 0 40px; padding: 0; letter-spacing: -.31em; } .fieldset > * { letter-spacing: normal; } .fieldset > .legend { margin: 0 0 25px; padding: 0; box-sizing: border-box; float: left; line-height: 1.2; font-size: 2rem; } .fieldset > .legend + br { clear: both; display: block; height: 0; overflow: hidden; visibility: hidden; } .fieldset:last-child { margin-bottom: 20px; } .fieldset > .field, .fieldset > .fields > .field { margin: 0 0 20px; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { margin: 0 0 5px; display: inline-block; } .fieldset > .field:last-child, .fieldset > .fields > .field:last-child { margin-bottom: 0; } .fieldset > .field > .label, .fieldset > .fields > .field > .label { font-weight: 700; } .fieldset > .field > .label + br, .fieldset > .fields > .field > .label + br { display: none; } .fieldset > .field .choice input, .fieldset > .fields > .field .choice input { vertical-align: top; } .fieldset > .field .fields.group:before, .fieldset > .fields > .field .fields.group:before, .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { content: ''; display: table; } .fieldset > .field .fields.group:after, .fieldset > .fields > .field .fields.group:after { clear: both; } .fieldset > .field .fields.group .field, .fieldset > .fields > .field .fields.group .field { box-sizing: border-box; float: left; } .fieldset > .field .fields.group.group-2 .field, .fieldset > .fields > .field .fields.group.group-2 .field { width: 50% !important; } .fieldset > .field .fields.group.group-3 .field, .fieldset > .fields > .field .fields.group.group-3 .field { width: 33.3% !important; } .fieldset > .field .fields.group.group-4 .field, .fieldset > .fields > .field .fields.group.group-4 .field { width: 25% !important; } .fieldset > .field .fields.group.group-5 .field, .fieldset > .fields > .field .fields.group.group-5 .field { width: 20% !important; } .fieldset > .field .addon, .fieldset > .fields > .field .addon { display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-flex-wrap: nowrap; flex-wrap: nowrap; padding: 0; width: 100%; } .fieldset > .field .addon textarea, .fieldset > .fields > .field .addon textarea, .fieldset > .field .addon select, .fieldset > .fields > .field .addon select, .fieldset > .field .addon input, .fieldset > .fields > .field .addon input { -ms-flex-order: 2; -webkit-order: 2; order: 2; -webkit-flex-basis: 100%; flex-basis: 100%; display: inline-block; margin: 0; width: auto; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore, .fieldset > .field .addon .addafter, .fieldset > .fields > .field .addon .addafter { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 14px; height: 32px; line-height: 1.42857143; padding: 0 9px; vertical-align: baseline; width: 100%; box-sizing: border-box; -ms-flex-order: 3; -webkit-order: 3; order: 3; display: inline-block; vertical-align: middle; white-space: nowrap; width: auto; } .fieldset > .field .addon .addbefore:disabled, .fieldset > .fields > .field .addon .addbefore:disabled, .fieldset > .field .addon .addafter:disabled, .fieldset > .fields > .field .addon .addafter:disabled { opacity: 0.5; } .fieldset > .field .addon .addbefore::-moz-placeholder, .fieldset > .fields > .field .addon .addbefore::-moz-placeholder, .fieldset > .field .addon .addafter::-moz-placeholder, .fieldset > .fields > .field .addon .addafter::-moz-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addbefore::-webkit-input-placeholder, .fieldset > .field .addon .addafter::-webkit-input-placeholder, .fieldset > .fields > .field .addon .addafter::-webkit-input-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .fields > .field .addon .addbefore:-ms-input-placeholder, .fieldset > .field .addon .addafter:-ms-input-placeholder, .fieldset > .fields > .field .addon .addafter:-ms-input-placeholder { color: #c2c2c2; } .fieldset > .field .addon .addbefore, .fieldset > .fields > .field .addon .addbefore { float: left; -ms-flex-order: 1; -webkit-order: 1; order: 1; } .fieldset > .field .additional, .fieldset > .fields > .field .additional { margin-top: 10px; } .fieldset > .field.required > .label:after, .fieldset > .fields > .field.required > .label:after, .fieldset > .field._required > .label:after, .fieldset > .fields > .field._required > .label:after { content: '*'; color: #e02b27; font-size: 1.2rem; margin: 0 0 0 5px; } .fieldset > .field .note, .fieldset > .fields > .field .note { font-size: 1.2rem; margin: 3px 0 0; padding: 0; display: inline-block; text-decoration: none; } .fieldset > .field .note:before, .fieldset > .fields > .field .note:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 12px; content: '\e618'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .fieldset > .field.no-label > .label, .fieldset > .fields > .field.no-label > .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .fieldset > .field.choice .label, .fieldset > .fields > .field.choice .label { display: inline; font-weight: normal; margin: 0; } .column:not(.main) .fieldset > .field .label, .column:not(.main) .fieldset > .fields > .field .label { font-weight: normal; } .fieldset > .field .field.choice, .fieldset > .fields > .field .field.choice { margin-bottom: 10px; } .fieldset > .field .field.choice:last-child, .fieldset > .fields > .field .field.choice:last-child { margin-bottom: 0; } .legend + .fieldset, .legend + div { clear: both; } .legend > span { margin-right: 5px; } fieldset.field { border: 0; padding: 0; } .field.date .time-picker { display: inline-block; margin-top: 10px; white-space: nowrap; } .field .message.warning { margin-top: 10px; } select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background-size: 30px 60px; text-indent: .01em; text-overflow: ''; } select::-ms-expand { display: none; } select.admin__control-multiselect { height: auto; } .field-error, div.mage-error[generated] { margin-top: 7px; } .field-error { color: #e02b27; font-size: 1.2rem; } .product-options-wrapper .date.required div[for*='options'].mage-error { display: none !important; } .field .tooltip { position: relative; } .field .tooltip .tooltip-content { background: #ffffff; max-width: 360px; min-width: 210px; padding: 12px 16px; z-index: 100; display: none; position: absolute; text-align: left; color: #333333; line-height: 1.4; border: 1px solid #bbbbbb; margin-left: 5px; left: 100%; top: 0; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { border: solid transparent; content: ''; height: 0; position: absolute; width: 0; } .field .tooltip .tooltip-content:after { border-width: 5px; border-color: transparent; } .field .tooltip .tooltip-content:before { border-width: 6px; border-color: transparent; } .field .tooltip .tooltip-content:after, .field .tooltip .tooltip-content:before { right: 100%; } .field .tooltip .tooltip-content:after { border-right-color: #ffffff; margin-top: -5px; top: 15px; } .field .tooltip .tooltip-content:before { border-right-color: #bbbbbb; margin-top: -6px; top: 15px; } .field .tooltip .tooltip-toggle { cursor: help; } .field .tooltip .tooltip-toggle:hover + .tooltip-content, .field .tooltip .tooltip-toggle:focus + .tooltip-content, .field .tooltip:hover .tooltip-content { display: block; } .field .tooltip .tooltip-content { min-width: 200px; white-space: normal; } input:focus ~ .tooltip .tooltip-content, select:focus ~ .tooltip .tooltip-content { display: block; } ._has-datepicker ~ .ui-datepicker-trigger { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: block; text-decoration: none; display: inline-block; margin-top: -4px; vertical-align: middle; } ._has-datepicker ~ .ui-datepicker-trigger:focus, ._has-datepicker ~ .ui-datepicker-trigger:active { background: none; border: none; } ._has-datepicker ~ .ui-datepicker-trigger:hover { background: none; border: none; } ._has-datepicker ~ .ui-datepicker-trigger.disabled, ._has-datepicker ~ .ui-datepicker-trigger[disabled], fieldset[disabled] ._has-datepicker ~ .ui-datepicker-trigger { pointer-events: none; opacity: 0.5; } ._has-datepicker ~ .ui-datepicker-trigger > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } ._has-datepicker ~ .ui-datepicker-trigger:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 23px; line-height: 23px; color: #7d7d7d; content: '\e612'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } ._has-datepicker ~ .ui-datepicker-trigger:focus { box-shadow: none; outline: 0; } .sidebar .fieldset { margin: 0; } .sidebar .fieldset > .field:not(.choice):not(:last-child), .sidebar .fieldset .fields > .field:not(:last-child) { margin: 0 0 20px; } .sidebar .fieldset > .field:not(.choice) .label, .sidebar .fieldset .fields > .field .label { margin: 0 0 4px; padding: 0 0 5px; text-align: left; width: 100%; } .sidebar .fieldset > .field:not(.choice) .control, .sidebar .fieldset .fields > .field .control { width: 100%; } @font-face { font-family: 'icons-blank-theme'; src: url('../../frontend/Jola/jolatheme/en_US/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2') format('woff2'), url('../../frontend/Jola/jolatheme/en_US/fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff') format('woff'); font-weight: normal; font-style: normal; font-display: block; } button, a.action.primary, a.amshopby-button, a.am-filter-go { border-radius: 3px; } button:not(.primary) { box-shadow: none; } button:not(.primary):active { box-shadow: inset 0 1px 0 0 rgba(209, 209, 209, 0.8), inset 0 -1px 0 0 rgba(209, 209, 209, 0.3); } body:not(._keyfocus) button:focus { box-shadow: none; } a.action.primary, a.amshopby-button, a.am-filter-go { display: inline-block; text-decoration: none; } a.action.primary:hover, a.action.primary:active, a.action.primary:focus, a.amshopby-button:hover, a.amshopby-button:active, a.amshopby-button:focus, a.am-filter-go:hover, a.am-filter-go:active, a.am-filter-go:focus { text-decoration: none; } .action.primary, .action-primary, .amshopby-button, .am-filter-go { background-image: none; background: #1979c3; border: 1px solid #1979c3; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; } .action.primary:focus, .action-primary:focus, .action.primary:active, .action-primary:active, .amshopby-button:focus, .amshopby-button:active, .am-filter-go:focus, .am-filter-go:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .action.primary:hover, .action-primary:hover, .amshopby-button:hover, .am-filter-go:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .action.primary.disabled, .action-primary.disabled, .action.primary[disabled], .action-primary[disabled], fieldset[disabled] .action.primary, fieldset[disabled] .action-primary, .amshopby-button.disabled, .amshopby-button[disabled], fieldset[disabled] .amshopby-button, .am-filter-go.disabled, .am-filter-go[disabled], fieldset[disabled] .am-filter-go { opacity: 0.5; cursor: default; pointer-events: none; } .product.data.items { margin: 0; padding: 0; border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; margin-left: -15px; margin-right: -15px; } .product.data.items > .item.title { box-sizing: border-box; float: none; width: 100%; } .product.data.items > .item.title > .switch { display: block; } .product.data.items > .item.content { box-sizing: border-box; display: block; float: none; margin: 0; } .product.data.items > .item.content:before, .product.data.items > .item.content:after { content: ''; display: table; } .product.data.items > .item.content:after { clear: both; } .product.data.items > .item.content.active { display: block; } .product.data.items > .item.title { margin: 0 0 5px; } .product.data.items > .item.title > .switch { background: #f0f0f0; border-bottom: 1px solid #d1d1d1; border-left: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; border-top: 1px solid #d1d1d1; height: 40px; padding: 5px 20px 5px 20px; font-weight: 600; line-height: 40px; font-size: 1.8rem; color: #7d7d7d; text-decoration: none; } .product.data.items > .item.title > .switch:visited { color: #7d7d7d; text-decoration: none; } .product.data.items > .item.title > .switch:hover { color: #7d7d7d; text-decoration: none; } .product.data.items > .item.title > .switch:active { color: #333333; text-decoration: none; } .product.data.items > .item.title:not(.disabled) > .switch:focus, .product.data.items > .item.title:not(.disabled) > .switch:hover { background: #fcfcfc; } .product.data.items > .item.title:not(.disabled) > .switch:active, .product.data.items > .item.title.active > .switch, .product.data.items > .item.title.active > .switch:focus, .product.data.items > .item.title.active > .switch:hover { background: #ffffff; color: #333333; text-decoration: none; padding-bottom: 5px; } .product.data.items > .item.content { background: #ffffff; border: 1px solid #d1d1d1; margin: 0 0 5px; padding: 20px 20px 20px 20px; } .product.data.items .item.title a { position: relative; text-decoration: none; } .product.data.items .item.title a:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .product.data.items .item.title a:after { position: absolute; right: 20px; top: 5px; } .product.data.items .item.title.active a:after { content: '\e621'; } .product.data.items .value p:last-child { margin-bottom: 0; } .product.data.items .table-wrapper { margin: 0; } .pages > .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .items { font-size: 0; letter-spacing: -1px; line-height: 0; white-space: nowrap; margin: 0; padding: 0; list-style: none none; display: inline-block; font-weight: 700; } .pages .item { font-size: 1.2rem; line-height: 3.2rem; letter-spacing: normal; margin: 0 2px 0 0; display: inline-block; } .pages .item .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages a.page { color: #1979c3; display: inline-block; padding: 0 4px; text-decoration: none; } .pages a.page:visited { color: #1979c3; } .pages a.page:hover { color: #006bb4; text-decoration: none; } .pages a.page:active { color: #ff5501; } .pages strong.page { font-size: 1.2rem; line-height: 3.2rem; letter-spacing: normal; color: #333333; display: inline-block; font-weight: 700; padding: 0 4px; } .pages .action { background: #f0f0f0; border: 1px solid #d1d1d1; color: #7d7d7d; display: inline-block; padding: 0; text-decoration: none; } .pages .action:visited { color: #7d7d7d; } .pages .action:hover { background: #dedede; color: #7d7d7d; text-decoration: none; } .pages .action:active { color: #7d7d7d; } .pages .action.next { display: inline-block; text-decoration: none; } .pages .action.next:visited:before { color: #7d7d7d; } .pages .action.next:active:before { color: #7d7d7d; } .pages .action.next > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.next:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 46px; line-height: inherit; color: #7d7d7d; content: '\e608'; font-family: 'icons-blank-theme'; margin: 0 0 0 -6px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .pages .action.next:hover:before { color: #7d7d7d; } .pages .action.next:active:before { color: #7d7d7d; } .pages .action.previous { display: inline-block; text-decoration: none; } .pages .action.previous:visited:before { color: #7d7d7d; } .pages .action.previous:active:before { color: #7d7d7d; } .pages .action.previous > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .pages .action.previous:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 46px; line-height: inherit; color: #7d7d7d; content: '\e617'; font-family: 'icons-blank-theme'; margin: 0 0 0 -6px; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .pages .action.previous:hover:before { color: #7d7d7d; } .pages .action.previous:active:before { color: #7d7d7d; } .pages .action { box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(209, 209, 209, 0.3); border-radius: 3px; padding: 0 8px; } .pages .action.previous { margin-right: 8px; } .pages .action.next { margin-left: 8px; } .actions-toolbar > .primary, .actions-toolbar > .secondary { margin-bottom: 10px; text-align: center; } .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { margin-bottom: 10px; } .actions-toolbar > .primary .action:last-child, .actions-toolbar > .secondary .action:last-child { margin-bottom: 0; } .actions-toolbar > .primary:last-child, .actions-toolbar > .secondary:last-child { margin-bottom: 0; } .actions-toolbar > .secondary .action.back { display: none; } .breadcrumbs { margin: 0 0 20px; } .breadcrumbs .items { font-size: 1.2rem; color: #a3a3a3; margin: 0; padding: 0; list-style: none none; } .breadcrumbs .items > li { display: inline-block; vertical-align: top; } .breadcrumbs .item { margin: 0; } .breadcrumbs a { color: #333333; text-decoration: none; } .breadcrumbs a:visited { color: #333333; text-decoration: none; } .breadcrumbs a:hover { color: #333333; text-decoration: underline; } .breadcrumbs a:active { color: #333333; text-decoration: none; } .breadcrumbs strong { font-weight: 400; } .breadcrumbs .item:not(:last-child) { display: inline-block; text-decoration: none; } .breadcrumbs .item:not(:last-child):after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: 18px; content: '\e608'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .ui-dialog.popup .action.close { position: absolute; height: 40px; right: 0; top: 0; width: 40px; z-index: 1001; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .ui-dialog.popup .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-dialog.popup .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e616'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .ui-dialog.popup .action.close:hover:before { color: inherit; } .ui-dialog.popup .action.close:active:before { color: inherit; } .ui-dialog.popup .action.close:focus, .ui-dialog.popup .action.close:active { background: none; border: none; } .ui-dialog.popup .action.close:hover { background: none; border: none; } .ui-dialog.popup .action.close.disabled, .ui-dialog.popup .action.close[disabled], fieldset[disabled] .ui-dialog.popup .action.close { pointer-events: none; opacity: 0.5; } .popup .actions-toolbar .action.cancel { font-weight: 400; } .popup-pointer { margin-left: -14px; position: absolute; top: -14px; } .popup-pointer:before, .popup-pointer:after { content: ''; position: absolute; display: block; width: 0; height: 0; border-bottom-style: solid; } .popup-pointer:before { left: 2px; top: 2px; border: solid 6px; border-color: transparent transparent #ffffff transparent; z-index: 99; } .popup-pointer:after { left: 1px; top: 0px; border: solid 7px; border-color: transparent transparent #aeaeae transparent; z-index: 98; } .price-tier_price .price-excluding-tax, .price-tier_price .price-including-tax { display: inline; } .price-including-tax, .price-excluding-tax { display: block; font-size: 1.8rem; line-height: 1; } .price-including-tax .price, .price-excluding-tax .price { font-weight: 700; } .price-including-tax + .price-excluding-tax, .weee[data-label] { display: block; font-size: 1.8rem; } .price-including-tax + .price-excluding-tax:before, .weee[data-label]:before { content: attr(data-label) ': '; font-size: 1.1rem; } .price-including-tax + .price-excluding-tax .price, .weee[data-label] .price { font-size: 1.1rem; } body._has-modal { height: 100%; overflow: hidden; width: 100%; } .modals-overlay { z-index: 899; } .modal-slide, .modal-popup { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; } .modal-slide._show, .modal-popup._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .modal-slide._show .modal-inner-wrap, .modal-popup._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .modal-slide .modal-inner-wrap, .modal-popup .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .modal-slide { left: 44px; z-index: 900; } .modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-slide._inner-scroll .modal-inner-wrap { overflow-y: visible; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .modal-slide._inner-scroll .modal-header, .modal-slide._inner-scroll .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-slide._inner-scroll .modal-content { overflow-y: auto; } .modal-slide._inner-scroll .modal-footer { margin-top: auto; } .modal-slide .modal-header, .modal-slide .modal-content, .modal-slide .modal-footer { padding: 0 2.6rem 2.6rem; } .modal-slide .modal-header { padding-bottom: 2.1rem; padding-top: 2.1rem; } .modal-popup { z-index: 900; left: 0; overflow-y: auto; } .modal-popup.confirm .modal-inner-wrap { max-width: 50rem; } .modal-popup._show .modal-inner-wrap { -webkit-transform: translateY(0); transform: translateY(0); } .modal-popup .modal-inner-wrap { margin: 5rem auto; width: 75%; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; box-sizing: border-box; height: auto; left: 0; position: absolute; right: 0; -webkit-transform: translateY(-200%); transform: translateY(-200%); -webkit-transition: -webkit-transform 0.2s ease; transition: transform .2s ease; } .modal-popup._inner-scroll { overflow-y: visible; } .ie11 .modal-popup._inner-scroll { overflow-y: auto; } .modal-popup._inner-scroll .modal-inner-wrap { max-height: 90%; } .ie11 .modal-popup._inner-scroll .modal-inner-wrap { max-height: none; } .modal-popup._inner-scroll .modal-content { overflow-y: auto; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding-left: 3rem; padding-right: 3rem; } .modal-popup .modal-header, .modal-popup .modal-footer { -webkit-flex-grow: 0; flex-grow: 0; -webkit-flex-shrink: 0; flex-shrink: 0; } .modal-popup .modal-header { padding-bottom: 1.2rem; padding-top: 3rem; } .modal-popup .modal-footer { margin-top: auto; padding-bottom: 3rem; padding-top: 3rem; } .modal-popup .modal-footer-actions { text-align: right; } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; position: absolute; right: 0; top: 0; } .modal-custom .action-close:focus, .modal-popup .action-close:focus, .modal-slide .action-close:focus, .modal-custom .action-close:active, .modal-popup .action-close:active, .modal-slide .action-close:active { background: none; border: none; } .modal-custom .action-close:hover, .modal-popup .action-close:hover, .modal-slide .action-close:hover { background: none; border: none; } .modal-custom .action-close.disabled, .modal-popup .action-close.disabled, .modal-slide .action-close.disabled, .modal-custom .action-close[disabled], .modal-popup .action-close[disabled], .modal-slide .action-close[disabled], fieldset[disabled] .modal-custom .action-close, fieldset[disabled] .modal-popup .action-close, fieldset[disabled] .modal-slide .action-close { pointer-events: none; opacity: 0.5; } .modal-custom .action-close > span, .modal-popup .action-close > span, .modal-slide .action-close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 14px; color: #757575; content: '\e616'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: inherit; } .modal-custom .action-close:active:before, .modal-popup .action-close:active:before, .modal-slide .action-close:active:before { color: inherit; } .modal-custom .action-close:hover:before, .modal-popup .action-close:hover:before, .modal-slide .action-close:hover:before { color: #1a1a1a; } .modal-custom .action-close { margin: 15px; } .modal-popup { pointer-events: none; } .modal-popup .modal-title { border-bottom: 1px solid #c1c1c1; font-weight: 300; padding-bottom: 10px; font-size: 26px; margin-bottom: 0; min-height: 1em; word-wrap: break-word; } .modal-popup .action-close { padding: 20px; } .modal-slide .action-close { margin: 15px; padding: 0; } .modal-slide .page-main-actions { margin-bottom: -12.9rem; margin-top: 2.1rem; } .modals-overlay { background-color: rgba(51, 51, 51, 0.55); bottom: 0; left: 0; position: fixed; right: 0; top: 0; } body._has-modal-custom .modal-custom-overlay { height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 899; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .lac-notification-sticky { position: relative; z-index: 999; } .lac-notification-sticky .lac-notification { background-color: #373330; color: #ffffff; font-size: 16px; } .lac-notification-sticky .lac-notification .lac-notification-icon { float: left; margin: 10px 25px 10px 10px; } .lac-notification-sticky .lac-notification .lac-notification-icon .logo-img { display: block; } .lac-notification-sticky .lac-notification .lac-notification-text { float: left; padding: 15px 0; } .lac-notification-sticky .lac-notification .lac-notification-links { float: right; padding: 15px 0; } .lac-notification-sticky .lac-notification .lac-notification-links a { color: #ffffff; font-size: 14px; } .lac-notification-sticky .lac-notification .lac-notification-links .lac-notification-close-link:after { background: url('../../frontend/Jola/jolatheme/en_US/Magento_LoginAsCustomerFrontendUi/images/close.svg'); content: ' '; display: inline-block; height: 12px; margin-left: 5px; vertical-align: middle; width: 12px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .login-container .g-recaptcha, .form-login .g-recaptcha, .form-edit-account .g-recaptcha { margin-bottom: 10px !important; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .required-captcha.checkbox { position: absolute; display: block; visibility: visible; overflow: hidden; opacity: 0; width: 1px; height: 1px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .block.newsletter .field-recaptcha .field .control:before { content: none; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .review-form .field-recaptcha { margin-bottom: 10px; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .form.send.friend .g-recaptcha { margin-top: 40px; } .amslick-slider-container .slick-dots li button:focus, .amslick-slider-container .slick-dots li button:hover, .amslick-slider-container .slick-list:focus { outline: 0; } .amslick-slider-container .slick-list, .amslick-slider-container .slick-slider, .amslick-slider-container .slick-track { position: relative; display: block; } .amslick-slider-container .slick-loading .slick-slide, .amslick-slider-container .slick-loading .slick-track { visibility: hidden; } .amslick-slider-container .slick-list { overflow: hidden; margin: 0; padding: 0; } .amslick-slider-container .slick-list.dragging { cursor: pointer; cursor: hand; } .amslick-slider-container .slick-slider .slick-list, .amslick-slider-container .slick-slider .slick-track { transform: translate3d(0, 0, 0); } .amslick-slider-container .slick-track { top: 0; left: 0; margin: 0 auto; } .amslick-slider-container .slick-track:after, .amslick-slider-container .slick-track:before { display: table; content: ''; } .amslick-slider-container .slick-track:after { clear: both; } .amslick-slider-container .slick-slide, .amslick-slider-container .slick-slide.slick-loading img { display: none; } .amslick-slider-container .slick-slide { float: left; min-height: 1px; height: 100%; vertical-align: middle; } .amslick-slider-container [dir=rtl] .slick-slide { float: right; } .amslick-slider-container .slick-slide.dragging img { pointer-events: none; } .amslick-slider-container .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .amslick-slider-container .slick-arrow.slick-hidden { display: none; } .amslick-slider-container .slick-loading .slick-list { position: relative; background: 0 0; } .amslick-slider-container .slick-loading .slick-list:before { position: absolute; top: 50%; left: 50%; display: block; width: 25px; height: 25px; border-width: 3px; border-style: solid; border-color: rgba(0, 0, 0, 0.2); border-top-color: #5c5c5c; border-radius: 100%; content: ''; transform: translate(-50%, -50%); animation: loading 1s infinite linear; } .amslick-slider-container .slick-next.slick-disabled, .amslick-slider-container .slick-prev.slick-disabled { opacity: 0.25; } .amslick-slider-container .slick-dotted.slick-slider { margin-bottom: 30px; } .amslick-slider-container .slick-dots { position: absolute; left: 0; display: block; margin: 0; padding: 0; width: 100%; list-style: none; text-align: center; } .amslick-slider-container .slick-dots li { position: relative; display: inline-block; margin: 0 5px; padding: 0; width: 20px; height: 20px; cursor: pointer; } .amslick-slider-container .slick-dots li button, .amslick-slider-container .slick-slider .slick-arrow { display: block; outline: 0; box-shadow: none; cursor: pointer; } .amslick-slider-container .slick-dots li button { padding: 5px; width: 20px; height: 20px; border: 0; background: 0 0; color: transparent; font-size: 0; line-height: 0; } .amslick-slider-container .slick-dots li button:focus:before, .amslick-slider-container .slick-dots li button:hover:before { opacity: 1; } .amslick-slider-container .slick-dots li button:before { position: absolute; top: 0; left: 0; width: 20px; height: 20px; color: #000000; content: '•'; text-align: center; font-size: 16px; line-height: 20px; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .amslick-slider-container .slick-dots li.slick-active button:before { color: #000000; opacity: 0.75; } .amslick-slider-container .slick-slider { box-sizing: border-box; padding: 0 20px; user-select: none; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .amslick-slider-container .slick-slider .slick-arrow { position: absolute; top: 50%; padding: 0; width: 15px; height: 22px; border: none; background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjQzRDNEM0Ii8+PC9zdmc+') center no-repeat !important; color: transparent; font-size: 0; line-height: 0; transition: background .3s ease; transform: translate(0, -50%); } .amslick-slider-container .slick-slider .slick-arrow:before, .amslick-slider-container .slick-slider .slick-arrow:after { content: ''; } .amslick-slider-container .slick-slider .slick-arrow:hover { background: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMjIiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0uMi40QTEgMSAwIDAgMSAxLjYuMmwxMiAxMGExIDEgMCAwIDEgMCAxLjZsLTEyIDEwYTEgMSAwIDAgMS0xLjItMS42TDExLjMzMyAxMSAuNCAxLjhBMSAxIDAgMCAxIC4yLjR6IiBmaWxsPSIjMTYxNjE2Ii8+PC9zdmc+') center no-repeat; } .amslick-slider-container .slick-slider .slick-arrow.slick-next { right: 0; } .amslick-slider-container .slick-slider .slick-arrow.slick-prev { left: 0; transform: rotate(180deg) translate(0, 50%); } .amslick-slider-container .slick-initialized .slick-slide { display: inline-block !important; float: none !important; height: auto; } .amslick-slider-container .product-items.slick-slider > .slick-list { padding: 15px 0; } .amslick-slider-container .product-items.slick-slider .slick-slide .product-item { display: block !important; margin: auto !important; max-width: 205px; } .amslick-slider-container .sidebar.sidebar-additional { width: 100%; } @keyframes loading { 0% { transform: translate(-50%, -50%) rotate(0); } 100% { transform: translate(-50%, -50%) rotate(359.9deg); } } .amscroll-page-num { clear: both; padding: 6px 10px; color: #252525; letter-spacing: .03em; font-weight: 400; font-style: normal; font-size: 1.4rem; line-height: 2rem; } .amscroll-page-num.-amscroll-button { display: inline-block; padding: 5px 14px; border: 1px solid #c2c2c2; border-radius: 2px; background: #fbfbfb; } .amscroll-page-num.-amscroll-divider { border-bottom: 1px solid #c2c2c2; } .amscroll-page-num.-amscroll-background { background: #fbfbfb; } .am-word-break { word-wrap: break-word; word-break: break-word; } .ie11 .am-word-break { word-break: break-all; } .amscroll-arrow-icon { width: 14px; height: 28px; background: url('../../frontend/Jola/jolatheme/en_US/Amasty_Scroll/images/arrow.svg'); } .amscroll-chevron-icon { width: 24px; height: 24px; background: url('../../frontend/Jola/jolatheme/en_US/Amasty_Scroll/images/chevron.svg'); } @-webkit-keyframes amScrollRotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .amscroll-loading-block { margin: 0 auto; padding: 10px 0; width: 20px; height: 20px; } .amscroll-loading-icon { min-width: 20px; height: 20px; } .amscroll-loading-icon.-amscroll-animate { animation: amScrollRotate 1.5s linear infinite; } .amscroll-load-button { display: flex; align-items: center; margin: 5px auto; padding: 5px 20px; max-width: 100%; width: max-content; border: 1px solid; border-radius: 2px; background-color: transparent; text-align: center; text-transform: capitalize; letter-spacing: .03em; font-weight: 700; font-size: 1.6rem; line-height: 2rem; cursor: pointer; transition: color 0.2s; } ._keyfocus .amscroll-load-button:focus { box-shadow: none; } .amscroll-load-button:not(.focus-visible) { border-color: transparent !important; } .amscroll-load-button:hover, .amscroll-load-button:focus, .amscroll-load-button:active { background-color: transparent; } .amscroll-load-button:hover > .amscroll-text { filter: brightness(0.8); } .ie11 .amscroll-load-button { width: 120px; } .amscroll-load-button > .amscroll-text { word-wrap: break-word; word-break: break-word; transition: filter 0.2s; pointer-events: none; user-select: none; } .ie11 .amscroll-load-button > .amscroll-text { word-break: break-all; } .ie11 .amscroll-load-button > .amscroll-text { word-break: break-all; } .amscroll-load-button > .amscroll-loading-icon { display: none; margin-right: 10px; } .amscroll-load-button.-amscroll-loading { pointer-events: none; user-select: none; } .amscroll-load-button.-amscroll-loading > .amscroll-loading-icon { display: block; } .amscroll-arrow-style { padding: 0; width: 50px; height: 50px; border-radius: 100px; } .amscroll-arrow-style:before { border-radius: 100px; } .amscroll-arrow-style:after { width: 14px; height: 28px; background: url('../../frontend/Jola/jolatheme/en_US/Amasty_Scroll/images/arrow.svg'); } .amscroll-arrow-style .amscroll-text { display: none; } .amscroll-text-style { padding-right: 7px; border-radius: 100px; transform: rotate(-90deg) translate(60px, 60px); } .amscroll-text-style:before { border-radius: 100px; } .amscroll-text-style:after { width: 24px; height: 24px; background: url('../../frontend/Jola/jolatheme/en_US/Amasty_Scroll/images/chevron.svg'); } .amscroll-edge-style { right: 0; padding: 4px 26px 4px 20px; border-radius: 20px 20px 0 0; transform: rotate(-90deg) translate(71px, 72px); } .amscroll-edge-style .amscroll-text { margin-right: 20px; } .amscroll-edge-style:before { border-radius: 20px 20px 0 0; } .amscroll-edge-style:after { width: 14px; height: 28px; background: url('../../frontend/Jola/jolatheme/en_US/Amasty_Scroll/images/arrow.svg'); transform: rotate(90deg) translateX(2px); } .amscroll-backtotop-block { display: flex; justify-content: center; align-items: center; position: fixed; right: 30px; bottom: 30px; z-index: 99999; overflow: hidden; box-sizing: border-box; padding: 6px 12px; border: 0; border-radius: 0; box-shadow: none; color: #ffffff; transition: right 0.2s; } .amscroll-backtotop-block:not(.-amscroll-active) { right: -60px !important; } ._keyfocus .amscroll-backtotop-block:focus, .amscroll-backtotop-block:not(.primary) { box-shadow: none; } .amscroll-backtotop-block:hover, .amscroll-backtotop-block:focus, .amscroll-backtotop-block:active { border: 0; box-shadow: none; color: #ffffff; } .amscroll-backtotop-block .amscroll-text { position: relative; z-index: 1; margin-right: 10px; font-weight: 600; font-size: 1.8rem; line-height: 2.5rem; } .amscroll-backtotop-block:before { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; display: block; width: 100%; height: 100%; background-color: inherit; content: ''; opacity: 0; filter: brightness(0.8); transition: opacity 0.2s; } .amscroll-backtotop-block:after { position: relative; z-index: 1; display: inline-block; content: ''; } .amscroll-backtotop-block:hover:before { opacity: 1; } .columns .column.main { max-width: 100%; } .amslider * { margin: 0; padding: 0; } .amslider { position: relative; margin: 30px auto; } .amslider .swiper-pagination { position: static; margin-top: 15px; } .amslider .swiper-container > .wrapper { text-align: center; } .amslider .swiper-slide .brand-title { margin-top: 10px; min-height: 40px; color: #4f4f4f; word-break: break-all; word-break: break-word; font-size: 15px; line-height: 1.2; } .amslider .swiper-pagination-bullet { margin: 0 5px; width: 12px; height: 12px; } .amslider .swiper-pagination-bullet-active { background: #4f4f4f; } .amslider .swiper-button-next, .amslider .swiper-button-prev { z-index: 2; } .amslider .swiper-button-next { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iNDMiIHZpZXdCb3g9IjAgMCAyNSA0MyIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48dGl0bGU+VmVjdG9yPC90aXRsZT48ZGVzYz5DcmVhdGVkIHVzaW5nIEZpZ21hPC9kZXNjPjxnIGlkPSJDYW52YXMiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE0NTMgNzkwKSI+PGcgaWQ9IlZlY3RvciI+PHVzZSB4bGluazpocmVmPSIjcGF0aDBfc3Ryb2tlIiB0cmFuc2Zvcm09Im1hdHJpeCgtMSAwIDAgMSAtMTQzMC4zNSAtNzg4LjY0NikiIGZpbGw9IiM0RjRGNEYiLz48L2c+PC9nPjxkZWZzPjxwYXRoIGlkPSJwYXRoMF9zdHJva2UiIGQ9Ik0gNi4xMzcwNGUtMDUgMTkuOTM5M0wgLTEuMDQxOTYgMTguODYwNEwgLTIuMTM5OSAxOS45MjA3TCAtMS4wNjA2IDIxTCA2LjEzNzA0ZS0wNSAxOS45MzkzWk0gMTkuNjA0NCAtMS4wNzg5N0wgLTEuMDQxOTYgMTguODYwNEwgMS4wNDIwOSAyMS4wMTgzTCAyMS42ODg1IDEuMDc4OTdMIDE5LjYwNDQgLTEuMDc4OTdaTSAtMS4wNjA2IDIxTCAxOC45MzkzIDQxTCAyMS4wNjA3IDM4Ljg3ODdMIDEuMDYwNzIgMTguODc4N0wgLTEuMDYwNiAyMVoiLz48L2RlZnM+PC9zdmc+); } .amslider .swiper-button-prev { background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iNDMiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjx1c2UgeGxpbms6aHJlZj0iI3BhdGgwX3N0cm9rZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMi43MSAxLjM1NCkiIGZpbGw9IiM0RjRGNEYiLz48ZGVmcz48cGF0aCBpZD0icGF0aDBfc3Ryb2tlIiBkPSJNMCAxOS45NGwtMS4wNDItMS4wOC0xLjA5OCAxLjA2TC0xLjA2IDIxIDAgMTkuOTR6TTE5LjYwNC0xLjA4bC0yMC42NDYgMTkuOTQgMi4wODQgMi4xNTdMMjEuNjkgMS4wOGwtMi4wODUtMi4xNTh6TS0xLjA2IDIxbDIwIDIwIDIuMTIyLTIuMTIxLTIwLTIwTC0xLjA2MSAyMXoiLz48L2RlZnM+PC9zdmc+); } .amslider .swiper-button-next, .amslider .swiper-button-prev { z-index: 0; } .amslider .swiper-slide { text-align: center; font-size: 18px; } .amslider .category-item .category-item-title { margin: auto; } .amslider .slide .category-item-title, .amslider .swiper-slide .swiper-category-item { font-size: 15px; line-height: 1.2; word-break: break-word; } .amslider .wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .amslider .no-img { margin: auto; } .brands-filters { display: inline-block; margin: 0 0 10px; width: 100%; min-height: 50px; } .brands-filters .letter { display: block; float: left; margin: 0 5px 10px; padding: 2px 5px; min-width: 17px; min-height: 20px; text-align: center; color: #333; font-size: 14px; line-height: 20px; text-decoration: none; cursor: pointer; border: 1px solid #CCC; border-radius: 5px; background: #e2e2e2; } .brands-filters .letter-all { min-width: 90px; margin-right: 20px; } .brands-filters .letters { margin-top: 4px; } .brands-filters .letter.-disabled { opacity: 0.6; pointer-events: none; background-color: #f1f1f1; } .brands-filters .letter.hide { display: none; } .brands-filters .letter:hover, .brands-filters .letter.-active { background: #fed285; } .ambrands-search-wrapper { position: relative; display: block; margin: 0 auto; } .ambrands-search-wrapper .ambrands-search-input { display: block; margin: 0 0 10px; max-width: 100%; } .ambrands-search-wrapper #livesearch { position: absolute; display: none; width: 365px; max-width: 100%; max-height: 250px; background-color: #fff; overflow-x: hidden; overflow-y: auto; border: 1px solid #c2c2c2; border-top: 2px solid #309ef3; z-index: 99; } .ambrands-search-wrapper #livesearch a { display: block; float: left; padding: 5px 10px; width: 100%; color: #000; box-sizing: border-box; } .ambrands-search-wrapper #livesearch a:hover { background-color: #e8e8e8; text-decoration: none; } .brand-images .brands-letter { width: 100%; vertical-align: top; box-sizing: border-box; } .brand-images .brands-letter .bare-list { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } .brand-images .brands-letter .letter { border-bottom: 1px solid #b2b2b2; font-size: 18px; font-weight: 400; } .brand-images .brands-letter .letter .title { padding: 0 2px 1px; text-transform: uppercase; background: #e2e2e2; } .brands-letter .brand-item { position: relative; margin: 0 5px 20px; } .brands-letter .brand-item .item { display: -webkit-flex; display: -ms-flexbox; display: flex; height: 100%; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -moz-justify-content: flex-start; -ms-justify-content: flex-start; justify-content: flex-start; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; color: #333333; -webkit-justify-content: flex-start; } .brands-letter .brand-item .item:hover { text-decoration: none; } .brands-letter .brand-item .no-img { color: #e2e2e2; } .brands-letter .brand-item .count { position: absolute; right: 0; top: 0; display: block; box-sizing: border-box; min-width: 25px; height: 25px; padding: 0 3px; line-height: 25px; text-align: center; background: #f58c12; border-radius: 20px; color: #ffffff; } .brands-letter .brand-item .label { position: relative; margin: 5px 0 0; padding-top: 5px; width: 100%; word-wrap: break-word; } .brands-letter .brand-item .label:before { content: ''; position: absolute; top: 0; left: 25%; right: 25%; display: block; height: 1px; background: #b2b2b2; } .brands-letter .brand-item .item:hover .label:before { left: 0; right: 0; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .brands-letter .brand-item .am-image-wrapper { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .brands-letter .brand-item .am-image-wrapper .am-image { max-width: 100%; max-height: 100%; } .bare-list .ambrands-image { pointer-events: none; } .amslider-header-container { padding: 5px 0 5px 35px; height: 35px; font-size: 22px; line-height: 35px; } .icon .brand-label { float: left; } .brand-images li.brand-item { list-style-type: none; text-align: center; } ul.bare-list img { display: block; margin: 0 auto; } .children-category .amslider { position: relative; left: inherit; margin: 0 50px; width: 100%; transform: inherit; display: block; } .amslider.am-brand-slider { max-width: 100%; padding: 0; } .amslider.am-brand-slider .swiper-brand { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -moz-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-grow: 1; flex-grow: 1; } .amslider.am-brand-slider .am-image-wrapper { display: flex; justify-content: center; align-items: center; flex-grow: 1; margin: 0 auto; } .amslider.am-brand-slider .am-image-wrapper .am-image { max-width: 100%; max-height: 100%; } .amslider.am-brand-slider .slide { -webkit-align-items: stretch; -ms-align-items: stretch; align-items: stretch; } .amslider.am-brand-slider .slide .am-image-wrapper { margin-bottom: 10px; overflow: hidden; } .amslider.am-brand-slider .swiper-slide { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: stretch; -ms-align-items: stretch; align-items: stretch; height: auto; } .amslider .slide { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: flex-start; -ms-align-items: flex-start; align-items: flex-start; margin: 0 9px 20px 0; max-width: 30%; -webkit-flex-basis: 30%; flex-basis: 30%; text-align: center; color: #4f4f4f; } .amslider .slide .category-item { position: relative; padding: 10px; width: 100%; border: 1px solid #fff; } .amslider .slide .category-item:hover, .amslider .slide .category-item.active { box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.3); border-color: #bbb; position: relative; z-index: 2; padding: 10px; } .amslider .slide .category-item.category-item-label img { margin-bottom: 25px; } .amslider .slide .swiper-brand .am-image { height: auto; } .children-category-container.swiper-container { width: calc(100% - 2 * 27px); margin: auto; } .children-category-container .swiper-wrapper { -webkit-align-items: baseline; -moz-align-items: baseline; -ms-align-items: baseline; align-items: baseline; } .amslider .swiper-slide { padding: 10px; box-sizing: border-box; color: #4f4f4f; } .amslider .swiper-slide .swiper-category-item { padding: 10px 0; border: 1px solid #fff; } .amslider .swiper-slide .swiper-category-item img { height: auto; } .amslider .swiper-slide .swiper-category-item.category-item-label img { margin-bottom: 25px; } .amslider .swiper-slide .swiper-category-item:hover, .amslider .swiper-slide .swiper-category-item.active { background: #ffffff; box-shadow: 3px 3px 4px 0 rgba(0, 0, 0, 0.3); border: 1px solid #bbb; margin: 0; } .amslider .swiper-slide .swiper-brand .no-img { display: inline-block; margin: 0 auto; color: #e2e2e2; } .amslider .swiper-slide:hover, .amslider .slide:hover { text-decoration: none; } #category-carousel .swiper-button-next { right: 0; } #category-carousel .swiper-button-prev { left: 0; } #category-carousel .swiper-button-next, #category-carousel .swiper-button-prev { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); opacity: .3; height: 100%; margin: 0; } #category-carousel .swiper-button-next:hover, #category-carousel .swiper-button-prev:hover { opacity: 1; -webkit-transition: all ease 0.3s; -moz-transition: all ease 0.3s; -ms-transition: all ease 0.3s; transition: all ease 0.3s; } .amslider .swiper-slide .swiper-category-item:not(:root:root), .amslider .swiper-slide .swiper-brand:not(:root:root), .amslider .slide .category-item:not(:root:root) { padding: 10px; } .amshopby-morefrom .products-grid .product-item { width: auto; } .amshopby-morefrom .product-image-container { min-width: auto; } .ambrands-menu-item.parent .ambrands-link.level-top:after { content: ''; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .swiper-brand { width: 100%; } .swiper-brand .no-img { width: 100%; } } .ambrands-list-popup, .ambrands-menu-item .ambrands-arrow { display: none; } .ui-tooltip.ui-widget { padding: 5px 10px; max-width: 250px; border: 1px solid #cccccc; background: #fff; box-shadow: 1px 0 3px #cccccc; word-wrap: break-word; } .ui-tooltip .arrow { position: absolute; bottom: -15px; width: 20px; height: 15px; } .ui-tooltip .arrow:after { position: absolute; border-top: 10px solid #cccccc; content: ''; } .ui-tooltip .arrow:before { position: absolute; top: -1px; z-index: 9; border-top: 9px solid #fff; content: ''; } .ui-tooltip .arrow.top { top: -15px; transform: scale(1, -1); } .ui-tooltip .arrow.left { left: 15px; } .ui-tooltip .arrow.left:before { left: 1px; border-right: 19px solid transparent; } .ui-tooltip .arrow.left:after { border-right: 20px solid transparent; } .ui-tooltip .arrow.right { right: 15px; } .ui-tooltip .arrow.right:before { right: 1px; border-left: 19px solid transparent; } .ui-tooltip .arrow.right:after { border-left: 20px solid transparent; } .ui-tooltip .am-brand-small_image { display: block; margin: auto; max-width: 150px; } .ui-tooltip .am-brand-image { display: block; margin: auto; max-width: 400px; } .ui-tooltip .ui-tooltip-content h3 { margin: 5px 0; } .am-visually-hidden { position: absolute; overflow: hidden; clip: rect(0, 0, 0, 0); margin: 0; padding: 0; width: 0; height: 0; border: 0; opacity: 0; } .am-word-break { word-wrap: break-word; word-break: break-word; } .ie11 .am-word-break { word-break: break-all; } .ui-tooltip .arrow { left: 8px; width: 15px; } .ui-tooltip .arrow:after { border-right: 15px solid transparent; } .ui-tooltip .arrow:before { border-right: 14px solid transparent; } .amslider-container { margin: auto; margin-bottom: 15px; width: 100%; } .am-rating-up { font-size: smaller; } .amshopby-highlighted { background-color: #ffff00; } .amshopby-item .filter-value { margin-left: 5px; } .amshopby-filter-tooltip { display: inline-block; margin-left: 6px; max-width: 16px; max-height: 16px; vertical-align: top; } .amshopby-filter-value .swatch-option.image, .amshopby-filter-value .swatch-attribute.size .swatch-option, .amshopby-filter-value .swatch-attribute.manufacturer .swatch-option { background-position: center; background-size: contain; background-repeat: no-repeat; } .filter-options-item .filter-options-title:after { font-size: 14px; } .range.am-fromto-widget .am-filter-go { margin: 0 10px; vertical-align: top; } .amshopby-button { word-wrap: break-word; word-break: break-word; min-height: 40px; border-radius: 3px; background: #1979c3; color: #fff; text-align: center; letter-spacing: -.015em; font-size: 16px; line-height: 22px; transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; } .ie11 .amshopby-button { word-break: break-all; } .ie11 .amshopby-button { word-break: break-all; } .amshopby-button:not(.primary) { border-radius: 3px; } .amshopby-button:not(.primary), .amshopby-button:not(.primary):active { box-shadow: none; } .amshopby-button:hover { border-color: #399ae6; background: #399ae6; } .amshopby-button:active, .amshopby-button:focus { border-color: #135d96; background: #135d96; } .am-filter-go { word-wrap: break-word; word-break: break-word; min-height: 40px; border-radius: 3px; background: #1979c3; color: #fff; text-align: center; letter-spacing: -.015em; font-size: 16px; line-height: 22px; transition: background 0.2s ease-in-out, border-color 0.2s ease-in-out; margin: 15px 0 0; width: 25%; } .ie11 .am-filter-go { word-break: break-all; } .ie11 .am-filter-go { word-break: break-all; } .am-filter-go:not(.primary) { border-radius: 3px; } .am-filter-go:not(.primary), .am-filter-go:not(.primary):active { box-shadow: none; } .am-filter-go:hover { border-color: #399ae6; background: #399ae6; } .am-filter-go:active, .am-filter-go:focus { border-color: #135d96; background: #135d96; } input[type='text'].am-filter-price.-to.right { float: right; } .am-swatch-options { display: flex; flex-direction: column; } .am-swatch-options .swatch-option { display: inline-block; margin: 0 10px 0 0; background-position: center; background-size: contain; background-repeat: no-repeat; } .am-swatch-options > .item { padding-bottom: 4px; } .am-swatch-options > .item:hover { background-color: transparent; } .am-swatch-options .am-shopby-swatch-label { display: inline-block; max-width: 70%; vertical-align: middle; word-wrap: break-word; } .filter-options .am-swatch-wrapper { margin: 0 0 5px !important; line-height: initial; } .catalog-topnav .filter-options { flex-wrap: wrap; min-height: 40px; } .catalog-topnav .filter-options .filter-options-item { display: inline-block; border: 0; } .catalog-topnav .filter-options .filter-options-content { position: absolute; z-index: 9999; margin-top: 12px; min-width: 100px; border: 1px solid transparent; border-radius: 6px; background-color: #fff; box-shadow: 0 4px 8px rgba(190, 199, 219, 0.21), 0 6px 25px rgba(190, 199, 219, 0.28); } .catalog-topnav .filter-options .am-filter-items-rating li { margin: 0 0 10px; } .catalog-topnav .filter-options .am-filter-items-rating li:last-child { margin: 0; } .catalog-topnav .block-actions { display: none; } .catalog-topnav { display: none; } .filter-options .chosen-container-multi .chosen-choices li.search-choice .search-choice-close { top: 5px; right: 8px; } .page-layout-1column .filter-options-item.active .filter-options-content { padding: 10px 15px; } .page-layout-1column .filter-options-content li.item { padding: 0; } .filter [data-role='collapsible']:not([data-collapsible='true']) [data-role='content'] { display: none; } div.swatch-option-tooltip { z-index: 9999; } .swatch-option-tooltip .image, .swatch-option-tooltip-layered .image { background-size: contain !important; } .filter-options .am-labels-folding .item { position: relative; } .filter-options .ui-menu { display: block; margin: 0; padding: 0; outline: 0; list-style: none; } .filter-options .ui-menu .ui-menu { position: absolute; } .filter-options .ui-menu .ui-menu-item { margin: 0; list-style: none; cursor: pointer; } .filter-options .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .filter-options .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; border-width: 1px 0 0; font-size: 0; line-height: 0; } .filter-options-content .am-swatch-wrapper { display: inline-block; } .filter-options-content .am-swatch-wrapper:hover .am-swatch-link { background: none; } .filter-options-content .am-swatch-wrapper > .input.-hidden { display: none; } .am-filter-items-attr_price { min-width: 130px; max-width: 350px; } .am-filter-items-attr_color .swatch-option.text { padding: 1px 2px; width: 30px; } .amasty-catalog-topnav.block.filter { flex-basis: auto; } .amasty-catalog-topnav .filter-options .item:last-child { margin-bottom: 0; } .amshopby-category-dropdown { display: block; overflow: hidden; padding-right: 3.6rem; min-height: 3.2rem; border: 1px solid #adadad; background-color: #fff; text-align: left; text-overflow: ellipsis; white-space: normal; font-weight: 400; cursor: pointer; } .amshopby-category-dropdown:after { position: absolute; top: 50%; right: 1.2rem; box-sizing: border-box; margin-top: -.2rem; width: 0; height: 0; border-width: .5rem .4rem 0; border-style: solid; border-color: #000 transparent transparent; content: ''; transition: all .2s linear; } .amshopby-category-dropdown:before { position: absolute; top: 0; right: 0; bottom: 0; width: 3.2rem; border: 1px solid #adadad; background-color: #e3e3e3; content: ''; } .am-category-wrapper { position: relative; display: block; user-select: none; } .am-category-wrapper._active .amshopby-category-dropdown:after { transform: rotate(180deg); } .am-category-wrapper .amshopby-checkbox, .am-category-wrapper .amshopby-radio { margin-left: 20px; } .am-category-wrapper .amshopby-filter-parent { padding-left: 0; } .am-category-wrapper .am-multiselect-crumb { position: relative; display: inline-block; margin: .3rem 0 .3rem .3rem; padding: .3rem 2.4rem .4rem 1rem; border: 1px solid #a79d95; border-radius: 1px; background-color: #f5f5f5; font-size: 1.2rem; transition: border-color 0.1s linear; } .am-category-wrapper .am-multiselect-crumb .action-close { position: absolute; top: 0; right: 0; bottom: 0; margin: 0; padding: 0; width: 2rem; height: auto; border: none; border-radius: 0; background-color: transparent; box-shadow: none; color: #514943; font-size: .5em; line-height: 1; } .am-category-wrapper .am-multiselect-crumb .action-close:before { content: 'x'; font-size: 10px; transition: color .1s linear; } .am-category-wrapper .am-multiselect-crumb .action-close > span { position: absolute; display: none; visibility: hidden; overflow: hidden; clip: rect(0, 0, 0, 0); } .filter-options .am-labels-folding .item { display: flex; align-items: center; flex-wrap: wrap; position: relative; padding: 0 0 0 20px; } .filter-options .am-labels-folding .item .am-input, .filter-options [class*='am-filter-items-'].am-labels-folding .item:not(.swatch-option-link-layered) input[type='radio'], .filter-options .amshopby-category-dropdown + form .item input[type='radio'], .filter-options [class*='am-filter-items-'].am-labels-folding .item:not(.swatch-option-link-layered) input[type='checkbox'], .filter-options .amshopby-category-dropdown + form .item input[type='checkbox'] { position: absolute; top: 4px; left: 0; margin: 0 5px 0 0; } .filter-options .am-labels-folding .item .am-collapse-icon ~ .am-input { left: 20px; } .filter-options .am-labels-folding .item .am-collapse-icon ~ [class*='am-filter-item-'] { padding-left: 20px; } .filter-options .amshopby-category-dropdown + form .item { flex-wrap: wrap; } .filter-options [class*='am-filter-items-'].am-labels-folding .item:not(.swatch-option-link-layered), .filter-options .amshopby-category-dropdown + form .item { position: relative; display: block; } .filter-options [class*='am-filter-items-'].am-labels-folding .item:not(.swatch-option-link-layered) .am-collapse-icon ~ .am-input, .filter-options .amshopby-category-dropdown + form .item .am-collapse-icon ~ .am-input, .filter-options [class*='am-filter-items-'].am-labels-folding .item:not(.swatch-option-link-layered) .am-collapse-icon ~ input[type='radio'], .filter-options .amshopby-category-dropdown + form .item .am-collapse-icon ~ input[type='radio'], .filter-options [class*='am-filter-items-'].am-labels-folding .item:not(.swatch-option-link-layered) .am-collapse-icon ~ input[type='checkbox'], .filter-options .amshopby-category-dropdown + form .item .am-collapse-icon ~ input[type='checkbox'], .filter-options [class*='am-filter-items-'].am-labels-folding .item:not(.swatch-option-link-layered) .am-collapse-icon ~ input[type='checkbox'] + .amshopby-choice, .filter-options .amshopby-category-dropdown + form .item .am-collapse-icon ~ input[type='checkbox'] + .amshopby-choice { left: 20px; } .filter-options .amshopby-category-dropdown + form .items.-am-multiselect .item .items-children.-folding { padding-left: 20px; } .am-labels-folding .am-collapse-icon, .filter-options .amshopby-category-dropdown + form .items.-am-multiselect .item .am-collapse-icon { display: flex; align-items: center; top: 0; left: 0; align-self: flex-start; } .am-labels-folding .am-collapse-icon:after, .filter-options .amshopby-category-dropdown + form .items.-am-multiselect .item .am-collapse-icon:after, .am-labels-folding .am-show-more:before { position: static; margin: 0; } .am-collapse-icon { position: absolute; box-sizing: border-box; width: 20px; height: 20px; border-radius: 50%; font-weight: 400; font-style: normal; line-height: 1; cursor: pointer; -webkit-font-smoothing: antialiased; } .am-collapse-icon:after, .am-show-more:before { position: absolute; right: 0; width: 12px; height: 20px; background: url("../../frontend/Jola/jolatheme/en_US/Amasty_Shopby/images/svg/arrow-bottom.svg") no-repeat 100% / contain; content: ''; } .am-collapse-icon._active:after { content: ''; transform: rotate(180deg); } .amshopby-option-link { display: inline-block; clear: both; margin-right: 5px; } .amshopby-option-link img { float: left; margin: 0 5px 5px 0; } .amshopby-option-link img:not([src*='/resized']) { max-width: 30px; max-height: 30px; } .am-item-removed { text-decoration: none; } .am-category-image { vertical-align: middle; } .amshopby-filter-current .filter-label { vertical-align: middle; } .amshopby-filter-current .amshopby-items { padding: 0 0 0 10px; } .amshopby-filter-current .amshopby-item.item { display: flex; align-items: center; flex-wrap: wrap; position: relative; padding: 0 0 0 20px; } .amshopby-filter-current .amshopby-filter-name { display: flex; padding: 0 5px 0 0; font-weight: bold; } .amshopby-filter-current .amshopby-filter-name:after { content: ':'; } .ie11 .amshopby-filter-current .amshopby-filter-name:after { padding-left: 1px; } .amshopby-filter-current .amshopby-filter-value { flex-grow: 1; } .amshopby-filter-current .am-swatch-link { display: flex; align-items: center; } .amshopby-filter-current .amshopby-filter-value .am-swatch-options .swatch-option { margin: 0; } .amshopby-filter-current .amshopby-remove { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; width: 12px; height: 12px; } .ie11 .amshopby-filter-current .amshopby-remove { top: calc(50% - (12px / 2)); } .amshopby-filter-current .amshopby-remove:hover:after, .amshopby-filter-current .amshopby-remove:hover:before { background-color: #494949; } .amshopby-filter-current .amshopby-remove:hover ~ * { opacity: .5; } .amshopby-filter-current .amshopby-remove:after, .amshopby-filter-current .amshopby-remove:before { position: absolute; width: 100%; height: 1px; background-color: #c7c7c7; content: ''; } .amshopby-filter-current .amshopby-remove:after { transform: rotate(45deg); } .amshopby-filter-current .amshopby-remove:before { transform: rotate(-45deg); } .amshopby-filter-current .am-shopby-swatch-label { margin-left: 10px; } .amshopby-filter-current .swatch-option-link-layered { display: flex; align-items: center; flex-basis: 100%; } .amshopby-filter-current .item { padding-bottom: 0; } .am-dropdown .am-select, .am-dropdown .chosen-container .chosen-choices { min-height: 32px; border-color: #ccc; background-color: #fff; font-size: 14px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .am-dropdown .chosen-container .chosen-choices { background-image: none; } .am-dropdown .chosen-container-multi .chosen-choices li.search-field input[type='text'] { min-width: 100px; color: #000; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; } .am-porto-cmtb .amshopby-filter-current.filter-current .amshopby-item.item { display: flex; align-items: center; padding: 0 0 10px 20px; } .am-porto-cmtb .amshopby-filter-current.filter-current .items { padding: 15px; } .am-porto-cmtb .amshopby-filter-current.filter-current .am-show-more { padding: 12px 25px 0 0; } .am-porto-cmtb .amshopby-filter-current.filter-current .category-image .image { display: block; max-width: 100%; width: auto; height: auto; } .am-porto-cmtb .filter-options-content .swatch-option { min-width: 22px; width: 22px; height: 22px; border: none; background-position: center center; background-size: 100% 100%; background-repeat: no-repeat; box-shadow: 0 0 3px rgba(0, 0, 0, 0.2); } .am-porto-cmtb .page-wrapper > .page-header { z-index: 900; } .am-porto-cmtb .page-main { z-index: 9; } .am-porto-cmtb .am-show-more:hover { color: #006bb4 !important; } .filter-options-item .filter-options-content .amshopby-slider-wrapper { margin: 0 10px; } .amasty-catalog-topnav .filter-options-item .filter-options-content .amshopby-slider-wrapper, .filter-options-item .filter-options-content .amshopby-slider-wrapper > .items:not(.items-children):not(.am-category-view), .filter-options-item .filter-options-content .amshopby-slider-wrapper .amshopby-fromto-wrap { margin: 0; } .amshopby-slider-container { margin: 10px 0 5px; } .amshopby-slider-container .ui-slider-range { position: absolute; z-index: 2; } .amshopby-slider-container .am-slider:not(.-loaded) { visibility: hidden; opacity: 0; } .amshopby-slider-container .am-slider:before, .amshopby-slider-container .am-slider:after { position: absolute; z-index: 1; border-radius: 20px; content: ''; } .amshopby-slider-container .am-slider .ui-slider-handle { overflow: inherit; margin: 0; padding: 0; } .amshopby-slider-container .amshopby-slider-display { margin: 10px 0 0; text-align: center; } .amshopby-slider-container .ui-slider-handle.ui-state-hover ~ .ui-slider-handle, .amshopby-slider-container .ui-slider-handle.ui-state-active ~ .ui-slider-handle { pointer-events: none; user-select: none; } .amshopby-slider-container.-default .am-slider { margin: 0 10px; height: 10px; background: #dadada; } .amshopby-slider-container.-default .am-slider:before, .amshopby-slider-container.-default .am-slider:after { width: 20px; height: 10px; background: #dadada; } .amshopby-slider-container.-default .am-slider:before { left: -10px; } .amshopby-slider-container.-default .am-slider:after { right: -10px; } .amshopby-slider-container.-default .ui-slider-range { height: 10px; background: #b6b6b6; } .amshopby-slider-container.-default .am-slider .ui-slider-handle { width: 20px; height: 20px; border-radius: 50%; background: #f98b25; transform: translate(-10px, -5px); } .filter-options-item .filter-options-content .amshopby-fromto-wrap .am-fromto-widget { flex-wrap: wrap; margin-top: 10px; } .filter-options-item .filter-options-content .amshopby-slider-wrapper .amshopby-fromto-wrap .am-fromto-widget { margin-top: 25px; } .filter-options-item .filter-options-content .amshopby-slider-wrapper.-volumetric .amshopby-fromto-wrap .am-fromto-widget { margin-top: 35px; } .amasty-catalog-topnav .amshopby-fromto-wrap .am-fromto-widget { max-width: 210px; } .amshopby-fromto-wrap .am-fromto-widget > .amshopby-input-wrapper { position: relative; max-width: 50%; width: calc(50% - 7px); } .amshopby-fromto-wrap .am-fromto-widget .am-filter-price { width: 100%; height: 40px; border: 1px solid #dfdedd; background-clip: padding-box; color: #494949; text-align: center; letter-spacing: .03em; font-size: 14px; } .amshopby-fromto-wrap .am-fromto-widget > .delimiter { margin: 0; width: 14px; line-height: 40px; } .amshopby-fromto-wrap .am-fromto-widget > .am-filter-go { margin: 15px 0 0; width: 100%; } .amshopby-fromto-wrap .am-fromto-widget > .am-filter-go:not(.primary), .amshopby-fromto-wrap .am-fromto-widget > .am-filter-go:active { box-shadow: none; } .amshopby-input-wrapper .amshopby-currency { position: absolute; bottom: calc(100% - 10px); left: 4px; padding: 2px; background: #fff; color: #494949; letter-spacing: .03em; font-size: 14px; line-height: 16px; } .amshopby-slider-tooltip { transition: all 0.2s ease-in-out; } .ui-slider-handle:not(.ui-state-hover):not(.ui-state-active) .amshopby-slider-tooltip { visibility: hidden; opacity: 0; transform: translate(-50%, -3px); } .amshopby-slider-container.-improved { margin-top: 30px; } .amshopby-slider-container.-improved .am-slider { margin: 0 8px; height: 4px; background: #dfdedd; } .amshopby-slider-container.-improved .am-slider:before, .amshopby-slider-container.-improved .am-slider:after { width: 16px; height: 4px; background: #dfdedd; } .amshopby-slider-container.-improved .am-slider:before { left: -8px; } .amshopby-slider-container.-improved .am-slider:after { right: -8px; } .amshopby-slider-container.-improved .ui-slider-range { height: 4px; background: #ff5502; } .amshopby-slider-container.-improved .am-slider .ui-slider-handle { top: -6px; width: 16px; height: 16px; border-radius: 50%; background: #ff5502; transform: translateX(-8px); } .amshopby-slider-container.-improved .am-slider .ui-slider-handle:hover, .amshopby-slider-container.-improved .am-slider .ui-slider-handle:active { background: #ff7735; } .amshopby-slider-container.-improved .amshopby-slider-tooltip { position: absolute; bottom: calc(100% + 7px); left: 8px; z-index: 1; display: block; box-sizing: border-box; padding: 3px; border: 1px solid #ff5502; border-radius: 2px; background: #ff5502; color: #ffffff; letter-spacing: .03em; font-size: 12px; line-height: 1; transform: translateX(-50%); } .amshopby-slider-container.-improved .amshopby-slider-tooltip:before, .amshopby-slider-container.-improved .amshopby-slider-tooltip:after { position: absolute; top: calc(100% - 2px); left: calc(50% - 3px); display: block; width: 6px; height: 6px; border-bottom-right-radius: 2px; background: #ff5502; content: ''; transform: rotate(45deg); clip-path: polygon(100% 0%, 0% 100%, 100% 100%); } .amshopby-slider-container.-improved .amshopby-slider-tooltip:after { top: calc(100% - 3px); background: #ff5502; } .amshopby-slider-container.-volumetric { margin-top: 20px; } .amshopby-slider-container.-volumetric .am-slider { margin: 0 4px; height: 4px; border-radius: 20px; background: #dfdedd; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); } .amshopby-slider-container.-volumetric .am-slider:before, .amshopby-slider-container.-volumetric .am-slider:after { display: none; } .amshopby-slider-container.-volumetric .ui-slider-range { height: 4px; border-radius: 20px; background: linear-gradient(270deg, #ff5502 0%, #f8ac87 100%); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.25); } .amshopby-slider-container.-volumetric .am-slider .ui-slider-handle { width: 8px; height: 12px; border-radius: 2px; background: linear-gradient(159.86deg, #f58b57 41.01%, #ff5502 93.75%); box-shadow: 0 3px 4px rgba(255, 85, 2, 0.2), 0 1px 2px rgba(255, 85, 2, 0.3); transform: translate(-4px, 10px); } .amshopby-slider-container.-volumetric .am-slider .ui-slider-handle:before { position: absolute; bottom: calc(100% - 4px); left: calc(50% - 3px); display: block; width: 6px; height: 6px; border-bottom-right-radius: 2px; background: #f58b57; content: ''; transform: rotate(-135deg); clip-path: polygon(100% 0%, 0% 100%, 100% 100%); } .amshopby-slider-container.-volumetric .amshopby-slider-tooltip { position: absolute; bottom: calc(100% + 7px); left: 8px; z-index: 1; display: block; box-sizing: border-box; padding: 3px; border: 1px solid #ff7e3f; border-radius: 2px; background: linear-gradient(136.07deg, #ff7e3f 4.64%, #ff5502 75.47%); color: #ffffff; letter-spacing: .03em; font-size: 12px; line-height: 1; transform: translateX(-50%); bottom: calc(100% + 17px); left: 4px; } .amshopby-slider-container.-volumetric .amshopby-slider-tooltip:before, .amshopby-slider-container.-volumetric .amshopby-slider-tooltip:after { position: absolute; top: calc(100% - 2px); left: calc(50% - 3px); display: block; width: 6px; height: 6px; border-bottom-right-radius: 2px; background: #ff7e3f; content: ''; transform: rotate(45deg); clip-path: polygon(100% 0%, 0% 100%, 100% 100%); } .amshopby-slider-container.-volumetric .amshopby-slider-tooltip:after { top: calc(100% - 3px); background: linear-gradient(136.07deg, #ff7e3f 4.64%, #ff5502 75.47%); } .amshopby-slider-container.-volumetric .amshopby-slider-display { margin-top: 20px; } .amshopby-slider-container.-light { margin-top: 30px; } .amshopby-slider-container.-light .am-slider { margin: 0 8px; height: 1px; background: #dfdedd; } .amshopby-slider-container.-light .am-slider:before, .amshopby-slider-container.-light .am-slider:after { width: 16px; height: 1px; background: #dfdedd; } .amshopby-slider-container.-light .am-slider:before { left: -8px; } .amshopby-slider-container.-light .am-slider:after { right: -8px; } .amshopby-slider-container.-light .ui-slider-range { height: 1px; background: #ff5502; } .amshopby-slider-container.-light .am-slider .ui-slider-handle { top: -8px; box-sizing: border-box; width: 16px; height: 16px; border: 1px solid #dfdedd; border-radius: 50%; background: #ffffff; transform: translateX(-8px); } .amshopby-slider-container.-light .amshopby-slider-tooltip { position: absolute; bottom: calc(100% + 7px); left: 8px; z-index: 1; display: block; box-sizing: border-box; padding: 3px; border: 1px solid #dfdedd; border-radius: 2px; background: #ffffff; color: #ff5502; letter-spacing: .03em; font-size: 12px; line-height: 1; transform: translateX(-50%); bottom: calc(100% + 8px); } .amshopby-slider-container.-light .amshopby-slider-tooltip:before, .amshopby-slider-container.-light .amshopby-slider-tooltip:after { position: absolute; top: calc(100% - 2px); left: calc(50% - 3px); display: block; width: 6px; height: 6px; border-bottom-right-radius: 2px; background: #dfdedd; content: ''; transform: rotate(45deg); clip-path: polygon(100% 0%, 0% 100%, 100% 100%); } .amshopby-slider-container.-light .amshopby-slider-tooltip:after { top: calc(100% - 3px); background: #ffffff; } .amshopby-slider-container.-dark { margin-top: 30px; } .amshopby-slider-container.-dark .am-slider { margin: 0 5px; height: 3px; background: #4a4948; } .amshopby-slider-container.-dark .am-slider:before, .amshopby-slider-container.-dark .am-slider:after { width: 9px; height: 3px; background: #4a4948; } .amshopby-slider-container.-dark .am-slider:before { left: -4px; } .amshopby-slider-container.-dark .am-slider:after { right: -4px; } .amshopby-slider-container.-dark .ui-slider-range { height: 3px; background: #ff5502; } .amshopby-slider-container.-dark .am-slider .ui-slider-handle { top: -6px; width: 9px; height: 15px; border-radius: 2px; background: #ff5502; box-shadow: 0 2px 4px rgba(255, 85, 2, 0.2), 0 1px 2px rgba(255, 85, 2, 0.3); transform: translateX(-4.5px); } .amshopby-slider-container.-dark .amshopby-slider-tooltip { position: absolute; bottom: calc(100% + 7px); left: 8px; z-index: 1; display: block; box-sizing: border-box; padding: 3px; border: 1px solid #ff5502; border-radius: 2px; background: #ff5502; color: #ffffff; letter-spacing: .03em; font-size: 12px; line-height: 1; transform: translateX(-50%); left: 4.5px; } .amshopby-slider-container.-dark .amshopby-slider-tooltip:before, .amshopby-slider-container.-dark .amshopby-slider-tooltip:after { position: absolute; top: calc(100% - 2px); left: calc(50% - 3px); display: block; width: 6px; height: 6px; border-bottom-right-radius: 2px; background: #ff5502; content: ''; transform: rotate(45deg); clip-path: polygon(100% 0%, 0% 100%, 100% 100%); } .amshopby-slider-container.-dark .amshopby-slider-tooltip:after { top: calc(100% - 3px); background: #ff5502; } .filter-options-item .filter-options-content { padding-bottom: 5px; } .filter-options-item .filter-options-content .am-swatch-wrapper .swatch-option.image, .filter-options-item .filter-options-content .swatch-attribute.size .swatch-option.selected, .filter-options-item .filter-options-content .swatch-attribute.manufacturer .swatch-option.selected { background-position: center; background-size: contain; background-repeat: no-repeat; } .filter-options-item .filter-options-content .range { display: flex; align-items: center; margin-top: 15px; text-align: center; } .filter-options-item .filter-options-content .items:not(.items-children):not(.am-category-view), .filter-options-item .filter-options-content .am-category-wrapper, .filter-options-item .filter-options-content .amshopby-fromto-wrap { margin: 0 10px; } .filter-options-item .filter-options-content .am-shopby-form { margin: 0 7px; } .filter-options-item .filter-options-content .items [class*='am-filter-item'] { margin-left: 0; padding: 0; } .filter-options-item .filter-options-content .count { display: inline-flex; padding-left: 0; } .filter-options-item .filter-options-content .am-shopby-swatch-label .count { margin: 0; padding: 0; } .filter-options-item .filter-options-content .am-shopby-swatch-label .label { margin-right: 5px; } .filter-options-item .filter-options-content .am-shopby-form { overflow-x: hidden; overflow-y: auto; margin-bottom: -15px; padding: 3px; } .filter-options-item .filter-options-content .am-shopby-form .swatch-attribute .swatch-option-link-layered:hover { background-color: unset; } .amasty-catalog-topnav .filter-options-item .filter-options-content { padding-bottom: 10px; } .amasty-catalog-topnav .filter-options-item .filter-options-content .items:not(.items-children):not(.am-category-view), .amasty-catalog-topnav .filter-options-item .filter-options-content .am-shopby-form, .amasty-catalog-topnav .filter-options-item .filter-options-content .am-category-wrapper, .amasty-catalog-topnav .filter-options-item .filter-options-content .amshopby-fromto-wrap { margin: 0; } .filter-options .items.-am-overflow { overflow-x: hidden; overflow-y: auto; } .filter-options .items .items-children.-folding { padding-left: 20px; width: 100%; list-style: none; } .filter-options .items.-am-singleselect .item.-is-by-click .items-children.-folding .item .amshopby-filter-parent { padding-left: 20px; } .filter-options .items.-am-multiselect .item.-is-expanded .items-children.-folding { padding-left: 0; } .filter-options .items .items-children.-folding .item { margin: 5px 0; } .filter-options .item.-empty-value { opacity: .5; pointer-events: none; user-select: none; } .filter-options .ui-widget-overlay { background: #aaa; opacity: .3; } .filter-options .ui-widget-shadow { box-shadow: 0 0 5px #666; } .filter-options .am-category-view { position: absolute; z-index: 9; display: none; overflow-y: auto; box-sizing: border-box; margin: 0; padding: 10px; max-height: 300px; width: 100%; border: 1px solid #cccccc; background-color: #fff; white-space: nowrap; } .filter-options .items.am-category-view, .filter-options .am-category-view ol.items { margin: 0; } .filter-options .am-category-view.-am-singleselect .am-collapse-icon { top: 0; } .filter-options .am-category-view.-am-singleselect .am-collapse-icon:after, .filter-options .am-category-view.-am-singleselect .am-show-more:before { right: inherit; left: 0; } .filter-options .am-category-view .item a.amshopby-filter-parent { padding-left: 20px; } .filter-options .am-category-view.-am-multiselect .item > .am-collapse-icon ~ a.amshopby-filter-parent { padding-left: 40px; } .filter-options .am-category-view [class*='am-filter-item'] { display: inline-block; white-space: initial; } .filter-options .filter-options-content .rating-summary { display: inline-block; vertical-align: sub; } .filter-options .amshopby-search-box { margin: 0 0 15px; } .filter-options .am-labels-folding.-am-singleselect .item .am-input, .filter-options [class*='am-filter-items-'].am-labels-folding.-am-singleselect .item:not(.swatch-option-link-layered) input[type='radio'], .filter-options .amshopby-category-dropdown + form .-am-singleselect .item input[type='radio'], .filter-options .am-category-view input[type='radio'] { display: none; } .filter-options .am-labels-folding.-am-singleselect .item { padding: 0; } .filter-options .am-category-wrapper .items.-am-multiselect .item.-filter-parent:not(.-is-collapsible), .filter-options .items:not(.items-children) > .item.-is-by-click.-filter-parent ~ .item.-is-expanded { margin-left: 20px; } .filter-options-content .am-ranges .items.-am-multiselect .item { position: relative; } .filter-options-content .am-ranges .items.-am-multiselect .item [class*='am-filter-item'] { padding-left: 20px; } .filter-actions .filter-clear { color: #1979c3; font-size: 14px; line-height: 19px; } .filter-actions .filter-clear:hover { color: #399ae6; text-decoration: none; } .filter-actions .filter-clear:focus, .filter-actions .filter-clear:active { color: #135d96; } .filter-options-content .item a:hover { background-color: transparent; color: #1979c3; } .filter-options-content .item a:hover .count { color: #1979c3; } .filter-options-content .item a:active, .filter-options-content .item a:active .count { color: #135d96; text-decoration: none; } .filter-options-content .item:first-child { margin-top: 0; } .filter-options-content .item:last-child { margin-bottom: 0; } .filter-options-content .item > a { display: block; } .filter-options-content .items.-am-singleselect .item > input[type='radio'] { display: none; } .filter-options-content .items.-am-singleselect a.am_shopby_link_selected, .filter-options-content .swatch-option.selected + .am-shopby-swatch-label { color: #1979c3; } .filter-options-content .items.-am-singleselect a.am_shopby_link_selected .count, .filter-options-content .swatch-option.selected + .am-shopby-swatch-label .count { color: #1979c3; } .am-show-more, .filter-options-content .am-show-more { position: relative; display: none; margin: 10px 0 0; padding: 0 22px 0 0; color: #070605; letter-spacing: .03em; font-weight: 400; font-size: 14px; line-height: 20px; cursor: pointer; } .amasty-catalog-topnav .filter-options-content .am-show-more { padding-left: 0; } .filter-options-content .am-show-more { padding-left: 10px; } .am-show-more:hover, .filter-options-content .am-show-more:hover { background-color: transparent; color: #838382; text-decoration: none; } .am-show-more:active, .filter-options-content .am-show-more:active { color: #070605; } .am-show-more:before { top: 0; } .am-show-more.-active { display: inline-flex; align-items: center; } .am-show-more .am-counter { display: inline-block; margin: 0 2px; opacity: .5; } .am-show-more[data-is-hide='false']:before { transform: rotate(180deg); } .am_shopby_link_selected { color: #1979c3; } .items[class*='am-filter-items-attr_category']:not(.items-children) > .item > a { font-weight: 700; } .filter-options .items:not(.items-children).-am-multiselect > .item.-is-by-click .items-children.-folding { padding-left: 0; } .filter-options .items:not(.items-children).-am-multiselect > .item.-is-by-click .items-children.-folding .item.-is-expanded { margin-left: 20px; } .am-filter-items-stock .am_shopby_link_selected, .am-filter-items-rating .am_shopby_link_selected { text-decoration: none; } .filter-content [class*='am-filter-item']:hover ~ .amshopby-choice:before { border-color: #1979c3; } .filter-content .items.-am-multiselect [class*='am-filter-item']:hover { color: inherit; } .filter-content .items.-am-multiselect [class*='am-filter-item']:hover .count { color: #757575; } .amshopby-fly-out-view.ui-menu, .amshopby-flyout-block .items.amshopby-fly-out-view .item .items-children { position: relative; padding: 13px 0; border-radius: 3px; background: #fff; box-shadow: 0 4px 8px rgba(190, 199, 219, 0.21), 0 6px 25px rgba(190, 199, 219, 0.28); } .amshopby-fly-out-view .ui-menu { width: 100%; } .amshopby-fly-out-view .items-children:not(.ui-menu) { display: none; } .amshopby-fly-out-view .am-input { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .amshopby-fly-out-view .am-input[type='radio'] + .amshopby-choice { display: none; } .amshopby-flyout-block .items.amshopby-fly-out-view .item { position: relative; display: flex; align-items: flex-start; flex-direction: row-reverse; margin: 0; padding: 4px 20px; font-size: 14px; line-height: 18px; } .amshopby-flyout-block .items.amshopby-fly-out-view .item:hover { background-color: #f8f8f9; } .amshopby-flyout-block .items.amshopby-fly-out-view .item .items-children { position: absolute; z-index: 995; } .amshopby-flyout-block .items.amshopby-fly-out-view .item > .amshopby-choice { position: relative; top: inherit; left: inherit; margin: 3px 0; padding-left: 22px; } .amshopby-flyout-block .items.amshopby-fly-out-view .item [class*='am-filter-item-'] { display: inline-block; width: 100%; } .amshopby-flyout-block .items.amshopby-fly-out-view .item [class*='am-filter-item-']:hover { background-color: transparent; color: inherit; } .amshopby-flyout-block .items.amshopby-fly-out-view .item [class*='am-filter-item-']:hover > .count { color: #757575; } .amshopby-flyout-block .items.amshopby-fly-out-view .item .amshopby-choice:hover:before, .amshopby-flyout-block .items.amshopby-fly-out-view .item [class*='am-filter-item-']:hover ~ .amshopby-choice:before { border-color: #e3e3e3; } .am_shopby_apply_filters { position: fixed; bottom: -80px; z-index: 999; width: 100%; transition: left 0.2s ease-in-out; } .am_shopby_apply_filters.visible { bottom: 0; } .am-show-button { z-index: 211; display: flex; align-items: center; justify-content: center; box-sizing: border-box; margin: 0 auto; padding: 15px 0; width: 100%; border-top: 1px solid #cccccc; background: #ffffff; text-align: center; } .am-show-button > .am-items { margin: 0; padding: 0 10px; color: #070605; font-size: 14px; line-height: 22px; } .am-show-button > .am-items.-loading { display: inline-block; width: 30px; height: 30px; background: url('../../frontend/Jola/jolatheme/en_US/Amasty_Shopby/images/svg/loader.svg') center / 30px no-repeat; vertical-align: middle; } .am-show-button > .amshopby-button { display: inline-flex; align-items: center; justify-content: center; padding: 0 10px; min-width: 90px; line-height: 1; } .ie11 .am-show-button > .amshopby-button { padding: 10px; } #amasty-shopby-product-list { z-index: 1; } #amasty-shopby-product-list .products.wrapper { position: relative; } .amshopby-overlay-block { position: absolute; top: 0; bottom: 0; z-index: 230; display: none; width: 100%; background: rgba(255, 255, 255, 0.5); } .amshopby-overlay-block > .amshopby-loader { position: absolute; top: 10%; left: 50%; display: block; width: 100px; height: 100px; background: url('../../frontend/Jola/jolatheme/en_US/Amasty_Shopby/images/svg/loader.svg') center / 100px no-repeat; transform: translate(-50%, -10%); } .amrelated-grid-wrapper .amshopby-option-link { margin-bottom: 10px; } button.addmanytocart { margin-right: 20px; } .b-addalltowishlist { display: inline-block; margin: 10px 0px; } .button-bs-ad { display: inline-block; margin: 10px 0px; } #wishlist-view-form .actions-toolbar button { padding: 8px 10px; } #wishlist-view-form input.item-move-copy { margin-left: 11px; position: relative; top: 7px; } #wishlist-view-form .product-item .fieldset .field.qty .control { max-width: 47px; } .tooltip.wrapper .tooltip.content { overflow: auto; } ul.tabs { list-style-type: none; margin-bottom: 20px; margin-top: 15px; margin: 0; padding-left: 0px; position: relative; text-align: left; } ul.tabs li { display: inline; margin: 0 3px 0 0; } ul.tabs li a { background: #f0f0f0 0 0 repeat-x; border-bottom-color: #b7b7b7; border-radius: 3px 3px 0 0; border: 1px solid #cccccc; color: #000000; display: inline-block; font: normal 12px Verdana; outline: none; padding: 7px 16px; position: relative; text-decoration: none; } ul.tabs li a:visited { color: #000000; } ul.tabs li a:hover { background: #f0f0f0 0 -36px repeat-x; border: 1px solid #b7b7b7; } ul.tabs li.selected a { background: white; border: 1px solid #b7b7b7; font-weight: bold; position: relative; top: 0; } ul.tabs li.selected a:hover { background: white; border: 1px solid #b7b7b7; font-weight: bold; position: relative; text-decoration: none; top: 0; } div.tabcontents { background-color: #ffffff; border-radius: 0 3px 3px 3px; border: 1px solid #b7b7b7; padding: 30px; } .wishlist_move { padding-top: 12px; width: 140px; } #loadingmask { background: #000000; bottom: 0; display: none; filter: alpha(opacity=80); left: 0; opacity: 0.8; position: fixed; right: 0; top: 0; z-index: 999; } #loadingmask img { width: 25px; } #loading { left: 50%; position: absolute; top: 50%; } .wltable { padding-top: 30px; } .deletewl_link { float: right; } .link-wishlist { cursor: pointer; } .combo { float: left; } .move_btn { float: right; } ul { list-style: none; } #tabcontents .wltable { padding-top: 55px; } #wishlist-form-validation .linearize-table td { padding: 11px 0; } .mwishlist_name { display: inline-block; max-width: 200px; min-width: 100px; position: relative; top: 1px; } #new_wlname { max-width: 200px; position: relative; top: 2px; } .editwl_link { float: left; width: 100%; } .clearfix { clear: both; display: block; } ul#list-wishlist { margin: 15px 0 0 0; padding: 0px; } ul#list-wishlist label { cursor: pointer; } ul#list-wishlist input { -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); -webkit-transform: scale(1.2); margin: 0 5px; } .button-add-more-wishlist { background-repeat: no-repeat; background-size: contain; background: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/addthis-more.png'); cursor: pointer; display: block; height: 35px; } .button-add-more-wishlist span { left: 40px; line-height: 35px; position: relative; } #no-choose-wishlist { display: none; } .not-empty-name { display: none; } #create_wishlist .content { display: block; float: left; width: 200px; } #create_wishlist input.error { border-color: #f00000; } button#wishlist_create { background: #4a9525; border-color: #4a9525; float: left; margin-right: 10px; position: relative; top: 2px; } label#new_wlname-error { color: #f00000; display: block !important; margin: 10px 0px; } .content-create-wl { float: left; } button.action.primary.create-wl, button.amshopby-button.create-wl, button.am-filter-go.create-wl { margin-left: 10px; position: relative; top: 2px; } #wishlist_add { position: inherit !important; } .bssfancybox-wrap, .bssfancybox-skin, .bssfancybox-outer, .bssfancybox-inner, .bssfancybox-image, .bssfancybox-wrap iframe, .bssfancybox-wrap object, .bssfancybox-nav, .bssfancybox-nav span, .bssfancybox-tmp { border: 0; margin: 0; outline: none; padding: 0; vertical-align: top; } .bssfancybox-wrap { left: 0; position: absolute; top: 0; z-index: 8020; } .bssfancybox-skin { -moz-border-radius: 4px; -webkit-border-radius: 4px; background: #f9f9f9; border-radius: 4px; color: #444444; position: relative; text-shadow: none; } .bssfancybox-opened { z-index: 8030; } .bssfancybox-opened .bssfancybox-skin { -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .bssfancybox-opened .bssfancybox-title { visibility: visible; } .bssfancybox-outer { position: relative; } .bssfancybox-inner { overflow: hidden; position: relative; } .bssfancybox-type-iframe .bssfancybox-inner { -webkit-overflow-scrolling: touch; } .bssfancybox-error { color: #444444; font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .bssfancybox-image { display: block; height: 100%; max-height: 100%; max-width: 100%; width: 100%; } .bssfancybox-iframe { display: block; height: 100%; width: 100%; } #bssfancybox-loading, .bssfancybox-close, .bssfancybox-prev span, .bssfancybox-next span { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite.png'); } #bssfancybox-loading { background-position: 0 -108px; cursor: pointer; left: 50%; margin-left: -22px; margin-top: -22px; opacity: .8; position: fixed; top: 50%; z-index: 8060; } #bssfancybox-loading div { background: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_loading.gif') center center no-repeat; height: 44px; width: 44px; } .bssfancybox-close { cursor: pointer; height: 36px; position: absolute; right: -18px; top: -18px; width: 36px; z-index: 8040; } .bssfancybox-nav { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background: transparent url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/blank.gif'); cursor: pointer; height: 100%; position: absolute; text-decoration: none; top: 0; width: 40%; z-index: 8040; } .bssfancybox-nav span { cursor: pointer; height: 34px; margin-top: -18px; position: absolute; top: 50%; visibility: hidden; width: 36px; z-index: 8040; } .bssfancybox-nav:hover span { visibility: visible; } .bssfancybox-prev { left: 0; } .bssfancybox-prev span { background-position: 0 -36px; left: 10px; } .bssfancybox-next { right: 0; } .bssfancybox-next span { background-position: 0 -72px; right: 10px; } .bssfancybox-tmp { left: -99999px; max-height: 99999px; max-width: 99999px; overflow: visible !important; position: absolute; top: -99999px; visibility: hidden; } .bssfancybox-lock { overflow: hidden !important; width: auto; } .bssfancybox-lock body { overflow: hidden !important; } .bssfancybox-lock .bssfancybox-overlay { overflow-y: scroll; overflow: auto; } .bssfancybox-lock-test { overflow-y: hidden !important; } .bssfancybox-overlay { background: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_overlay.png'); display: none; left: 0; overflow: hidden; position: absolute; top: 0; z-index: 8010; } .bssfancybox-overlay-fixed { bottom: 0; position: fixed; right: 0; } .bssfancybox-title { font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; visibility: hidden; z-index: 8050; } .bssfancybox-title-float-wrap { bottom: 0; margin-bottom: -35px; position: absolute; right: 50%; text-align: center; z-index: 8050; } .bssfancybox-title-float-wrap .child { -moz-border-radius: 15px; -webkit-border-radius: 15px; background: rgba(0, 0, 0, 0.8); background: transparent; border-radius: 15px; color: #ffffff; display: inline-block; font-weight: 700; line-height: 24px; margin-right: -100%; padding: 2px 20px; text-shadow: 0 1px 2px #222222; white-space: nowrap; } .bssfancybox-title-outside-wrap { color: #ffffff; margin-top: 10px; position: relative; } .bssfancybox-title-inside-wrap { padding-top: 10px; } .bssfancybox-title-over-wrap { background: #000000; background: rgba(0, 0, 0, 0.8); bottom: 0; color: #ffffff; left: 0; padding: 10px; position: absolute; } @media only screen and (-webkit-min-device-pixel-ratio: 1.5) { #bssfancybox-loading { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite@2x.png'); background-size: 44px 152px; } #bssfancybox-loading div { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_loading@2x.gif'); background-size: 24px 24px; } .bssfancybox-close { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite@2x.png'); background-size: 44px 152px; } .bssfancybox-prev span { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite@2x.png'); background-size: 44px 152px; } .bssfancybox-next span { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite@2x.png'); background-size: 44px 152px; } } @media only screen and (min--moz-device-pixel-ratio: 1.5) { #bssfancybox-loading { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite@2x.png'); background-size: 44px 152px; } #bssfancybox-loading div { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_loading@2x.gif'); background-size: 24px 24px; } .bssfancybox-close { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite@2x.png'); background-size: 44px 152px; } .bssfancybox-prev span { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite@2x.png'); background-size: 44px 152px; } .bssfancybox-next span { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite@2x.png'); background-size: 44px 152px; } } @media only screen and (min-device-pixel-ratio: 1.5) { #bssfancybox-loading { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite@2x.png'); background-size: 44px 152px; } #bssfancybox-loading div { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_loading@2x.gif'); background-size: 24px 24px; } .bssfancybox-close { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite@2x.png'); background-size: 44px 152px; } .bssfancybox-prev span { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite@2x.png'); background-size: 44px 152px; } .bssfancybox-next span { background-image: url('../../frontend/Jola/jolatheme/en_US/Bss_MultiWishlist/images/bssfancybox_sprite@2x.png'); background-size: 44px 152px; } } @media screen and (max-width: 767px) { #tabcontents .products-grid.wishlist .product-item-actions { clear: both; } #tabcontents .products-grid.wishlist .product-item-actions .action.edit { float: none; } #tabcontents .products-grid.wishlist .product-item-actions .action.delete { float: none; } #tabcontents .products-grid.wishlist .product-item .box-tocart { margin-bottom: 10px; } #tabcontents .editwl_link button[id^=deletew] { float: right; } .products-grid .product-item { width: 50%; } } @media screen and (max-width: 639px) { div.tabcontents { padding: 30px; } .products-grid .product-item { width: 100%; } #tabcontents .editwl_link button[id^="deletew"] { display: block; float: none; margin-top: 10px; } } @media screen and (max-width: 359px) { #tabcontents .editwl_link button[id^="editwl"] { display: block; float: none; margin-top: 10px; } } .products-grid.wishlist .product-item .fieldset .field.qty { display: block !important; } .iti { position: relative; display: inline-block; } .iti * { box-sizing: border-box; -moz-box-sizing: border-box; } .iti__hide { display: none; } .iti__v-hide { visibility: hidden; } .iti input, .iti input[type=text], .iti input[type=tel] { position: relative; z-index: 0; margin-top: 0 !important; margin-bottom: 0 !important; padding-right: 36px; margin-right: 0; } .iti__flag-container { position: absolute; top: 0; bottom: 0; right: 0; padding: 1px; } .iti__selected-flag { z-index: 1; position: relative; display: flex; align-items: center; height: 31px; padding: 0 6px 0 8px; } .iti__arrow { margin-left: 6px; width: 0; height: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 4px solid #555; } .iti__arrow--up { border-top: none; border-bottom: 4px solid #555; } .iti__country-list { position: absolute; z-index: 2; list-style: none; text-align: left; padding: 0; margin: 0 0 0 -1px; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2); background-color: white; border: 1px solid #CCC; white-space: nowrap; max-height: 200px; overflow-y: scroll; -webkit-overflow-scrolling: touch; } .iti__country-list--dropup { bottom: 100%; margin-bottom: -1px; } @media (max-width: 500px) { .iti__country-list { white-space: normal; } } .iti__flag-box { display: inline-block; width: 20px; } .iti__divider { padding-bottom: 5px; margin-bottom: 5px; border-bottom: 1px solid #CCC; } .iti__country { padding: 5px 10px; outline: none; } .iti__dial-code { color: #999; } .iti__country.iti__highlight { background-color: rgba(0, 0, 0, 0.05); } .iti__flag-box, .iti__country-name, .iti__dial-code { vertical-align: middle; } .iti__flag-box, .iti__country-name { margin-right: 6px; } .iti--allow-dropdown input, .iti--allow-dropdown input[type=text], .iti--allow-dropdown input[type=tel], .iti--separate-dial-code input, .iti--separate-dial-code input[type=text], .iti--separate-dial-code input[type=tel] { padding-right: 6px; padding-left: 52px; margin-left: 0; } .iti--allow-dropdown .iti__flag-container, .iti--separate-dial-code .iti__flag-container { right: auto; left: 0; } .iti--allow-dropdown .iti__flag-container:hover { cursor: pointer; } .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover { cursor: default; } .iti--allow-dropdown input[disabled] + .iti__flag-container:hover .iti__selected-flag, .iti--allow-dropdown input[readonly] + .iti__flag-container:hover .iti__selected-flag { background-color: transparent; } .iti--separate-dial-code .iti__selected-flag { background-color: rgba(0, 0, 0, 0.05); } .iti--separate-dial-code .iti__selected-dial-code { margin-left: 6px; } .iti--container { position: absolute; top: -1000px; left: -1000px; z-index: 1060; padding: 1px; } .iti--container:hover { cursor: pointer; } .iti-mobile .iti--container { top: 30px; bottom: 30px; left: 30px; right: 30px; position: fixed; } .iti-mobile .iti__country-list { max-height: 100%; width: 100%; } .iti-mobile .iti__country { padding: 10px 10px; line-height: 1.5em; } .iti__flag { width: 20px; } .iti__flag.iti__be { width: 18px; } .iti__flag.iti__ch { width: 15px; } .iti__flag.iti__mc { width: 19px; } .iti__flag.iti__ne { width: 18px; } .iti__flag.iti__np { width: 13px; } .iti__flag.iti__va { width: 15px; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-size: 5652px 15px; } } .iti__flag.iti__ac { height: 10px; background-position: 0px 0px; } .iti__flag.iti__ad { height: 14px; background-position: -22px 0px; } .iti__flag.iti__ae { height: 10px; background-position: -44px 0px; } .iti__flag.iti__af { height: 14px; background-position: -66px 0px; } .iti__flag.iti__ag { height: 14px; background-position: -88px 0px; } .iti__flag.iti__ai { height: 10px; background-position: -110px 0px; } .iti__flag.iti__al { height: 15px; background-position: -132px 0px; } .iti__flag.iti__am { height: 10px; background-position: -154px 0px; } .iti__flag.iti__ao { height: 14px; background-position: -176px 0px; } .iti__flag.iti__aq { height: 14px; background-position: -198px 0px; } .iti__flag.iti__ar { height: 13px; background-position: -220px 0px; } .iti__flag.iti__as { height: 10px; background-position: -242px 0px; } .iti__flag.iti__at { height: 14px; background-position: -264px 0px; } .iti__flag.iti__au { height: 10px; background-position: -286px 0px; } .iti__flag.iti__aw { height: 14px; background-position: -308px 0px; } .iti__flag.iti__ax { height: 13px; background-position: -330px 0px; } .iti__flag.iti__az { height: 10px; background-position: -352px 0px; } .iti__flag.iti__ba { height: 10px; background-position: -374px 0px; } .iti__flag.iti__bb { height: 14px; background-position: -396px 0px; } .iti__flag.iti__bd { height: 12px; background-position: -418px 0px; } .iti__flag.iti__be { height: 15px; background-position: -440px 0px; } .iti__flag.iti__bf { height: 14px; background-position: -460px 0px; } .iti__flag.iti__bg { height: 12px; background-position: -482px 0px; } .iti__flag.iti__bh { height: 12px; background-position: -504px 0px; } .iti__flag.iti__bi { height: 12px; background-position: -526px 0px; } .iti__flag.iti__bj { height: 14px; background-position: -548px 0px; } .iti__flag.iti__bl { height: 14px; background-position: -570px 0px; } .iti__flag.iti__bm { height: 10px; background-position: -592px 0px; } .iti__flag.iti__bn { height: 10px; background-position: -614px 0px; } .iti__flag.iti__bo { height: 14px; background-position: -636px 0px; } .iti__flag.iti__bq { height: 14px; background-position: -658px 0px; } .iti__flag.iti__br { height: 14px; background-position: -680px 0px; } .iti__flag.iti__bs { height: 10px; background-position: -702px 0px; } .iti__flag.iti__bt { height: 14px; background-position: -724px 0px; } .iti__flag.iti__bv { height: 15px; background-position: -746px 0px; } .iti__flag.iti__bw { height: 14px; background-position: -768px 0px; } .iti__flag.iti__by { height: 10px; background-position: -790px 0px; } .iti__flag.iti__bz { height: 14px; background-position: -812px 0px; } .iti__flag.iti__ca { height: 10px; background-position: -834px 0px; } .iti__flag.iti__cc { height: 10px; background-position: -856px 0px; } .iti__flag.iti__cd { height: 15px; background-position: -878px 0px; } .iti__flag.iti__cf { height: 14px; background-position: -900px 0px; } .iti__flag.iti__cg { height: 14px; background-position: -922px 0px; } .iti__flag.iti__ch { height: 15px; background-position: -944px 0px; } .iti__flag.iti__ci { height: 14px; background-position: -961px 0px; } .iti__flag.iti__ck { height: 10px; background-position: -983px 0px; } .iti__flag.iti__cl { height: 14px; background-position: -1005px 0px; } .iti__flag.iti__cm { height: 14px; background-position: -1027px 0px; } .iti__flag.iti__cn { height: 14px; background-position: -1049px 0px; } .iti__flag.iti__co { height: 14px; background-position: -1071px 0px; } .iti__flag.iti__cp { height: 14px; background-position: -1093px 0px; } .iti__flag.iti__cr { height: 12px; background-position: -1115px 0px; } .iti__flag.iti__cu { height: 10px; background-position: -1137px 0px; } .iti__flag.iti__cv { height: 12px; background-position: -1159px 0px; } .iti__flag.iti__cw { height: 14px; background-position: -1181px 0px; } .iti__flag.iti__cx { height: 10px; background-position: -1203px 0px; } .iti__flag.iti__cy { height: 14px; background-position: -1225px 0px; } .iti__flag.iti__cz { height: 14px; background-position: -1247px 0px; } .iti__flag.iti__de { height: 12px; background-position: -1269px 0px; } .iti__flag.iti__dg { height: 10px; background-position: -1291px 0px; } .iti__flag.iti__dj { height: 14px; background-position: -1313px 0px; } .iti__flag.iti__dk { height: 15px; background-position: -1335px 0px; } .iti__flag.iti__dm { height: 10px; background-position: -1357px 0px; } .iti__flag.iti__do { height: 14px; background-position: -1379px 0px; } .iti__flag.iti__dz { height: 14px; background-position: -1401px 0px; } .iti__flag.iti__ea { height: 14px; background-position: -1423px 0px; } .iti__flag.iti__ec { height: 14px; background-position: -1445px 0px; } .iti__flag.iti__ee { height: 13px; background-position: -1467px 0px; } .iti__flag.iti__eg { height: 14px; background-position: -1489px 0px; } .iti__flag.iti__eh { height: 10px; background-position: -1511px 0px; } .iti__flag.iti__er { height: 10px; background-position: -1533px 0px; } .iti__flag.iti__es { height: 14px; background-position: -1555px 0px; } .iti__flag.iti__et { height: 10px; background-position: -1577px 0px; } .iti__flag.iti__eu { height: 14px; background-position: -1599px 0px; } .iti__flag.iti__fi { height: 12px; background-position: -1621px 0px; } .iti__flag.iti__fj { height: 10px; background-position: -1643px 0px; } .iti__flag.iti__fk { height: 10px; background-position: -1665px 0px; } .iti__flag.iti__fm { height: 11px; background-position: -1687px 0px; } .iti__flag.iti__fo { height: 15px; background-position: -1709px 0px; } .iti__flag.iti__fr { height: 14px; background-position: -1731px 0px; } .iti__flag.iti__ga { height: 15px; background-position: -1753px 0px; } .iti__flag.iti__gb { height: 10px; background-position: -1775px 0px; } .iti__flag.iti__gd { height: 12px; background-position: -1797px 0px; } .iti__flag.iti__ge { height: 14px; background-position: -1819px 0px; } .iti__flag.iti__gf { height: 14px; background-position: -1841px 0px; } .iti__flag.iti__gg { height: 14px; background-position: -1863px 0px; } .iti__flag.iti__gh { height: 14px; background-position: -1885px 0px; } .iti__flag.iti__gi { height: 10px; background-position: -1907px 0px; } .iti__flag.iti__gl { height: 14px; background-position: -1929px 0px; } .iti__flag.iti__gm { height: 14px; background-position: -1951px 0px; } .iti__flag.iti__gn { height: 14px; background-position: -1973px 0px; } .iti__flag.iti__gp { height: 14px; background-position: -1995px 0px; } .iti__flag.iti__gq { height: 14px; background-position: -2017px 0px; } .iti__flag.iti__gr { height: 14px; background-position: -2039px 0px; } .iti__flag.iti__gs { height: 10px; background-position: -2061px 0px; } .iti__flag.iti__gt { height: 13px; background-position: -2083px 0px; } .iti__flag.iti__gu { height: 11px; background-position: -2105px 0px; } .iti__flag.iti__gw { height: 10px; background-position: -2127px 0px; } .iti__flag.iti__gy { height: 12px; background-position: -2149px 0px; } .iti__flag.iti__hk { height: 14px; background-position: -2171px 0px; } .iti__flag.iti__hm { height: 10px; background-position: -2193px 0px; } .iti__flag.iti__hn { height: 10px; background-position: -2215px 0px; } .iti__flag.iti__hr { height: 10px; background-position: -2237px 0px; } .iti__flag.iti__ht { height: 12px; background-position: -2259px 0px; } .iti__flag.iti__hu { height: 10px; background-position: -2281px 0px; } .iti__flag.iti__ic { height: 14px; background-position: -2303px 0px; } .iti__flag.iti__id { height: 14px; background-position: -2325px 0px; } .iti__flag.iti__ie { height: 10px; background-position: -2347px 0px; } .iti__flag.iti__il { height: 15px; background-position: -2369px 0px; } .iti__flag.iti__im { height: 10px; background-position: -2391px 0px; } .iti__flag.iti__in { height: 14px; background-position: -2413px 0px; } .iti__flag.iti__io { height: 10px; background-position: -2435px 0px; } .iti__flag.iti__iq { height: 14px; background-position: -2457px 0px; } .iti__flag.iti__ir { height: 12px; background-position: -2479px 0px; } .iti__flag.iti__is { height: 15px; background-position: -2501px 0px; } .iti__flag.iti__it { height: 14px; background-position: -2523px 0px; } .iti__flag.iti__je { height: 12px; background-position: -2545px 0px; } .iti__flag.iti__jm { height: 10px; background-position: -2567px 0px; } .iti__flag.iti__jo { height: 10px; background-position: -2589px 0px; } .iti__flag.iti__jp { height: 14px; background-position: -2611px 0px; } .iti__flag.iti__ke { height: 14px; background-position: -2633px 0px; } .iti__flag.iti__kg { height: 12px; background-position: -2655px 0px; } .iti__flag.iti__kh { height: 13px; background-position: -2677px 0px; } .iti__flag.iti__ki { height: 10px; background-position: -2699px 0px; } .iti__flag.iti__km { height: 12px; background-position: -2721px 0px; } .iti__flag.iti__kn { height: 14px; background-position: -2743px 0px; } .iti__flag.iti__kp { height: 10px; background-position: -2765px 0px; } .iti__flag.iti__kr { height: 14px; background-position: -2787px 0px; } .iti__flag.iti__kw { height: 10px; background-position: -2809px 0px; } .iti__flag.iti__ky { height: 10px; background-position: -2831px 0px; } .iti__flag.iti__kz { height: 10px; background-position: -2853px 0px; } .iti__flag.iti__la { height: 14px; background-position: -2875px 0px; } .iti__flag.iti__lb { height: 14px; background-position: -2897px 0px; } .iti__flag.iti__lc { height: 10px; background-position: -2919px 0px; } .iti__flag.iti__li { height: 12px; background-position: -2941px 0px; } .iti__flag.iti__lk { height: 10px; background-position: -2963px 0px; } .iti__flag.iti__lr { height: 11px; background-position: -2985px 0px; } .iti__flag.iti__ls { height: 14px; background-position: -3007px 0px; } .iti__flag.iti__lt { height: 12px; background-position: -3029px 0px; } .iti__flag.iti__lu { height: 12px; background-position: -3051px 0px; } .iti__flag.iti__lv { height: 10px; background-position: -3073px 0px; } .iti__flag.iti__ly { height: 10px; background-position: -3095px 0px; } .iti__flag.iti__ma { height: 14px; background-position: -3117px 0px; } .iti__flag.iti__mc { height: 15px; background-position: -3139px 0px; } .iti__flag.iti__md { height: 10px; background-position: -3160px 0px; } .iti__flag.iti__me { height: 10px; background-position: -3182px 0px; } .iti__flag.iti__mf { height: 14px; background-position: -3204px 0px; } .iti__flag.iti__mg { height: 14px; background-position: -3226px 0px; } .iti__flag.iti__mh { height: 11px; background-position: -3248px 0px; } .iti__flag.iti__mk { height: 10px; background-position: -3270px 0px; } .iti__flag.iti__ml { height: 14px; background-position: -3292px 0px; } .iti__flag.iti__mm { height: 14px; background-position: -3314px 0px; } .iti__flag.iti__mn { height: 10px; background-position: -3336px 0px; } .iti__flag.iti__mo { height: 14px; background-position: -3358px 0px; } .iti__flag.iti__mp { height: 10px; background-position: -3380px 0px; } .iti__flag.iti__mq { height: 14px; background-position: -3402px 0px; } .iti__flag.iti__mr { height: 14px; background-position: -3424px 0px; } .iti__flag.iti__ms { height: 10px; background-position: -3446px 0px; } .iti__flag.iti__mt { height: 14px; background-position: -3468px 0px; } .iti__flag.iti__mu { height: 14px; background-position: -3490px 0px; } .iti__flag.iti__mv { height: 14px; background-position: -3512px 0px; } .iti__flag.iti__mw { height: 14px; background-position: -3534px 0px; } .iti__flag.iti__mx { height: 12px; background-position: -3556px 0px; } .iti__flag.iti__my { height: 10px; background-position: -3578px 0px; } .iti__flag.iti__mz { height: 14px; background-position: -3600px 0px; } .iti__flag.iti__na { height: 14px; background-position: -3622px 0px; } .iti__flag.iti__nc { height: 10px; background-position: -3644px 0px; } .iti__flag.iti__ne { height: 15px; background-position: -3666px 0px; } .iti__flag.iti__nf { height: 10px; background-position: -3686px 0px; } .iti__flag.iti__ng { height: 10px; background-position: -3708px 0px; } .iti__flag.iti__ni { height: 12px; background-position: -3730px 0px; } .iti__flag.iti__nl { height: 14px; background-position: -3752px 0px; } .iti__flag.iti__no { height: 15px; background-position: -3774px 0px; } .iti__flag.iti__np { height: 15px; background-position: -3796px 0px; } .iti__flag.iti__nr { height: 10px; background-position: -3811px 0px; } .iti__flag.iti__nu { height: 10px; background-position: -3833px 0px; } .iti__flag.iti__nz { height: 10px; background-position: -3855px 0px; } .iti__flag.iti__om { height: 10px; background-position: -3877px 0px; } .iti__flag.iti__pa { height: 14px; background-position: -3899px 0px; } .iti__flag.iti__pe { height: 14px; background-position: -3921px 0px; } .iti__flag.iti__pf { height: 14px; background-position: -3943px 0px; } .iti__flag.iti__pg { height: 15px; background-position: -3965px 0px; } .iti__flag.iti__ph { height: 10px; background-position: -3987px 0px; } .iti__flag.iti__pk { height: 14px; background-position: -4009px 0px; } .iti__flag.iti__pl { height: 13px; background-position: -4031px 0px; } .iti__flag.iti__pm { height: 14px; background-position: -4053px 0px; } .iti__flag.iti__pn { height: 10px; background-position: -4075px 0px; } .iti__flag.iti__pr { height: 14px; background-position: -4097px 0px; } .iti__flag.iti__ps { height: 10px; background-position: -4119px 0px; } .iti__flag.iti__pt { height: 14px; background-position: -4141px 0px; } .iti__flag.iti__pw { height: 13px; background-position: -4163px 0px; } .iti__flag.iti__py { height: 11px; background-position: -4185px 0px; } .iti__flag.iti__qa { height: 8px; background-position: -4207px 0px; } .iti__flag.iti__re { height: 14px; background-position: -4229px 0px; } .iti__flag.iti__ro { height: 14px; background-position: -4251px 0px; } .iti__flag.iti__rs { height: 14px; background-position: -4273px 0px; } .iti__flag.iti__ru { height: 14px; background-position: -4295px 0px; } .iti__flag.iti__rw { height: 14px; background-position: -4317px 0px; } .iti__flag.iti__sa { height: 14px; background-position: -4339px 0px; } .iti__flag.iti__sb { height: 10px; background-position: -4361px 0px; } .iti__flag.iti__sc { height: 10px; background-position: -4383px 0px; } .iti__flag.iti__sd { height: 10px; background-position: -4405px 0px; } .iti__flag.iti__se { height: 13px; background-position: -4427px 0px; } .iti__flag.iti__sg { height: 14px; background-position: -4449px 0px; } .iti__flag.iti__sh { height: 10px; background-position: -4471px 0px; } .iti__flag.iti__si { height: 10px; background-position: -4493px 0px; } .iti__flag.iti__sj { height: 15px; background-position: -4515px 0px; } .iti__flag.iti__sk { height: 14px; background-position: -4537px 0px; } .iti__flag.iti__sl { height: 14px; background-position: -4559px 0px; } .iti__flag.iti__sm { height: 15px; background-position: -4581px 0px; } .iti__flag.iti__sn { height: 14px; background-position: -4603px 0px; } .iti__flag.iti__so { height: 14px; background-position: -4625px 0px; } .iti__flag.iti__sr { height: 14px; background-position: -4647px 0px; } .iti__flag.iti__ss { height: 10px; background-position: -4669px 0px; } .iti__flag.iti__st { height: 10px; background-position: -4691px 0px; } .iti__flag.iti__sv { height: 12px; background-position: -4713px 0px; } .iti__flag.iti__sx { height: 14px; background-position: -4735px 0px; } .iti__flag.iti__sy { height: 14px; background-position: -4757px 0px; } .iti__flag.iti__sz { height: 14px; background-position: -4779px 0px; } .iti__flag.iti__ta { height: 10px; background-position: -4801px 0px; } .iti__flag.iti__tc { height: 10px; background-position: -4823px 0px; } .iti__flag.iti__td { height: 14px; background-position: -4845px 0px; } .iti__flag.iti__tf { height: 14px; background-position: -4867px 0px; } .iti__flag.iti__tg { height: 13px; background-position: -4889px 0px; } .iti__flag.iti__th { height: 14px; background-position: -4911px 0px; } .iti__flag.iti__tj { height: 10px; background-position: -4933px 0px; } .iti__flag.iti__tk { height: 10px; background-position: -4955px 0px; } .iti__flag.iti__tl { height: 10px; background-position: -4977px 0px; } .iti__flag.iti__tm { height: 14px; background-position: -4999px 0px; } .iti__flag.iti__tn { height: 14px; background-position: -5021px 0px; } .iti__flag.iti__to { height: 10px; background-position: -5043px 0px; } .iti__flag.iti__tr { height: 14px; background-position: -5065px 0px; } .iti__flag.iti__tt { height: 12px; background-position: -5087px 0px; } .iti__flag.iti__tv { height: 10px; background-position: -5109px 0px; } .iti__flag.iti__tw { height: 14px; background-position: -5131px 0px; } .iti__flag.iti__tz { height: 14px; background-position: -5153px 0px; } .iti__flag.iti__ua { height: 14px; background-position: -5175px 0px; } .iti__flag.iti__ug { height: 14px; background-position: -5197px 0px; } .iti__flag.iti__um { height: 11px; background-position: -5219px 0px; } .iti__flag.iti__us { height: 11px; background-position: -5241px 0px; } .iti__flag.iti__uy { height: 14px; background-position: -5285px 0px; } .iti__flag.iti__uz { height: 10px; background-position: -5307px 0px; } .iti__flag.iti__va { height: 15px; background-position: -5329px 0px; } .iti__flag.iti__vc { height: 14px; background-position: -5346px 0px; } .iti__flag.iti__ve { height: 14px; background-position: -5368px 0px; } .iti__flag.iti__vg { height: 10px; background-position: -5390px 0px; } .iti__flag.iti__vi { height: 14px; background-position: -5412px 0px; } .iti__flag.iti__vn { height: 14px; background-position: -5434px 0px; } .iti__flag.iti__vu { height: 12px; background-position: -5456px 0px; } .iti__flag.iti__wf { height: 14px; background-position: -5478px 0px; } .iti__flag.iti__ws { height: 10px; background-position: -5500px 0px; } .iti__flag.iti__xk { height: 15px; background-position: -5522px 0px; } .iti__flag.iti__ye { height: 14px; background-position: -5544px 0px; } .iti__flag.iti__yt { height: 14px; background-position: -5566px 0px; } .iti__flag.iti__za { height: 14px; background-position: -5588px 0px; } .iti__flag.iti__zm { height: 14px; background-position: -5610px 0px; } .iti__flag.iti__zw { height: 10px; background-position: -5632px 0px; } .iti__flag { height: 15px; box-shadow: 0px 0px 1px 0px #888; background-image: url('../../frontend/Jola/jolatheme/en_US/Dotdigitalgroup_Sms/images/flags.png'); background-repeat: no-repeat; background-color: #DBDBDB; background-position: 20px 0; } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .iti__flag { background-image: url('../../frontend/Jola/jolatheme/en_US/Dotdigitalgroup_Sms/images/flags@2x.png'); } } .iti__flag.iti__np { background-color: transparent; } .g-recaptcha { height: 78px; } .g-recaptcha-compact { height: 144px; } .customer-account-login .g-recaptcha { margin-bottom: 40px; } .klarna-payments-method-cell { display: table-cell; vertical-align: middle; } label.klarna-payments-method-cell > span { padding-left: 5px; } span.klarna-payments-method-cell > img { display: block; } .download-attachment { text-align: center; } .download-attachment a { font-size: 0; text-decoration: none; color: #333; } .download-attachment a:before { content: ""; font-size: 25px; background: url("../../frontend/Jola/jolatheme/en_US/Prince_Productattach/images/download.svg") no-repeat; display: inline-block; width: 20px; height: 20px; background-size: 100%; } .product-info-main .table.attachment-table { width: 100%; } .table.attachment-table { width: 70%; } .table.attachment-table th.download { width: 10%; } .table.attachment-table td.attachment-icon img { width: 40px; } .product-attachment { margin-bottom: 10px; line-height: 30px; } .product-attachment .attachment-icon { float: left; padding-right: 10px; } .product-attachment .attachment-icon img { width: 30px; } .sparsh-video-gallery-list { border: 0; } .sparsh-video-gallery-main .inline { display: inline-block; margin-right: 10px; margin-left: 0px; margin-bottom: 17px; } .sparsh-video-gallery-main .view_more { width: 297px; } .sparsh-video-gallery-container { position: relative; padding-bottom: 56.25%; /* 16:9 Aspect Ratio */ height: 0; width: 100%; /* You can set this width to whatever suits your needs */ margin: 0 auto; } .sparsh-video-gallery-container video, .sparsh-video-gallery-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 768px) { .sparsh-video-gallery-main { text-align: center; } } .page-products .products.video-lib { margin-bottom: 0; } .category-video-library .columns .column.main { padding-bottom: 0; } .category-video-library .category-view .category-description { border-bottom: 1px solid black; } .category-video-library .columns .product-items { /*padding-left: 5%;*/ } .video-lib { width: 100%; padding-right: 40px; padding-left: 40px; } .video-lib h1 { text-align: center; font-size: 1.3rem; margin: 2.5rem auto 0.5rem; } .video-lib .breadcrumbs { padding: 0; } /* Main product */ .category-video-library .product-items .main-product-wrapper { padding-top: 36px; display: inline-block; width: 67%; padding-right: 2%; border-right: 1px solid #C8C8C9; margin-right: 3%; padding-bottom: 5vw; } .category-video-library .main-product-wrapper .main-video-wrapper { position: relative; width: 100%; height: 0px; padding-bottom: 60%; } .category-video-library .main-product-wrapper .main-product-video { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; } .category-video-library .main-product-wrapper .main-product-title, .video-lib h4 { margin-top: 20px; margin-bottom: 15px; font-size: 1.8rem; text-transform: uppercase; } .category-video-library .main-product-wrapper .main-product-title { font-family: "IBM Plex Sans Regular"; } .category-video-library .main-product-wrapper .main-product-description, p { color: #9A9A9B; font-size: 1.3rem; line-height: 1.5; } /* Related products */ .video-lib h4 { margin-top: 100px; border-bottom: 1px solid #C8C8C9; padding-bottom: 15px; margin-bottom: 35px; } .category-video-library .product-items .related-products-wrapper { display: inline-block; vertical-align: top; width: 30%; padding: 0 0 0 3.5%; } .category-video-library .related-products-wrapper .related-product { float: left; border-bottom: 1px solid #C8C8C9; padding-bottom: 1.5rem; margin-bottom: 2.5rem; width: 100%; } .category-video-library .related-products-wrapper .related-product-video { margin-right: 10px; display: block; width: 100%; padding: 5px; } .category-video-library .related-products-wrapper ._active .related-product-video { -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75); -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75); box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75); } .ifwrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .ifwrapper iframe, .ifover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .ifover { background: url(../../frontend/Magento/luma/en_US/JolaUsa_VideoLibrary/css/ifarr.png) no-repeat 50%; background-size: 68px; } .category-video-library .related-products-wrapper .related-product-title { /*width: 30%; float: left;*/ font-size: 1.1rem; text-transform: uppercase; padding-top: 1rem; } .category-video-library .related-products-wrapper .related-product-title a, .category-video-library .related-products-wrapper .related-product-title a:hover { text-decoration: none; color: black; } .category-video-library .related-products-wrapper .related-product-subtitle { width: 30%; float: left; display: none; } .category-video-library .related-products-wrapper .related-product-date { /*width: 30%;*/ float: left; } /* Up Sell products */ .category-video-library .product-items .upsell-products-section-title { margin-top: 3.5vw; padding-top: 4vw; margin-bottom: 3.5vw; border-top: 1px solid #C8C8C9; text-transform: uppercase; text-align: center; font-size: 1.3rem; } .category-video-library .product-items .upsell-products-wrapper { width: 100%; } .category-video-library .upsell-products-wrapper .upsell-product { width: 32.33333%; float: left; margin-right: 1%; } .page-products .product-item-info { width: 100%; } .category-video-library .upsell-products-wrapper .upsell-product .upsell-product-info { padding-left: 5%; height: 130px; max-height: 130px; } .category-video-library .upsell-products-wrapper .upsell-product .upsell-product-info div { margin-bottom: 5px; } .category-video-library .upsell-products-wrapper .upsell-product .product-image-wrapper { width: 250px; border-bottom: 1px solid black; } .category-video-library .upsell-products-wrapper .upsell-product .upsell-product-name a, .category-video-library .upsell-products-wrapper .upsell-product .upsell-product-name a:hover { text-decoration: none; color: black; text-transform: uppercase; } .video-lib .product-item-info p { font-size: 0.7rem; } .video-lib .product-item-info-inner { position: relative; border: 1px solid #ebebeb; font-size: 0.7rem; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ .video-lib .product-item-info-inner { height: 11vw; } } @media only screen and (max-width: 767px) { .category-video-library .product-items .main-product-wrapper { width: 100%; float: none; padding-right: 0; border-right: 0; padding-bottom: 0px; } .category-video-library .product-items .main-product-wrapper:after { clear: both; content: ' '; display: block; height: 0; overflow: hidden; visibility: hidden; } .category-video-library .product-items .related-products-wrapper { width: 100%; float: none; padding-left: 0; } .video-lib h4 { margin-top: 50px; } .category-video-library .columns .column.main { padding-right: 20px; padding-left: 20px; } } @media only screen and (max-width: 500px) { .category-video-library .upsell-products-wrapper .upsell-product { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; } } /** * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ .opc-block-summary .vertex-message td, .cart-summary .vertex-message td { padding: 0; border-top: none; } /** * @copyright Vertex. All rights reserved. https://www.vertexinc.com/ * @author Mediotype https://www.mediotype.com/ */ .form-address-edit .actions-toolbar .vertex-update-address { margin-top: 10px; } .vertex__address-suggestion { margin: 5px 0; padding-left: 10px; font-weight: 500; border-left: 2px solid gray; } .estimation-wrapper { margin-bottom: 10px; } .estimation-wrapper .heading-container { margin-bottom: 3px; position: relative; } .estimation-wrapper .heading-container .label { display: none; font-weight: 600; margin-bottom: 0; margin-right: 5px; } .estimation-wrapper .heading-container img.loader { display: none; max-height: 20px; position: absolute; top: 0; } .estimation-wrapper .heading-container img.loader.visible { display: inline-block; } .estimation-wrapper .heading-container.visible .label { display: inline-block; } .estimation-wrapper .response-container { display: none; min-height: 28px; } .estimation-wrapper .response-container span { margin-top: 5px; margin-bottom: 0; } .estimation-wrapper .response-container span.post-code { cursor: pointer; font-weight: 600; text-decoration: underline; } .estimation-wrapper .response-container span.country-code { font-weight: 600; } .estimation-wrapper .response-container span.error-massage { display: none; color: #ff0000; cursor: pointer; text-decoration: underline; } .estimation-wrapper .response-container .order-within-container, .estimation-wrapper .response-container #estimation_message { display: none; margin-top: 3px; } .estimation-wrapper .response-container .order-within-container #order_within, .estimation-wrapper .response-container #estimation_message #order_within { font-weight: bold; margin-top: 0; } .estimation-wrapper .response-container .input-wrapper { display: inline-block; } .estimation-wrapper .response-container .input-wrapper input, .estimation-wrapper .response-container .input-wrapper select { display: none; height: auto; margin: 0 5px 0 0; max-width: 72px; padding: 2px; text-align: center; } .estimation-wrapper .response-container.visible { display: block; } .estimation-wrapper.show-spinner { min-height: 25px; } #estimated_content { display: none; float: left; margin-bottom: 10px; width: 100%; } #estimated_content strong.label { float: left; min-height: 25px; } #estimated_content .loader { display: none; position: relative; top: 0; left: 10px; } #estimated_content .loader img { height: 20px; } #estimated_content #estimated_response { display: none; float: left; min-height: 30px; width: 100%; } #estimated_content #estimated_response span { display: inline-block; padding-top: 5px; } #estimated_content #estimated_response span#zip { cursor: pointer; text-decoration: underline; } #estimated_content #estimated_response span#zip_response, #estimated_content #estimated_response span#country_response { font-weight: bold; } #estimated_content #estimated_response span#zip_response.clickable { cursor: pointer; text-decoration: underline; } #estimated_content #estimated_response span.input-wrapper { padding-top: 0; } #estimated_content #estimated_response .update-location { display: inline-block; position: relative; padding: 0; margin: 0; } #estimated_content #estimated_response .update-location .input-wrapper, #estimated_content #estimated_response .update-location .buttons { padding: 0; margin: 0; position: relative; top: 0; } #estimated_content #estimated_response .update-location #input_zip, #estimated_content #estimated_response .update-location #input_country { display: none; border: 1px solid #ccc; border-radius: 0; font-size: inherit; text-align: center; margin: 0 2px; height: 26px; padding: 0; max-width: 75px; } #estimated_content #estimated_response .update-location #input_zip.empty, #estimated_content #estimated_response .update-location #input_country.empty { border-color: #ff0000; } #estimated_content #estimated_response .update-location #coutry_text { display: none; } #estimated_content #estimated_response .update-location #input_zip { margin-left: 0; } #estimated_content #estimated_response .update-location #input_country { padding: 0 20px 0 10px; position: relative; } #estimated_content #estimated_response .update-location .buttons { padding: 0; } #estimated_content #estimated_response .update-location .buttons #update_location { cursor: pointer; border-radius: 0; padding: 0; margin: 0 5px; top: -2px; position: relative; } #estimated_content #estimated_response .update-location .buttons #update_location span { padding: 0; margin: 0; width: 26px; } #estimated_content #estimated_response .update-location .buttons #update_location span:before { font-family: 'luma-icons'; font-size: 12px; line-height: 24px; content: '\e610'; display: inline-block; } #estimated_content #estimated_response .update-location .buttons #update_location { display: none; } @media only screen and (max-width: 1040px) { #estimated_content #estimated_response .update-location { margin-top: 5px; } } #estimated_content #error { display: none; float: left; width: 100%; } #estimated_content #error #error-message { color: #ff0000; } #estimated_content #error #error-message.clickable { cursor: pointer; text-decoration: underline; } .wesupply_estimations_zip { max-width: 65px; } .page-header-v3 .header_right .wesupply-link-v2, .page-header-v4 .header_right .wesupply-link-v2 { display: none; } .page-header-v4.sticky-header .header.links .wesupply-tracking-info { margin-right: 15px; } .wesupply_options { width: 150px; margin-right: 10px; } .wesupply-link-v2 { float: left; line-height: 30px; } .sticky-header .wesupply-link-v2 { display: none; } /* DESIGN 1 */ .sms-center { text-align: center; } #ws_embed_sms_notification { clear: left; font: 14px Helvetica, Arial, sans-serif; margin: 40px 0 20px; padding: 0; } #ws_embed_sms_notification.design-1 #phonePrefix, #ws_embed_sms_notification.design-1 #ws-Phone { height: 50px; } #ws_embed_sms_notification.ws-left { text-align: left; } #ws_embed_sms_notification.ws-left.sms-center { max-width: 640px; margin: 0 auto; text-align: center; } #ws_embed_sms_notification .block-span { display: block; } #ws_embed_sms_notification .block-span.mg-top-span { margin-bottom: 10px; } #ws_embed_sms_notification .control-subs:before { font-size: 16px; line-height: 32px; color: #575757; margin: 6px 0 0 8px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; position: absolute; background: url('../../frontend/Jola/jolatheme/en_US/WeSupply_Toolbox/images/icone_phone.png'); content: ''; width: 12px; height: 20px; } #ws_embed_sms_notification .control-subs .ws-Phone { padding-left: 35px; } #ws_embed_sms_notification #ws-responses { padding: 20px 0; margin: 0 auto; } #ws-responses { padding-bottom: 20px; } #ws-responses #ws-error-response { color: red; } #ws-responses #ws-success-response { color: green; } /* DESIGN 2 */ .sms-center-design-2 { margin: 0 auto; text-align: center; } .ws-title-description-container-dsg2 { margin: 0; position: absolute; top: 50%; -ms-transform: translateY(-50%); transform: translateY(-50%); } .ws_embed_sms_notification { width: 100%; margin-top: 50px; } .ws_embed_sms_notification .inline-block { width: 100%; text-align: left; border: 1px solid #b5b5b5; position: relative; } .ws_embed_sms_notification .inline-block .title-dsg-2 { border-right: 1px solid #b5b5b5; float: left; min-height: 26px; line-height: 26px; padding: 15px 30px; } .ws_embed_sms_notification .inline-block .description-dsg-2 { float: left; display: inline-block; width: auto; padding: 14px 20px; min-height: 26px; line-height: 26px; } .ws_embed_sms_notification .inline-block .ws-embedded-sms-notification-form-dsg-2 { float: right; display: inline-block; max-width: unset; padding: 11px; min-width: 396px; width: auto; } .ws_embed_sms_notification .inline-block .ws-embedded-sms-notification-form-dsg-2 .ws-phone-dsg-2 { width: 205px; float: left; height: 32px; padding: 0 0 0 26px; border-right: 0 none; } .ws_embed_sms_notification .inline-block .ws-embedded-sms-notification-form-dsg-2 .ws-country-pc-dsg2 { padding: 0 0 0 26px; height: 34px; width: 130px; } .ws_embed_sms_notification .inline-block .ws-embedded-sms-notification-form-dsg-2 .ws-orderId-dsg2 { margin-bottom: 10px; max-width: 100%; } .ws_embed_sms_notification .inline-block .ws-embedded-sms-notification-form-dsg-2 button.action { float: left; clear: none; margin: 0; border-radius: 0; } .ws_embed_sms_notification .inline-block .sms-subs { margin-top: -3px; border-radius: 3px; border-bottom-left-radius: 0; border-top-left-radius: 0; } .ws_embed_sms_notification .inline-block .title-dsg-2 { padding: 14px; font-size: 13px; margin: 0; background: #f4f4f4; } .ws_embed_sms_notification .inline-block .control-subs-2:before { font-size: 16px; line-height: 32px; color: #575757; margin: 6px 0 0 8px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; position: absolute; background: url('../../frontend/Jola/jolatheme/en_US/WeSupply_Toolbox/images/icone_phone.png'); content: ''; width: 12px; height: 20px; } @media screen and (max-width: 988px) { .ws_embed_sms_notification .inline-block .title-dsg-2 { display: none; } } @media screen and (max-width: 767px) { .ws_embed_sms_notification .inline-block { border: 0 none; } .ws_embed_sms_notification .inline-block .description-dsg-2 { padding-left: 0; } .ws_embed_sms_notification .inline-block .ws-embedded-sms-notification-form-dsg-2 { float: left; padding: 0 0 10px 0; clear: both; } .ws_embed_sms_notification .inline-block .ws-title-description-container-dsg2 { position: relative; } } @media screen and (max-width: 767px) { .ws_embed_sms_notification .inline-block { border: 1px solid #b5b5b5; } .ws_embed_sms_notification .inline-block .description-dsg-2 { text-align: center; width: 100%; } .ws_embed_sms_notification .inline-block #ws-embedded-sms-notification-form.ws-embedded-sms-notification-form-dsg-2 { padding: 0 20px; min-width: unset; } .ws_embed_sms_notification .inline-block #ws-embedded-sms-notification-form.ws-embedded-sms-notification-form-dsg-2 #ws-Phone { width: calc(100% - 130px); border-right: 1px solid #c2c2c2; } .ws_embed_sms_notification .inline-block #ws-embedded-sms-notification-form.ws-embedded-sms-notification-form-dsg-2 #ws-orderId { margin-bottom: 10px; width: 100%; max-width: 100%; } .ws_embed_sms_notification .inline-block #ws-embedded-sms-notification-form.ws-embedded-sms-notification-form-dsg-2 button#ws-embedded-subscribe { width: 100%; margin-top: 10px; float: none; height: auto; } } .wesupply-track-shipment .page-title-wrapper, .wesupply-orders-view .page-title-wrapper { display: none; } iframe.embedded-iframe.ws-stores-view { height: 820px; } #order-view-container { height: 1000px; } .order-view-modal .page-main-actions { display: none; } .order-view-modal .modal-header { display: none; } .order-view-modal .modal-content { padding: 0; } .loading-container { text-align: center; padding: 40px; position: relative; } .loading-container .loading-image { background: url('../../frontend/Jola/jolatheme/en_US/images/loader-2.gif') center center no-repeat transparent; background-size: contain; position: absolute; top: 0; left: calc(50% - 100px); height: 200px; width: 200px; z-index: 100; } [class*="cms-wesupply-store-locator"] #maincontent, [class*="cms-wesupply-store-details"] #maincontent, .wesupply-track-shipment #maincontent { position: relative; margin: 0 auto !important; max-width: unset; padding: 0; width: 100%; } [class*="cms-wesupply-store-locator"] #maincontent .embedded-iframe-container .page-title, [class*="cms-wesupply-store-details"] #maincontent .embedded-iframe-container .page-title, .wesupply-track-shipment #maincontent .embedded-iframe-container .page-title { text-align: left; } [class*="cms-wesupply-store-locator"] #maincontent .not-found, [class*="cms-wesupply-store-details"] #maincontent .not-found, .wesupply-track-shipment #maincontent .not-found { padding: 40px 0 20px; margin: 0 auto; display: table; } [class*="cms-wesupply-store-locator"] .breadcrumbs, [class*="cms-wesupply-store-details"] .breadcrumbs, .wesupply-track-shipment .breadcrumbs { display: none; } #co-shipping-method-form .item-options .field.item { margin-left: 20px; } #co-shipping-method-form .item-options .field.item input.radio { margin-left: -20px; margin-top: 2px; } #co-shipping-method-form .item-options .field.item label.label { position: relative; top: -2px; } #co-shipping-method-form .item-options .field.item span.eta { display: block; } @media screen and (min-width: 1024px) { .order-view-modal { max-width: 989px; left: calc(100% - 989px); } } /* quick fix for pearl users */ .theme-pearl .ws_embed_sms_notification .inline-block .ws-embedded-sms-notification-form-dsg-2 .ws-phone-dsg-2 { height: 34px; } .theme-pearl .ws_embed_sms_notification .inline-block .ws-embedded-sms-notification-form-dsg-2 .ws-country-pc-dsg2 { height: 34px; } @media screen and (max-width: 767px) { .theme-pearl .checkout-shipping-method .table-checkout-shipping-method thead { display: none; } .theme-pearl .checkout-shipping-method .table-checkout-shipping-method tbody { padding-bottom: 20px; } .theme-pearl .checkout-shipping-method .table-checkout-shipping-method tbody tr.row { display: flex; margin-left: 0; padding-bottom: 0; } .theme-pearl .checkout-shipping-method .table-checkout-shipping-method tbody tr.row:first-child, .theme-pearl .checkout-shipping-method .table-checkout-shipping-method tbody tr.row.row-eta, .theme-pearl .checkout-shipping-method .table-checkout-shipping-method tbody tr.row td.col { border: 0 none; } } /* quick fix for non pearl users */ body:not(.theme-pearl) #estimated_content #estimated_response .update-location .input-wrapper #input_zip, body:not(.theme-pearl) #estimated_content #estimated_response .update-location .buttons #input_zip { height: 26px; min-height: unset; max-height: unset; position: relative; top: -1px; } body:not(.theme-pearl) #estimated_content #estimated_response .update-location .input-wrapper #input_country, body:not(.theme-pearl) #estimated_content #estimated_response .update-location .buttons #input_country, body:not(.theme-pearl) #estimated_content #estimated_response .update-location .input-wrapper #update_location, body:not(.theme-pearl) #estimated_content #estimated_response .update-location .buttons #update_location { height: 28px; } body:not(.theme-pearl) #estimated_content #estimated_response .update-location .input-wrapper #input_country, body:not(.theme-pearl) #estimated_content #estimated_response .update-location .buttons #input_country { top: -1px; } body:not(.theme-pearl) #ws_embed_sms_notification.sms-center { max-width: 560px; margin: 40px auto; } body:not(.theme-pearl) #ws_embed_sms_notification.sms-center-design-2 { margin: 40px auto; } body:not(.theme-pearl) #ws_embed_sms_notification .ws-field-group { position: relative; } body:not(.theme-pearl) #ws_embed_sms_notification .ws-field-group:before { left: 0; } body:not(.theme-pearl) #ws_embed_sms_notification .ws-field-group #phonePrefix, body:not(.theme-pearl) #ws_embed_sms_notification .ws-field-group #ws-Phone { height: 32px; vertical-align: bottom; } body:not(.theme-pearl) #ws_embed_sms_notification .ws-field-group #ws-Phone { padding-left: 5px; } body:not(.theme-pearl) #ws_embed_sms_notification .ws-field-group #ws-orderId { margin-bottom: 10px; width: 460px; max-width: 100%; } .checkout-onepage-success .delivery-estimations { font-size: 1.8rem; font-weight: 600; padding-top: 20px; } /* MEDIA QUERIES */ .yotpo-yotpo-is-enabled .yotpoBottomLine { width: 100%; } .yotpo-yotpo-is-enabled .yotpo-icon-double-bubble, .yotpo-yotpo-is-enabled .yotpo-stars { margin: 0 5px 0 0 !important; } .yotpo-yotpo-is-enabled .thumbnail .yotpo a { display: inline-block; } .yotpo-yotpo-is-enabled div.yotpo.bottomLine { display: inline-block; margin: 0 10px 1px 0; } .yotpo-yotpo-is-enabled div.yotpo.QABottomLine { display: inline-block; } .yotpo-yotpo-is-enabled div.yotpo.bottomLine.bottomline-position { display: inline-block; margin: 0 10px 1px 0; } .yotpo-yotpo-is-enabled .product-item .product-item-actions { margin-top: 5px !important; } .yotpo-yotpo-is-enabled.catalog-category-view.page-products .product-item .product-item-actions, .yotpo-yotpo-is-enabled.catalog-product-view.page-products .product-item .product-item-actions { margin-top: 0 !important; } .yotpo-yotpo-is-enabled.catalog-category-view .product-info-main .product-reviews-summary, .yotpo-yotpo-is-enabled.catalog-product-view .product-info-main .product-reviews-summary { width: 100%; } .block-category-event { background: #f0f0f0; color: #333333; padding: 10px 0 15px; text-align: center; } .block-category-event.block:last-child { margin-bottom: 10px; } .block-category-event .block-title { margin: 0 0 10px; } .block-category-event .block-title strong { font-size: 1.5rem; font-weight: 300; } .block-category-event .ticker { margin: 0; padding: 0; list-style: none none; } .block-category-event .ticker li { display: none; margin: 0 15px; } .block-category-event .ticker .value { font-size: 1.8rem; font-weight: 300; } .block-category-event .ticker .label { font-size: 1rem; display: block; text-transform: lowercase; } .block-category-event .dates { display: table; margin: 0 auto; } .block-category-event .dates .start, .block-category-event .dates .end { display: table-cell; vertical-align: top; } .block-category-event .dates .date { font-size: 1.8rem; } .block-category-event .dates .time { display: block; } .block-category-event .dates .start { padding-right: 40px; position: relative; } .block-category-event .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; position: absolute; right: 15px; top: 0; } /** * Copyright © Magento, Inc. All rights reserved. * See COPYING.txt for license details. */ .contact-index-index .column:not(.sidebar-main) .form.contact { float: none; width: 50%; } .contact-index-index .column:not(.sidebar-additional) .form.contact { float: none; width: 50%; } .table-wrapper.billing-agreements { margin-bottom: 40px; } .paypal { display: inline-block; vertical-align: top; } .block-minicart .paypal, .cart-summary .paypal { display: block; } .paypal img { display: block; margin: 5px auto 0; } .opc .paypal { vertical-align: middle; } .paypal.acceptance { display: block; margin: 0 0 20px; } .map-form-addtocart .paypal { display: block; margin: 10px auto 5px; } .cart-summary .paypal + .paypal { margin-top: 25px; } .paypal-review .actions-toolbar { margin-top: 10px; } .paypal-review .paypal-review-title { padding: 0 0 10px; } .paypal-review .paypal-review-title > strong { font-size: 2.4rem; font-weight: 300; } .paypal-review .paypal-review-title .action { display: inline-block; margin: 12px 0 0 30px; } .paypal-review .table-paypal-review-items .col.name { padding-top: 16px; } .paypal-review .table-paypal-review-items .col.qty { text-align: center; } .paypal-review .item-options dt { display: inline-block; } .paypal-review .item-options dt:after { content: ': '; } .paypal-review .item-options dd { margin: 0; } .paypal-review-discount { border-bottom: 1px solid #d1d1d1; margin: 0 0 40px; padding: 10px 0 0; } .fotorama-video-container:after { background: url(../../frontend/Jola/jolatheme/en_US/Magento_ProductVideo/img/gallery-sprite.png) bottom right; bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama-video-container .magnify-lens { display: none !important; } .fotorama-video-container.video-unplayed:hover img { opacity: .6; } .fotorama-video-container.video-unplayed:hover:after { transform: scale(1.25); } .video-thumb-icon:after { background: url(../../frontend/Jola/jolatheme/en_US/Magento_ProductVideo/img/gallery-sprite.png) bottom left; bottom: 0; content: ''; height: 40px; left: 0; margin: auto; position: absolute; right: 0; top: 10px; width: 49px; } .product-video { bottom: 0; height: 75%; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: 100%; } .product-video iframe { height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 9999; } .fotorama__stage__shaft:focus .fotorama__stage__frame.fotorama__active:after { bottom: 0; content: ''; height: 100px; left: 0; margin: auto; position: absolute; right: 0; top: 12px; width: 100px; } .fotorama__product-video--loading:after { visibility: hidden; } @media only screen and (min-device-width: 320px) and (max-device-width: 780px) and (orientation: landscape) { .product-video { height: 100%; width: 81%; } } .opc-wrapper .form-discount { max-width: 500px; } .swatch-attribute-label { font-weight: 700; position: relative; } .swatch-attribute-label.required { padding-right: 10px; } .swatch-attribute-label[data-required='1']:after { color: #e02b27; content: '*'; font-size: 14px; font-weight: 700; position: absolute; right: -11px; top: -2px; } .swatch-attribute-selected-option { color: #646464; padding-left: 17px; } .swatch-attribute-options { margin: 10px 0; } .swatch-attribute-options:focus { box-shadow: none; } .swatch-attribute-options .swatch-option-tooltip-layered .title { color: #282828; bottom: -5px; height: 20px; left: 0; margin-bottom: 10px; position: absolute; text-align: center; width: 100%; } .swatch-attribute.size .swatch-option, .swatch-attribute.manufacturer .swatch-option { background: #f0f0f0; color: #949494; } .swatch-attribute.size .swatch-option.selected, .swatch-attribute.manufacturer .swatch-option.selected { background: #ffffff; border: 1px solid #ffffff; color: #000000; } .swatch-option { border: 1px solid #dadada; cursor: pointer; float: left; height: 20px; margin: 0 10px 5px 0; max-width: 100%; min-width: 30px; overflow: hidden; padding: 1px 2px; position: relative; text-align: center; text-overflow: ellipsis; } .swatch-option:focus { box-shadow: 0 0 3px 1px #68a8e0; } .swatch-option.text { background: #f0f0f0; color: #686868; font-size: 12px; font-weight: 700; line-height: 20px; margin-right: 7px; min-width: 22px; padding: 4px 8px; } .swatch-option.text.selected { background-color: #ffffff; } .swatch-option.selected { outline: 2px solid #ff5501; border: 1px solid #ffffff; color: #333333; } .swatch-option:not(.disabled):hover { border: 1px solid #ffffff; color: #333333; outline: 1px solid #999999; } .swatch-option.image:not(.disabled):hover, .swatch-option.color:not(.disabled):hover { border: 1px solid #ffffff; outline: 2px solid #c34000; } .swatch-option.disabled { box-shadow: unset; cursor: default; pointer-events: none; } .swatch-option.disabled:after { background: linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -moz-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -ms-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(42%, rgba(255, 255, 255, 0)), color-stop(43%, #ffffff), color-stop(46%, #ffffff), color-stop(47%, #ff5216), color-stop(53%, #ff5216), color-stop(54%, #ffffff), color-stop(57%, #ffffff), color-stop(58%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(to left top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 42%, #ffffff 43%, #ffffff 46%, #ff5216 47%, #ff5216 53%, #ffffff 54%, #ffffff 57%, rgba(255, 255, 255, 0) 58%, rgba(255, 255, 255, 0) 100%); bottom: 0; content: ''; filter: 'progid:DXImageTransform.Microsoft.gradient(startColorstr=#00ffffff, endColorstr=#00ffffff, GradientType=1)'; left: 0; position: absolute; right: 0; top: 0; } .swatch-option-disabled { border: 0; cursor: default; outline: none !important; } .swatch-option-disabled:after { -webkit-transform: rotate(-30deg); -ms-transform: rotate(-30deg); transform: rotate(-30deg); background: #e02b27; content: ''; height: 2px; left: -4px; position: absolute; top: 10px; width: 42px; z-index: 995; } .swatch-option-loading { content: url('../../frontend/Jola/jolatheme/en_US/images/loader-2.gif'); } .swatch-option-tooltip { border: 1px solid #dadada; color: #949494; background: #ffffff; display: none; max-height: 100%; min-height: 20px; min-width: 20px; padding: 5px; position: absolute; text-align: center; z-index: 999; } .swatch-option-tooltip .corner, .swatch-option-tooltip-layered .corner { bottom: 0; height: 8px; left: 40%; position: absolute; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before, .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { border-style: solid; content: ''; font-size: 1px; height: 0; position: relative; width: 0; } .swatch-option-tooltip .corner:before, .swatch-option-tooltip-layered .corner:before { border-color: #adadad transparent transparent transparent; border-width: 8px 8.5px 0 8.5px; left: 0; top: 2px; } .swatch-option-tooltip .corner:after, .swatch-option-tooltip-layered .corner:after { border-color: #ffffff transparent transparent transparent; border-width: 7px 7.5px 0 7.5px; left: -15px; top: 1px; } .swatch-option-tooltip .image, .swatch-option-tooltip-layered .image { display: block; height: 130px; margin: 0 auto; width: 130px; } .swatch-option-tooltip-layered { background: #ffffff; border: 1px solid #dadada; color: #949494; display: none; left: -47px; position: absolute; width: 140px; z-index: 999; } .swatch-option-tooltip .title { color: #282828; display: block; max-height: 200px; min-height: 20px; overflow: hidden; text-align: center; } .swatch-option-link-layered { margin: 0 !important; padding: 0 !important; position: relative; } .swatch-option-link-layered:focus > div { box-shadow: 0 0 3px 1px #68a8e0; } .swatch-option-link-layered:hover > .swatch-option-tooltip-layered { display: block; } .swatch-opt { margin: 20px 0; } .swatch-opt-listing { margin-bottom: 10px; } .swatch-more { display: inline-block; margin: 2px 0; padding: 2px; position: static; } .swatch-visual-tooltip-layered { height: 160px; top: -170px; } .swatch-textual-tooltip-layered { height: 30px; top: -40px; } .swatch-input { left: -1000px; position: absolute; visibility: hidden; } .clearfix:after { clear: both; content: ''; display: block; height: 0; visibility: hidden; } .minilist .weee { display: table-row; font-size: 1.1rem; } .minilist .weee:before { display: none; } .price-container.weee:before { display: none; } .column .block-addbysku .fieldset { margin: 0; } .column .block-addbysku .fieldset .fields { position: relative; } .column .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 10px; vertical-align: top; } .column .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 7px; } .column .block-addbysku .sku { margin-right: -155px; padding-right: 160px; width: 100%; } .column .block-addbysku .qty .qty + .mage-error { width: 80px; } .column .block-addbysku .block-content .actions-toolbar { clear: both; margin: 0 0 20px; text-align: left; } .column .block-addbysku .block-content .actions-toolbar:before, .column .block-addbysku .block-content .actions-toolbar:after { content: ''; display: table; } .column .block-addbysku .block-content .actions-toolbar:after { clear: both; } .column .block-addbysku .block-content .actions-toolbar .primary { float: left; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary a.action, .column .block-addbysku .block-content .actions-toolbar .secondary a.action { display: inline-block; } .column .block-addbysku .block-content .actions-toolbar .primary .action { margin: 0 5px 0 0; } .column .block-addbysku .block-content .actions-toolbar .secondary a.action { margin-top: 6px; } .column .block-addbysku .block-content .actions-toolbar .primary, .column .block-addbysku .block-content .actions-toolbar .secondary { display: block; float: none; } .column .block-addbysku .block-content .actions-toolbar > .secondary { text-align: left; } .column .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .column .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 20px; line-height: 22px; color: inherit; content: '\e61c'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.add:hover:before { color: inherit; } .column .block-addbysku .action.add:active:before { color: inherit; } .column .block-addbysku .reset { margin: 7px 0; } .column .block-addbysku .note { display: block; margin: 0 0 20px; padding-top: 10px; } .block-cart-failed { margin: 40px 0; } .block-cart-failed .block-title { font-size: 2.6rem; } .block-cart-failed .block-title strong { font-weight: 300; } .block-cart-failed .actions { text-align: center; } .block-cart-failed .actions .action { display: block; margin: 0 auto 10px; } .catalogsearch-advanced-result .message.error { margin-top: -60px; } .bundle-actions { margin: 0 0 30px; } .bundle-options-container { clear: both; margin-bottom: 40px; } .bundle-options-container .legend.title { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 0rem; margin-bottom: 2rem; border: 0; padding: 0; } .bundle-options-container .product-add-form { display: none; } .bundle-options-container .product-options-wrapper { margin-bottom: 30px; } .bundle-options-container .product-options-wrapper .fieldset > .field { border-top: 1px #e4e4e4 solid; padding-top: 20px; } .bundle-options-container .product-options-wrapper .fieldset > .field:first-of-type { border-top: 0; padding-top: 0; } .bundle-options-container .product-options-wrapper .field.choice input { float: left; margin-top: 4px; } .bundle-options-container .product-options-wrapper .field.choice .label { display: block; margin-left: 24px; } .bundle-options-container .product-options-wrapper .field.choice .price-excluding-tax { display: inline-block; } .bundle-options-container .action.back { margin-bottom: 30px; } .bundle-options-container .block-bundle-summary > .title { margin-bottom: 15px; } .bundle-options-container .block-bundle-summary > .title > strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .bundle-options-container .block-bundle-summary > .title, .bundle-options-container .block-bundle-summary .bundle-summary .subtitle { border-bottom: 1px #e4e4e4 solid; margin-bottom: 25px; padding-bottom: 16px; } .bundle-options-container .block-bundle-summary .price-box { margin-bottom: 20px; } .bundle-options-container .block-bundle-summary .price-box .price-label { display: block; margin-bottom: 5px; } .bundle-options-container .block-bundle-summary .bundle-summary { margin-top: 30px; } .bundle-options-container .block-bundle-summary .bundle-summary.empty { display: none; } .bundle-options-container .block-bundle-summary .bundle-summary > .subtitle { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; display: block; } .bundle-options-container .block-bundle-summary .bundle.items > li { margin-bottom: 20px; } .bundle-options-container .block-bundle-summary .product-addto-links { text-align: center; } .bundle-options-container .block-bundle-summary .product-addto-links > .action { margin-right: 5%; } .bundle-options-container .block-bundle-summary .product-addto-links > .action.tocompare:before { content: '\e61e'; } .bundle-options-container p.required { color: #e02b27; } .bundle-options-container .nested .field.qty { margin: 0 0 20px; margin-top: 20px; } .bundle-options-container .nested .field.qty > .label { margin: 0 0 5px; display: inline-block; } .bundle-options-container .nested .field.qty .label { font-weight: 700; } .bundle-options-container .nested .field.qty:last-child { margin-bottom: 0; } .bundle-options-container .price { font-weight: 600; } .bundle-options-container .product-options-bottom { border-top: 1px solid #d1d1d1; clear: left; margin: 0 0 40px; padding-top: 20px; } .products { margin: 30px 0; } .product-items { font-size: 0; letter-spacing: -1px; line-height: 0; } .product-item { font-size: 1.4rem; line-height: normal; letter-spacing: normal; vertical-align: top; } .products-grid .product-item { display: inline-block; margin-left: 2%; width: calc((100% - 2%)/2); } .product-item:nth-child(2n + 1) { margin-left: 0; } .product-item-name { -moz-hyphens: auto; -ms-hyphens: auto; -webkit-hyphens: auto; display: block; hyphens: auto; margin: 5px 0; word-wrap: break-word; } .product-item-info { max-width: 100%; width: 152px; } .page-products .product-item-info { width: 240px; } .product-item-actions { font-size: 0; } .product-item-actions > * { font-size: 1.4rem; } .product-item-actions .actions-secondary { display: inline-block; font-size: 1.4rem; vertical-align: middle; } .product-item-actions .actions-secondary > button.action { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .product-item-actions .actions-secondary > button.action:focus, .product-item-actions .actions-secondary > button.action:active { background: none; border: none; } .product-item-actions .actions-secondary > button.action:hover { background: none; border: none; } .product-item-actions .actions-secondary > button.action.disabled, .product-item-actions .actions-secondary > button.action[disabled], fieldset[disabled] .product-item-actions .actions-secondary > button.action { pointer-events: none; opacity: 0.5; } .product-item-actions .actions-secondary > .action { line-height: 35px; text-align: center; width: 35px; } .product-item-actions .actions-secondary > .action:before { margin: 0; } .product-item-actions .actions-primary { display: inline-block; vertical-align: middle; } .product-item-actions .actions-primary > .stock.unavailable { line-height: 1; padding-bottom: 10px; padding-right: 24px; padding-top: 10px; } .product-item-description { margin: 25px 0; } .product-item .product-reviews-summary .rating-summary { margin: 0 4px 0 0; } .product-item .product-reviews-summary .reviews-actions { font-size: 12px; margin-top: 5px; } .product-item .price-box { margin: 10px 0 25px; } .product-item .price-box .price { font-weight: 700; white-space: nowrap; } .product-item .price-box .price-label { color: #666666; font-size: 12px; } .product-item .old-price { margin: 5px 0; } .product-item .old-price .price { font-weight: normal; } .product-item .regular-price .price-label { display: none; } .product-item .minimal-price .price-container { display: block; } .product-item .minimal-price-link { margin-top: 5px; } .product-item .price-from, .product-item .price-to { margin: 0; } .product-item .tocompare:before { content: '\e61e'; } .product-item .tocart { font-size: 1.3rem; border-radius: 0; line-height: 1; padding-bottom: 10px; padding-top: 10px; white-space: nowrap; } .column.main .product-items { margin-left: 0; } .column.main .product-item { padding-left: 0; } .price-container .price { font-size: 1.4rem; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee { margin-top: 5px; } .price-container .price-including-tax + .price-excluding-tax, .price-container .weee, .price-container .price-including-tax + .price-excluding-tax .price, .price-container .weee .price, .price-container .weee + .price-excluding-tax:before, .price-container .weee + .price-excluding-tax .price { font-size: 1.1rem; } .price-container .weee:before { content: '(' attr(data-label) ': '; } .price-container .weee:after { content: ')'; } .price-container .weee + .price-excluding-tax:before { content: attr(data-label) ': '; } .products-list .product-item { display: table; width: 100%; } .products-list .product-item-info { display: table-row; } .products-list .product-item-photo { display: table-cell; padding: 0 30px 30px 0; vertical-align: top; width: 1%; } .products-list .product-item-details { display: table-cell; vertical-align: top; } .page-products .columns { padding-top: 60px; position: relative; z-index: 1; } .toolbar { margin-bottom: 30px; text-align: center; } .toolbar select { background-color: #f0f0f0; box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(209, 209, 209, 0.3); border-radius: 3px; } .toolbar .sorter-action { position: relative; top: -2px; } .toolbar-amount { left: 0; line-height: 18px; margin: 0; padding: 7px 0; text-align: left; top: 0; vertical-align: middle; } .products.wrapper ~ .toolbar .toolbar-amount { display: none; } .page-with-filter .toolbar-amount { position: static; } .toolbar-products { background-color: transparent; } .toolbar-products .pages { display: none; } .products.wrapper ~ .toolbar-products .pages { display: block; } .toolbar .pages { margin-bottom: 25px; } .sorter { float: right; } .page-products .sorter { position: absolute; right: 0; top: 0; z-index: 1; } .products.wrapper ~ .toolbar .sorter { display: none; } .sorter-options { margin: 0 5px 0 7px; width: auto; } .sorter-action { display: inline-block; text-decoration: none; } .sorter-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #757575; content: '\e613'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sorter-action:hover:before { color: #333333; } .sorter-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sorter-action.sort-desc:before { content: '\e614'; } .modes { display: none; } .limiter-options { margin: 0 5px 0 7px; width: auto; } .limiter-label { font-weight: 400; } .page-products .toolbar .limiter { display: none; } .limiter .control { display: inline-block; } .old-price, .old.price { color: #666666; } .prices-tier .price-container .price-including-tax + .price-excluding-tax:before { content: '(' attr(data-label) ':'; } .prices-tier .price-container .price-including-tax + .price-excluding-tax:last-child:after { content: ')'; } .prices-tier .price-container .weee[data-label] { display: inline; } .prices-tier .price-container .weee[data-label]:before { content: ' +' attr(data-label) ':'; } .actual-price { font-weight: 700; } .category-image .image { display: block; height: auto; max-width: 100%; } .category-cms, .category-image, .category-description { margin-bottom: 20px; } .product-image-container { display: inline-block; max-width: 100%; } .product-image-wrapper { display: block; height: 0; overflow: hidden; position: relative; z-index: 1; } .product-image-photo { bottom: 0; display: block; left: 0; margin: auto; position: absolute; right: 0; top: 0; width: auto; } .product.media .placeholder .photo.container { max-width: 100%; } .product.media .notice { margin: 10px 0; color: #7d7d7d; font-size: 1.2rem; } .product.media .product.thumbs { margin: 10px 0 25px; } .product.media .items.thumbs { margin: 0; padding: 0; list-style: none none; } .product.media .items.thumbs > li { display: inline-block; vertical-align: top; } .product.media .items.thumbs > li { margin: 1rem 0 0; } .product.media .items.thumbs img { display: block; } .product.media .items.thumbs .active { display: block; line-height: 1; } .product.info.detailed { clear: both; margin-bottom: 30px; } .product.info.detailed .additional-attributes { width: auto; border: none; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th, .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { border: none; } .product.info.detailed .additional-attributes > thead > tr > td, .product.info.detailed .additional-attributes > tbody > tr > td, .product.info.detailed .additional-attributes > tfoot > tr > td { padding: 4px 5px 10px 5px; } .product.info.detailed .additional-attributes > thead > tr > th, .product.info.detailed .additional-attributes > tbody > tr > th, .product.info.detailed .additional-attributes > tfoot > tr > th { padding: 4px 30px 10px 0; } .product-info-main .product-info-price { color: #575757; border-bottom: 1px solid #c1c1c1; display: table; margin-bottom: 15px; width: 100%; } .product-info-main .product-info-price .price-box { display: inline-block; vertical-align: top; width: auto; } .product-info-main .product-info-price .price-box .price-container > span { display: block; margin-bottom: 5px; } .product-info-main .product-info-price .price-box .price-container > span:last-child { margin-bottom: 0; } .product-info-main .product-info-price .price-including-tax + .price-excluding-tax, .product-info-main .product-info-price .weee + .price-excluding-tax, .product-info-main .product-info-price .weee { font-size: 1.4rem; } .product-info-main .product-info-price .price-including-tax + .price-excluding-tax .price, .product-info-main .product-info-price .weee + .price-excluding-tax .price, .product-info-main .product-info-price .weee .price { font-size: 1.4rem; font-weight: 600; line-height: 16px; } .product-info-main .product-info-price .price-wrapper .price { font-size: 2.2rem; font-weight: 600; line-height: 22px; } .product-info-main .product-info-price .old-price .price-wrapper .price { font-size: 2rem; font-weight: 300; } .product-info-main .product-info-price .special-price .price-label:after { content: ': '; } .product-info-main .product-info-price .price { white-space: nowrap; } .product-info-main .product-info-stock-sku { display: inline-block; float: right; padding-bottom: 10px; padding-left: 10%; text-align: right; vertical-align: top; } .product-info-main .stock { margin: 0 0 3px; } .product-info-main .stock.available, .product-info-main .stock.unavailable { font-weight: 700; text-transform: uppercase; } .product-info-main .product.attribute.sku { word-break: break-all; word-wrap: break-word; } .product-info-main .product.attribute.sku .type { font-weight: normal; margin-right: 5px; } .product-info-main .product.attribute.sku .type:after { content: '#:'; } .product-info-main .product.attribute.sku .value { display: inline-block; } .product-info-main .product.attribute.overview { margin: 20px 0; } .product-info-main .product.alert { margin: 10px 0; } .product-info-main .product-add-form { clear: both; padding-top: 15px; } .product-info-main .product-reviews-summary { float: left; } .product-info-main .product-options-bottom .box-tocart { margin-top: 20px; } .product-options-wrapper .fieldset:focus { box-shadow: none; } .product-options-wrapper .fieldset-product-options-inner .legend { font-weight: 600; font-size: 1.4rem; border: none; display: inline-block; float: none; margin: 0 0 8px; padding: 0; } .product-options-wrapper .fieldset-product-options-inner input.datetime-picker ~ select.datetime-picker { margin-top: 10px; } .product-options-wrapper .fieldset-product-options-inner.required .legend:after, .product-options-wrapper .fieldset-product-options-inner._required .legend:after { content: '*'; color: #e02b27; font-size: 1.2rem; } .product-options-wrapper .field .note { display: block; margin-top: 5px; } .product-options-wrapper .field .note.mage-error { color: #e02b27; } .product-options-bottom .price-box, .product-info-price .price-box { color: #575757; display: table-cell; padding-bottom: 10px; vertical-align: top; } .product-options-bottom .price-box .old-price, .product-info-price .price-box .old-price { font-size: 20px; font-weight: 300; } .product-options-bottom .price-box .old-price .price-container > span, .product-info-price .price-box .old-price .price-container > span { display: inline-block; } .product-options-bottom .price-box .price-container > span, .product-info-price .price-box .price-container > span { display: block; margin-bottom: 5px; } .product-options-bottom .price-box .price-container > span:last-child, .product-info-price .price-box .price-container > span:last-child { margin-bottom: 0; } .product-options-bottom .price-box .price-container .price, .product-info-price .price-box .price-container .price { font-size: 22px; font-weight: 600; line-height: 22px; } .product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax, .product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax, .product-options-bottom .price-box .price-container .weee + .price-excluding-tax, .product-info-price .price-box .price-container .weee + .price-excluding-tax, .product-options-bottom .price-box .price-container .weee, .product-info-price .price-box .price-container .weee { font-size: 1.2rem; line-height: 14px; } .product-options-bottom .price-box .price-container .price-including-tax + .price-excluding-tax .price, .product-info-price .price-box .price-container .price-including-tax + .price-excluding-tax .price, .product-options-bottom .price-box .price-container .weee + .price-excluding-tax .price, .product-info-price .price-box .price-container .weee + .price-excluding-tax .price, .product-options-bottom .price-box .price-container .weee .price, .product-info-price .price-box .price-container .weee .price { font-size: 1.2rem; font-weight: 700; } .box-tocart .action.tocart { vertical-align: top; } .box-tocart .action.tocart:not(:last-child) { margin-bottom: 15px; } .product-addto-links { display: inline; } .product-addto-links .action { margin-right: 5%; } .product-social-links { margin: 0 0 20px; text-align: center; } .product-social-links .action.tocompare:before { content: '\e61e'; } .prices-tier { margin-bottom: 15px; } .prices-tier .item { margin-bottom: 10px; } .prices-tier .item:last-child { margin-bottom: 0; } .prices-tier .price-excluding-tax, .prices-tier .price-including-tax { display: inline-block; } .minimal-price-link, .price-excluding-tax, .price-including-tax { display: block; white-space: nowrap; } .ui-dialog-titlebar-close { line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; } .ui-dialog-titlebar-close:visited { color: #1979c3; text-decoration: none; } .ui-dialog-titlebar-close:hover { color: #006bb4; text-decoration: underline; } .ui-dialog-titlebar-close:active { color: #ff5501; text-decoration: underline; } .ui-dialog-titlebar-close:hover, .ui-dialog-titlebar-close:active, .ui-dialog-titlebar-close:focus { background: none; border: 0; } .ui-dialog-titlebar-close.disabled, .ui-dialog-titlebar-close[disabled], fieldset[disabled] .ui-dialog-titlebar-close { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .sidebar .product-items .product-item { margin-bottom: 20px; position: relative; } .sidebar .product-items .product-item-info { position: relative; width: auto; } .sidebar .product-items .product-item-info .product-item-photo { left: 0; position: absolute; top: 0; } .sidebar .product-items .product-item-name { margin-top: 0; } .sidebar .product-items .product-item-details { margin: 0 0 0 85px; } .sidebar .product-items .product-item-actions { display: block; margin-top: 10px; } .sidebar .product-items .price-box { display: block; margin: 7px 0; } .sidebar .product-items .text { margin-right: 8px; } .sidebar .product-items .counter { color: #7d7d7d; font-size: 12px; white-space: nowrap; } .sidebar .product-items .minilist .price { display: inline; padding: 0; } .sidebar .product-items .minilist .weee:before { display: inline-block; } .sidebar .product-items .action.delete { position: absolute; right: 0; top: 0; } .sidebar .block-compare .action.delete { right: initial; } .sidebar .action.tocart { border-radius: 0; } .sidebar .product-items-images { margin-left: -5px; } .sidebar .product-items-images .product-item { float: left; padding-left: 5px; } .sidebar .product-items-names .product-item { display: flex; margin-bottom: 10px; } .sidebar .product-items-names .product-item-name { margin: 0; } .catalog-category-view.page-layout-1column .column.main { min-height: inherit; } body.catalog-product-compare-index .action.print { float: right; margin: 15px 0; } .table-wrapper.comparison { clear: both; max-width: 100%; overflow-x: auto; position: relative; } .table-wrapper.comparison .table-comparison > tbody > tr > th, .table-wrapper.comparison .table-comparison > tbody > tr > td { border-top: 0; } .table-comparison { table-layout: fixed; } .table-comparison .cell { padding: 15px; width: 180px; } .table-comparison .cell.label { border-right: 1px solid #d1d1d1; } .table-comparison .cell.label .attribute.label { display: block; width: 100%; word-wrap: break-word; } .table-comparison .cell.product.info, .table-comparison .cell.product.label { border-bottom: 1px solid #d1d1d1; } .table-comparison .cell.attribute { font-size: 1.3rem; } .table-comparison .cell.attribute img { height: auto; max-width: 100%; } .table-comparison .cell.remove { padding-bottom: 0; padding-top: 0; text-align: right; } .table-comparison .cell.remove .action.delete { margin-right: .6rem; } .table-comparison .cell .attribute.value { overflow: hidden; width: 100%; } .table-comparison td:last-child { border-right: 1px solid #d1d1d1; } .table-comparison .product-item-photo { display: block; margin: 0 auto 15px; } .table-comparison .product-image-photo { margin-left: 0; } .table-comparison .product-item-actions, .table-comparison .price-box, .table-comparison .product.rating, .table-comparison .product-item-name { display: block; margin: 15px 0; } .table-comparison .product-addto-links { margin-top: 15px; } .table-comparison .product-addto-links .action.toggle { padding: 0; } .table-comparison .product-addto-links .action.split, .table-comparison .product-addto-links .action.toggle { line-height: 1.2rem; padding: 5px 8px; font-size: 1.1rem; } .table-comparison .action.tocart { white-space: nowrap; } .comparison.headings { background: #ffffff; left: 0; position: absolute; top: 0; width: auto; z-index: 2; } .block-compare .product-item .product-item-name { margin-left: 22px; } .block-compare .action.delete { left: 0; position: absolute; top: 0; } .block-compare .actions-toolbar { margin: 17px 0 0; } .block.related .action.select { vertical-align: top; } .block.related .product-item-details { position: relative; z-index: 1; } .block.related .related-available .product-item-name { margin-left: 20px; } .block.related .field.choice { left: 0; position: absolute; top: 2px; } .search .fieldset .control .addon input { flex-basis: auto; width: 100%; } .block-search { margin-bottom: 0; } .block-search .block-title { display: none; } .block-search .block-content { margin-bottom: 0; } .block-search .label { text-decoration: none; display: inline-block; float: right; } .block-search .label > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-search .label:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 28px; color: #757575; content: '\e615'; font-family: 'icons-blank-theme'; margin: 0 10px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-search .label:hover:before { color: #333333; } .block-search .label:active:before { color: #333333; } .block-search .label.active + .control input { position: static; } .block-search .action.search { display: none; } .block-search .control { border-top: 1px solid #d1d1d1; clear: both; margin: 0 -15px -1px; padding: 0 15px; } .block-search input { font-size: 16px; left: -300%; margin: 15px 0; position: absolute; } .block-search .nested { display: none; } .search-autocomplete { display: none; margin-top: -15px; overflow: hidden; position: absolute; z-index: 3; } .search-autocomplete ul { margin: 0; padding: 0; list-style: none none; } .search-autocomplete ul:not(:empty) { background: #ffffff; border: 1px solid #c2c2c2; border-top: 0; } .search-autocomplete ul li { border-top: 1px solid #e5e5e5; cursor: pointer; margin: 0; padding: 5px 40px 5px 10px; position: relative; text-align: left; white-space: normal; } .search-autocomplete ul li:first-child { border-top: none; } .search-autocomplete ul li:hover, .search-autocomplete ul li.selected { background: #e8e8e8; } .search-autocomplete ul li .amount { color: #999999; position: absolute; right: 7px; top: 5px; } .form.search.advanced .fields.range .field:first-child { position: relative; } .form.search.advanced .fields.range .field:first-child .control { padding-right: 25px; } .form.search.advanced .fields.range .field:first-child .control:after { content: ' \2013 '; display: inline-block; position: absolute; right: 0; text-align: center; top: 6px; width: 25px; } .form.search.advanced .fields.range .field:last-child { position: relative; } .form.search.advanced .fields.range .field:last-child div.mage-error[generated] { left: 0; position: absolute; top: 32px; } .form.search.advanced .fields.range .field.with-addon .control { padding-right: 45px; } .form.search.advanced .group.price .addon .addafter { background: none; border: 0; padding-top: 6px; position: absolute; right: 0; top: 0; } .search-terms { line-height: 2em; } .search-terms > li { display: inline-block; margin-right: 10px; } .search.found { margin-bottom: 10px; } .checkout-cart-index .page-main { padding-left: 0; padding-right: 0; } .checkout-cart-index .page-title-wrapper { padding-left: 15px; padding-right: 15px; } .cart-summary { background: #f5f5f5; margin-bottom: 25px; padding: 1px 0 25px; } .cart-summary > .title { font-size: 2.4rem; display: none; font-weight: 300; margin: 12px 0; } .cart-summary .block form:not(:last-of-type) .fieldset { margin: 0 0 25px; } .cart-summary .block .price { font-weight: 700; } .cart-summary .block .field { margin: 0 0 16px; } .cart-summary .block .actions-toolbar > .primary { text-align: left; } .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .block .actions-toolbar > .primary .amshopby-button, .cart-summary .block .actions-toolbar > .primary .am-filter-go { width: auto; } .cart-summary .block .title strong { font-size: 1.4rem; font-weight: 600; } .cart-summary .block .item-options { margin: 0 0 16px; } .cart-summary .block .item-options .field .radio { float: left; margin-top: 4px; } .cart-summary .block .item-options .field .radio + .label { display: block; margin: 0; overflow: hidden; } .page-main .cart-summary .block { margin-bottom: 0; } .cart-summary .checkout-methods-items { margin: 20px 0 0; padding: 0 15px; text-align: center; } .cart-summary .checkout-methods-items .action.primary.checkout, .cart-summary .checkout-methods-items .amshopby-button.checkout, .cart-summary .checkout-methods-items .am-filter-go.checkout { width: 100%; } .cart-summary .checkout-methods-items .item { margin-bottom: 25px; } .cart-summary .checkout-methods-items .item:last-child { margin-bottom: 0; } .cart-summary .message { padding-left: 20px; } .cart-summary .message > *:first-child:before { display: none; } .cart-totals tbody .mark, .cart-totals tfoot .mark { text-align: left; } .cart-totals .discount.coupon { display: none; } .cart.table-wrapper .cart thead tr th.col { border-bottom: 1px solid #d1d1d1; padding-bottom: 15px; padding-top: 24px; } .cart.table-wrapper .cart tbody td { border: 0; } .cart.table-wrapper .cart > .item { border-bottom: 1px solid #d1d1d1; position: relative; } .cart.table-wrapper .col { padding-top: 15px; } .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { padding: 20px 11px 10px; text-align: center; } .cart.table-wrapper .col.qty { padding: 20px 11px 10px; text-align: center; } .cart.table-wrapper .col.qty .input-text { height: 36px; margin-top: -7px; text-align: center; width: 60px; } .cart.table-wrapper .col > .price { color: #7d7d7d; font-size: 1.8rem; font-weight: 700; } .cart.table-wrapper .item-actions td { padding-bottom: 0; padding-left: 15px; padding-right: 15px; white-space: normal; } .cart.table-wrapper .item .col.item { display: block; min-height: 75px; padding: 15px 15px 10px 90px; position: relative; } .cart.table-wrapper .actions-toolbar { min-height: 20px; padding-bottom: 15px; position: relative; } .cart.table-wrapper .actions-toolbar > .action-edit, .cart.table-wrapper .actions-toolbar > .action-delete { position: absolute; right: 16px; top: 0; display: inline-block; text-decoration: none; } .cart.table-wrapper .actions-toolbar > .action-edit > span, .cart.table-wrapper .actions-toolbar > .action-delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .actions-toolbar > .action-edit:before, .cart.table-wrapper .actions-toolbar > .action-delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e601'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .actions-toolbar > .action-edit:hover:before, .cart.table-wrapper .actions-toolbar > .action-delete:hover:before { color: #333333; } .cart.table-wrapper .actions-toolbar > .action-edit:active:before, .cart.table-wrapper .actions-toolbar > .action-delete:active:before { color: #757575; } .cart.table-wrapper .actions-toolbar > .action-delete { right: 0; } .cart.table-wrapper .actions-toolbar > .action-delete:before { content: '\e604'; } .cart.table-wrapper .actions-toolbar > .action-delete:hover { text-decoration: none; } .cart.table-wrapper .action { margin-right: 25px; } .cart.table-wrapper .action:last-child { margin-right: 0; } .cart.table-wrapper .action.help.map { font-weight: 400; } .cart.table-wrapper .product-item-photo { display: block; left: 15px; max-width: 65px; padding: 0; position: absolute; top: 15px; width: 100%; } .cart.table-wrapper .product-item-name { font-size: 1.8rem; display: block; margin: -3px 0 5px; } .cart.table-wrapper .gift-registry-name-label:after { content: ':'; } .cart.table-wrapper .item-options { margin-bottom: 0; } .cart.table-wrapper .product-item-name + .item-options { margin-top: 20px; } .cart.table-wrapper .action.configure { display: inline-block; margin: 10px 0 0; } .cart.table-wrapper .item .message { margin-top: 20px; } .cart-products-toolbar .toolbar-amount { left: inherit; margin: 25px 0 15px; padding: 0; position: relative; text-align: center; top: inherit; } .cart-products-toolbar-top { border-bottom: 1px solid #d1d1d1; } .cart-discount { border-bottom: 1px solid #d1d1d1; clear: left; } .cart-empty { padding-left: 15px; padding-right: 15px; } .cart-tax-info + .cart-tax-total, .cart .cart-tax-info + .cart-tax-total { display: block; } .cart.table-wrapper .col.price, .order-items.table-wrapper .col.price, .cart.table-wrapper .col.qty, .order-items.table-wrapper .col.qty, .cart.table-wrapper .col.subtotal, .order-items.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.msrp { text-align: right; } .block.crosssell { padding: 0 15px; margin-top: 70px; } .block.crosssell .product-item-info { width: 200px; } .block-minicart .items-total { float: left; margin: 0 10px; } .block-minicart .items-total .count { font-weight: 700; } .block-minicart .subtotal { margin: 0 10px 10px; text-align: right; } .block-minicart .amount .price-wrapper:first-child .price { font-size: 18px; font-weight: 700; } .block-minicart .subtitle { display: none; } .block-minicart .subtitle.empty { display: block; font-size: 14px; padding: 30px 0 20px; text-align: center; } .block-minicart dl.product.options.list { display: inline-block; vertical-align: top; } .block-minicart .text.empty { text-align: center; } .block-minicart .block-content > .actions { margin-top: 15px; } .block-minicart .block-content > .actions > .secondary { text-align: center; } .block-minicart .block-content > .actions > .primary { margin: 0 10px 15px; } .block-minicart .block-content > .actions > .primary .action.primary, .block-minicart .block-content > .actions > .primary .amshopby-button, .block-minicart .block-content > .actions > .primary .am-filter-go { display: block; width: 100%; } .block-minicart .block-content > .actions .paypal-logo { margin-top: 15px; text-align: center; } .block-minicart .block-category-link, .block-minicart .block-product-link, .block-minicart .block-cms-link, .block-minicart .block-banners { margin: 15px 0 0; text-align: center; } .minicart-wrapper { display: inline-block; position: relative; float: right; } .minicart-wrapper:before, .minicart-wrapper:after { content: ''; display: table; } .minicart-wrapper:after { clear: both; } .minicart-wrapper .action.showcart { cursor: pointer; display: inline-block; text-decoration: none; } .minicart-wrapper .action.showcart:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 28px; color: #757575; content: '\e611'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.showcart:hover:before { color: #333333; } .minicart-wrapper .action.showcart:active:before { color: #757575; } .minicart-wrapper .action.showcart.active { display: inline-block; text-decoration: none; } .minicart-wrapper .action.showcart.active:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 28px; color: #757575; content: '\e611'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.showcart.active:hover:before { color: #333333; } .minicart-wrapper .action.showcart.active:active:before { color: #757575; } .minicart-wrapper .block-minicart { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 100%; width: 320px; z-index: 101; box-sizing: border-box; display: none; position: absolute; top: 100%; right: -10px; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .minicart-wrapper .block-minicart li { margin: 0; } .minicart-wrapper .block-minicart li:hover { cursor: pointer; } .minicart-wrapper .block-minicart:before, .minicart-wrapper .block-minicart:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .minicart-wrapper .block-minicart:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .minicart-wrapper .block-minicart:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .minicart-wrapper .block-minicart:before { right: 12px; top: -12px; } .minicart-wrapper .block-minicart:after { right: 11px; top: -14px; } .minicart-wrapper.active { overflow: visible; } .minicart-wrapper.active .block-minicart { display: block; } .minicart-wrapper .block-minicart { padding: 25px 20px; } .minicart-wrapper .block-minicart .block-title { display: none; } .minicart-wrapper .product .actions { float: right; margin: -28px 0 0; } .minicart-wrapper .product .actions > .primary, .minicart-wrapper .product .actions > .secondary { display: inline; } .minicart-wrapper .product .actions > .primary:not(:last-child), .minicart-wrapper .product .actions > .secondary:not(:last-child) { margin-right: 15px; } .minicart-wrapper .action.close { height: 30px; position: absolute; right: 0; top: 0; width: 25px; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-shadow: none; font-weight: 400; display: inline-block; text-decoration: none; } .minicart-wrapper .action.close:focus, .minicart-wrapper .action.close:active { background: none; border: none; } .minicart-wrapper .action.close:hover { background: none; border: none; } .minicart-wrapper .action.close.disabled, .minicart-wrapper .action.close[disabled], fieldset[disabled] .minicart-wrapper .action.close { pointer-events: none; opacity: 0.5; } .minicart-wrapper .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-wrapper .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 14px; line-height: 14px; color: #757575; content: '\e616'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-wrapper .action.close:hover:before { color: inherit; } .minicart-wrapper .action.close:active:before { color: inherit; } .minicart-wrapper .action.showcart { white-space: nowrap; } .minicart-wrapper .action.showcart .counter.qty { background: #ff5501; color: #ffffff; height: 24px; line-height: 24px; border-radius: 2px; display: inline-block; margin: 3px 0 0; min-width: 18px; overflow: hidden; padding: 0 3px; text-align: center; white-space: normal; } .minicart-wrapper .action.showcart .counter.qty.empty { display: none; } .minicart-wrapper .action.showcart .counter.qty .loader > img { max-width: 24px; } .minicart-wrapper .action.showcart .counter-number { text-shadow: 0 0 7px #000000; } .minicart-wrapper .minicart-widgets { margin-top: 15px; } .minicart-items-wrapper { border: 1px solid #cccccc; margin: 0 -20px; border-left: 0; border-right: 0; overflow-x: auto; padding: 15px; } .minicart-items { margin: 0; padding: 0; list-style: none none; } .minicart-items .product-item { padding: 20px 0; } .minicart-items .product-item:not(:first-child) { border-top: 1px solid #cccccc; } .minicart-items .product-item:first-child { padding-top: 0; } .minicart-items .product-item-pricing .label { display: inline-block; } .minicart-items .price-minicart { margin-bottom: 5px; } .minicart-items .message { margin-bottom: 0; margin-top: 10px; } .minicart-items .product-item-name { font-weight: 400; margin: 0 0 10px; } .minicart-items .product-item-name a { color: #1979c3; } .minicart-items .product-item-details { padding-left: 88px; } .minicart-items .product-item-details .price { font-weight: 700; } .minicart-items .product-item-details .price-including-tax, .minicart-items .product-item-details .price-excluding-tax { margin: 5px 0; } .minicart-items .product-item-details .weee[data-label] { font-size: 1.1rem; } .minicart-items .product-item-details .details-qty { margin-top: 10px; } .minicart-items .product > .product-item-photo, .minicart-items .product > .product-image-container { float: left; } .minicart-items .product .toggle { border: 0; padding: 0 0 5px 0; white-space: nowrap; } .minicart-items .product .toggle:after { color: #8f8f8f; margin: 0 0 0 5px; position: static; } .minicart-items .product .active > .toggle:after { content: '\e621'; } .minicart-items .product.pricing { margin-top: 3px; } .minicart-items .product.options .toggle.tooltip { display: inline-block; text-decoration: none; } .minicart-items .product.options .toggle.tooltip > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .product.options .toggle.tooltip:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; margin: -3px 0 0 7px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .product.options .details { display: none; } .minicart-items .item-qty { text-align: center; width: 60px; } .minicart-items .update-cart-item { font-size: 1.1rem; margin-left: 5px; vertical-align: top; } .minicart-items .subtitle { display: none; } .minicart-items .action.edit, .minicart-items .action.delete { display: inline-block; text-decoration: none; } .minicart-items .action.edit > span, .minicart-items .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .minicart-items .action.edit:before, .minicart-items .action.delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e601'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .minicart-items .action.edit:hover:before, .minicart-items .action.delete:hover:before { color: #333333; } .minicart-items .action.edit:active:before, .minicart-items .action.delete:active:before { color: #757575; } .minicart-items .action.delete:before { content: '\e604'; } .file-uploader-area { position: relative; } .file-uploader-area input[type='file'] { cursor: pointer; opacity: 0; overflow: hidden; position: absolute; visibility: hidden; width: 0; } .file-uploader-area input[type='file']:focus + .file-uploader-button { box-shadow: 0 0 0 1px #006bb4; } .file-uploader-area input[type='file']:disabled + .file-uploader-button { cursor: default; opacity: .5; pointer-events: none; } .file-uploader-summary { display: inline-block; vertical-align: top; } .file-uploader-button { background: #eeeeee; border: 1px solid #cccccc; box-sizing: border-box; color: #333333; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; font-weight: 600; line-height: 1.6rem; margin: 0; padding: 7px 15px; vertical-align: middle; } .file-uploader-button._is-dragover { background: #d4d4d4; border: 1px solid #006bb4; } .file-uploader-spinner { background-image: url('../../frontend/Jola/jolatheme/en_US/images/loader-1.gif'); background-position: 50%; background-repeat: no-repeat; background-size: 15px; display: none; height: 30px; margin-left: 10px; vertical-align: top; width: 15px; } .file-uploader-preview .action-remove { bottom: 4px; cursor: pointer; display: block; height: 27px; left: 6px; padding: 2px; position: absolute; text-decoration: none; width: 25px; z-index: 2; } .file-uploader-preview .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .file-uploader-preview .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.6rem; line-height: inherit; color: #514943; content: '\e604'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .action-remove:hover:before { color: #736963; } .file-uploader-preview:hover .preview-image img, .file-uploader-preview:hover .preview-link:before { opacity: 0.7; } .file-uploader-preview .preview-link { display: block; height: 100%; } .file-uploader-preview .preview-image img { bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .file-uploader-preview .preview-video { display: inline-block; text-decoration: none; } .file-uploader-preview .preview-video:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 4rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .preview-video:hover:before { color: #cccccc; } .file-uploader-preview .preview-video:before { left: 0; margin-top: -2rem; position: absolute; right: 0; top: 50%; z-index: 2; } .file-uploader-preview .preview-document { display: inline-block; text-decoration: none; } .file-uploader-preview .preview-document:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 7rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-preview .preview-document:hover:before { color: #cccccc; } .file-uploader-preview .preview-document:before { left: 0; margin-top: -3.5rem; position: absolute; right: 0; top: 50%; z-index: 2; } .file-uploader-preview, .file-uploader-placeholder { background: #ffffff; border: 1px solid #cacaca; box-sizing: border-box; cursor: pointer; display: block; height: 150px; line-height: 1; margin: 10px 25px 10px 0; overflow: hidden; position: relative; width: 150px; } .file-uploader._loading .file-uploader-spinner { display: inline-block; } .file-uploader .admin__field-note, .file-uploader .admin__field-error { margin-bottom: 10px; } .file-uploader .file-uploader-filename { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 150px; word-break: break-all; } .file-uploader .file-uploader-filename:first-child { margin-bottom: 10px; } .file-uploader .file-uploader-meta { color: #9e9e9e; } .file-uploader .admin__field-fallback-reset { margin-left: 10px; } ._keyfocus .file-uploader .action-remove:focus { box-shadow: 0 0 0 1px #006bb4; } .file-uploader-placeholder.placeholder-document { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-document:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-document:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-document:before { left: 0; position: absolute; right: 0; top: 20px; z-index: 2; } .file-uploader-placeholder.placeholder-image { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-image:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 5rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-image:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-image:before { left: 0; position: absolute; right: 0; top: 20px; z-index: 2; } .file-uploader-placeholder.placeholder-video { display: inline-block; text-decoration: none; } .file-uploader-placeholder.placeholder-video:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 3rem; line-height: inherit; color: #cccccc; content: '\e626'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .file-uploader-placeholder.placeholder-video:hover:before { color: #cccccc; } .file-uploader-placeholder.placeholder-video:before { left: 0; position: absolute; right: 0; top: 30px; z-index: 2; } .file-uploader-placeholder-text { bottom: 0; color: #008bdb; font-size: 1.1rem; left: 0; line-height: 1.42857143; margin-bottom: 15%; padding: 0 20px; position: absolute; right: 0; text-align: center; } .data-grid-file-uploader { min-width: 7rem; } .data-grid-file-uploader._loading .file-uploader-spinner { display: block; } .data-grid-file-uploader._loading .file-uploader-button:before { display: none; } .data-grid-file-uploader .file-uploader-image { background: transparent; bottom: 0; left: 0; margin: auto; max-height: 100%; max-width: 100%; position: absolute; right: 0; top: 0; z-index: 1; } .data-grid-file-uploader .file-uploader-image + .file-uploader-area .file-uploader-button:before { display: none; } .data-grid-file-uploader .file-uploader-area { z-index: 2; } .data-grid-file-uploader .file-uploader-spinner { height: 100%; margin: 0; position: absolute; top: 0; width: 100%; } .data-grid-file-uploader .file-uploader-button { height: 48px; text-align: center; display: block; text-decoration: none; } .data-grid-file-uploader .file-uploader-button > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .data-grid-file-uploader .file-uploader-button:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.3rem; line-height: 48px; color: #8a837f; content: '\e626'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .data-grid-file-uploader .file-uploader-button:hover:before { color: #666666; } .data-grid-file-uploader .action-select-wrap { float: left; } .data-grid-file-uploader .action-select-wrap .action-select { border: 1px solid #cacaca; display: block; height: 5rem; margin-left: -1px; padding: 0; width: 2rem; } .data-grid-file-uploader .action-select-wrap .action-select:after { border-color: #8a837f transparent transparent transparent; left: 50%; margin: 0 0 0 -5px; } .data-grid-file-uploader .action-select-wrap .action-select:hover:after { border-color: #666666 transparent transparent transparent; } .data-grid-file-uploader .action-select-wrap .action-select > span { display: none; } .data-grid-file-uploader .action-select-wrap .action-menu { left: 4rem; right: auto; z-index: 2; } .data-grid-file-uploader-inner { border: 1px solid #cacaca; float: left; height: 5rem; position: relative; width: 5rem; } .checkout-container { margin: 0 0 20px; } .opc-wrapper { margin: 0 0 20px; } .opc-wrapper .step-title { border-bottom: 1px solid #cccccc; margin-bottom: 15px; } .opc-wrapper .step-content { margin: 0 0 40px; } .checkout-index-index .nav-sections, .checkout-index-index .nav-toggle { display: none; } .checkout-index-index .logo { margin-left: 0; } .checkout-onepage-success .print { display: none; } .abs-discount-code .form-discount, .checkout-payment-method .payment-option-content .form-discount { display: table; width: 100%; } .abs-discount-code .form-discount .actions-toolbar, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar { display: table-cell; vertical-align: top; width: 1%; } .abs-discount-code .form-discount .actions-toolbar .primary, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary { float: left; } .abs-discount-code .form-discount .actions-toolbar .primary .action, .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .primary .action { border-bottom-left-radius: 0; border-top-left-radius: 0; margin: 0 0 0 -2px; white-space: nowrap; width: auto; } .abs-discount-code .form-discount > .field > .label, .checkout-payment-method .payment-option-content .form-discount > .field > .label { display: none; } .opc-estimated-wrapper { background: #f4f4f4; border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; margin: -21px -15px 15px; padding: 18px 15px; } .opc-estimated-wrapper .estimated-block { font-size: 18px; float: left; font-weight: 700; } .opc-estimated-wrapper .estimated-block .estimated-label { display: block; margin: 0 0 5px; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart { background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:focus, .opc-estimated-wrapper .minicart-wrapper button.action.showcart:active { background: none; border: none; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:hover { background: none; border: none; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart.disabled, .opc-estimated-wrapper .minicart-wrapper button.action.showcart[disabled], fieldset[disabled] .opc-estimated-wrapper .minicart-wrapper button.action.showcart { pointer-events: none; opacity: 0.5; } .opc-estimated-wrapper .minicart-wrapper button.action.showcart:before { color: #333333; } .opc-progress-bar { display: none; } .field.choice .field-tooltip { display: inline-block; margin-left: 10px; position: relative; top: -3px; } .field.choice .field-tooltip-action { line-height: 24px; } .field._error .control input, .field._error .control select, .field._error .control textarea { border-color: #ed8380; } .checkout-index-index .modal-popup .fieldset .field .label { font-weight: 400; } .checkout-index-index .modal-popup .modal-footer .action-hide-popup { margin-top: 8px; } .field-tooltip { cursor: pointer; position: absolute; right: 0; top: 1px; } .field-tooltip._active { z-index: 100; } .field-tooltip._active .field-tooltip-content { display: block; } .field-tooltip._active .field-tooltip-action:before { color: #333333; } .field-tooltip .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action { display: inline-block; text-decoration: none; } .field-tooltip .field-tooltip-action > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .field-tooltip .field-tooltip-action:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 24px; line-height: inherit; color: #bbbbbb; content: '\e623'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .field-tooltip .field-tooltip-action:hover:before { color: #333333; } .field-tooltip .field-tooltip-action:before { padding-left: 1px; } ._keyfocus .field-tooltip .field-tooltip-action:focus { z-index: 100; } ._keyfocus .field-tooltip .field-tooltip-action:focus + .field-tooltip-content { display: block; } ._keyfocus .field-tooltip .field-tooltip-action:focus:before { color: #333333; } .field-tooltip .field-tooltip-content { background: #f4f4f4; border: 1px solid #999999; border-radius: 1px; font-size: 14px; padding: 12px; width: 270px; display: none; left: 38px; position: absolute; text-transform: none; top: -9px; word-wrap: break-word; z-index: 2; } .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; border-right-color: #f4f4f4; left: -21px; top: 12px; content: ''; display: block; position: absolute; z-index: 3; } .field-tooltip .field-tooltip-content:before { border-right-color: #666666; } .field-tooltip .field-tooltip-content:after { border-right-color: #f4f4f4; width: 1px; z-index: 4; } @media only screen and (max-width: 768px) { .field-tooltip .field-tooltip-content { left: auto; right: -10px; top: 40px; } .field-tooltip .field-tooltip-content::before, .field-tooltip .field-tooltip-content::after { border: 10px solid transparent; height: 0; left: auto; margin-top: -21px; right: 10px; top: 0; width: 0; } .field-tooltip .field-tooltip-content::before { border-bottom-color: #999999; } .field-tooltip .field-tooltip-content::after { border-bottom-color: #f4f4f4; top: 1px; } } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address { margin-top: 28px; margin-bottom: 28px; } .opc-wrapper .form-login .fieldset .field .label, .opc-wrapper .form-shipping-address .fieldset .field .label { font-weight: 400; } .opc-wrapper .form-login .fieldset .note, .opc-wrapper .form-shipping-address .fieldset .note { font-size: 14px; margin-top: 10px; } .opc-wrapper .shipping-address-items { font-size: 0; } .opc-wrapper .shipping-address-item { border: 2px solid transparent; font-size: 14px; line-height: 30px; margin: 0 0 20px; padding: 20px 35px 20px 20px; transition: 0.3s border-color; width: 50%; display: inline-block; position: relative; vertical-align: top; word-wrap: break-word; } .opc-wrapper .shipping-address-item.selected-item { border-color: #ff5501; } .opc-wrapper .shipping-address-item.selected-item:after { background: #ff5501; color: #ffffff; content: '\e610'; font-family: 'icons-blank-theme'; height: 27px; width: 29px; font-size: 19px; line-height: 21px; padding-top: 2px; position: absolute; right: 0; text-align: center; top: 0; } .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { visibility: hidden; } .opc-wrapper .action-show-popup { margin: 0 0 20px; } .opc-wrapper .action-show-popup > span:before { content: '+'; padding-right: 5px; } .opc-wrapper .action-select-shipping-item { float: right; margin: 20px 0 0; } .opc-wrapper .edit-address-link { display: block; float: left; margin: 26px 5px 0 0; } .checkout-shipping-method .step-title { margin-bottom: 0; } .checkout-shipping-method .no-quotes-block { margin: 20px 0; } .methods-shipping .actions-toolbar .action.primary, .methods-shipping .actions-toolbar .amshopby-button, .methods-shipping .actions-toolbar .am-filter-go { margin: 20px 0 0; } .table-checkout-shipping-method thead th { display: none; } .table-checkout-shipping-method tbody td { border-top: 1px solid #cccccc; padding-bottom: 20px; padding-top: 20px; } .table-checkout-shipping-method tbody td:first-child { padding-left: 0; padding-right: 0; width: 20px; } .table-checkout-shipping-method tbody td input[type='radio'] { margin: 4px 5px 0 0; } .table-checkout-shipping-method tbody tr:first-child td { border-top: none; } .table-checkout-shipping-method tbody .col-price { font-weight: 600; } .table-checkout-shipping-method tbody .row-error td { border-top: none; padding-bottom: 10px; padding-top: 0; } .checkout-shipping-method { position: relative; } .shipping-policy-block.field-tooltip { top: 12px; } .shipping-policy-block.field-tooltip .field-tooltip-action { color: #1979c3; cursor: pointer; } .shipping-policy-block.field-tooltip .field-tooltip-action:before { display: none; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 420px; top: 30px; } .opc-block-shipping-information { padding: 0 30px; } .opc-block-shipping-information .shipping-information-title { border-bottom: 1px solid #cccccc; margin: 0 0 20px; position: relative; } .opc-block-shipping-information .shipping-information-title .action-edit { top: 2px; display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; } .opc-block-shipping-information .shipping-information-title .action-edit > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-shipping-information .shipping-information-title .action-edit:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #757575; content: '\e606'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-shipping-information .shipping-information-title .action-edit:hover:before { color: #333333; } .opc-block-shipping-information .shipping-information-title .action-edit:active:before { color: #757575; } .opc-block-shipping-information .shipping-information-content { line-height: 27px; } .opc-block-shipping-information .shipping-information-content .actions-toolbar { margin-left: 0; } .opc-block-shipping-information .ship-to, .opc-block-shipping-information .ship-via { margin: 0 0 20px; } .opc-block-summary { background: #f5f5f5; margin: 0 0 20px; padding: 22px 30px; } .opc-block-summary > .title { display: block; } .opc-block-summary .mark .value { color: #666666; display: block; } .opc-block-summary .discount.coupon { display: none; } .opc-block-summary .grand.incl + .grand.excl .mark, .opc-block-summary .grand.incl + .grand.excl .amount { border-top: 0; font-size: 1.4rem; padding-top: 0; } .opc-block-summary .grand.incl + .grand.excl .mark strong, .opc-block-summary .grand.incl + .grand.excl .amount strong { font-weight: 400; } .opc-block-summary .not-calculated { font-style: italic; } .opc-block-summary .items-in-cart > .title { border-bottom: 1px solid #d1d1d1; padding: 10px 40px 10px 0; cursor: pointer; display: block; text-decoration: none; margin-bottom: 0; position: relative; } .opc-block-summary .items-in-cart > .title > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-block-summary .items-in-cart > .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 12px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; margin: 3px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-block-summary .items-in-cart > .title:after { position: absolute; right: 0; top: 10px; } .opc-block-summary .items-in-cart > .title strong { font-size: 1.8rem; font-weight: 300; margin: 0; } .opc-block-summary .items-in-cart.active > .title:after { content: '\e621'; } .opc-block-summary .items-in-cart .product { position: relative; } .opc-block-summary .minicart-items-wrapper { margin: 0 -15px 0 0; max-height: 370px; padding: 15px 15px 0 0; border: 0; } .column.main .opc-block-summary .product-item { margin: 0; padding-left: 0; } .opc-block-summary .product-item .product-item-inner { display: table; margin: 0 0 10px; width: 100%; } .opc-block-summary .product-item .product-item-name-block { display: block; padding-right: 5px; text-align: left; } .opc-block-summary .product-item .subtotal { display: block; text-align: left; } .opc-block-summary .product-item .price { font-size: 1.6rem; font-weight: 400; } .opc-block-summary .product-item .price-including-tax + .price-excluding-tax .price { font-size: 1rem; } .opc-block-summary .product-item .message { margin-top: 10px; } .opc-block-summary .actions-toolbar { position: relative; z-index: 1; } .opc-block-summary .actions-toolbar .secondary { border-top: 1px solid #d1d1d1; display: block; margin: -1px 0 0; padding: 15px 0 0; text-align: left; } .opc-block-summary .actions-toolbar .secondary .action { margin: 0; } @media only screen and (max-width: 768px) { .opc-block-summary .product-item .product-item-inner { display: block; } .opc-block-summary .product-item .product-item-name-block { display: block; text-align: left; } .opc-block-summary .product-item .subtotal { display: block; text-align: left; } } .authentication-dropdown { box-sizing: border-box; } .authentication-dropdown .modal-inner-wrap { padding: 25px; } .authentication-wrapper { float: right; margin-top: -60px; max-width: 50%; position: relative; z-index: 1; } ._has-auth-shown .authentication-wrapper { z-index: 900; } .block-authentication .block-title { font-size: 1.8rem; border-bottom: 0; margin-bottom: 25px; } .block-authentication .block-title strong { font-weight: 300; } .block-authentication .field .label { font-weight: 400; } .block-authentication .actions-toolbar { margin-bottom: 5px; } .block-authentication .actions-toolbar > .secondary { padding-top: 25px; text-align: left; } .block-authentication .block[class] { margin: 0; } .block-authentication .block[class] ul { list-style: none; padding-left: 10px; } .block-authentication .block[class] .field .control, .block-authentication .block[class] .field .label { float: none; width: auto; } .block-authentication .block[class] + .block { border-top: 1px solid #c1c1c1; margin-top: 40px; padding-top: 40px; position: relative; } .block-authentication .block[class] + .block:before { height: 36px; line-height: 34px; margin: -19px 0 0 -18px; min-width: 36px; background: #ffffff; border: 1px solid #c1c1c1; border-radius: 50%; box-sizing: border-box; color: #c1c1c1; content: attr(data-label); display: inline-block; left: 50%; letter-spacing: normal; padding: 0 .2rem; position: absolute; text-align: center; text-transform: uppercase; top: 0; } .checkout-payment-method .step-title { border-bottom: 0; margin-bottom: 0; } .checkout-payment-method .payment-method:first-child .payment-method-title { border-top: 0; } .checkout-payment-method .payment-method._active .payment-method-content { display: block; } .checkout-payment-method .payment-method + .payment-method .payment-method-title { border-top: 1px solid #cccccc; } .checkout-payment-method .payment-method form.form-purchase-order { margin-bottom: 15px; } .checkout-payment-method .payment-method form.form-purchase-order .input-text { width: 40%; } .checkout-payment-method .payment-method-content { /** * @codingStandardsIgnoreStart */ } .checkout-payment-method .payment-method-content #po_number { margin-bottom: 20px; } .checkout-payment-method .payment-method-title { padding: 20px 0; margin: 0; } .checkout-payment-method .payment-method-title .payment-icon { display: inline-block; margin-right: 5px; vertical-align: middle; } .checkout-payment-method .payment-method-title .action-help { display: inline-block; margin-left: 5px; } .checkout-payment-method .payment-method-content { display: none; padding: 0 0 20px 22px; } .checkout-payment-method .payment-method-content .fieldset:not(:last-child) { margin: 0 0 20px; } .checkout-payment-method .payment-group + .payment-group .step-title { margin: 20px 0 0; } .checkout-payment-method .field-select-billing, .checkout-payment-method .billing-address-form { max-width: 500px; } .checkout-payment-method .billing-address-same-as-shipping-block { margin: 0 0 10px; } .checkout-payment-method .checkout-billing-address { margin: 0 0 20px; } .checkout-payment-method .checkout-billing-address .primary .action-update { margin-bottom: 20px; margin-right: 0; } .checkout-payment-method .checkout-billing-address .billing-address-details { line-height: 27px; padding: 0 0 0 23px; } .checkout-payment-method .checkout-billing-address input[type="checkbox"] { vertical-align: top; } .checkout-payment-method .payment-method-note + .checkout-billing-address { margin-top: 20px; } .checkout-payment-method .payment-method-iframe { background-color: transparent; display: none; width: 100%; } .checkout-payment-method .no-payments-block { margin: 20px 0; } .checkout-payment-method .payment-option._active .payment-option-title .action-toggle:after { content: '\e621'; } .checkout-payment-method .payment-option._collapsible .payment-option-title { cursor: pointer; } .checkout-payment-method .payment-option._collapsible .payment-option-content { display: none; } .checkout-payment-method .payment-option-title { border-top: 1px solid #cccccc; padding: 20px 0; } .checkout-payment-method .payment-option-title .action-toggle { color: #1979c3; display: inline-block; text-decoration: none; } .checkout-payment-method .payment-option-title .action-toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 32px; line-height: 16px; color: #757575; content: '\e622'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .checkout-payment-method .payment-option-title .action-toggle:hover:after { color: #333333; } .checkout-payment-method .payment-option-title .action-toggle:active:after { color: #757575; } .checkout-payment-method .payment-option-content { padding: 0 0 20px 22px; } .checkout-payment-method .payment-option-content .primary .action.action-apply { margin-right: 0; } .checkout-payment-method .payment-option-inner { margin: 0 0 20px; } .checkout-payment-method .credit-card-types { padding: 0; } .checkout-payment-method .credit-card-types .item { display: inline-block; list-style: none; margin: 0 5px 0 0; vertical-align: top; } .checkout-payment-method .credit-card-types .item._active { font-weight: 700; } .checkout-payment-method .credit-card-types .item._active img { -webkit-filter: grayscale(0%); } .checkout-payment-method .credit-card-types .item._inactive { opacity: .4; } .checkout-payment-method .credit-card-types .item span { display: inline-block; padding-top: 6px; vertical-align: top; } .checkout-payment-method .credit-card-types img { -webkit-filter: grayscale(100%); -webkit-transition: all .6s ease; } .checkout-payment-method .ccard .fields > .year { padding-left: 5px; } .checkout-payment-method .ccard .fields .select { padding-left: 5px; padding-right: 5px; } .checkout-payment-method .ccard .month .select { width: 140px; } .checkout-payment-method .ccard .year .select { width: 80px; } .checkout-payment-method .ccard .captcha .input-text, .checkout-payment-method .ccard .number .input-text { width: 225px; } .checkout-payment-method .ccard > .field.cvv > .control { display: inline-block; padding-right: 20px; } .checkout-payment-method .ccard .cvv .label { display: block; } .checkout-payment-method .ccard .cvv .input-text { width: 55px; } .checkout-payment-method .ccard.fieldset > .field .fields.group.group-2 .field { width: auto !important; } .checkout-agreements-block .checkout-agreements { margin-bottom: 20px; } .checkout-agreements-block .checkout-agreement.field { display: -webkit-flex; display: -ms-flexbox; display: flex; } .checkout-agreements-block .checkout-agreement.field.required label:after { content: none; } .checkout-agreements-block .checkout-agreement.field.required .action-show:after { content: '*'; color: #e02b27; font-size: 1.2rem; } .checkout-agreements-block .action-show { vertical-align: baseline; } .checkout-agreements-items { padding-bottom: 30px; } .checkout-agreements-items .checkout-agreements-item { margin-bottom: 20px; } .checkout-agreements-items .checkout-agreements-item-title { border-bottom: 0; } .checkout-agreement-item-content { overflow: auto; } .login-container .block-new-customer .actions-toolbar { margin-top: 25px; } .login-container .block .block-title { font-size: 1.8rem; } .login-container .fieldset:after { margin: 10px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .login-container .fieldset:after { margin-top: 35px; } .block-addresses-list .items.addresses > .item { margin-bottom: 20px; } .block-addresses-list .items.addresses > .item:last-child { margin-bottom: 0; } .block-addresses-list .items.addresses .item.actions { margin-top: 5px; } .form-address-edit .region_id { display: none; } .form-edit-account .fieldset.password { display: none; } .form-edit-account fieldset.additional_info { clear: both; } .form-create-account .fieldset-fullname .fields .field { float: none; } .form-create-account .fieldset.create.account:after { margin: 10px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .form-create-account .fieldset.create.account:after { margin-top: 35px; } .form.password.forget .fieldset:after { margin: 10px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: normal; word-spacing: normal; color: #e02b27; font-size: 1.2rem; } .form.password.forget .fieldset:after { margin-top: 35px; } .box-billing-address .box-content, .box-shipping-address .box-content, .box-address-billing .box-content, .box-address-shipping .box-content, .box-information .box-content, .box-newsletter .box-content { overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; hyphens: auto; } .account .page-title-wrapper .page-title { display: inline-block; } .account .messages { margin-bottom: 20px; } .account .column.main { margin-bottom: 30px; } .account .column.main h2 { margin-top: 0; } .account .sidebar-additional { margin-top: 40px; } .account .table-wrapper { margin-bottom: 20px; border-bottom: 1px solid #cccccc; overflow-x: auto; } .account .table-wrapper:last-child { margin-bottom: 0; } .account .data.table .col.actions .action.delete, [class^='sales-guest-'] .data.table .col.actions .action.delete, .sales-guest-view .data.table .col.actions .action.delete { color: #d10029; } .column.main .block:last-child { margin-bottom: 0; } .block .title { display: block; margin-bottom: 10px; } .block .title strong { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } .block p:last-child { margin: 0; } .block .box-actions { margin-top: 5px; } .field.password .control { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .field.password .control .mage-error { -ms-flex-order: 2; -webkit-order: 2; order: 2; } .field.password .control .input-text { -ms-flex-order: 0; -webkit-order: 0; order: 0; z-index: 2; } .password-strength-meter { background-color: #f4f4f4; height: 32px; line-height: 32px; padding: 0 9px; position: relative; z-index: 1; } .password-strength-meter:before { content: ''; height: 100%; left: 0; position: absolute; top: 0; z-index: -1; } .password-none .password-strength-meter:before { background-color: #f4f4f4; width: 100%; } .password-weak .password-strength-meter:before { background-color: #ffafae; width: 25%; } .password-medium .password-strength-meter:before { background-color: #ffd6b3; width: 50%; } .password-strong .password-strength-meter:before { background-color: #c5eeac; width: 75%; } .password-very-strong .password-strength-meter:before { background-color: #81b562; width: 100%; } .control.captcha-image { margin-top: 10px; } .control.captcha-image .captcha-img { vertical-align: middle; } .order-products-toolbar, .customer-addresses-toolbar { position: relative; } .order-products-toolbar .toolbar-amount, .customer-addresses-toolbar .toolbar-amount { position: relative; text-align: center; } .order-products-toolbar .pages, .customer-addresses-toolbar .pages { position: relative; } .additional-addresses table > thead > tr > th { white-space: nowrap; } .block-balance .price { margin-top: -10px; font-size: 3.2rem; display: inline-block; line-height: 32px; } .table-downloadable-products .product-name { font-weight: 400; margin-right: 15px; } .table-downloadable-products .action.download { display: inline-block; text-decoration: none; } .table-downloadable-products .action.download:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; line-height: inherit; color: inherit; content: '\e626'; font-family: 'icons-blank-theme'; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-product-downloadable .product-add-form { clear: both; margin-bottom: 25px; } .page-product-downloadable .product-options-bottom .field.qty { display: none; } .samples-item-title { font-size: 1.4rem; font-weight: 600; margin: 0 0 10px; } .samples-item { margin: 0 0 10px; } .field.downloads { margin-bottom: 10px; } .page-product-downloadable .product-add-form .product-options-wrapper .field.downloads > .control { width: 100%; } .field.downloads .price-container { display: inline; white-space: nowrap; } .field.downloads .price-container:before { content: ' + '; display: inline; } .field.downloads .price-excluding-tax { display: inline; } .field.downloads .price-excluding-tax:before { content: ' (' attr(data-label) ': '; } .field.downloads .price-excluding-tax:after { content: ')'; } .field.downloads .price-including-tax { display: inline; font-weight: 600; font-size: 1.4rem; } .field.downloads .field.choice { border-bottom: 1px solid #ebebeb; box-sizing: border-box; margin-bottom: 10px; padding-bottom: 10px; padding-left: 25px; position: relative; width: 100%; z-index: 1; } .field.downloads .field.choice input { left: 0; position: absolute; top: 2px; } .field.downloads .field.downloads-all { border-bottom: 0; padding-left: 0; } .field.downloads .sample.link { float: right; } .field.downloads-all .label { color: #1979c3; text-decoration: none; cursor: pointer; } .field.downloads-all .label:visited { color: #1979c3; text-decoration: none; } .field.downloads-all .label:hover { color: #006bb4; text-decoration: underline; } .field.downloads-all .label:active { color: #ff5501; text-decoration: underline; } .field.downloads-all input { opacity: 0; } .field.downloads.downloads-no-separately .field.choice { padding-left: 0; } .page-product-giftcard .giftcard-amount { border-top: 1px #c1c1c1 solid; clear: both; margin-bottom: 0; padding-top: 15px; text-align: left; } .page-product-giftcard .giftcard-amount .field:last-child { padding-bottom: 20px !important; } .page-product-giftcard .product-info-main .price-box .old-price { font-size: 20px; } .page-product-giftcard .product-info-main .price-box .price-container.price-final > span { display: block; margin-bottom: 5px; } .page-product-giftcard .product-info-main .price-box .price-container.price-final > span:last-child { margin-bottom: 0; } .page-product-giftcard .product-info-main .price-box .price-container.price-final .price { font-size: 22px; font-weight: 600; line-height: 22px; } .page-product-giftcard .product-info-main .price-box + .giftcard.form { border-top: 1px #c1c1c1 solid; padding-top: 15px; } .page-product-giftcard .product-info-main .alert { clear: left; } .page-product-giftcard .product-info-stock-sku { display: block; } .page-product-giftcard .product-add-form { border: 0; clear: none; padding-top: 0; } .page-product-giftcard .product-add-form .product-options-wrapper .field:not(.text) { margin-bottom: 20px; margin-top: 20px; } .page-product-giftcard .giftcard.form { clear: both; } .page-product-giftcard .price-box { margin-bottom: 10px; } .page-product-giftcard .product-info-price { border: 0; display: block; float: right; white-space: nowrap; width: auto; } .giftcard-account .please-wait { display: none; } .giftcard-account .form-giftcard-redeem .giftcard.info { margin-bottom: 30px; } .opc-wrapper .form-giftcard-account { max-width: 500px; } .opc-wrapper .form-giftcard-account .field { margin: 0 0 20px; } .opc-wrapper .giftcard-account-info { margin: 0 0 20px; } .opc-wrapper .giftcard-account-info .giftcard-account-number { margin: 0 0 10px; } .gift-message .field { margin-bottom: 20px; } .gift-message .field .label { color: #666666; font-weight: 400; } .gift-options { margin: 20px 0; } .gift-options .actions-toolbar .action-cancel { display: none; } .gift-options-title { font-weight: 600; margin: 0 0 20px; } .gift-options-content .fieldset { margin: 0 0 20px; } .gift-summary { margin-top: 10px; position: relative; } .gift-summary .actions-toolbar > .secondary .action { margin: 0 0 0 20px; width: auto; } .gift-summary .action-edit, .gift-summary .action-delete { display: inline-block; text-decoration: none; } .gift-summary .action-edit > span, .gift-summary .action-delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-summary .action-edit:before, .gift-summary .action-delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e601'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-summary .action-edit:hover:before, .gift-summary .action-delete:hover:before { color: #333333; } .gift-summary .action-edit:active:before, .gift-summary .action-delete:active:before { color: #757575; } .gift-summary .action-delete:before { content: '\e604'; } .action-gift { display: inline-block; text-decoration: none; } .action-gift:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.2rem; line-height: 20px; color: #757575; content: '\e622'; font-family: 'icons-blank-theme'; margin: 0 0 0 10px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .action-gift:hover:after { color: #333333; } .action-gift:active:after { color: #757575; } .action-gift.active:after, .action-gift._active:after { content: '\e621'; } .gift-summary .actions-toolbar, .cart.table-wrapper .gift-summary .actions-toolbar { padding: 0; position: absolute; right: 0; top: 0; } .cart.table-wrapper .gift-content { box-sizing: border-box; clear: left; display: none; float: left; margin-right: -100%; padding: 20px 0; width: 100%; } .cart.table-wrapper .gift-content._active { display: block; } .cart.table-wrapper .item-gift._active { border-top: 1px solid #c1c1c1; } .cart.table-wrapper .item-gift .action { margin-right: 0; } .gift-item-block { border-bottom: 1px solid #c1c1c1; margin: 0; } .gift-item-block._active .title:after { content: '\e621'; } .gift-item-block .title { color: #1979c3; cursor: pointer; margin: 0; padding: 10px 40px 10px 15px; position: relative; display: block; text-decoration: none; } .gift-item-block .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 1.2rem; line-height: 20px; color: #858585; content: '\e622'; font-family: 'icons-blank-theme'; margin: 0 0 0 10px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-item-block .title:hover:after { color: #333333; } .gift-item-block .content { padding: 10px 0 20px; position: relative; } .order-details-items .order-gift-message dt:after, .order-details-items .block-order-details-gift-message dt:after { content: ''; } .order-details-items .order-gift-message .item-message, .order-details-items .block-order-details-gift-message .item-message { clear: left; } .order-details-items .order-gift-message .item-options dt, .order-details-items .block-order-details-gift-message .item-options dt { font-weight: 400; margin: 10px 0; } .gift-messages-order { margin-bottom: 25px; } .gift-message-summary { padding-right: 7rem; } .form-giftregistry-share .actions-toolbar:not(:last-child), .form-giftregistry-edit .actions-toolbar:not(:last-child) { margin-bottom: 40px; } .form-giftregistry-share .fieldset .nested .field:not(.choice) .control, .form-giftregistry-edit .fieldset .nested .field:not(.choice) .control { width: 100%; } .giftregisty-dropdown .action.toggle { color: #1979c3; } .table-giftregistry-items .product-image { margin-right: 10px; float: left; } .cart-summary .form.giftregistry .fieldset { margin: 15px 0 5px; text-align: left; } .cart-summary .form.giftregistry .fieldset .field { margin: 0 0 10px; } .cart-summary .form.giftregistry .fieldset .field .control { float: none; width: auto; } .form-giftregistry-search { margin-bottom: 60px; } .form-giftregistry-search .fields-specific-options .field:nth-last-of-type(1) { margin-bottom: 0; } .block-giftregistry .actions-toolbar { margin: 17px 0 0; } .block-giftregistry-shared .item-options .item-value { margin: 0 0 25px; } .block-giftregistry-shared-items .item .col { border: 0; } .block-giftregistry-shared-items th { border-bottom: 1px solid #d1d1d1; } .block-giftregistry-shared-items .col { padding: 20px 11px 10px; } .block-giftregistry-shared-items .col .price-box { display: inline-block; } .block-giftregistry-shared-items .col .price-wrapper { font-size: 1.8rem; display: block; font-weight: 700; white-space: nowrap; } .block-giftregistry-shared-items .product .item-options { margin: 0; } .block-giftregistry-shared-items .product-item-photo { display: block; max-width: 65px; padding: 10px 0; } .block-giftregistry-shared-items .product-item-name { font-size: 1.8rem; display: block; margin: 0 0 5px; } .gift-wrapping .label { margin: 0 0 5px; display: inline-block; } .gift-wrapping .field { margin-bottom: 10px; } .gift-wrapping-info { font-weight: 300; font-size: 18px; margin: 20px 0; } .gift-wrapping-list { list-style: none; margin: 20px 0 10px; padding: 0; } .gift-wrapping-list .no-image { background: #f2f2f2; display: inline-block; text-decoration: none; } .gift-wrapping-list .no-image > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-list .no-image:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 4rem; color: #494949; content: '\e62a'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-list .no-image:after { display: block; } .gift-wrapping-preview, .gift-wrapping-item > span { cursor: pointer; display: block; overflow: hidden; position: relative; z-index: 1; } .gift-wrapping-item { float: left; margin: 0 10px 10px 0; } .gift-wrapping-item:last-child { margin-right: 0; } .gift-wrapping-item._active span:before { border: 3px solid #333333; box-sizing: border-box; content: ''; display: block; height: 100%; position: absolute; width: 100%; z-index: 2; } .gift-wrapping-item > span { height: 4rem; width: 4rem; } .gift-wrapping-title { margin: 10px 0; } .gift-wrapping-title .action-remove { margin: -5px 0 0 5px; display: inline-block; text-decoration: none; } .gift-wrapping-title .action-remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .gift-wrapping-title .action-remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e604'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gift-wrapping-title .action-remove:hover:before { color: #333333; } .gift-wrapping-title .action-remove:active:before { color: #757575; } .gift-options-content .fieldset .field { margin: 10px 0; } .gift-wrapping-summary { padding-right: 7rem; } .gift-wrapping-summary .gift-wrapping-title { border: 0; display: inline-block; padding: 0; } .opc-wrapper .fieldset.gift-message .field.gift-wrapping { padding: 0; width: 100%; } .opc-wrapper .data.table .gift-wrapping, .table-order-items .gift-wrapping { margin: 20px 0 0; } .opc-wrapper .data.table .gift-wrapping .title, .table-order-items .gift-wrapping .title { float: none; } .opc-wrapper .data.table .gift-wrapping .content, .table-order-items .gift-wrapping .content { margin: 0; } .opc-wrapper .data.table .gift-wrapping .content > img, .table-order-items .gift-wrapping .content > img { float: left; margin: 0 10px 0 0; max-height: 50px; max-width: 50px; } .gift-summary .price-box, .gift-options .price-box { margin-left: 22px; } .gift-summary .regular-price:before, .gift-options .regular-price:before { content: attr(data-label) ': '; } .gift-summary .regular-price .price, .gift-options .regular-price .price { font-weight: 700; } .order-options .item { padding-bottom: 20px; } .order-options .product { margin-bottom: 10px; } .order-options .product-image-container { float: left; padding-right: 10px; } .order-options .gift-wrapping { margin-bottom: 10px; } .table-wrapper.grouped { width: auto; } .table.grouped .row-tier-price > td { border-top: 0; } .table.grouped .col.item { width: 90%; } .table.grouped .col.qty { width: 10%; } .table.grouped .product-item-name { display: inline-block; font-weight: 400; margin-bottom: 10px; } .table.grouped .price-box p { margin: 0; } .table.grouped .price-box .price { font-weight: 700; } .table.grouped .price-box .old-price .price { font-weight: normal; } .table.grouped .stock.unavailable { font-weight: normal; margin: 0; text-transform: none; white-space: nowrap; } .page-product-grouped .product-info-main .alert { clear: left; } .page-product-grouped .box-tocart { margin-top: 10px; } .box-tocart .action.instant-purchase { vertical-align: top; } .box-tocart .action.instant-purchase:not(:last-child) { margin-bottom: 15px; } .form-add-invitations .additional, .form-add-invitations .field.message { margin-top: 20px; } .form-add-invitations .action.remove { top: 4px; } .form-add-invitations .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .form-add-invitations .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 22px; color: inherit; content: '\e61c'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.add:hover:before { color: inherit; } .form-add-invitations .action.add:active:before { color: inherit; } .filter.block { margin-bottom: 0; } .filter-title strong { background-color: #f0f0f0; box-shadow: inset 0 1px 0 0 #ffffff, inset 0 -1px 0 0 rgba(209, 209, 209, 0.3); border: 1px solid #d1d1d1; border-radius: 3px; font-weight: 400; left: 0; line-height: 16px; padding: 7px 10px; position: absolute; text-align: center; top: 0; z-index: 2; } .filter-title strong[data-count]:after { color: #ffffff; background: #ff5501; border-radius: 2px; content: attr(data-count); display: inline-block; font-size: .8em; line-height: 1; margin: 0 5px; min-width: 1em; padding: 2px; } .filter-title strong.disabled { opacity: .5; } .filter .block-subtitle { border-bottom: 1px solid #d1d1d1; font-size: 14px; font-weight: 600; line-height: 1em; padding: 10px 10px 20px; } .filter-subtitle { display: none; } .filter-current { margin: 0; } .filter-current .items { padding: 5px 10px; } .filter-current .item { padding-left: 17px; position: relative; z-index: 1; } .filter .filter-current-subtitle { border: none; display: block; padding-bottom: 10px; } .filter-current .action.remove { left: -2px; position: absolute; top: -1px; } .filter-actions { margin-bottom: 25px; padding: 0 10px; } .filter-label { font-weight: 700; } .filter-label:after { content: ': '; } .filter-value { color: #757575; } .filter-options { display: none; margin: 0; } .filter-options-item { border-bottom: 1px solid #d1d1d1; padding-bottom: 10px; } .filter-options-title { cursor: pointer; font-weight: 600; margin: 0; overflow: hidden; padding: 10px 40px 0 10px; position: relative; text-transform: uppercase; word-break: break-all; z-index: 1; display: block; text-decoration: none; } .filter-options-title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter-options-title:after { position: absolute; right: 13px; top: 12px; } .filter-options-title:hover { color: #000000; } .active > .filter-options-title:after { content: '\e621'; } .filter-options-content { margin: 0; padding: 10px; } .filter-options-content .item { line-height: 1.5em; margin: 10px 0; } .filter-options-content a { color: #494949; margin-left: -5px; margin-right: -5px; padding-left: 5px; padding-right: 7px; } .filter-options-content a:hover { background-color: #e8e8e8; text-decoration: none; } .filter-options-content a:hover + .count { background-color: #e8e8e8; } .filter-options-content .count { color: #757575; font-weight: 300; padding-left: 5px; padding-right: 5px; } .filter-options-content .count:before { content: '('; } .filter-options-content .count:after { content: ')'; } .map-popup-wrapper.popup .action.close { top: 10px; } .map-popup { background: #ffffff; border: 1px solid #aeaeae; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; left: 0; margin-top: 10px; position: absolute; top: 0; z-index: 1001; display: none; opacity: 0; box-sizing: border-box; } .map-popup .popup-header { margin: 0 0 25px; padding-right: 22px; } .map-popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; } .map-popup .popup-actions .action.close { position: absolute; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 10px; top: 10px; } .map-popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .map-popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e616'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .map-popup .popup-actions .action.close:hover:before { color: inherit; } .map-popup .popup-actions .action.close:active:before { color: inherit; } .map-popup .popup-actions .action.close:focus, .map-popup .popup-actions .action.close:active { background: none; border: none; } .map-popup .popup-actions .action.close:hover { background: none; border: none; } .map-popup .popup-actions .action.close.disabled, .map-popup .popup-actions .action.close[disabled], fieldset[disabled] .map-popup .popup-actions .action.close { pointer-events: none; opacity: 0.5; } .map-popup.active { opacity: 1; } .map-popup .map-info-price { margin: 0 0 20px; } .map-popup .map-info-price .price-box { margin: 0 0 20px; } .map-popup .map-info-price .price-box .label:after { content: ': '; } .map-popup .action.primary, .map-popup .amshopby-button, .map-popup .am-filter-go { margin-right: 10px; } .map-popup .map-msrp { margin-bottom: 10px; } .map-popup .actual-price { margin: 3px 0 15px; } .map-popup .regular-price .price-label { display: none; } .map-popup .popup-header { display: none; } .map-old-price { text-decoration: none; } .map-old-price .price-wrapper { text-decoration: line-through; } .map-fallback-price { display: none; } .map-old-price, .product-item .map-old-price, .product-info-price .map-show-info { display: inline-block; min-width: 10rem; } .map-old-price:not(:last-child), .product-item .map-old-price:not(:last-child), .product-info-price .map-show-info:not(:last-child) { margin-right: 10px; } .product-options-bottom .price-box .old-price .price-container > span, .product-info-price .price-box .old-price .price-container > span { display: inline; } .map-form-addtocart { display: inline-block; text-align: center; } .map-form-addtocart img { display: block; margin: 0 auto; } button.map-show-info { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; } button.map-show-info:focus, button.map-show-info:active { background: none; border: none; } button.map-show-info:hover { background: none; border: none; } button.map-show-info.disabled, button.map-show-info[disabled], fieldset[disabled] button.map-show-info { pointer-events: none; opacity: 0.5; } button.map-show-info:visited { color: #1979c3; text-decoration: none; } button.map-show-info:hover { color: #006bb4; text-decoration: underline; } button.map-show-info:active { color: #ff5501; text-decoration: underline; } button.map-show-info:hover, button.map-show-info:active, button.map-show-info:focus { background: none; border: 0; } button.map-show-info.disabled, button.map-show-info[disabled], fieldset[disabled] button.map-show-info { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .wishlist.split.button { display: inline-block; position: relative; margin-right: 5%; vertical-align: middle; } .wishlist.split.button:before, .wishlist.split.button:after { content: ''; display: table; } .wishlist.split.button:after { clear: both; } .wishlist.split.button .action.split { float: left; margin: 0; } .wishlist.split.button .action.toggle { float: right; margin: 0; } .wishlist.split.button .action.toggle { padding: 4px 5px; display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 22px; color: #666666; content: '\e622'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle:hover:after { color: #333333; } .wishlist.split.button .action.toggle:active:after { color: inherit; } .wishlist.split.button .action.toggle.active { display: inline-block; text-decoration: none; } .wishlist.split.button .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.split.button .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 22px; color: #666666; content: '\e621'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.split.button .action.toggle.active:hover:after { color: #333333; } .wishlist.split.button .action.toggle.active:active:after { color: inherit; } .wishlist.split.button .items { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 200px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .wishlist.split.button .items li { margin: 0; padding: 5px 5px 5px 23px; } .wishlist.split.button .items li:hover { background: #e8e8e8; cursor: pointer; } .wishlist.split.button .items:before, .wishlist.split.button .items:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .wishlist.split.button .items:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .wishlist.split.button .items:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .wishlist.split.button .items:before { left: 10px; top: -12px; } .wishlist.split.button .items:after { left: 9px; top: -14px; } .wishlist.split.button.active { overflow: visible; } .wishlist.split.button.active .items { display: block; } .wishlist.split.button .items { padding: 6px 0; text-align: left; } .wishlist.split.button .items .item > span { display: block; padding: 5px 5px 5px 23px; } .wishlist.split.button .items li { padding: 0; } .wishlist.split.button > .action.split { margin-right: 5px; } .wishlist.split.button > .action.split:before { content: '\e600'; } .wishlist.split.button > .action.split:before { margin: 0; width: 18px; } .wishlist.split.button > .action:active, .wishlist.split.button > .action:focus, .wishlist.split.button > .action:hover { color: #333333; } .wishlist.split.button > .action.toggle:before { border-left: 1px solid #666666; content: ''; float: left; height: 15px; margin: 3px 4px 0 0; } .cart.table-wrapper .wishlist.split.button { vertical-align: baseline; } .cart.table-wrapper .wishlist.split.button > .action.split { font-weight: normal; letter-spacing: normal; text-transform: none; } .cart.table-wrapper .wishlist.split.button > .action.toggle:after { color: #1979c3; } .cart.table-wrapper .wishlist.split.button > .action.split, .cart.table-wrapper .wishlist.split.button > .action.toggle { color: #1979c3; } .cart.table-wrapper .wishlist.split.button > .action.split:before, .cart.table-wrapper .wishlist.split.button > .action.toggle:before { display: none; } .wishlist.window.popup { background: #ffffff; border: 1px solid #aeaeae; padding: 22px; width: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); transition: opacity 0.3s linear; bottom: 0; left: 0; position: fixed; right: 0; top: 0; z-index: 1001; display: none; opacity: 0; box-sizing: border-box; } .wishlist.window.popup .popup-header { margin: 0 0 25px; padding-right: 22px; } .wishlist.window.popup .popup-header .title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; } .wishlist.window.popup .popup-actions .action.close { position: absolute; display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; right: 10px; top: 10px; } .wishlist.window.popup .popup-actions .action.close > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .wishlist.window.popup .popup-actions .action.close:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 22px; line-height: 22px; color: inherit; content: '\e616'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .wishlist.window.popup .popup-actions .action.close:hover:before { color: inherit; } .wishlist.window.popup .popup-actions .action.close:active:before { color: inherit; } .wishlist.window.popup .popup-actions .action.close:focus, .wishlist.window.popup .popup-actions .action.close:active { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close:hover { background: none; border: none; } .wishlist.window.popup .popup-actions .action.close.disabled, .wishlist.window.popup .popup-actions .action.close[disabled], fieldset[disabled] .wishlist.window.popup .popup-actions .action.close { pointer-events: none; opacity: 0.5; } .wishlist.window.popup.active { opacity: 1; } .wishlist.window.popup.active { display: block; } .wishlist.overlay { transition: opacity 0.15s linear; background: #000000; z-index: 899; bottom: 0; left: 0; opacity: 0; position: fixed; right: 0; top: 0; } .wishlist.overlay.active { opacity: 0.5; filter: alpha(opacity=50); } .wishlist.overlay.active { display: block; } .wishlist-dropdown.move .action.toggle, .wishlist-dropdown.copy .action.toggle { color: #1979c3; } .page-multiple-wishlist .actions-toolbar > .primary { display: block; float: none; text-align: left; } .page-multiple-wishlist .actions-toolbar > .primary .action.remove { float: right; } .block-wishlist-management { position: relative; } .block-wishlist-management .wishlist-select .wishlist-name-label { font-weight: 600; } .block-wishlist-management .wishlist-title { margin-bottom: 10px; } .block-wishlist-management .wishlist-title strong { font-weight: 300; margin-right: 10px; } .block-wishlist-management .wishlist-notice { color: #7d7d7d; display: inline-block; margin-right: 20px; } .block-wishlist-management .wishlist-notice.private { display: inline-block; text-decoration: none; } .block-wishlist-management .wishlist-notice.private:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: inherit; line-height: inherit; color: #a3a3a3; content: '\e629'; font-family: 'icons-blank-theme'; margin: 0 5px 0 0; vertical-align: text-bottom; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { display: inline-block; } .block-wishlist-management .wishlist-toolbar-select { margin-right: 20px; } .block-wishlist-management .wishlist-toolbar .copy .dropdown { right: 0; } .block-wishlist-management .wishlist-toolbar .copy .dropdown:before { left: auto; right: 11px; } .block-wishlist-management .wishlist-toolbar .copy .dropdown:after { left: auto; right: 10px; } .block-wishlist-management .wishlist-dropdown.move { margin-right: 20px; } .block-wishlist-search-form .form-wishlist-search { margin-bottom: 60px; max-width: 500px; } .block-wishlist-search-results .table-wrapper { border-top: none; } .block-wishlist-info-items .block-title { margin-bottom: 20px; font-size: 2.2rem; } .block-wishlist-info-items .block-title > strong { font-weight: 300; } .block-wishlist-info-items .product-item { width: 100%; } .block-wishlist-info-items .product-item-photo { margin-left: 20px; } .block-wishlist-info-items .product-item-info { width: auto; } .block-wishlist-info-items .product-item-info:hover .split { visibility: visible; } .block-wishlist-info-items .price-wrapper { display: block; margin: 0 0 10px; } .block-wishlist-info-items .split { clear: both; padding: 10px 0; visibility: hidden; } .block-wishlist-info-items .wishlist-dropdown .change { color: #1979c3; } .block-wishlist-info-items .action.towishlist { padding: 10px 0; } .block-wishlist-info-items .input-text.qty { margin-right: 10px; } .multicheckout.results h3, .multicheckout.success h3 { font-size: 1.6rem; margin-bottom: 20px; margin-top: 30px; } .multicheckout.results h3 a, .multicheckout.success h3 a { color: #333333; } .multicheckout.results h3 a:hover, .multicheckout.success h3 a:hover { text-decoration: none; } .multicheckout.results ul.orders-list, .multicheckout.success ul.orders-list { list-style: none; padding-left: 0; } .multicheckout.results .orders-list, .multicheckout.success .orders-list { margin-top: 25px; padding-left: 16px; } .multicheckout.results .orders-list .shipping-list .shipping-item, .multicheckout.success .orders-list .shipping-list .shipping-item { margin-left: 84px; } .multicheckout.results .orders-list .shipping-list .shipping-label, .multicheckout.success .orders-list .shipping-list .shipping-label { font-weight: 700; margin-right: 10px; } .multicheckout.results .orders-list .shipping-list .shipping-address, .multicheckout.success .orders-list .shipping-list .shipping-address { font-weight: 400; } .multicheckout.results .orders-list .shipping-list .error-block, .multicheckout.success .orders-list .shipping-list .error-block { color: #e02b27; } .multicheckout.results .orders-list .shipping-list .error-block .error-label, .multicheckout.success .orders-list .shipping-list .error-block .error-label { font-weight: 700; margin-right: 10px; } .multicheckout.results .orders-list .shipping-list .error-block .error-description, .multicheckout.success .orders-list .shipping-list .error-block .error-description { font-weight: 400; } .multicheckout.results .orders-succeed .orders-list, .multicheckout.success .orders-succeed .orders-list { margin-top: 0; } .multicheckout.results .orders-succeed .orders-list .shipping-list .order-id, .multicheckout.success .orders-succeed .orders-list .shipping-list .order-id { float: left; } .multicheckout.results .orders-succeed .orders-list .shipping-list .shipping-item, .multicheckout.success .orders-succeed .orders-list .shipping-list .shipping-item { margin-left: 100px; } .multicheckout .title { margin-bottom: 30px; } .multicheckout .title strong { font-weight: 400; } .multicheckout .table-wrapper { margin-bottom: 0; } .multicheckout .table-wrapper .action.delete { display: inline-block; } .multicheckout .table-wrapper .col .qty { display: inline-block; } .multicheckout .table-wrapper .col.item .action.edit { font-weight: 400; margin-left: 10px; } .multicheckout:not(.address) .table-wrapper .product-item-name { margin: 0; } .multicheckout > .actions-toolbar { margin-top: 40px; } .multicheckout .actions-toolbar > .secondary { display: block; } .multicheckout .actions-toolbar > .secondary .action { margin-bottom: 25px; } .multicheckout .actions-toolbar > .secondary .action.back { display: block; margin-left: 0; } .multicheckout .actions-toolbar > .primary { margin-right: 10px; } .multicheckout .item-options { margin: 10px 0 0; } .multicheckout .block .methods-shipping .item-content .fieldset > .field:before { display: none; } .multicheckout .block .methods-shipping .item-content .fieldset > .field .control { display: inline-block; } .multicheckout .block-title, .multicheckout .block-content .title { border-bottom: 1px solid #d1d1d1; padding-bottom: 10px; } .multicheckout .block-title strong, .multicheckout .block-content .title strong { font-weight: 400; } .multicheckout .block-title strong span, .multicheckout .block-content .title strong span { color: #a6a6a6; } .multicheckout .block-content .title { border-bottom: none; padding-bottom: 0; } .multicheckout.order-review .block-title > strong { font-size: 2.4rem; } .multicheckout.order-review .block-shipping .block-content:not(:last-child) { margin-bottom: 40px; } .multicheckout.order-review .error-description { color: #e02b27; font-weight: 400; margin-bottom: 10px; margin-top: -10px; } .multicheckout .box-title span { margin-right: 10px; } .multicheckout .box-title > .action { margin: 0; } .multicheckout .box-shipping-method .price { font-weight: 700; } .multicheckout .box-billing-method .fieldset { margin: 0; } .multicheckout .box-billing-method .fieldset .legend.box-title { margin: 0 0 5px; } .multicheckout .checkout-review .grand.totals { font-size: 2.1rem; margin-bottom: 40px; } .multicheckout .checkout-review .grand.totals .mark { font-weight: 400; } [class^='multishipping-'] .logo { margin-left: 0; } .multishipping-checkout-success .nav-sections { display: block; } .block.newsletter { margin-bottom: 20px; } .block.newsletter .form.subscribe { display: table; width: 100%; } .block.newsletter .fieldset { display: table-cell; margin: 0; padding: 0; vertical-align: top; } .block.newsletter .field { margin: 0; } .block.newsletter .field .control { display: inline-block; text-decoration: none; display: block; } .block.newsletter .field .control:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 32px; color: #c2c2c2; content: '\e61d'; font-family: 'icons-blank-theme'; margin: 0 0 0 8px; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block.newsletter .field .control:before { position: absolute; } .block.newsletter input { margin-right: 35px; padding: 0 0 0 35px; } .block.newsletter .title { display: none; } .block.newsletter .actions { display: table-cell; vertical-align: top; width: 1%; } .block.newsletter .action.subscribe { border-bottom-left-radius: 0; border-top-left-radius: 0; margin-left: -1px; white-space: nowrap; } .data.switch .counter { color: #7d7d7d; } .data.switch .counter:before { content: '('; } .data.switch .counter:after { content: ')'; } .rating-summary { overflow: hidden; white-space: nowrap; } .rating-summary .rating-result { width: 100px; display: inline-block; position: relative; vertical-align: middle; } .rating-summary .rating-result:before { left: 0; position: absolute; top: 0; width: 100%; z-index: 1; -webkit-font-smoothing: antialiased; color: #c7c7c7; font-family: 'icons-blank-theme'; font-size: 28px; height: 28px; letter-spacing: -10px; line-height: 28px; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span { display: block; overflow: hidden; } .rating-summary .rating-result > span:before { position: relative; z-index: 2; -webkit-font-smoothing: antialiased; color: #ff5501; font-family: 'icons-blank-theme'; font-size: 28px; height: 28px; letter-spacing: -10px; line-height: 28px; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; font-style: normal; font-weight: normal; speak: none; } .rating-summary .rating-result > span span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .product-reviews-summary .rating-summary .label, .table-reviews .rating-summary .label { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote { overflow: hidden; } .review-control-vote:before { color: #c7c7c7; font-family: 'icons-blank-theme'; font-size: 28px; height: 28px; letter-spacing: -10px; line-height: 28px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; content: '\e605' '\e605' '\e605' '\e605' '\e605'; display: block; position: absolute; z-index: 1; } .review-control-vote input[type="radio"] { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote input[type="radio"]:hover + label:before, .review-control-vote input[type="radio"]:checked + label:before { opacity: 1; } .review-control-vote label { cursor: pointer; display: block; position: absolute; } .review-control-vote label span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .review-control-vote label:before { color: #ff5501; font-family: 'icons-blank-theme'; font-size: 28px; height: 28px; letter-spacing: -10px; line-height: 28px; font-style: normal; font-weight: normal; speak: none; vertical-align: top; -webkit-font-smoothing: antialiased; opacity: 0; } .review-control-vote label:hover:before { opacity: 1; } .review-control-vote label:hover ~ label:before { opacity: 0; } .review-control-vote .rating-5 { z-index: 2; } .review-control-vote .rating-5:before { content: '\e605' '\e605' '\e605' '\e605' '\e605'; } .review-control-vote .rating-4 { z-index: 3; } .review-control-vote .rating-4:before { content: '\e605' '\e605' '\e605' '\e605'; } .review-control-vote .rating-3 { z-index: 4; } .review-control-vote .rating-3:before { content: '\e605' '\e605' '\e605'; } .review-control-vote .rating-2 { z-index: 5; } .review-control-vote .rating-2:before { content: '\e605' '\e605'; } .review-control-vote .rating-1 { z-index: 6; } .review-control-vote .rating-1:before { content: '\e605'; } .review-control-vote:before { content: '\e625' '\e625' '\e625' '\e625' '\e625'; } .products-reviews-toolbar { position: relative; } .products-reviews-toolbar .toolbar-amount { position: relative; text-align: center; } .review-toolbar { border-top: 1px solid #c9c9c9; margin: 0 0 20px; padding: 0; text-align: center; } .review-toolbar:first-child { display: none; } .review-toolbar .pages { border-bottom: 1px solid #c9c9c9; display: block; padding: 20px 0; text-align: center; } .review-toolbar .limiter { display: none; } .review-add .block-title { display: none; } .review-form .action.submit.primary { background: #f2f2f2; border: 1px solid #cdcdcd; color: #333333; font-size: 1.4rem; line-height: 1.6rem; padding: 7px 15px; margin: 0; } .review-form .action.submit.primary:focus, .review-form .action.submit.primary:active { background: #e2e2e2; border: 1px solid #cdcdcd; color: #333333; } .review-form .action.submit.primary:hover { background: #e2e2e2; border: 1px solid #cdcdcd; color: #555555; } .review-form .actions-toolbar .actions-primary { padding: 0; } .fieldset .review-legend.legend { border-bottom: 0; line-height: 1.3; margin-bottom: 20px; padding: 0; } .fieldset .review-legend.legend span { margin: 0; } .fieldset .review-legend.legend strong { display: block; font-weight: 600; } .fieldset .review-field-ratings > .label { font-weight: 600; margin-bottom: 10px; padding: 0; } .review-control-vote label:before, .review-control-vote:before { font-size: 32px; height: 32px; letter-spacing: 10px; line-height: 32px; } .review-field-rating .label { font-weight: 600; } .review-field-rating .control { margin-bottom: 48px; margin-top: 10px; } .review-list { margin-bottom: 30px; } .review-list .block-title strong { font-weight: 300; line-height: 1.1; font-size: 2.6rem; margin-top: 2.5rem; margin-bottom: 2rem; } .review-item { border-bottom: 1px solid #c9c9c9; margin: 0; padding: 20px 0; } .review-item:after { clear: both; content: ''; display: table; } .review-item:last-child { border-width: 0; } .review-ratings { display: table; margin-bottom: 10px; max-width: 100%; } .review-author { display: inline; } .review-author .review-details-value { font-weight: 400; } .review-date { display: inline; } .review-title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; margin: 0 0 20px; } .review-content { margin-bottom: 20px; } .page-main .column .review-add { margin-bottom: 0; } .data.table.reviews .rating-summary { margin-top: -4px; } .customer.review.view .review.title, .customer.review.view .ratings.summary.items, .customer.review.view .product.details { margin-bottom: 20px; } .product-reviews-summary { margin-bottom: 5px; } .products.wrapper.list .product-reviews-summary { margin: 0 auto; } .product-reviews-summary .rating-summary { display: inline-block; vertical-align: middle; } .product-reviews-summary .reviews-actions { display: inline-block; font-size: 11px; vertical-align: middle; } .product-reviews-summary .reviews-actions a:not(:last-child) { margin-right: 30px; } .product-reviews-summary .reviews-actions .action.add { white-space: nowrap; } .product-info-main .rating-summary, .customer-review .rating-summary { margin-right: 30px; } .block-reviews-dashboard .items .item { margin-bottom: 20px; } .block-reviews-dashboard .items .item:last-child { margin-bottom: 0; } .block-reviews-dashboard .product-name { display: inline-block; } .block-reviews-dashboard .product-name:not(:last-child) { margin-bottom: 5px; } .block-reviews-dashboard .rating-summary .label { font-weight: 600; margin-right: 10px; vertical-align: middle; } .table-reviews .product-name, .block-reviews-dashboard .product-name { font-weight: 400; } .table-reviews .rating-summary { display: inline-block; vertical-align: baseline; } .customer-review .product-media { float: left; margin-right: 3%; max-width: 285px; width: 30%; } .customer-review .review-details { margin: 0; } .customer-review .review-details .customer-review-rating { margin-bottom: 20px; } .customer-review .review-details .customer-review-rating .item { margin-bottom: 10px; } .customer-review .review-details .customer-review-rating .item:last-child { margin-bottom: 0; } .customer-review .review-details .review-title { font-weight: 300; line-height: 1.1; font-size: 1.8rem; margin-top: 1.5rem; margin-bottom: 1rem; font-weight: 600; margin-bottom: 20px; } .customer-review .review-details .review-content { margin: 0; margin-bottom: 20px; } .customer-review .review-details .review-date { color: #a6a6a6; } .block-reward-info .reward-balance { font-size: 1.8rem; margin-bottom: 25px; } .block-reward-info .reward-rates:not(:last-child), .block-reward-info .reward-limit:not(:last-child), .block-reward-info .reward-expiring:not(:last-child) { margin-bottom: 25px; } .block-reward-info .reward-rates .title, .block-reward-info .reward-limit .title, .block-reward-info .reward-expiring .title { display: inline-block; margin-bottom: 10px; } .order-details-items.rma .order-title { display: none; } .order-details-items.rma .order-title + .toolbar { display: none; } .form-create-return .additional:first-child { margin-top: 0; } .form-create-return .field.comment { margin-top: 55px; } .table-wrapper.table-returns .returns-details.hidden { display: none; } .block-returns-comments .returns-comments dt, .block-returns-comments .returns-comments dd { margin: 0; } .block-returns-comments .returns-comments dt { font-weight: 400; } .block-returns-comments .returns-comments dd { margin-bottom: 15px; } .block-returns-comments .returns-comments dd:last-child { margin-bottom: 0; } .block-returns-comments .fieldset { margin-bottom: 20px; } .magento-rma-guest-create .order-links .item a { line-height: 1.42857143; margin: 0 30px 0 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; } .magento-rma-guest-create .order-links .item a:visited { color: #1979c3; text-decoration: none; } .magento-rma-guest-create .order-links .item a:hover { color: #006bb4; text-decoration: underline; } .magento-rma-guest-create .order-links .item a:active { color: #ff5501; text-decoration: underline; } .magento-rma-guest-create .order-links .item a:hover, .magento-rma-guest-create .order-links .item a:active, .magento-rma-guest-create .order-links .item a:focus { background: none; border: 0; } .magento-rma-guest-create .order-links .item a.disabled, .magento-rma-guest-create .order-links .item a[disabled], fieldset[disabled] .magento-rma-guest-create .order-links .item a { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } #registrant-options .item .control table .col.qty .input-qty { display: none; } .order-links .item { line-height: 20px; margin: 0 0 -1px; } .order-links .item strong { background: #ffffff; border: 1px solid #d1d1d1; display: block; font-weight: 600; padding: 0 20px; } .order-links .item a { background: #f0f0f0; color: #7d7d7d; border: 1px solid #d1d1d1; display: block; font-weight: 600; padding: 0 20px; } .order-links .item a:hover { background: #fcfcfc; text-decoration: none; } .order-details-items { border: 1px solid #d1d1d1; margin-bottom: 40px; padding: 10px; } .order-details-items .order-title { border-bottom: 1px solid #d1d1d1; padding: 0 0 10px; } .order-details-items .order-title > strong { font-size: 2.4rem; font-weight: 300; } .order-details-items .order-title .action { display: inline-block; } .order-details-items .table-wrapper { margin: 0; } .order-details-items .table-wrapper + .actions-toolbar { display: none; } .order-details-items .table-wrapper:not(:last-child) { margin-bottom: 30px; } .order-details-items .table-wrapper.order-items-shipment { overflow: visible; } .order-details-items .table-order-items > thead > tr > th { border-bottom: 1px solid #d1d1d1; } .order-details-items .table-order-items tbody + tbody { border-top: 1px solid #d1d1d1; } .account .order-details-items .table-order-items tbody tr:nth-child(even) td { background: none; } .order-details-items .table-order-items tbody td { padding-bottom: 20px; padding-top: 20px; } .order-details-items .table-order-items tbody .col.label { font-weight: 700; padding-bottom: 5px; padding-top: 0; } .order-details-items .table-order-items tbody .col.options { padding: 10px 10px 15px; } .order-details-items .table-order-items tbody > .item-parent td { padding-bottom: 5px; } .order-details-items .table-order-items tbody > .item-parent + tr td { padding-top: 5px; } .order-details-items .table-order-items tbody .item-options-container td { padding-bottom: 15px; padding-top: 0; } .order-details-items .table-order-items .product-item-name { margin: 0 0 10px; } .order-details-items .item-options { margin: 0; } .order-details-items .item-options dt { margin: 0; } .order-details-items .item-options dd { margin: 0 0 15px; } .order-details-items .item-options dd:last-child { margin-bottom: 0; } .order-details-items .item-options.links dt { display: inline-block; } .order-details-items .item-options.links dt:after { content: ': '; } .order-details-items .item-options.links dd { margin: 0; } .order-details-items thead .col.qty { text-align: center; } .order-details-items .col.name { padding-top: 16px; } .order-details-items .action.show { display: inline-block; text-decoration: none; color: #333333; } .order-details-items .action.show > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .order-details-items .action.show:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .order-details-items .action.show.expanded:after { content: '\e621'; } .order-details-items .product-item-name { font-size: 1.8rem; } .order-details-items .items-qty .item { white-space: nowrap; } .order-details-items .items-qty .title:after { content: ': '; } .order-details-items .pages-items .item:first-child, .order-details-items .pages-items .item:last-child { margin-right: 0; } .block-order-details-comments { margin: 0 0 40px; } .block-order-details-comments .comment-date { font-weight: 600; } .block-order-details-comments .comment-content { line-height: 1.6; margin: 0 0 20px; } .block-order-details-view .block-content .box { margin-bottom: 30px; } .block-order-details-view .box-title { font-weight: 600; } .block-order-details-view .box-content .payment-method .title { font-weight: 400; } .block-order-details-view .box-content .payment-method .content { margin: 0; } .block-order-details-view .box-content .payment-method .content > strong { font-weight: 400; } .block-order-details-view .box-content .payment-method .content > strong:after { content: ': '; } .column.main .order-details-items .block-order-details-gift-message { margin: 40px 0 0; } .block-order-details-gift-message + .actions-toolbar { display: none; } .order-tracking { margin: 0; padding: 20px 0; } .order-title + .order-tracking { border-bottom: 1px solid #d1d1d1; } .order-tracking .tracking-title { display: inline-block; } .order-tracking .tracking-content { display: inline-block; margin: 0 0 0 5px; } .order-actions-toolbar { margin-bottom: 25px; } .order-actions-toolbar .action { margin-right: 30px; } .order-actions-toolbar .action.print { display: none; margin: 0; } .form-orders-search .field:last-child { margin-bottom: 20px; } .block-reorder .actions-toolbar { margin: 17px 0; } .block-reorder .product-item-name { float: left; width: calc(100% - 20px); } .block-reorder .product-item::after { clear: both; content: ''; display: table; } .block-reorder .product-item .field.item { float: left; width: 20px; } .form.send.friend .fieldset .field .control { width: 100%; } .product-social-links .action.mailto.friend:before { content: '\e61d'; } .my-credit-cards .status { font-style: italic; } .my-credit-cards .action.delete { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; } .my-credit-cards .action.delete:focus, .my-credit-cards .action.delete:active { background: none; border: none; } .my-credit-cards .action.delete:hover { background: none; border: none; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { pointer-events: none; opacity: 0.5; } .my-credit-cards .action.delete:visited { color: #1979c3; text-decoration: none; } .my-credit-cards .action.delete:hover { color: #006bb4; text-decoration: underline; } .my-credit-cards .action.delete:active { color: #ff5501; text-decoration: underline; } .my-credit-cards .action.delete:hover, .my-credit-cards .action.delete:active, .my-credit-cards .action.delete:focus { background: none; border: 0; } .my-credit-cards .action.delete.disabled, .my-credit-cards .action.delete[disabled], fieldset[disabled] .my-credit-cards .action.delete { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .my-credit-cards-popup .modal-footer { text-align: right; } .my-credit-cards-popup .action.secondary { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; margin-right: 20px; } .my-credit-cards-popup .action.secondary:focus, .my-credit-cards-popup .action.secondary:active { background: none; border: none; } .my-credit-cards-popup .action.secondary:hover { background: none; border: none; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { pointer-events: none; opacity: 0.5; } .my-credit-cards-popup .action.secondary:visited { color: #1979c3; text-decoration: none; } .my-credit-cards-popup .action.secondary:hover { color: #006bb4; text-decoration: underline; } .my-credit-cards-popup .action.secondary:active { color: #ff5501; text-decoration: underline; } .my-credit-cards-popup .action.secondary:hover, .my-credit-cards-popup .action.secondary:active, .my-credit-cards-popup .action.secondary:focus { background: none; border: 0; } .my-credit-cards-popup .action.secondary.disabled, .my-credit-cards-popup .action.secondary[disabled], fieldset[disabled] .my-credit-cards-popup .action.secondary { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .toolbar.wishlist-toolbar .limiter { float: right; } .toolbar.wishlist-toolbar .main .pages { display: inline-block; position: relative; z-index: 0; } .toolbar.wishlist-toolbar .toolbar-amount, .toolbar.wishlist-toolbar .limiter { display: inline-block; z-index: 1; } .product-social-links .action.towishlist:before, .block-bundle-summary .action.towishlist:before, .product-item .action.towishlist:before, .table-comparison .action.towishlist:before { content: '\e600'; } .account .table-wrapper .data.table.wishlist > thead > tr > th, .account .table-wrapper .data.table.wishlist > tbody > tr > th, .account .table-wrapper .data.table.wishlist > tfoot > tr > th, .account .table-wrapper .data.table.wishlist > thead > tr > td, .account .table-wrapper .data.table.wishlist > tbody > tr > td, .account .table-wrapper .data.table.wishlist > tfoot > tr > td { border-top: 1px solid #d1d1d1; } .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > th, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > th, .account .table-wrapper .data.table.wishlist > caption + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > colgroup + thead > tr:first-child > td, .account .table-wrapper .data.table.wishlist > thead:first-child > tr:first-child > td { border-top: 0; } .account .table-wrapper .data.table.wishlist > tbody + tbody { border-top: 1px solid #d1d1d1; } .account .table-wrapper .data.table.wishlist thead > tr > th { border-bottom: 0; } .account .table-wrapper .data.table.wishlist tbody > tr:last-child > td { border-bottom: 1px solid #d1d1d1; } .account .table-wrapper .data.table.wishlist .product.name { display: inline-block; margin-bottom: 10px; } .account .table-wrapper .data.table.wishlist .box-tocart { margin: 10px 0; } .account .table-wrapper .data.table.wishlist .box-tocart .qty { vertical-align: middle; } .account .table-wrapper .data.table.wishlist .col.item { width: 50%; } .account .table-wrapper .data.table.wishlist .col.photo { max-width: 150px; } .account .table-wrapper .data.table.wishlist .col.selector { max-width: 15px; } .account .table-wrapper .data.table.wishlist textarea { margin: 10px 0; } .account .table-wrapper .data.table.wishlist .input-text.qty { margin-bottom: 10px; } .account .table-wrapper .data.table.wishlist .action.primary, .account .table-wrapper .data.table.wishlist .amshopby-button, .account .table-wrapper .data.table.wishlist .am-filter-go { vertical-align: top; } .account .table-wrapper .data.table.wishlist .price { font-weight: 700; } .link.wishlist .counter { color: #7d7d7d; white-space: nowrap; } .link.wishlist .counter:before { content: '('; } .link.wishlist .counter:after { content: ')'; } .block-wishlist .product-item-name { margin-right: 25px; } .products-grid.wishlist .product-item { margin-left: 2%; width: calc((100% - 4%) / 3); } .products-grid.wishlist .product-item:nth-child(3n + 1) { margin-left: 0; } .products-grid.wishlist .product-item-photo { display: block; margin-bottom: 10px; } .products-grid.wishlist .product-item-name { margin-top: 0; } .products-grid.wishlist .product-item .price-box { margin: 0; } .products-grid.wishlist .product-item-comment { display: block; height: 42px; margin: 10px 0; } .products-grid.wishlist .product-item-actions > * { margin-right: 15px; } .products-grid.wishlist .product-item-actions > *:last-child { margin-right: 0; } .products-grid.wishlist .product-item-actions .action.edit, .products-grid.wishlist .product-item-actions .action.delete { display: inline-block; text-decoration: none; } .products-grid.wishlist .product-item-actions .action.edit > span, .products-grid.wishlist .product-item-actions .action.delete > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .products-grid.wishlist .product-item-actions .action.edit:before, .products-grid.wishlist .product-item-actions .action.delete:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e601'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .products-grid.wishlist .product-item-actions .action.edit:hover:before, .products-grid.wishlist .product-item-actions .action.delete:hover:before { color: #333333; } .products-grid.wishlist .product-item-actions .action.edit:active:before, .products-grid.wishlist .product-item-actions .action.delete:active:before { color: #757575; } .products-grid.wishlist .product-item-actions .action.delete:before { content: '\e604'; } .block-collapsible-nav .content { background: #f5f5f5; padding: 15px 0; } .block-collapsible-nav .item { margin: 3px 0 0; } .block-collapsible-nav .item:first-child { margin-top: 0; } .block-collapsible-nav .item a, .block-collapsible-nav .item > strong { border-left: 3px solid transparent; color: #575757; display: block; padding: 5px 18px 5px 15px; } .block-collapsible-nav .item a { text-decoration: none; } .block-collapsible-nav .item a:hover { background: #e8e8e8; } .block-collapsible-nav .item.current a, .block-collapsible-nav .item.current > strong { border-color: #ff5501; color: #000000; font-weight: 600; } .block-collapsible-nav .item.current a { border-color: #ff5501; } .block-collapsible-nav .item .delimiter { border-top: 1px solid #d1d1d1; display: block; margin: 10px 1.8rem; } body { background-color: #ffffff; } .ie9 .page-wrapper { background-color: #ffffff; min-height: 0; } .page-header { border-bottom: 1px solid #d1d1d1; margin-bottom: 20px; } .page-header .panel.wrapper { background-color: #6e716e; color: #ffffff; } .header.panel > .header.links { margin: 0; padding: 0; list-style: none none; float: right; font-size: 0; margin-left: auto; margin-right: 20px; } .header.panel > .header.links > li { display: inline-block; vertical-align: top; } .header.panel > .header.links > li { font-size: 14px; margin: 0 0 0 15px; } .header.panel > .header.links > li > a { color: #ffffff; text-decoration: none; } .header.panel > .header.links > li > a:visited { color: #ffffff; text-decoration: none; } .header.panel > .header.links > li > a:hover { color: #ffffff; text-decoration: underline; } .header.panel > .header.links > li > a:active { color: #ffffff; text-decoration: underline; } .header.content { padding-top: 10px; position: relative; } .page-print .logo { display: inline-block; float: none; } .page-main > .page-title-wrapper .page-title + .action { margin-top: 30px; } .action.skip:focus { background: #f0f0f0; padding: 10px; box-sizing: border-box; left: 0; position: absolute; text-align: center; top: 0; width: 100%; z-index: 15; } .action-skip-wrapper { height: 0; position: relative; } .message.global p { margin: 0; } .message.global.noscript, .message.global.cookie { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #ffee9c; border-color: #d6ca8e; color: #333333; margin: 0; } .message.global.noscript a, .message.global.cookie a { color: #1979c3; } .message.global.noscript a:hover, .message.global.cookie a:hover { color: #006bb4; } .message.global.noscript a:active, .message.global.cookie a:active { color: #ff5501; } .message.global.cookie { bottom: 0; left: 0; position: fixed; right: 0; z-index: 3; } .message.global.cookie .actions { margin-top: 10px; } .message.global.demo { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #ff0101; border-color: none; color: #ffffff; margin-bottom: 0; text-align: center; } .message.global.demo a { color: #1979c3; } .message.global.demo a:hover { color: #006bb4; } .message.global.demo a:active { color: #ff5501; } .page-footer { margin-top: 25px; } .footer.content { border-top: 1px solid #cecece; padding-top: 20px; } .footer.content .links > li { background: #f4f4f4; font-size: 1.6rem; border-top: 1px solid #cecece; margin: 0 -15px; padding: 0 15px; } .footer.content .links a, .footer.content .links strong { display: block; padding: 10px 0; } .footer.content .links strong { color: #a6a6a6; font-weight: normal; } .footer.content .links a { color: #575757; text-decoration: none; } .footer.content .links a:visited { color: #575757; text-decoration: none; } .footer.content .links a:hover { color: #333333; text-decoration: underline; } .footer.content .links a:active { color: #333333; text-decoration: underline; } .copyright { background-color: #6e716e; color: #ffffff; display: block; padding: 10px; text-align: center; } .page-header .switcher .options, .page-footer .switcher .options { display: inline-block; position: relative; } .page-header .switcher .options:before, .page-footer .switcher .options:before, .page-header .switcher .options:after, .page-footer .switcher .options:after { content: ''; display: table; } .page-header .switcher .options:after, .page-footer .switcher .options:after { clear: both; } .page-header .switcher .options .action.toggle, .page-footer .switcher .options .action.toggle { padding: 0; cursor: pointer; display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle > span, .page-footer .switcher .options .action.toggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .switcher .options .action.toggle:after, .page-footer .switcher .options .action.toggle:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 22px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .switcher .options .action.toggle:hover:after, .page-footer .switcher .options .action.toggle:hover:after { color: inherit; } .page-header .switcher .options .action.toggle:active:after, .page-footer .switcher .options .action.toggle:active:after { color: inherit; } .page-header .switcher .options .action.toggle.active, .page-footer .switcher .options .action.toggle.active { display: inline-block; text-decoration: none; } .page-header .switcher .options .action.toggle.active > span, .page-footer .switcher .options .action.toggle.active > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .page-header .switcher .options .action.toggle.active:after, .page-footer .switcher .options .action.toggle.active:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 22px; color: inherit; content: '\e621'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .page-header .switcher .options .action.toggle.active:hover:after, .page-footer .switcher .options .action.toggle.active:hover:after { color: inherit; } .page-header .switcher .options .action.toggle.active:active:after, .page-footer .switcher .options .action.toggle.active:active:after { color: inherit; } .page-header .switcher .options ul.dropdown, .page-footer .switcher .options ul.dropdown { margin: 0; padding: 0; list-style: none none; background: #ffffff; border: 1px solid #bbbbbb; margin-top: 4px; min-width: 160px; z-index: 100; box-sizing: border-box; display: none; position: absolute; top: 100%; box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15); } .page-header .switcher .options ul.dropdown li, .page-footer .switcher .options ul.dropdown li { margin: 0; padding: 0; } .page-header .switcher .options ul.dropdown li:hover, .page-footer .switcher .options ul.dropdown li:hover { background: #e8e8e8; cursor: pointer; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before, .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border-bottom-style: solid; content: ''; display: block; height: 0; position: absolute; width: 0; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { border: 6px solid; border-color: transparent transparent #ffffff transparent; z-index: 99; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { border: 7px solid; border-color: transparent transparent #bbbbbb transparent; z-index: 98; } .page-header .switcher .options ul.dropdown:before, .page-footer .switcher .options ul.dropdown:before { left: 10px; top: -12px; } .page-header .switcher .options ul.dropdown:after, .page-footer .switcher .options ul.dropdown:after { left: 9px; top: -14px; } .page-header .switcher .options.active, .page-footer .switcher .options.active { overflow: visible; } .page-header .switcher .options.active ul.dropdown, .page-footer .switcher .options.active ul.dropdown { display: block; } .page-header .switcher .options ul.dropdown a, .page-footer .switcher .options ul.dropdown a { color: #333333; text-decoration: none; display: block; padding: 8px; } .page-header .switcher .options ul.dropdown a:visited, .page-footer .switcher .options ul.dropdown a:visited { color: #333333; text-decoration: none; } .page-header .switcher .options ul.dropdown a:hover, .page-footer .switcher .options ul.dropdown a:hover { color: #333333; text-decoration: none; } .page-header .switcher .options ul.dropdown a:active, .page-footer .switcher .options ul.dropdown a:active { color: #333333; text-decoration: none; } .page-header .switcher strong, .page-footer .switcher strong { font-weight: 400; } .sidebar .widget.block:not(:last-child), .sidebar .widget:not(:last-child) { margin-bottom: 40px; } .widget { clear: both; } .page-header .widget.block, .page-footer .widget.block { margin: 20px 0; } .ui-datepicker td { padding: 0; } .ui-tooltip { background: #ffffff; border: 1px solid #bbbbbb; padding: 10px; } .product-item-name > a, .product.name a > a { color: #000; } .box-order-shipping-address, .box-order-billing-address { width: 45% !important; } table.table-order-items > tfoot > tr > td { vertical-align: middle; } .block.gvorder-grid { margin-bottom: 0 !important; } .block-banners .banner-item, .block-banners-inline .banner-item { display: block; } .block-banners .banner-item-content, .block-banners-inline .banner-item-content { margin-bottom: 20px; } .block-banners .banner-item-content img, .block-banners-inline .banner-item-content img { display: block; margin: 0 auto; } .block-product-link.widget, .block-category-link.widget { display: block; margin-bottom: 20px; } .block-product-link-inline.widget { margin: 0; } .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 2%) / 2); } .block.widget .products-grid .product-item:nth-child(2n + 1) { margin-left: 0; } .block.widget .product-item-info { width: auto; } .block.widget .pager { padding: 0; } .block.widget .pager .toolbar-amount { float: none; font-size: 1.2rem; } .block.widget .pager .pages-item-previous { padding-left: 0; } .block.widget .pager .pages-item-next { position: relative; } .block.widget .pager .items { white-space: nowrap; } .columns .block-event { position: relative; z-index: 2; } .block-event .block-content { position: relative; } .block-event .block-content > .action { cursor: pointer; margin-top: -6px; position: absolute; top: 50%; z-index: 3; } .block-event .block-content > .action.backward, .block-event .block-content > .action.forward { opacity: .5; overflow: hidden; width: 20px; display: inline-block; text-decoration: none; } .block-event .block-content > .action.backward > span, .block-event .block-content > .action.forward > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 55px; line-height: 30px; color: inherit; content: '\e617'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .block-event .block-content > .action.backward:before, .block-event .block-content > .action.forward:before { margin-left: -15px; } .block-event .block-content > .action.backward { left: 0; } .block-event .block-content > .action.forward { right: 0; } .block-event .block-content > .action.forward:before { content: '\e608'; } .block-event .block-content > .action.forward:before { margin-left: -20px; } .block-event .block-content > .action.inactive { cursor: default; display: none; } .block-event .block-content > .action:hover { opacity: 1; } .block-event .slider-panel { overflow: hidden; position: relative; z-index: 2; } .block-event .slider-panel .slider { white-space: nowrap; } .block-event .slider-panel .slider .item { background: #f0f0f0; display: inline-block; text-align: center; vertical-align: top; white-space: normal; width: 16.35%; } .sidebar-main .block-event .slider-panel .slider .item, .sidebar-additional .block-event .slider-panel .slider .item { width: 100%; } .block-event .slider-panel .slider .item img { max-width: 100%; } .block-event .slider-panel .slider .item .category-name { display: inline-block; font-size: 1.8rem; padding: 15px 5px 0; word-break: break-all; } .block-event .slider-panel .slider .item .ticker { margin: 0; padding: 0; list-style: none none; } .block-event .slider-panel .slider .item .ticker li { display: none; margin: 0 5px; } .block-event .slider-panel .slider .item .ticker .value { font-size: 2.6rem; font-weight: 300; } .block-event .slider-panel .slider .item .ticker .label { display: block; font-size: 1.3rem; } .block-event .slider-panel .slider .item .dates { font-weight: 300; } .block-event .slider-panel .slider .item .dates .start, .block-event .slider-panel .slider .item .dates .end, .block-event .slider-panel .slider .item .dates .date { display: block; } .block-event .slider-panel .slider .item .dates .start:after { font-size: 1.8rem; content: '\2013'; display: block; } .block-event .slider-panel .slider .item .dates .date { font-size: 1.8rem; font-weight: 300; } .block-event .slider-panel .slider .item .dates .time { font-size: 1.3rem; } .block-event .slider-panel .slider .item .box-event .box-content { padding: 5px 0 10px; } .block-event .slider-panel .slider .item .box-event .box-title { display: block; font-weight: 300; margin: 10px 0 0; } .block-event .slider-panel .slider .item .action.show { display: block; padding: 0; } .block-event .slider-panel .slider .item .action.show .category.name { display: inline-block; padding: 30px 10px 0; } .block-event .slider-panel .slider .item .action.show img { display: block; } .block-event .slider-panel .slider .item .action.event { background-image: none; background: #1979c3; border: 1px solid #1979c3; color: #ffffff; cursor: pointer; display: inline-block; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight: 700; padding: 7px 15px; font-size: 1.4rem; box-sizing: border-box; vertical-align: middle; margin-top: 15px; } .block-event .slider-panel .slider .item .action.event:focus, .block-event .slider-panel .slider .item .action.event:active { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .block-event .slider-panel .slider .item .action.event:hover { background: #006bb4; border: 1px solid #006bb4; color: #ffffff; } .block-event .slider-panel .slider .item .action.event.disabled, .block-event .slider-panel .slider .item .action.event[disabled], fieldset[disabled] .block-event .slider-panel .slider .item .action.event { opacity: 0.5; cursor: default; pointer-events: none; } .block-event .slider-panel .slider .item .action.event:hover { text-decoration: none; } .block-static-block.widget, .block-cms-link.widget { margin-bottom: 20px; } .links .block-static-block.widget, .links .block-cms-link.widget { margin-bottom: 0; } .block-cms-link-inline.widget { margin: 0; } .block-wishlist-search .form-wishlist-search { margin: 20px 0 0; } .block-cms-hierarchy-link.widget { display: block; margin-bottom: 20px; } .block-cms-hierarchy-link-inline.widget { margin: 0; } .sidebar .block-addbysku .fieldset { margin: 0; } .sidebar .block-addbysku .fieldset .fields { position: relative; } .sidebar .block-addbysku .fieldset .fields .field { display: inline-block; margin-bottom: 10px; vertical-align: top; } .sidebar .block-addbysku .fieldset .fields .field.sku { margin-right: -85px; padding-right: 90px; width: 100%; } .sidebar .block-addbysku .fieldset .fields .field.qty .qty + .mage-error { width: 80px; } .sidebar .block-addbysku .fieldset .fields .actions-toolbar { position: absolute; right: 0; top: 7px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar { margin-bottom: 20px; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary { text-align: left; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .primary .action { width: auto; } .sidebar .block-addbysku .form-addbysku .actions-toolbar .secondary { float: none; text-align: left; } .sidebar .block-addbysku .action.add { display: inline-block; text-decoration: none; line-height: normal; padding: 4px; width: auto; } .sidebar .block-addbysku .action.add > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 22px; color: inherit; content: '\e61c'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.add:hover:before { color: inherit; } .sidebar .block-addbysku .action.add:active:before { color: inherit; } .sidebar .block-addbysku .action.links { display: inline-block; margin: 20px 0 0; } .sidebar .block-addbysku .action.reset { display: block; margin: 10px 0; } .sidebar .block-addbysku .action.remove { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .sidebar .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .sidebar .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: 22px; color: #999999; content: '\e616'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .sidebar .block-addbysku .action.remove:hover:before { color: inherit; } .sidebar .block-addbysku .action.remove:active:before { color: inherit; } .sidebar .block-addbysku .action.remove:focus, .sidebar .block-addbysku .action.remove:active { background: none; border: none; } .sidebar .block-addbysku .action.remove:hover { background: none; border: none; } .sidebar .block-addbysku .action.remove.disabled, .sidebar .block-addbysku .action.remove[disabled], fieldset[disabled] .sidebar .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } @media only screen and (max-width: 768px) { .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } } @media only screen and (max-width: 767px) { .abs-visually-hidden-mobile-m { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-mobile-m:before, .abs-add-clearfix-mobile-m:after, .account .column.main .block:not(.widget) .block-title:before, .account .column.main .block:not(.widget) .block-title:after { content: ''; display: table; } .abs-add-clearfix-mobile-m:after, .account .column.main .block:not(.widget) .block-title:after { clear: both; } .abs-toggling-title-mobile, .block-wishlist-management .wishlist-select .wishlist-name, .block-collapsible-nav .title { border-top: 1px solid #d1d1d1; cursor: pointer; margin-bottom: 0; position: relative; border-bottom: 1px solid #d1d1d1; padding: 10px 40px 10px 15px; display: block; text-decoration: none; } .block-wishlist-management .wishlist-select .wishlist-name:after, .block-collapsible-nav .title:after { position: absolute; right: 20px; top: 10px; } .abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after, .block-collapsible-nav .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 12px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-toggling-title-mobile.active:after, .block-wishlist-management .wishlist-select .wishlist-name.active:after, .block-collapsible-nav .title.active:after { content: '\e621'; } .abs-icon-add-mobile, .block-wishlist-management .wishlist-add.item .add { display: block; text-decoration: none; } .abs-icon-add-mobile:before, .block-wishlist-management .wishlist-add.item .add:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 10px; line-height: 10px; color: inherit; content: '\e61c'; font-family: 'icons-blank-theme'; margin: 0 5px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .abs-checkout-tooltip-content-position-top-mobile, .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .field-tooltip .field-tooltip-content:before, .field-tooltip .field-tooltip-content:after { border: 10px solid transparent; height: 0; width: 0; margin-top: -21px; right: 10px; left: auto; top: 0; } .field-tooltip .field-tooltip-content:before { border-bottom-color: #666666; } .field-tooltip .field-tooltip-content:after { border-bottom-color: #f4f4f4; top: 1px; } .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-main, .page-wrapper > .widget, .page-wrapper > .page-bottom, .block.category.event, .top-container { padding-left: 15px; padding-right: 15px; } .account .page-main, .cms-privacy-policy .page-main { padding-top: 41px; position: relative; } .navigation { padding: 0; } .navigation .parent .level-top { display: block; text-decoration: none; position: relative; } .navigation .parent .level-top:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .parent .level-top:after { position: absolute; right: 7px; top: -8px; } .navigation .parent .level-top.ui-state-active:after { content: '\e621'; } .nav-sections { -webkit-overflow-scrolling: touch; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: calc(-1 * (100% - 54px)); overflow: auto; position: fixed; top: 0; width: calc(100% - 54px); } .nav-sections .switcher { border-top: 1px solid #d1d1d1; font-size: 1.6rem; font-weight: 700; margin: 0; padding: .8rem 3.5rem .8rem 2rem; } .nav-sections .switcher .label { display: block; margin-bottom: 5px; } .nav-sections .switcher:last-child { border-bottom: 1px solid #d1d1d1; } .nav-sections .switcher-trigger strong { display: block; text-decoration: none; position: relative; } .nav-sections .switcher-trigger strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-sections .switcher-trigger strong:after { position: absolute; right: -40px; top: -16px; } .nav-sections .switcher-trigger.active strong:after { content: '\e621'; } .nav-sections .switcher-dropdown { margin: 0; padding: 0; list-style: none none; display: none; padding: 10px 0; } .nav-sections .switcher-options.active .switcher-dropdown { display: block; } .nav-sections .header.links { margin: 0; padding: 0; list-style: none none; border-bottom: 1px solid #d1d1d1; } .nav-sections .header.links li { font-size: 1.6rem; margin: 0; } .nav-sections .header.links li.greet.welcome { border-top: 1px solid #d1d1d1; font-weight: 700; padding: 0.8rem 15px; } .nav-sections .header.links li > a { border-top: 1px solid #d1d1d1; } .nav-sections .header.links a, .nav-sections .header.links a:hover { color: #575757; text-decoration: none; display: block; font-weight: 700; padding: 0.8rem 15px; } .nav-sections .header.links .header.links { border: 0; } .nav-before-open { height: 100%; overflow-x: hidden; width: 100%; } .nav-before-open .page-wrapper { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: 0; overflow: hidden; position: relative; } .nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100%; } .nav-open .page-wrapper { left: calc(100% - 54px); } .nav-open .nav-sections { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; z-index: 99; } .nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.5); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1; } .nav-sections-items { position: relative; z-index: 1; } .nav-sections-items:before, .nav-sections-items:after { content: ''; display: table; } .nav-sections-items:after { clear: both; } .nav-sections-item-title { background: #e8e8e8; border: solid #dbdbdb; border-width: 0 0 1px 1px; box-sizing: border-box; float: left; height: 71px; padding-top: 24px; text-align: center; width: 33.33%; } .nav-sections-item-title.active { background: transparent; border-bottom: 0; } .nav-sections-item-title .nav-sections-item-switch:hover { text-decoration: none; } .nav-sections-item-content { box-sizing: border-box; float: right; margin-left: -100%; margin-top: 71px; width: 100%; padding: 25px 0; } .nav-sections-item-content:before, .nav-sections-item-content:after { content: ''; display: table; } .nav-sections-item-content:after { clear: both; } .nav-sections-item-content.active { display: block; } .navigation { background: #f5f5f5; box-sizing: border-box; } .navigation ul { margin: 0; padding: 0; } .navigation li { margin: 0; } .navigation a { display: block; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 15px; } .navigation a, .navigation a:hover { color: #575757; text-decoration: none; } .navigation .level0 { border-top: 1px solid #d1d1d1; font-size: 1.6rem; } .navigation .level0 > .level-top { font-weight: 700; padding: 8px 40px 8px 15px; text-transform: uppercase; word-wrap: break-word; } .navigation .level0 > .level-top:hover { color: #333333; } .navigation .level0.active .all-category .ui-state-focus { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; padding-left: 7px; display: inline-block; } .navigation .level0 > .level1 { font-weight: 600; } .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; } .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { margin-left: -8px; } .navigation li.level0:last-child { border-bottom: 1px solid #d1d1d1; } .navigation .submenu > li { word-wrap: break-word; } .navigation .submenu > li > a:hover { color: #333333; } .navigation .submenu:not(:first-child) { font-weight: 400; line-height: 1.3; left: auto !important; overflow-x: hidden; padding: 0; position: relative; top: auto !important; transition: left 0.3s ease-out; } .navigation .submenu:not(:first-child) > li > a { padding-left: 15px; } .navigation .submenu:not(:first-child) > li:last-child { margin-bottom: 0; } .navigation .submenu:not(:first-child) ul { display: block; padding-left: 15px; } .navigation .submenu:not(:first-child) ul > li { margin: 0; } .navigation .submenu:not(:first-child) ul > li a { color: #575757; display: block; line-height: normal; } .navigation .submenu:not(:first-child) ul > li a:hover { color: #333333; } .navigation .submenu:not(:first-child).expanded { display: block !important; padding-right: 0; top: 0 !important; } .navigation .submenu:not(:first-child) .active > a { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; padding-left: 7px; } .navigation .submenu:not(:first-child) .level1.active > a { padding-left: 7px; } .product.data.items .item.title > .switch { padding: 1px 15px 1px; } .product.data.items > .item.content { padding: 10px 15px 30px; } .breadcrumbs { display: none; } .modal-popup.modal-slide { left: 44px; z-index: 900; } .modal-popup.modal-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .modal-popup.modal-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .modal-popup.modal-slide .modal-inner-wrap { margin: 0; max-height: none; } .custom-slide { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; left: 44px; z-index: 900; } .custom-slide._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translate(0, 0); transform: translate(0, 0); } .custom-slide .modal-inner-wrap { background-color: #ffffff; box-shadow: 0 0 12px 2px rgba(0, 0, 0, 0.35); opacity: 1; pointer-events: auto; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .custom-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: static; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; } .custom-slide._show { -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; } .custom-slide .modal-inner-wrap { background-color: #f4f4f4; box-sizing: border-box; height: auto; min-height: 100%; } body._has-modal-custom { height: 100vh; overflow: hidden; width: 100vw; } body._has-modal-custom .modal-custom-overlay { background-color: rgba(51, 51, 51, 0.55); } .modal-popup { pointer-events: auto; } .modal-popup.modal-slide .modal-inner-wrap[class] { background-color: #f4f4f4; } .modal-popup.modal-slide._inner-scroll._show { -webkit-overflow-scrolling: touch; overflow-y: auto; } .modal-popup.modal-slide._inner-scroll .modal-inner-wrap { height: auto; min-height: 100%; } .modal-popup .modal-title { font-size: 14px; font-weight: 700; } .lac-notification { padding: 5px 0; } .lac-notification .lac-notification-icon { display: none; } .lac-notification .lac-notification-text, .lac-notification .lac-notification-links { float: none; padding: 5px 0; text-align: center; } .amscroll-backtotop-block.-mobile-arrow { padding: 0; width: 50px; height: 50px; border-radius: 100px; } .amscroll-backtotop-block.-mobile-arrow:before { border-radius: 100px; } .amscroll-backtotop-block.-mobile-arrow:after { width: 14px; height: 28px; background: url('../../frontend/Jola/jolatheme/en_US/Amasty_Scroll/images/arrow.svg'); } .amscroll-backtotop-block.-mobile-arrow .amscroll-text { display: none; } .amscroll-backtotop-block.-mobile-text { padding-right: 7px; border-radius: 100px; transform: rotate(-90deg) translate(60px, 60px); } .amscroll-backtotop-block.-mobile-text:before { border-radius: 100px; } .amscroll-backtotop-block.-mobile-text:after { width: 24px; height: 24px; background: url('../../frontend/Jola/jolatheme/en_US/Amasty_Scroll/images/chevron.svg'); } .am-porto-cmtb .filter.active .filter-current.filter-current.amshopby-filter-current + .block-actions { top: 187px; border: none; border-radius: inherit; background: #fff; box-shadow: none; } .am-porto-cmtb .filter.active .filter-current.amshopby-filter-current { padding: 17px 30px; height: 140px; } .am-porto-cmtb .filter.active .filter-current.amshopby-filter-current ~ .filter-options { top: 221px; } .am-porto-cmtb .filter.active .filter-current.amshopby-filter-current .items { padding: 15px; border-width: 1px; } .am-porto-cmtb .filter.active .filter-current.amshopby-filter-current .filter-current-subtitle { display: block; padding: 10px 15px; } .am-porto-cmtb .filter.active .block-category-list .block-title, .am-porto-cmtb .filter.active .filter-options-title, .am-porto-cmtb .filter.active .filter .filter-current-subtitle, .am-porto-cmtb .filter.active .block-category-list .block-content, .am-porto-cmtb .filter.active .filter-options-content { padding-left: 15px; padding-right: 15px; } .am-porto-cmtb .filter.active .filter-options-title:after { right: 15px; } .filter-options-content .am-ranges .items.-am-multiselect .item [class*='am-filter-item'] { padding-left: 35px; } .filter-options .am-labels-folding .item .am-collapse-icon ~ [class*='am-filter-item-'], .filter-options .am-labels-folding .item { padding-left: 35px; } .filter-options .items:not(.items-children).-am-multiselect > .item.-is-by-click .items-children.-folding .item.-is-expanded, .filter-options .am-category-wrapper .items.-am-multiselect .item.-filter-parent:not(.-is-collapsible), .filter-options .items:not(.items-children) > .item.-is-by-click.-filter-parent ~ .item.-is-expanded { margin-left: 35px; } .filter-options-item .filter-options-content .items [class*='am-filter-item'] { padding: 7px 0; } .am-labels-folding .am-collapse-icon, .filter-options .amshopby-category-dropdown + form .items.-am-multiselect .item .am-collapse-icon, .filter-options .amshopby-category-dropdown + form .items.-am-multiselect .item .am-collapse-icon { margin: 7px 0; } .filter-options [class*='am-filter-items-'].am-labels-folding .item:not(.swatch-option-link-layered) .am-collapse-icon ~ .am-input, .filter-options .amshopby-category-dropdown + form .item .am-collapse-icon ~ .am-input, .filter-options [class*='am-filter-items-'].am-labels-folding .item:not(.swatch-option-link-layered) .am-collapse-icon ~ input[type='radio'], .filter-options .amshopby-category-dropdown + form .item .am-collapse-icon ~ input[type='radio'], .filter-options [class*='am-filter-items-'].am-labels-folding .item:not(.swatch-option-link-layered) .am-collapse-icon ~ input[type='checkbox'], .filter-options .amshopby-category-dropdown + form .item .am-collapse-icon ~ input[type='checkbox'], .filter-options [class*='am-filter-items-'].am-labels-folding .item:not(.swatch-option-link-layered) .am-collapse-icon ~ input[type='checkbox'] + .amshopby-choice, .filter-options .amshopby-category-dropdown + form .item .am-collapse-icon ~ input[type='checkbox'] + .amshopby-choice { left: 35px; } .filter-options .items.-am-singleselect .item.-is-by-click .items-children.-folding .item .amshopby-filter-parent, .filter-options .amshopby-category-dropdown + form .items.-am-multiselect .item .items-children.-folding, .filter-options .am-category-wrapper .items .items-children.-folding, .filter-options .am-category-view .item a.amshopby-filter-parent { padding-left: 35px; } .filter-options .am-category-view.-am-multiselect .item > .am-collapse-icon ~ a.amshopby-filter-parent { padding-left: 70px; } .filter-options .am-category-view.-am-singleselect .am-collapse-icon { margin: 7px 0; } .am-collapse-icon:after, .am-show-more:before { width: 20px; } .filter-content .active .am-show-more:before { width: 12px; } .filter-content .active .am-show-more.-active { margin-bottom: 10px; } .amshopby-flyout-block { margin: 10px 0 25px; } .amshopby-flyout-block .items.amshopby-fly-out-view .item > .amshopby-choice { padding-left: 35px; } .filter-options input[type='checkbox'] { overflow: hidden; clip: rect(0, 0, 0, 0); margin: 0; padding: 0; width: 0; height: 0; border: 0; opacity: 0; position: absolute; } .filter-options input[type='checkbox'] + .amshopby-choice { word-wrap: break-word; word-break: break-word; position: absolute; top: 5px; left: 0; display: block; margin: 0; padding: 0 0 0 35px; min-height: 25px; line-height: 1.2; cursor: pointer; } .ie11 .filter-options input[type='checkbox'] + .amshopby-choice { word-break: break-all; } .ie11 .filter-options input[type='checkbox'] + .amshopby-choice { word-break: break-all; } .filter-options input[type='checkbox'] + .amshopby-choice:before, .filter-options input[type='checkbox'] + .amshopby-choice:after { position: absolute; top: 0; left: 0; display: inline-block; box-sizing: border-box; width: 25px; height: 25px; border-radius: 2px; content: ''; } .filter-options input[type='checkbox'] + .amshopby-choice:before { border: 1px solid #e3e3e3; background: #ffffff; } .filter-options input[type='checkbox'] + .amshopby-choice:after { background: #1979c3 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiIHZpZXdCb3g9IjAgMCAxNSAxNSI+CiAgPGRlZnMvPgogIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik0xMS42NjkzIDMuNTAwNjFjLS4yMDc4LjAwNjk1LS40MDQ4LjA5ODg1LS41NDkzLjI1NjItMS45NTcwMyAyLjA2NDE1LTMuNDM4ODMgMy43NzY1NS01LjI4MDQxIDUuNzQ3ODNMMy44MTczIDcuNzA0NzRjLS4wNzk5Mi0uMDcxNi0uMTcyNDUtLjEyNTk1LS4yNzIzMy0uMTU5OTItLjA5OTg3LS4wMzM5Ny0uMjA1MTItLjA0NjktLjMwOTc0LS4wMzgwNi0uMTA0NjIuMDA4ODUtLjIwNjU2LjAzOTI5LS4zLjA4OTYtLjA5MzQ1LjA1MDMtLjE3NjU2LjExOTQ4LS4yNDQ1OS4yMDM2LS4wNjgwNC4wODQxMS0uMTE5NjYuMTgxNTEtLjE1MTkzLjI4NjYyLS4wMzIyNy4xMDUxMS0uMDQ0NTUuMjE1ODgtLjAzNjE1LjMyNTk4LjAwODQxLjExMDExLjAzNzM0LjIxNzQuMDg1MTUuMzE1NzQuMDQ3ODEuMDk4MzMuMTEzNTUuMTg1NzkuMTkzNDguMjU3MzlMNS4zNzc3MSAxMS4yOThjLjE1MzE1LjEzNzkuMzUwMTkuMjA5OC41NTE2LjIwMTMuMjAxNDEtLjAwODYuMzkyMzEtLjA5NjkuNTM0NDQtLjI0NzNDOC42MTA3NCA4Ljk4NzU3IDEwLjE0MiA3LjE3NTQ0IDEyLjI1NiA0Ljk0NTc4Yy4xMTY1LS4xMTgzNy4xOTYtLjI3MTIuMjI4MS0uNDM4MjMuMDMyMS0uMTY3MDMuMDE1My0uMzQwMzgtLjA0ODQtLjQ5NzA5LS4wNjM2LS4xNTY3MS0uMTcwOS0uMjg5MzctLjMwNzgtLjM4MDQyLS4xMzY5LS4wOTEwNS0uMjk2OC0uMTM2MTktLjQ1ODYtLjEyOTQzeiIvPgo8L3N2Zz4K) center / 25px; content: none; } .filter-options input[type='checkbox'] + .amshopby-choice:hover:before, .filter-options input[type='checkbox']:checked + .amshopby-choice:before { border-color: #1979c3; } .filter-options input[type='checkbox']:checked + .amshopby-choice:after { content: ''; } ._keyfocus .filter-options input[type='checkbox']:active + .amshopby-choice:before, ._keyfocus .filter-options input[type='checkbox']:focus + .amshopby-choice:before, .filter-options input[type='checkbox']:active + .amshopby-choice:before, .filter-options input[type='checkbox']:focus + .amshopby-choice:before { border-color: #1979c3; } .filter-options input[type='checkbox']:not(:checked).mage-error + .amshopby-choice:before { border-color: #f23b3b; } .wesupply-link-v2 { display: none; } .ws_embed_sms_notification { text-align: center; } .wpx-span span { display: block; margin: 15px 0; font-size: 10px; } .control-subs-2 { margin-bottom: 15px; } #ws_embed_sms_notification .control-subs .ws-Phone { width: 80%; } #ws_embed_sms_notification .control-subs .ws-country-pc { width: 18%; min-width: 130px; } #ws_embed_sms_notification .control-subs .sms-subs { margin-top: 15px; border-radius: 0; width: 100%; } #estimated_response .update-location #input_country { position: relative; top: 1px; } .table-checkout-shipping-method tbody { border-top: 1px solid #cccccc; padding-bottom: 20px; display: block; } .table-checkout-shipping-method tbody tr { padding-bottom: 20px; } .table-checkout-shipping-method tbody tr td { padding-bottom: 10px; } .table-checkout-shipping-method tbody tr td.col-eta.eta-desktop { display: none; } .table-checkout-shipping-method tbody tr.row-eta { display: table-row; } .table-checkout-shipping-method tbody tr.row-eta td { padding-bottom: 20px; } .table-checkout-shipping-method tbody tr.row-eta td.col-method, .table-checkout-shipping-method tbody tr.row-eta td.col-eta { border-top: 0 none; padding-top: 5px; padding-bottom: 5px; } .table-checkout-shipping-method tbody:first-of-type { border-top: 0 none; } .theme-pearl #ws_embed_sms_notification #ws-Phone { width: 210px; } .theme-pearl #ws_embed_sms_notification #phonePrefix, .theme-pearl #ws_embed_sms_notification #ws-Phone { height: 50px; } .theme-pearl #ws_embed_sms_notification #ws-embedded-subscribe { width: 100px; height: 50px; } .theme-pearl #ws_embed_sms_notification .control-subs-2 { margin-bottom: 15px !important; } .theme-pearl #ws_embed_sms_notification .control-subs-2:before { margin-top: 15px; } .theme-pearl #ws_embed_sms_notification .control-subs:before { margin-top: 15px; } .theme-pearl #ws_embed_sms_notification .control-subs .sms-subs { border-radius: 0; width: 100%; } #ws_embed_sms_notification.ws-left { padding: 0 20px 20px; border: 1px solid #b5b5b5; } #ws_embed_sms_notification.ws-left #ws-Phone { width: calc(100% - 135px); position: relative; top: 1px; } #ws_embed_sms_notification.ws-left button#ws-embedded-subscribe { margin-top: 10px; height: auto; width: 100%; } .ws_embed_sms_notification.sms-center-design-2 .inline-block { width: auto; } .ws_embed_sms_notification.sms-center-design-2 .inline-block .description-dsg-2 { width: 100%; text-align: center; padding: 15px; margin-top: 20px; } /* quick fix for non pearl users */ body:not(.theme-pearl) #estimated_content #estimated_response .update-location .input-wrapper #input_country { top: 0; } .contact-index-index .column:not(.sidebar-main) .form.contact { float: none; width: 100%; } .contact-index-index .column:not(.sidebar-additional) .form.contact { float: none; width: 100%; } .block-cart-failed .block-title { margin: 0 20px 20px; } .catalog-product-view .column.main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog-product-view .product.media { -ms-flex-order: -1; -webkit-order: -1; order: -1; } .compare.wrapper { display: none; } .catalog-product_compare-index .columns .column.main { flex-basis: inherit; } .block-search { margin-top: 10px; } .cart-container .form-cart .actions.main { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-align-items: center; -ms-align-items: center; align-items: center; } .cart-container .form-cart .actions.main .clear, .cart-container .form-cart .actions.main .continue { margin: 0 0 25px 0; } .cart-discount { border-bottom: 1px solid #d1d1d1; } .cart.table-wrapper { border-top: 1px solid #d1d1d1; } .cart.table-wrapper thead .col.item, .cart.table-wrapper thead .col.qty, .cart.table-wrapper thead .col.price, .cart.table-wrapper thead .col.subtotal, .cart.table-wrapper thead .col.msrp { display: none; } .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp { box-sizing: border-box; display: block; float: left; white-space: nowrap; width: 33%; } .cart.table-wrapper .col.qty[data-th]:before, .cart.table-wrapper .col.price[data-th]:before, .cart.table-wrapper .col.subtotal[data-th]:before, .cart.table-wrapper .col.msrp[data-th]:before { content: attr(data-th); display: block; font-weight: 600; padding-bottom: 10px; } .cart.table-wrapper .col.msrp { white-space: normal; } .cart.table-wrapper .item .col.item { padding-bottom: 0; } .cart.table-wrapper tbody > tr > td:last-child { border: 0; } .cart-totals { padding-left: 15px; padding-right: 15px; } .cart-totals .table-wrapper { border-top: 0; } .cart-totals .totals tbody > tr:not(:last-child) > td:last-child { border: 0; } .cart.table-wrapper .col.price, .order-items.table-wrapper .col.price, .cart.table-wrapper .col.qty, .order-items.table-wrapper .col.qty, .cart.table-wrapper .col.subtotal, .order-items.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.msrp { text-align: left; } .minicart-wrapper { margin-top: 10px; } .minicart-wrapper:before, .minicart-wrapper:after { content: ''; display: table; } .minicart-wrapper:after { clear: both; } .minicart-wrapper .product .actions { float: left; margin: 10px 0 0 0; } .minicart-wrapper .update-cart-item { float: right; margin-left: 0; } .checkout-index-index .modal-popup .modal-footer .action-save-address { width: 100%; } .checkout-index-index .modal-popup .modal-footer .action-hide-popup { margin-top: 20px; } .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } .checkout-payment-method .payment-methods { margin: 0 -15px; } .checkout-payment-method .step-title { padding-left: 15px; padding-right: 15px; } .checkout-payment-method .payment-method-title { padding: 15px; } .checkout-payment-method .payment-method-content { padding: 0 15px 20px; } .checkout-payment-method .checkout-billing-address .action-cancel { margin-top: 10px; } .checkout-payment-method .payment-option { margin: 0 -15px; } .checkout-payment-method .payment-option .payment-option-title { padding: 15px; } .checkout-payment-method .payment-option .payment-option-content { padding: 0 15px 20px; } .login-container .fieldset:after { text-align: center; } .account .messages { margin-bottom: 0; } .account .column.main .block:not(.widget) .block-title > .action { float: right; margin-top: 5px; } .account .column.main .block:not(.widget) .block-content .box { margin-bottom: 20px; } .account .column.main .block:not(.widget) .block-content .box:last-child { margin-bottom: 0; } .control.captcha-image .captcha-img { display: block; margin-bottom: 10px; } .customer-account-index .page-title-wrapper { position: relative; } .form.search.advanced .field.price .with-addon .input-text { flex-basis: auto; width: 100%; } .cart-discount .giftcard .content { padding-bottom: 35px; } .cart-discount .actions-toolbar .secondary { bottom: 17px; } .field.open-amount { width: 100%; } .page-product-giftcard .product-info-main .product-info-stock-sku { display: block; padding-left: 10px; text-align: left; } .gift-message .actions-toolbar .action-update { font-size: 2rem; padding: 15px; width: 100%; } .gift-item-block { border-top: 1px solid #c1c1c1; border-bottom: 0; } .gift-item-block .title:after { font-size: 1.2rem; position: absolute; right: 20px; top: 10px; } .gift-item-block .content { padding-left: 1.5rem; padding-right: 1.5rem; } .cart.table-wrapper .gift-content { border-top: 1px solid #c1c1c1; margin-right: -15px; overflow: hidden; padding-left: 15px; padding-right: 15px; } .cart .action-gift { display: inline-block; text-decoration: none; } .cart .action-gift > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart .action-gift:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e62a'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart .action-gift:hover:after { color: #333333; } .cart .action-gift:active:after { color: #757575; } .cart .action-gift._active { border: 1px solid #c1c1c1; border-bottom-color: #ffffff; margin: -5px 14px -1px -15px; padding: 4px 10px 9px 14px; } .cart .action-gift._active:after { color: #333333; } .gift-options-cart-item + .towishlist { left: 0; position: absolute; } .cart.table-wrapper .action-giftregistry { display: inline-block; text-decoration: none; } .cart.table-wrapper .action-giftregistry > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .action-giftregistry:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e62b'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .action-giftregistry:hover:before { color: #333333; } .cart.table-wrapper .action-giftregistry:active:before { color: #757575; } .gift-options-cart-item .gift-wrapping, .cart-gift-item .gift-wrapping { border-bottom: 1px solid #c1c1c1; margin-bottom: 20px; padding-bottom: 10px; } .gift-wrapping-list { width: 100%; } .gift-wrapping-summary + .gift-message-summary { padding-right: 0; } .gift-options-cart-item { float: left; width: 100%; } .gift-wrapping-preview img { width: 100%; } .item-actions .actions-toolbar .gift-options .gift-wrapping, .item-actions .actions-toolbar .gift-options .gift-message { display: block; } .product-add-form .table-wrapper.grouped { margin-left: -15px; margin-right: -15px; } .product-add-form .table-wrapper.grouped .table.data.grouped tr td { padding: 5px 10px 5px 15px; } body.filter-active .page-header { display: none; } body.filter-active .page-wrapper { height: 0; margin-top: -999999em; visibility: hidden; } body.filter-active .columns { z-index: 999; } .filter.active { position: relative; visibility: visible; z-index: 99; } .filter.active .filter-options-item:last-child { margin-bottom: 40px; } .filter.active .filter-title { border-bottom: 1px solid #d1d1d1; height: 48px; left: 0; position: fixed; right: 0; top: 0; z-index: 2; } .filter.active .filter-title strong { box-shadow: none; background: none; border: 0; color: transparent; left: auto; right: 3px; top: 10px; display: inline-block; text-decoration: none; } .filter.active .filter-title strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: inherit; color: #7d7d7d; content: '\e616'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter.active .filter-subtitle { background: transparent; display: block; height: 50px; left: 0; line-height: 32px; position: fixed; right: 0; top: 0; z-index: 1; } .filter.active .filter-options { background: #ffffff; bottom: 0; display: block; left: 0; overflow: scroll; position: fixed; right: 0; top: 50px; z-index: 10; } .filter .filter-subtitle { font-size: 20px; font-weight: 300; } .filter-actions { margin: -35px -10px 25px; } .filter-options-content { padding: 5px 10px; } .filter .filter-current { border: solid #d1d1d1; border-width: 1px 0; margin: 5px -10px 0; } .filter .filter-current .items { display: none; } .filter .filter-current-subtitle { position: relative; text-transform: uppercase; z-index: 1; display: block; text-decoration: none; } .filter .filter-current-subtitle:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 13px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .filter .filter-current-subtitle:before { position: absolute; right: 10px; top: 10px; } .filter .filter-current-subtitle:after { color: #7d7d7d; content: ' (' attr(data-count) ')'; font-size: .9em; } .filter .filter-current.active { padding-bottom: 30px; } .filter .filter-current.active .block-subtitle:before { content: '\e621'; } .filter .filter-current.active .items { display: block; } .filter .filter-current.active + .block-actions { display: block; } .filter .filter-current + .block-actions { display: none; } .filter-no-options .filter-title:before { background: rgba(255, 255, 255, 0.5); content: ''; display: block; height: 40px; left: 0; margin-top: -60px; position: relative; width: 75px; z-index: 99; } .filter-no-options .filter-content { margin-bottom: 20px; } .page-with-filter .columns .sidebar-main { -ms-flex-order: 0; -webkit-order: 0; order: 0; } .map-popup { max-width: 100%; } .map-old-price, .map-show-info { display: inline-block; } .map-old-price:not(:last-child), .map-show-info:not(:last-child) { margin-bottom: 10px; } .block-wishlist-management { clear: both; margin-top: -21px; } .block-wishlist-management .wishlist-select { margin: 0 -15px 20px; } .block-wishlist-management .wishlist-select .wishlist-name { font-size: 1.6rem; } .block-wishlist-management .wishlist-select-items { border-bottom: 1px solid #d1d1d1; background: #f5f5f5; display: none; padding: 15px 0; } .block-wishlist-management .wishlist-select-items.active { display: block; } .block-wishlist-management .wishlist-select-items .item { margin: 3px 0 0; } .block-wishlist-management .wishlist-select-items .item:first-child { margin-top: 0; } .block-wishlist-management .wishlist-select-items .item.current { display: none; } .block-wishlist-management .wishlist-select-items .item a { color: #333333; display: block; padding: 5px 18px; text-decoration: none; } .block-wishlist-management .wishlist-select-items .item a:hover { background: #e8e8e8; } .block-wishlist-management .wishlist-title strong { font-size: 2.6rem; } .block-wishlist-management .wishlist-info { margin-bottom: 15px; } .block-wishlist-management .wishlist-toolbar-select, .block-wishlist-management .wishlist-toolbar-actions { margin-bottom: 15px; } .products-grid.wishlist .product-item-checkbox { left: 0; position: absolute; top: 20px; } .page-multiple-wishlist .products-grid.wishlist .product-item-photo { margin-left: 25px; } .page-multiple-wishlist .products-grid.wishlist .product-item-name, .page-multiple-wishlist .products-grid.wishlist .product-item-description, .page-multiple-wishlist .products-grid.wishlist .product-item .price-box, .page-multiple-wishlist .products-grid.wishlist .product-item-tooltip { margin-left: 115px; } .products-grid.wishlist .wishlist-dropdown { display: none; } .multishipping-checkout-success .nav-toggle { display: block; } .multishipping-checkout-success .logo { margin-left: 40px; } .multicheckout .actions-toolbar > .primary { margin-right: 0; } .block.newsletter input { font-size: 12px; padding-left: 30px; } .block.newsletter .field .control:before { font-size: 13px; } .order-pager-wrapper .toolbar-amount { left: inherit; position: relative; text-align: center; top: inherit; } .order-pager-wrapper .pages { text-align: center; } .order-pager-wrapper .action.previous, .order-pager-wrapper .action.next { margin: 0; } .form.send.friend .fieldset { padding-bottom: 5px; } .form.send.friend .action.remove { margin-left: 0; right: 0; top: 100%; } .products-grid.wishlist { margin-bottom: 30px; margin-right: 0; } .products-grid.wishlist .product-item { padding: 20px 0 20px 0; position: relative; } .products-grid.wishlist .product-item-photo { float: left; margin-right: 20px; } .products-grid.wishlist .product-item-name { font-size: 1.6rem; } .products-grid.wishlist .product-item-actions { display: block; float: left; } .products-grid.wishlist .product-item-actions .action { margin-right: 15px; } .products-grid.wishlist .product-item-actions .action:last-child { margin-right: 0; } .products-grid.wishlist .product-item-actions .action.edit, .products-grid.wishlist .product-item-actions .action.delete { margin-top: 7px; } .products-grid.wishlist .product-item-name, .products-grid.wishlist .product-item-description, .products-grid.wishlist .product-item .price-box, .products-grid.wishlist .product-item-tooltip { margin-left: 95px; } .products-grid.wishlist .product-item .box-tocart { float: left; margin-right: 20px; } .products-grid.wishlist .product-item .box-tocart .stock { margin-top: 7px; } .products-grid.wishlist .product-item .giftregisty-dropdown, .products-grid.wishlist .product-item .field.qty { display: none; } .products-grid.wishlist .product-image-container { max-width: 80px; } .wishlist-index-index .product-item { width: 100%; } .wishlist-index-index .product-item-info { width: auto; } .cart.table-wrapper .towishlist { display: inline-block; text-decoration: none; } .cart.table-wrapper .towishlist > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cart.table-wrapper .towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e600'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .cart.table-wrapper .towishlist:hover:before { color: #333333; } .cart.table-wrapper .towishlist:active:before { color: #757575; } .cart.table-wrapper .towishlist:before { overflow: visible; } .block-collapsible-nav { left: 0; position: absolute; top: -21px; width: 100%; z-index: 5; } .block-collapsible-nav .content { border-bottom: 1px solid #d1d1d1; display: none; } .block-collapsible-nav .content.active { display: block; } .customer-name, .customer-welcome + .authorization-link { display: none; } .nav-sections .switcher-trigger strong:after { font-size: 1.6rem; right: -25px; top: -2px; } .navigation .parent .level-top:after { font-size: 1.6rem; right: 10px; top: 7px; } .page-footer .footer.content .switcher-store { background: #f4f4f4; font-size: 1.6rem; margin: 0 -15px; } .page-footer .footer.content .switcher-store .switcher-options { display: block; } .page-footer .footer.content .switcher-store .switcher-options ul.dropdown { background: none; border: 0; box-shadow: none; margin: 0; position: relative; } .page-footer .footer.content .switcher-store .switcher-options ul.dropdown:before, .page-footer .footer.content .switcher-store .switcher-options ul.dropdown:after { display: none; } .page-footer .footer.content .switcher-store .switcher-options .switcher-trigger, .page-footer .footer.content .switcher-store .switcher-options .switcher-option { border-top: 1px solid #cecece; display: block; padding: 10px 20px; } .page-footer .footer.content .switcher-store .switcher-options .switcher-trigger strong { padding: 10px 0; } .page-footer .footer.content .switcher-store .switcher-options .switcher-option a { padding: 0; } .sidebar .block-viewed-products-grid .products-grid .product-item { margin-left: 2%; width: calc((100% - 2%) / 2); } .sidebar .block-viewed-products-grid .products-grid .product-item:nth-child(2n + 1) { margin-left: 0; } .sidebar .block-viewed-products-grid .products-grid .product-item-photo { display: block; position: relative; } .sidebar .block-viewed-products-grid .products-grid .product-item-details { margin: 0; } .sidebar .block-viewed-products-grid .products-grid .product-item-info { text-align: center; } .page.messages .messages { margin-top: 11px; } body #catalogs_request_pdp .block-content { padding-top: 7%; } body.catalog-product_compare-index .product-item-actions { margin: 15px 0; } body.catalog-product_compare-index .product-item-actions .secondary-addto-links { margin-bottom: 10px; } body.catalog-product_compare-index .product-item-actions .secondary-addto-links a { height: 40px; } body.catalog-product_compare-index .actions-primary { margin-bottom: 10px; } body.catalog-product_compare-index .actions-primary + .actions-secondary { display: inline-block !important; width: 230px !important; padding-left: 0 !important; } body.catalog-product_compare-index .actions-primary + .actions-secondary > .action { width: 230px; } body.catalog-product_compare-index .actions-primary button { width: 230px; } body.catalog-product_compare-index .page-title-wrapper { text-align: center; } body.catalog-product_compare-index .page-title-wrapper h1.page-title { margin-top: 120px; } body.catalog-product_compare-index .action.print { margin-top: 0; text-align: center; } .account h1.page-title { font-family: 'IBM Plex Sans Regular', sans-serif; color: #000; font-size: 20px; line-height: 50px; } .gvorders-index-orderlist .block.block-collapsible-nav .title.block-collapsible-nav-title, .gvinvoices-index-invoicelist .block.block-collapsible-nav .title.block-collapsible-nav-title { line-height: 13px; } .gvorders-index-orderlist .admin__data-grid-filters-wrap .admin__form-field-legend, .gvinvoices-index-invoicelist .admin__data-grid-filters-wrap .admin__form-field-legend { font-size: 15px; color: #000; } .gvorders-index-orderlist .admin__data-grid-filters-wrap .admin__form-field .admin__form-field .admin__form-field-label, .gvinvoices-index-invoicelist .admin__data-grid-filters-wrap .admin__form-field .admin__form-field .admin__form-field-label { font-size: 13px; color: #000; line-height: 38px; width: 20%; } .gvorders-index-orderlist .admin__data-grid-filters-wrap .admin__form-field-label, .gvinvoices-index-invoicelist .admin__data-grid-filters-wrap .admin__form-field-label { font-size: 15px; color: #000; } .gvorders-index-orderlist .admin__data-grid-filters-wrap fieldset.admin__form-field, .gvinvoices-index-invoicelist .admin__data-grid-filters-wrap fieldset.admin__form-field { width: 100%; } .gvorders-index-orderlist .admin__data-grid-filters-wrap fieldset.admin__form-field .admin__form-field-control, .gvinvoices-index-invoicelist .admin__data-grid-filters-wrap fieldset.admin__form-field .admin__form-field-control { width: 73%; margin-left: 0; border-bottom: 1px solid #000000; } .gvorders-index-orderlist .admin__data-grid-filters-wrap fieldset.admin__form-field .admin__form-field-control input, .gvinvoices-index-invoicelist .admin__data-grid-filters-wrap fieldset.admin__form-field .admin__form-field-control input { border-bottom: none; cursor: pointer; width: 110%; } .gvorders-index-orderlist .admin__data-grid-filters-wrap fieldset.admin__form-field .admin__form-field-control:after, .gvinvoices-index-invoicelist .admin__data-grid-filters-wrap fieldset.admin__form-field .admin__form-field-control:after { right: -35px; } .gvorders-index-orderlist .admin__data-grid-filters-wrap div.admin__form-field, .gvinvoices-index-invoicelist .admin__data-grid-filters-wrap div.admin__form-field { width: 100%; } .gvorders-index-orderlist .admin__data-grid-wrap tr.data-row td, .gvinvoices-index-invoicelist .admin__data-grid-wrap tr.data-row td { padding-right: 0; padding-bottom: 5px; padding-top: 5px; padding-left: 50%; min-height: 28px; } .gvorders-index-orderlist .admin__data-grid-wrap table, .gvinvoices-index-invoicelist .admin__data-grid-wrap table, .gvorders-index-orderlist .admin__data-grid-wrap thead, .gvinvoices-index-invoicelist .admin__data-grid-wrap thead, .gvorders-index-orderlist .admin__data-grid-wrap tbody, .gvinvoices-index-invoicelist .admin__data-grid-wrap tbody, .gvorders-index-orderlist .admin__data-grid-wrap th, .gvinvoices-index-invoicelist .admin__data-grid-wrap th, .gvorders-index-orderlist .admin__data-grid-wrap td, .gvinvoices-index-invoicelist .admin__data-grid-wrap td, .gvorders-index-orderlist .admin__data-grid-wrap tr, .gvinvoices-index-invoicelist .admin__data-grid-wrap tr { display: block; } .gvorders-index-orderlist .admin__data-grid-wrap thead tr, .gvinvoices-index-invoicelist .admin__data-grid-wrap thead tr { position: absolute; top: -9999px; left: -9999px; } .gvorders-index-orderlist .admin__data-grid-wrap tr, .gvinvoices-index-invoicelist .admin__data-grid-wrap tr { margin-bottom: 15px; } .gvorders-index-orderlist .admin__data-grid-wrap tr:nth-child(odd) td, .gvinvoices-index-invoicelist .admin__data-grid-wrap tr:nth-child(odd) td { background: #b8b8b8; } .gvorders-index-orderlist .admin__data-grid-wrap td, .gvinvoices-index-invoicelist .admin__data-grid-wrap td { border: none; border-bottom: 1px solid #eee; position: relative; } .gvorders-index-orderlist .admin__data-grid-wrap td:before, .gvinvoices-index-invoicelist .admin__data-grid-wrap td:before { position: absolute; top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; } .gvorders-index-orderlist .admin__data-grid-wrap td.data-grid-actions-cell, .gvinvoices-index-invoicelist .admin__data-grid-wrap td.data-grid-actions-cell { width: 100%; text-align: left; } .gvorders-index-orderlist .admin__data-grid-wrap th, .gvinvoices-index-invoicelist .admin__data-grid-wrap th { background: #333; color: white; font-weight: bold; } .gvorders-index-orderlist .admin__data-grid-wrap td:nth-of-type(1):before { content: "Order #"; } .gvorders-index-orderlist .admin__data-grid-wrap td:nth-of-type(2):before { content: "Date"; } .gvorders-index-orderlist .admin__data-grid-wrap td:nth-of-type(3):before { content: "Total"; } .gvorders-index-orderlist .admin__data-grid-wrap td:nth-of-type(4):before { content: "Status"; } .gvorders-index-orderlist .admin__data-grid-wrap td:nth-of-type(5):before { content: "PO Number"; } .gvorders-index-orderlist .admin__data-grid-wrap td:nth-of-type(6):before { content: "Action"; } .gvorders-index-orderlist .gvinvoices-index-invoicelist .admin__data-grid-wrap td:nth-of-type(1):before { content: "Invoice #"; } .gvorders-index-orderlist .gvinvoices-index-invoicelist .admin__data-grid-wrap td:nth-of-type(2):before { content: "Sales Order"; } .gvorders-index-orderlist .gvinvoices-index-invoicelist .admin__data-grid-wrap td:nth-of-type(3):before { content: "Created Date"; } .gvorders-index-orderlist .gvinvoices-index-invoicelist .admin__data-grid-wrap td:nth-of-type(4):before { content: "Payment Terms"; } .gvorders-index-orderlist .gvinvoices-index-invoicelist .admin__data-grid-wrap td:nth-of-type(5):before { content: "Invoice Status"; } .gvorders-index-orderlist .gvinvoices-index-invoicelist .admin__data-grid-wrap td:nth-of-type(6):before { content: "Action"; } .category-lifestyle .quick-view-popup .quick-view-left-inner a .quick-view-button { position: initial; transform: none; width: 150px; margin: 15px auto 0; } .category-lifestyle .quick-view-popup .quick-view-left-inner .relslick .slick-next { right: -50px; top: 32%; } .category-lifestyle .quick-view-popup .quick-view-left-inner .relslick .slick-prev { left: -50px; top: 32%; } .gvorders-index-view .gvorder-grid .notes { margin-top: 30px; } .gvorders-index-view .gvorder-grid .notes #po_info_content { width: 100%; } .gvorders-index-view tr.subtotal, .gvorders-index-view tr.shipping, .gvorders-index-view tr.grand_total { width: 100% !important; } .gvorders-index-view tr.subtotal th, .gvorders-index-view tr.shipping th, .gvorders-index-view tr.grand_total th { width: 100% !important; } .gvorders-index-view tr.subtotal td, .gvorders-index-view tr.shipping td, .gvorders-index-view tr.grand_total td { width: 100% !important; } .account.gvorders-index-view .notes #po_info_content { width: 100%; } .product-grouped-wrapper .grouped-main-info .product-item-left { padding-right: 0; } .product-grouped-wrapper .grouped-main-info .product-item-left .product-item-name { width: 100%; } .product-grouped-wrapper .grouped-main-info .product-item-left .stock { float: left; text-align: left; } .product-grouped-wrapper .grouped-main-info .product-item-left .product-item-price { text-align: right; width: 35%; } .product-grouped-wrapper .grouped-main-info .product-item-qty .field.qty { width: 100px; } .account.gvinvoices-index-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th { width: 100%; } .account.gvinvoices-index-view .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td { width: 100%; } body[class*="jolausa_teammessages"] .columns .msg { width: 100%; } body[class*="jolausa_teammessages"] .columns .msg.cancel { margin-bottom: 15px; } body[class*="jolausa_teammessages"] .recepients_container { margin-bottom: 15px; } body[class*="jolausa_teammessages"] .recepients_container .recepient input[type=checkbox] { width: 1px; } body[class*="jolausa_teammessages"] .recepients_container .recepient input[type=checkbox] + label:before { margin-right: 0; } body[class*="jolausa_teammessages"] .customer-name { display: inline-block; } body[class*="jolausa_teammessages"] .new-message .recepients h4 { font-size: 9px; } .jolausa_teammessages-message-listing .filter_msgs { width: 100% !important; margin-top: 15px; } .jolausa_teammessages-message-listing .filter_msgs #sort-form { width: 100% !important; } .jolausa_teammessages-message-listing .list { margin-bottom: 15px; } .jolausa_teammessages-message-listing .list .container { padding: 15px 0; } .jolausa_teammessages-message-view .title .customer { display: flex; flex-direction: column; } .jolausa_teammessages-message-view .reply-button { margin: 15px 0; } .jolausa_teammessages-message-view .pagination { margin: 15px 0; } .jolausa_teammessages-message-view .column .team-messaging-container .messages .container { padding-left: 0; padding-right: 0; } .mobile { display: block; } .button.hospitality-contact { display: none !important; } body.cms-terms-and-conditions.page-layout-terms .columns { padding: 0; } body.cms-terms-and-conditions.page-layout-terms .columns .left_col, body.cms-terms-and-conditions.page-layout-terms .columns .right_col { float: none; width: 100%; padding: 0; padding-left: 10px; padding-right: 10px; border: none; } body.cms-terms-and-conditions.page-layout-terms .columns .right_col { margin-left: 0; } body.cms-terms-and-conditions.page-layout-terms .columns h3, body.cms-terms-and-conditions.page-layout-terms .columns p { text-align: center; } #sitemap #categoriesContainer, #sitemap #pagesContainer { flex-direction: column; } .wishlist-index-index .toolbar { margin-bottom: 0; } .wishlist-index-index .products-grid.wishlist { margin-bottom: 0; } .wishlist-index-index div.tabcontents { padding: 20px 0 0; } .wishlist-index-index .pager { display: flex; flex-direction: column; padding-right: 80px; position: relative; } .wishlist-index-index .pager .toolbar-amount { padding-bottom: 10px; } .wishlist-index-index .pager .pages { display: flex; margin-bottom: 0; position: absolute; right: -12px; top: -8px; } .wishlist-index-index .pager .pages strong.page { font-size: 10px; } .wishlist-index-index .pager .pages .item { font-size: 12px; } .wishlist-index-index .pager .limiter { display: flex !important; } .wishlist-index-index .pager .limiter .selectBox-dropdown { width: 70px !important; height: 14px; position: relative; } .wishlist-index-index .pager .limiter .selectBox-dropdown .selectBox-label { line-height: 10px; position: absolute; } body .klevu-fluid .klevu-pt-rs-hover { margin-top: 21px; } body .klevu-fluid .klevu-pt-rs-hover.search-clicked { position: fixed; top: 140px !important; } body .klevu-fluid .klevu-searching-area { margin-top: 20px; } body .klevu-fluid .klevu-searching-area.search-clicked { position: fixed; top: 140px !important; } .downloads-files-index .page.messages { margin-top: 0; padding-top: 11px; } .modal-popup.gw-popup .modal-header { padding-top: 0; } .modal-popup.gw-popup .modal-footer { border-top: none; padding-top: 0; } .modal-popup.gw-popup .modal-footer .action { margin: 0 auto; display: block; } .modal-popup.gw-popup .modal-inner-wrap { max-width: 700px; margin-top: 80px; } .modal-popup.gw-popup .modal-content { padding-bottom: 20px; } .modal-popup.gw-popup .modal-content .callfor-popup h3 { text-align: center; font-size: 16px; } .modal-popup.gw-popup .modal-content .callfor-popup p:last-child { margin-bottom: 0; } .modal-popup .action-close { right: 0; top: 0; } .category-video-library .main-product-wrapper .main-product-title { line-height: initial; } .category-video-library .products-grid .product-item-photo { padding-top: 100%; } .category-video-library .upsell-products-wrapper .upsell-product { width: 100%; } .category-video-library .backtohome { display: none; } .related-products-owl.owl-carousel .owl-stage-outer:after, .upsell-products-wrapper.owl-carousel .owl-stage-outer:after { height: 0; background: none; } .related-products-owl.owl-carousel .owl-prev, .upsell-products-wrapper.owl-carousel .owl-prev { left: 0; bottom: 50%; } .related-products-owl.owl-carousel .owl-next, .upsell-products-wrapper.owl-carousel .owl-next { right: 0; bottom: 50%; } .topbanner .owl-carousel .owl-item img { width: auto !important; max-width: none; } .slider-block p { position: relative; height: 70vh; overflow: hidden; } .slider-block p img { height: 70vh; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; } .josephine-index-index .josephine-setion-main { padding: 20px 10px; } .josephine-index-index .josephine-setion-main .josephine-products { width: calc(89%); } .josephine-index-index .josephine-setion-main .josephine-description { padding: 0 !important; } .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .josephine-right { width: 100% !important; } .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .josephine-right p { width: 100% !important; } .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .mobile-line { width: 65%; max-width: 1157px; height: 1px; background: #5C4F3B; margin: 10px auto 10px; } .josephine-index-index .josephine-setion-main .josephine-description .josephine-bottom-line { display: none; } .josephine-index-index .josephine-setion-main .main-section .josephine-right-side .product-row .slick-dots li button { width: 10px; height: 10px; border-radius: 50%; margin: 4px; } .josephine-index-index .josephine-setion-main .main-section .josephine-right-side .product-row-desktop { display: none; } .josephine-index-index .josephine-setion-main .main-section .josephine-right-side .product-row-mobile { display: block; } .triplecurve-index-index #maincontent { padding-top: 170px; } .triplecurve-index-index .trple_curve_section { width: 80vw; margin: 0 auto; } .triplecurve-index-index .trple_curve_section .top_banner_img { margin: 40px auto; } .triplecurve-index-index .trple_curve_section .triple_curve_text { margin-top: 40px; } .triplecurve-index-index .trple_curve_section .triple_curve_text .triple_curve_logo { display: grid; width: 70%; margin: 0 auto; justify-items: center; } .triplecurve-index-index .trple_curve_section .triple_curve_text .triple_curve_logo .triple_curve_collection { order: 2; width: 45vw; } .triplecurve-index-index .trple_curve_section .triple_curve_text .triple_curve_logo .triple_curve_en { order: 1; width: 45vw; } .triplecurve-index-index .trple_curve_section .triple_curve_text .triple_curve_logo .triple_curve_en::after { content: ""; height: 1px; margin: 12% auto; background-color: #6e6748; display: block; } .triplecurve-index-index .trple_curve_section .triple_curve_text .triple_curve_description { text-align: center; margin-top: 40px; } .triplecurve-index-index .trple_curve_section .triple_curve_text .triple_curve_description p { font-size: 1.5em; text-shadow: 0 0 #6e6748; color: #6e6748; line-height: normal; } .triplecurve-index-index .trple_curve_section .triple_curve_en_image { margin: 40px auto; } .triplecurve-index-index .trple_curve_section .triple_curve_en_image .en_image_1 { display: none; } .triplecurve-index-index .product_colleciton { width: 80vw; margin: 80px auto; } .triplecurve-index-index .product_colleciton .products_row { width: 70vw; margin: 0 auto; } .triplecurve-index-index .product_colleciton .products_row .product_item { text-align: center; margin-bottom: 10%; } .triplecurve-index-index .product_colleciton .products_row .product_item img { margin-bottom: 5%; } .triplecurve-index-index .product_colleciton .products_row .product_item span { font-size: 1.5em; } .triplecurve-index-index .product_colleciton .single_image { display: none; } .triplecurve-index-index .details_section { display: none; } .triplecurve-index-index .entire_collection { width: 80vw; margin: 0 auto; text-align: center; border: 3px solid #6e6748; padding: 15px; } .triplecurve-index-index .entire_collection .top_banner_img { margin: 40px auto; } .triplecurve-index-index .entire_collection .triple_curve_text { margin-top: 40px; } .triplecurve-index-index .entire_collection .triple_curve_text .triple_curve_logo { display: grid; width: 70%; margin: 0 auto; justify-items: center; } .triplecurve-index-index .entire_collection .triple_curve_text .triple_curve_logo .triple_curve_collection { order: 2; width: 45vw; } .triplecurve-index-index .entire_collection .triple_curve_text .triple_curve_logo .triple_curve_en { order: 1; width: 45vw; } .triplecurve-index-index .entire_collection .triple_curve_text .triple_curve_logo .triple_curve_en::after { content: ""; height: 1px; margin: 12% auto; background-color: #6e6748; display: block; } .triplecurve-index-index .entire_collection .triple_curve_text .triple_curve_description { text-align: center; margin-top: 40px; } .triplecurve-index-index .entire_collection .triple_curve_text .triple_curve_description p { font-size: 1.5em; text-shadow: 0 0 #6e6748; color: #6e6748; line-height: normal; } .triplecurve-index-index .entire_collection .triple_curve_en_image { margin: 40px auto; } .triplecurve-index-index .entire_collection .triple_curve_en_image .en_image_1 { display: none; } .triplecurve-index-index .entire_collection p { font-size: 1.5em; margin-bottom: unset; font-weight: bold; color: #6e6748; } .braintree-applepay-container-product { display: block; } .braintree-applepay-container-product .braintree-apple-pay-button { width: 100%; } } @media only screen and (max-width: 639px) { .abs-visually-hidden-mobile, .table-downloadable-products .col.title:before, .table-giftregistry-items .col.product:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-mobile:before, .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody > tr:before, .abs-checkout-order-review tbody > tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:before, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:before, .table-giftregistry-items .col.product:after, .multicheckout.order-review .data.table tbody > tr:before, .multicheckout.order-review .data.table tbody > tr:after { content: ''; display: table; } .abs-add-clearfix-mobile:after, .abs-checkout-order-review tbody > tr:after, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:after, .table-giftregistry-items .col.product:after, .multicheckout.order-review .data.table tbody > tr:after { clear: both; } .multicheckout.order-review .data.table tbody > tr:not(:last-child) { border-bottom: 1px solid #d1d1d1; } .multicheckout.order-review .data.table tbody > tr > td.col.item:before { display: none; } .multicheckout.order-review .data.table tbody > tr > td.col.qty, .multicheckout.order-review .data.table tbody > tr > td.col.price, .multicheckout.order-review .data.table tbody > tr > td.col.subtotal { box-sizing: border-box; float: left; text-align: center; white-space: nowrap; width: 33%; } .multicheckout.order-review .data.table tbody > tr > td.col.qty[data-th]:before, .multicheckout.order-review .data.table tbody > tr > td.col.price[data-th]:before, .multicheckout.order-review .data.table tbody > tr > td.col.subtotal[data-th]:before { content: attr(data-th) ':'; display: block; font-weight: 700; padding-bottom: 10px; } .multicheckout.order-review .data.table tbody > tr > td.col:last-child { border: 0; } .abs-checkout-order-review .product-item-name, .multicheckout.order-review .data.table .product-item-name { margin: 0; } .abs-product-items-summary tbody .col { padding: 10px 0 0; } .abs-product-items-summary tfoot .mark { padding-bottom: 5px; text-align: left; } .abs-product-items-summary tfoot .amount { padding-top: 0; text-align: left; } .abs-product-items-summary tfoot .grand.totals { font-size: 1.6rem; } .abs-product-items-summary tfoot .grand.totals .mark { padding-bottom: 0; padding-top: 5px; } .abs-product-items-summary tfoot .grand.totals .amount { padding-bottom: 10px; padding-top: 0; } .abs-product-items-summary tfoot .grand.totals .amount strong { border-top: none; } .abs-account-table-margin-mobile, .table-wrapper.balance-history, .table-wrapper.reward-history, .table-wrapper.orders-recent { margin-top: -20px; } .abs-sidebar-totals-mobile th:before, .abs-sidebar-totals-mobile td:before, .account .table-billing-agreements .col.actions:before, .account .table-billing-agreements-related .col.actions:before, .table-wrapper.comparison .table-comparison > tbody > tr > th:before, .table-wrapper.comparison .table-comparison > tbody > tr > td:before, .cart .table.items .col.item:before, .cart .table.items .item-actions td:before, .account .table-giftregistry .col.actions:before, .table.grouped > tbody > tr > td:before, .account .table-reviews .col.actions:before, .account .table-order-items .col.actions:before, .account .table-order-items .col.options:before, .cart-totals .totals th:before, .cart-totals .totals td:before, .opc-block-summary .totals th:before, .opc-block-summary .totals td:before { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-no-display-s, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).additional-attributes tbody th, .order-details-items .table-order-items .options-label, .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { display: none; } .abs-title-orders-mobile .page-main .page-title-wrapper .page-title, .magento-rma-returns-returns .page-main .page-title-wrapper .page-title, .magento-rma-returns-view .page-main .page-title-wrapper .page-title, .account .page-main .page-title-wrapper .page-title, [class^='sales-guest-'] .page-main .page-title-wrapper .page-title, .sales-guest-view .page-main .page-title-wrapper .page-title { display: block; } .abs-title-orders-mobile .page-main .page-title-wrapper .order-status, .magento-rma-returns-returns .page-main .page-title-wrapper .order-status, .magento-rma-returns-view .page-main .page-title-wrapper .order-status, .account .page-main .page-title-wrapper .order-status, [class^='sales-guest-'] .page-main .page-title-wrapper .order-status, .sales-guest-view .page-main .page-title-wrapper .order-status { margin: -10px 0 10px; } .abs-table-striped-mobile > tbody > tr > td:last-child, .account .data.table > tbody > tr > td:last-child { border: 0; } .abs-no-border-top, .product.info.detailed .additional-attributes-wrapper, .table-wrapper.balance-history, .table-wrapper.table-returns, .table-wrapper.orders-recent, .order-details-items .table-wrapper { border-top: 0; } .abs-no-border-bottom { border-bottom: 0; } .abs-sidebar-totals-mobile .amount, .cart-totals .totals .amount, .opc-block-summary .totals .amount { text-align: right; } .table-wrapper { border-top: 1px solid #d1d1d1; overflow-x: auto; overflow-y: hidden; width: 100%; -ms-overflow-style: -ms-autohiding-scrollbar; -webkit-overflow-scrolling: touch; position: relative; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) { border: none; display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > thead > tr > th { display: none; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody { display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr { display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th { border-bottom: none; display: block; padding: 5px 0; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td[data-th]:before, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th[data-th]:before { padding-right: 10px; content: attr(data-th) ': '; display: inline-block; color: #111111; font-weight: 700; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:first-child { padding-top: 15px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td:last-child { border-bottom: 1px solid #d1d1d1; padding-bottom: 15px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) tbody > tr > td.col.qty { text-align: left; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison).additional-attributes tbody td:last-child { border: none; padding: 0 0 5px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr { display: block; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child th, .table-wrapper .table:not(.totals):not(.table-comparison) tfoot tr:first-child td { padding-top: 20px; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .mark { box-sizing: border-box; float: left; text-align: left; width: 70%; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .amount { box-sizing: border-box; float: left; text-align: right; width: 30%; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .grand.totals { font-size: 1.6rem; } .table-wrapper .table:not(.totals):not(.table-comparison) tfoot .grand.totals .amount { padding-bottom: 10px; } .data-table-definition-list thead { display: none; } .data-table-definition-list tbody th { padding-bottom: 0; } .data-table-definition-list tbody th, .data-table-definition-list tbody td { display: block; padding-left: 0; padding-right: 0; } .pages .pages-items { display: block; padding: 2px 40px 0; position: relative; white-space: normal; z-index: 1; } .pages-item-previous { left: 0; position: absolute; top: 0; z-index: 1; } .pages-item-next { position: absolute; right: 0; top: 0; z-index: 1; } /* Overwriting Magento's padding for the method title to make sure our KP methods have the same height as the core methods */ .klarna-payments-method > .payment-method-title { padding: 6.5px 0 6.5px 15px; } .form-new-agreement select { width: auto; } .table-paypal-review-items .col.subtotal { text-align: left; } .table-paypal-review-items .product-item-name { display: inline-block; } .column .block-addbysku .sku { margin-right: -85px; padding-right: 90px; } .column .block-addbysku .action.remove { display: inline-block; background-image: none; background: none; -moz-box-sizing: content-box; border: 0; box-shadow: none; line-height: inherit; margin: 0; padding: 0; text-decoration: none; text-shadow: none; font-weight: 400; } .column .block-addbysku .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .column .block-addbysku .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 22px; color: #757575; content: '\e604'; font-family: 'icons-blank-theme'; margin: -4px 0 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .column .block-addbysku .action.remove:hover:before { color: inherit; } .column .block-addbysku .action.remove:active:before { color: inherit; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .products-list .product-item { table-layout: fixed; } .products-list .product-item-photo { padding: 0 10px 10px 0; width: 30%; } .product-item-actions .actions-primary { display: block; } .toolbar-products { margin-bottom: 0; } .product-info-price { margin: 0 -10px 0; width: calc(100% + 2*10px) !important; } .product-info-price > *:first-child { padding-left: 10px; } .product-info-price > *:last-child { padding-right: 10px; } .table-wrapper.comparison .table-comparison > tbody > tr > th, .table-wrapper.comparison .table-comparison > tbody > tr > td { display: table-cell; } .cart .table.items .col.qty { text-align: center; } .opc-wrapper .step-title { font-size: 18px; border-bottom: 0; padding-bottom: 0; } .opc-wrapper .step-content { margin: 0 0 15px; } .opc-wrapper .form-login, .opc-wrapper .form-shipping-address, .opc-wrapper .methods-shipping { background: #f4f4f4; margin: 20px -15px 15px; padding: 20px 15px; } .opc-wrapper .form-login + .form-shipping-address { margin-top: -15px; } .opc-wrapper .shipping-address-item { border-bottom: 1px solid #cccccc; margin: 0 0 15px; padding: 0 0 15px; width: 100%; } .opc-wrapper .shipping-address-item.selected-item { padding: 15px 35px 15px 18px; border-bottom-width: 2px; } .opc-wrapper .shipping-address-item.selected-item .edit-address-link { right: 39px; } .opc-wrapper .action-select-shipping-item { float: none; margin-top: 10px; width: 100%; } .opc-wrapper .action-show-popup { width: 100%; } .opc-wrapper .methods-shipping { border-bottom: 1px solid #cccccc; padding-top: 30px; } .opc-wrapper .edit-address-link { display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; top: 5px; } .opc-wrapper .edit-address-link > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .opc-wrapper .edit-address-link:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 20px; color: #757575; content: '\e601'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .opc-wrapper .edit-address-link:hover:before { color: #333333; } .opc-wrapper .edit-address-link:active:before { color: #757575; } .shipping-policy-block.field-tooltip { margin-bottom: 20px; position: relative; right: auto; top: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content { width: 300px; right: auto; } .shipping-policy-block.field-tooltip .field-tooltip-content:before, .shipping-policy-block.field-tooltip .field-tooltip-content:after { right: auto; } .opc-block-shipping-information .shipping-information-title { font-size: 2.3rem; } .opc-block-summary > .title { border-bottom: 0; font-size: 18px; margin-bottom: 20px; padding-bottom: 0; } .account .column.main, .account .sidebar-additional { margin: 0; padding: 0; } .account .sidebar-main .account-nav { margin-bottom: 0; } .page-product-downloadable .product-options-wrapper { margin-bottom: 25px; } .table-downloadable-products .product-name { display: block; margin-bottom: 5px; } .page-product-downloadable .product-info-price ~ *:last-child:after { border-bottom: 1px solid #c1c1c1; content: ''; display: block; height: 0; margin: 25px -10px; overflow: hidden; width: auto; } .table-giftregistry-items .field.choice, .table-giftregistry-items .field.qty { display: inline-block; } .form-giftregistry-search .fieldset { margin-bottom: 20px; } .block-giftregistry-results .block-title { margin-bottom: 0; } .block-giftregistry-results .table-wrapper { border-top: none; } .block-giftregistry-shared-items .block-title { margin-bottom: 10px; } .block-giftregistry-shared-items .table-wrapper { border-top: 0; } .table.grouped > thead > tr > th { border-bottom: 1px solid #d1d1d1; display: table-cell; } .table.grouped > tbody { border-bottom: 1px solid #d1d1d1; } .table.grouped > tbody > tr > td { padding: 8px 10px; border: 0; display: table-cell; } .table-wrapper .table.grouped:not(.totals):not(.cart):not(.table-comparison) > tbody > tr > td:last-child { border-bottom: 0; } .page-product-grouped .minimal-price { margin: 0; } .page-product-grouped .product-info-price { border: 0; margin-bottom: 0; } .page-product-grouped .product-info-price .price-box { padding-bottom: 0; } .form-add-invitations .action.remove { display: inline-block; text-decoration: none; } .form-add-invitations .action.remove > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .form-add-invitations .action.remove:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 18px; line-height: 22px; color: #757575; content: '\e604'; font-family: 'icons-blank-theme'; margin: 0; vertical-align: top; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .form-add-invitations .action.remove:hover:before { color: inherit; } .form-add-invitations .action.remove:active:before { color: inherit; } .multicheckout .data.table .address:before { margin-bottom: 5px; } .multicheckout .product-item-name, .multicheckout .price-including-tax, .multicheckout .price-excluding-tax { display: inline-block; } .multicheckout .block-content .box:not(:last-child) { margin-bottom: 40px; } .multicheckout .block-content .box:last-child { margin-bottom: 0; } .multicheckout.order-review .box-items .data.table thead { display: block; } .multicheckout.order-review .box-items .data.table thead tr { display: block; } .multicheckout.order-review .box-items .data.table thead .col.item { display: block; padding: 0; } .multicheckout.order-review .data.table.table-order-review > tbody > tr > td.col.subtotal { border-bottom: none; } .multicheckout.order-review .data.table.table-order-review > tbody > tr > td.col.qty { text-align: center; } .multicheckout .actions-toolbar .action { margin-bottom: 25px; } .multicheckout .actions-toolbar > .primary { margin-bottom: 25px; margin-right: 0; } .customer-review .product-name { margin-bottom: 5px; } .customer-review .product-reviews-summary .rating-summary { display: block; margin-bottom: 5px; } .form-create-return .additional .field:nth-last-child(2) { margin-bottom: 0; } .form-create-return .additional .field:last-child { margin-top: 20px; } .account .column.main .returns-details-items .block-returns-tracking .block-title > .action.track { display: block; float: none; margin: 10px 0 0; } .table-wrapper.orders-recent .table-order-items.table tbody > tr > td.col { padding-left: 0; } .order-details-items thead { display: block; } .order-details-items thead tr { display: block; } .order-pager-wrapper { display: block; } .account .table-order-items tbody tr { display: block; } .account .table-order-items .product-item-name { display: inline-block; margin: 0; } .account .table-order-items .action.show { margin-top: 0; } .order-details-items .order-title strong { display: block; } .order-details-items .action { margin-top: 10px; } .order-details-items .items-qty { display: inline-block; vertical-align: top; } .order-details-items .col.price .price-including-tax, .order-details-items .col.subtotal .price-including-tax, .order-details-items .col.price .price-excluding-tax, .order-details-items .col.subtotal .price-excluding-tax { display: inline-block; } .order-details-items .data.table .col.options { padding: 0 10px 15px; } .order-details-items .data.table .col.options:before { display: none; } .order-details-items .options-label + .item-options-container[data-th]:before, .order-details-items .item-options-container + .item-options-container[data-th]:before { content: attr(data-th) ':'; display: block; font-weight: 700; padding-left: 10px; } .order-details-items .options-label + .item-options-container .col, .order-details-items .item-options-container + .item-options-container .col { font-size: 1.2rem; padding: 0 10px; } .order-details-items .options-label + .item-options-container .col:first-child, .order-details-items .item-options-container + .item-options-container .col:first-child { padding-top: 3px; } .order-details-items .options-label + .item-options-container .col:last-child, .order-details-items .item-options-container + .item-options-container .col:last-child { padding-bottom: 20px; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status:before { display: none; } .my-credit-cards .table:not(.totals):not(.cart):not(.table-comparison) .status._default { display: block; } .my-credit-cards .card-type img { vertical-align: middle; } .products-grid.wishlist .product-item { border-bottom: 1px solid #e8e8e8; margin: 0; width: 100%; } .products-grid.wishlist .product-item:first-child { border-top: 1px solid #e8e8e8; } #braintree-three-d-modal .bt-modal-frame { width: 100%; } } @media only screen and (max-width: 479px) { .tooltip.wrapper .tooltip.content { min-width: 10rem; } .sorter-options { margin: 0 2px; } .minicart-wrapper .block-minicart { width: 290px; } .modal-popup .field-tooltip .field-tooltip-content { width: 200px; } } @media all and (min-width: 640px) { .abs-blocks-2columns-s { width: 48%; } .abs-reset-left-margin-desktop-s, .column:not(.sidebar-main) .multicheckout .actions-toolbar, .multicheckout .block-shipping .box-shipping-method .fieldset .legend { margin-left: 0; } .abs-visually-hidden-desktop-s, .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .abs-add-clearfix-desktop-s:before, .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:before, .multicheckout .block-billing:after { content: ''; display: table; } .abs-add-clearfix-desktop-s:after, .multicheckout .block-billing:after { clear: both; } .abs-add-box-sizing-desktop-s, .multicheckout .block-shipping .box, .multicheckout .block-billing .box-billing-address, .multicheckout .block-billing .box-billing-method { box-sizing: border-box; } .abs-form-field-column-2-s .fieldset .field { padding: 0 12px 0 0; box-sizing: border-box; display: inline-block; width: 50%; vertical-align: top; } .abs-form-field-column-2-s .fieldset .field + .fieldset { clear: both; } .abs-form-field-column-2-s .fieldset .field .field { padding: 0; width: 100%; } .abs-form-field-revert-column-1-s { width: 100%; } .abs-action-print-s { display: inline-block; text-decoration: none; } .abs-action-print-s:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 16px; line-height: 16px; color: inherit; content: '\e624'; font-family: 'icons-blank-theme'; margin: 0 4px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .table > tbody > tr > th, .table > tbody > tr > td { border-top: 1px solid #d1d1d1; } .table > tbody + tbody { border-top: 1px solid #d1d1d1; } .ui-dialog.popup { width: 420px; } .column .block-addbysku .action.remove { background-image: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; text-shadow: none; font-weight: 400; line-height: 1.42857143; margin: 0; padding: 0; color: #1979c3; text-decoration: none; background: none; border: 0; display: inline; margin-top: -4px; } .column .block-addbysku .action.remove:focus, .column .block-addbysku .action.remove:active { background: none; border: none; } .column .block-addbysku .action.remove:hover { background: none; border: none; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { pointer-events: none; opacity: 0.5; } .column .block-addbysku .action.remove:visited { color: #1979c3; text-decoration: none; } .column .block-addbysku .action.remove:hover { color: #006bb4; text-decoration: underline; } .column .block-addbysku .action.remove:active { color: #ff5501; text-decoration: underline; } .column .block-addbysku .action.remove:hover, .column .block-addbysku .action.remove:active, .column .block-addbysku .action.remove:focus { background: none; border: 0; } .column .block-addbysku .action.remove.disabled, .column .block-addbysku .action.remove[disabled], fieldset[disabled] .column .block-addbysku .action.remove { color: #1979c3; opacity: 0.5; cursor: default; pointer-events: none; text-decoration: underline; } .catalogsearch-advanced-result .message.error { margin-top: 0; } .products-grid .product-item-info:hover, .products-grid .product-item-info.active { background: #ffffff; box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.3); border: 1px solid #bbbbbb; margin: -10px; padding: 9px; position: relative; z-index: 9; } .products-grid .product-item-info:hover .product-item-inner, .products-grid .product-item-info.active .product-item-inner { display: block; } .sidebar .products-grid .product-item-info:hover .product-item-photo, .sidebar .products-grid .product-item-info.active .product-item-photo { left: 9px; top: 9px; } .products-grid .product-item-inner { background: #ffffff; box-shadow: 3px 4px 4px 0 rgba(0, 0, 0, 0.3); border: 1px solid #bbbbbb; border-top: none; left: 0; margin: 10px 0 0 -1px; padding: 0 9px 9px; position: absolute; right: -1px; z-index: 2; } .product-item-actions { display: block; } .products-grid .product-item-actions { margin: -10px 0 10px; } .product-item-actions .actions-primary + .actions-secondary { display: inline-block; vertical-align: middle; } .product-item-actions .actions-primary + .actions-secondary > .action { line-height: 35px; text-align: center; width: 35px; } .product-item-actions .actions-primary + .actions-secondary > .action:last-child { margin-right: 0; } .product-item-actions .actions-primary { display: inline-block; } .page-products .products-grid .product-item-inner:before { background: #ffffff; content: ''; height: 3px; left: 0; position: absolute; top: -2px; width: 100%; z-index: -1; } .page-products .product-item-actions { z-index: 1; } .products-grid .product-item { margin-bottom: 20px; width: 33.33333333%; } .page-products .products-grid .product-item, .page-layout-1column .products-grid .product-item, .page-layout-3columns .products-grid .product-item, .page-products.page-layout-1column .products-grid .product-item, .page-products.page-layout-3columns .products-grid .product-item { margin-left: 0; width: calc((100% - 4%) / 3); } .page-products .products-grid .product-item:nth-child(3n + 1), .page-layout-1column .products-grid .product-item:nth-child(3n + 1), .page-layout-3columns .products-grid .product-item:nth-child(3n + 1), .page-products.page-layout-1column .products-grid .product-item:nth-child(3n + 1), .page-products.page-layout-3columns .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; } .block.widget .products-grid .product-item .product-item-inner, .page-layout-1column .block.widget .products-grid .product-item .product-item-inner, .page-layout-3columns .block.widget .products-grid .product-item .product-item-inner { box-shadow: 3px 6px 4px 0 rgba(0, 0, 0, 0.3); margin: 9px 0 0 -1px; } .sidebar .product-items .action.delete { line-height: unset; position: absolute; right: 0; top: -1px; width: auto; } .sidebar .block-compare .action.delete { left: 0; right: initial; } .cart-container .block.crosssell .products-grid .product-item-actions { margin: 0 0 10px; } .multicheckout .actions-toolbar .secondary { float: none; margin-top: 11px; text-align: right; } .multicheckout .actions-toolbar .secondary .action { margin-left: 0; } .multicheckout .actions-toolbar .secondary .action.back { display: block; float: left; } .multicheckout .item-options { margin: 20px 0 0; } .multicheckout .block-content .box { margin-bottom: 0; } .multicheckout .block-shipping .box { float: left; width: 25%; } .multicheckout .block-shipping .box-shipping-method { padding-left: 25px; padding-right: 25px; width: 50%; } .multicheckout .block-shipping .box-shipping-method .fieldset .field:before { display: none; } .multicheckout .block-billing .box-billing-address { float: left; width: 25%; } .multicheckout .block-billing .box-billing-method { float: left; padding-left: 25px; width: 50%; } .multicheckout.form.address .table-wrapper .applicable { margin: 7px 0 0; } .multicheckout.order-review .box-items { clear: left; float: none; padding-top: 40px; width: auto; } .multicheckout.order-review .col.item { width: 75%; } .multicheckout .methods-payment .item-content > .fieldset { width: auto; } .multicheckout .methods-payment .item-content > .fieldset .field.cvv { display: inline-block; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice) > .label { float: none; margin-bottom: 8px; text-align: left; width: auto; } .multicheckout .methods-payment .fieldset > .field:not(.choice):not(.cvv) .control { width: 100%; } .review-form { max-width: 500px; } .review-ratings { float: left; margin-bottom: 0; max-width: 240px; } .review-ratings ~ .review-content, .review-ratings ~ .review-details { margin-left: 280px; } .review-toolbar { margin: 0 0 30px; } .review-toolbar .pages { padding: 30px 0; } .fieldset .review-legend.legend { margin-bottom: 30px; } .review-item { padding: 30px 0; } .review-title { margin: 0 0 30px; } .order-details-items .order-title .action { margin: 12px 0 0 30px; } .order-details-items .order-title .action.track { float: right; } .wishlist-index-index .products-grid .product-item-actions { margin: 0; } .block.widget .products-grid .product-item, .page-layout-1column .block.widget .products-grid .product-item, .page-layout-3columns .block.widget .products-grid .product-item { width: 33.33333333%; } .page-layout-1column .block.widget .products-grid .product-item { margin-left: 2%; width: calc((100% - 4%) / 3); } .page-layout-1column .block.widget .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; } } @media all and (max-width: 1025px) { .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } } @media all and (max-width: 1280px) { .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } body .klevu-grid-view ul li { width: 50%; } .search-index-index .kuPagination { width: 35%; } } @media all and (max-width: 1366px) { .field-tooltip .field-tooltip-content { right: -10px; top: 40px; left: auto; } } .product-item-name > a, .product.name a > a { color: #000; } .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { padding-right: 3% !important; width: 72%; } .cart-container .cart-summary { width: 28%; } .cart-summary .checkout-methods-items .action.primary.checkout, .cart-summary .checkout-methods-items .amshopby-button.checkout, .cart-summary .checkout-methods-items .am-filter-go.checkout { width: 50%; padding: 6px; background: #000; font-size: 1.1rem; } .action.primary, a.action.primary, .amshopby-button, a.amshopby-button, .am-filter-go, a.am-filter-go { font-family: 'IBM Plex Sans Regular', Arial, sans-serif; padding: 6px; border-radius: 0; border: 1px solid #000; text-transform: uppercase; letter-spacing: 0.15rem; font-weight: normal; } .sections.nav-sections { width: calc(100% - 170px); } .block-addresses-list .items.addresses > .item { float: left; margin-bottom: 2.5rem; max-width: 550px; } .block-addresses-list .items.addresses > .item:nth-child(odd) { clear: left; } @media only screen and (max-width: 1600px) { .block-collapsible-nav .item a, .block-collapsible-nav .item > strong { letter-spacing: 0.15rem; } } /* width */ ::-webkit-scrollbar { width: 10px; } /* Track */ ::-webkit-scrollbar-track { background: #fff; } /* Handle */ ::-webkit-scrollbar-thumb { background: #ddd; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #ccc; } .account .h-myaccount-links a { color: #000000; } .account a { font-size: 13px; } .account.jolausa_teammessages-message-listing .selectBox-dropdown { height: auto; } .account.jolausa_teammessages-message-listing .messages .filter_msgs { top: 0; } body .amscroll-navbar { bottom: 50px; right: 17px; } .products-grid.wishlist .product-item-actions:before, .products-grid.wishlist .product-item-actions:after { content: ''; display: table; } .products-grid.wishlist .product-item-actions:after { clear: both; } .products-grid.wishlist .product-item-actions .action.edit:before { font-size: 45px; color: #000000; } .products-grid.wishlist .product-item-actions .action.delete { padding: 8px 0 0 !important; } .products-grid.wishlist .product-item-actions .action.delete:before { font-size: 40px; } .page-products .products-grid.sales-team .product-item .product-item-info-inner { border: none !important; } .catalog-product_compare-index .product-item-actions .secondary-addto-links a span { display: inline-block; position: static; width: auto; overflow: auto; height: auto; color: #000000; font-size: 1.1rem; font-weight: 400; letter-spacing: 1px; vertical-align: middle; padding-bottom: 3px; padding-left: 8px; } .catalog-product_compare-index .product-item-actions .secondary-addto-links a:after { color: #000000; font-size: 26px; font-weight: 600; } .catalog-product_compare-index .product-item-actions .secondary-addto-links a:before { color: #000000; font-size: 23px; } .catalog-product_compare-index .product-item-actions .secondary-addto-links a:hover { background-color: #000000; } .catalog-product_compare-index .product-item-actions .secondary-addto-links a:hover span { color: #ffffff; } .catalog-product_compare-index .product-item-actions .secondary-addto-links a:hover:after { color: #ffffff; } .catalog-product_compare-index .product-item-actions .secondary-addto-links a:hover:before { color: #ffffff; } .catalog-product_compare-index .actions-primary { vertical-align: middle; } .catalog-product_compare-index .actions-primary + .actions-secondary { font-size: 1.1rem; } .catalog-product_compare-index .actions-primary + .actions-secondary > .action { width: auto; border: 1px solid #000000; } .catalog-product_compare-index .actions-primary button:hover { border: 1px solid #000000; } .account.customer-address-index .selectBox-dropdown .selectBox-label { padding: 0 10px!important; } .account.customer-address-index .selectBox-dropdown .selectBox-arrow { top: 0; } .account.customer-address-index .pages .action.next:before { margin-top: -13px; } .account.customer-address-index .pages .action.previous:before { margin-top: -13px; } .gvorders-index-orderlist th, .gvinvoices-index-invoicelist th { font-family: 'IBM Plex Sans Regular', sans-serif; } .gvorders-index-orderlist th.data-grid-th, .gvinvoices-index-invoicelist th.data-grid-th { font-size: 9px; color: #000000; padding-top: 19px; padding-bottom: 19px; } .gvorders-index-orderlist tr.data-row td, .gvinvoices-index-invoicelist tr.data-row td { padding-top: 19px; padding-bottom: 19px; font-family: 'IBM Plex Sans Regular', sans-serif; } .gvorders-index-orderlist tr.data-row td .data-grid-cell-content, .gvinvoices-index-invoicelist tr.data-row td .data-grid-cell-content { font-size: 12px; color: #000000; } .gvorders-index-orderlist .admin__data-grid-outer-wrapa, .gvinvoices-index-invoicelist .admin__data-grid-outer-wrapa { font-size: 7px; color: #000000; text-decoration: underline; } .gvorders-index-orderlist .admin__data-grid-outer-wrapa:visited, .gvinvoices-index-invoicelist .admin__data-grid-outer-wrapa:visited { font-size: 7px; color: #000000; } .gvorders-index-orderlist .admin__footer-main-actions .action-tertiary, .gvinvoices-index-invoicelist .admin__footer-main-actions .action-tertiary { visibility: hidden; } .gvorders-index-orderlist .admin__footer-main-actions .action-secondary, .gvinvoices-index-invoicelist .admin__footer-main-actions .action-secondary { background-color: #000000; } .gvorders-index-orderlist .admin__footer-main-actions .action-secondary span, .gvinvoices-index-invoicelist .admin__footer-main-actions .action-secondary span { font-size: 10px; text-transform: uppercase; } .gvorders-index-orderlist .admin__data-grid-filters, .gvinvoices-index-invoicelist .admin__data-grid-filters { display: block; font-family: 'IBM Plex Sans Regular', sans-serif; font-size: 9px; color: #000000; } .gvorders-index-orderlist .admin__data-grid-filters-footer, .gvinvoices-index-invoicelist .admin__data-grid-filters-footer { display: block; } .gvorders-index-orderlist .data-grid-filters-actions-wrap, .gvinvoices-index-invoicelist .data-grid-filters-actions-wrap { visibility: hidden; } .gvorders-index-orderlist .admin__data-grid-filters-wrap, .gvinvoices-index-invoicelist .admin__data-grid-filters-wrap { opacity: 1; visibility: visible; } .gvorders-index-orderlist .admin__data-grid-filters-wrap .admin__form-field-label, .gvinvoices-index-invoicelist .admin__data-grid-filters-wrap .admin__form-field-label { line-height: 10px; margin-bottom: 0; } .gvorders-index-orderlist .admin__data-grid-pager-wrap, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap { color: #000000; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .selectmenu, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .selectmenu { border: none; border-bottom: 1px solid #000000; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .selectmenu input, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .selectmenu input { font-size: 9px; color: #000000; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .selectmenu .selectmenu-value, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .selectmenu .selectmenu-value { cursor: pointer; display: inline-block; text-decoration: none; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .selectmenu .selectmenu-value:after, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .selectmenu .selectmenu-value:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 37px; line-height: inherit; color: #000000; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .selectmenu .selectmenu-value input, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .selectmenu .selectmenu-value input { width: 25px; cursor: pointer; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .selectmenu._active .selectmenu-value, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .selectmenu._active .selectmenu-value { display: inline-block; text-decoration: none; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .selectmenu._active .selectmenu-value:after, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .selectmenu._active .selectmenu-value:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 37px; line-height: inherit; color: #000000; content: '\e621'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .selectmenu button.selectmenu-toggle:before, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .selectmenu button.selectmenu-toggle:before { border-left: none; background-color: transparent; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .selectmenu button.selectmenu-toggle:after, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .selectmenu button.selectmenu-toggle:after { content: none; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .selectmenu .selectmenu-items, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .selectmenu .selectmenu-items { border-color: #000000; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .selectmenu .selectmenu-items .selectmenu-item button, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .selectmenu .selectmenu-items .selectmenu-item button { font-size: 9px; color: #000000; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .selectmenu .selectmenu-items .selectmenu-item button:hover, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .selectmenu .selectmenu-items .selectmenu-item button:hover { border: 0; background-color: #dbdbdb; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .admin__control-support-text, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .admin__control-support-text { font-size: 9px; color: #000000; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .admin__data-grid-pager input, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .admin__data-grid-pager input { font-size: 9px; color: #000000; border: none; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous, .gvorders-index-orderlist .admin__data-grid-pager-wrap .admin__data-grid-pager .action-next, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .admin__data-grid-pager .action-next { background-color: transparent; border: none; margin: 0; width: auto; padding: 0; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous:before, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .admin__data-grid-pager .action-previous:before, .gvorders-index-orderlist .admin__data-grid-pager-wrap .admin__data-grid-pager .action-next:before, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .admin__data-grid-pager .action-next:before { color: #000000; font-size: 15px; } .gvorders-index-orderlist .admin__data-grid-pager-wrap .admin__data-grid-pager .action-next, .gvinvoices-index-invoicelist .admin__data-grid-pager-wrap .admin__data-grid-pager .action-next { margin-left: 20px; } .gvorders-index-orderlist fieldset.admin__form-field div.admin__form-field .admin__form-field-control, .gvinvoices-index-invoicelist fieldset.admin__form-field div.admin__form-field .admin__form-field-control { position: relative; cursor: pointer; display: inline-block; text-decoration: none; } .gvorders-index-orderlist fieldset.admin__form-field div.admin__form-field .admin__form-field-control:after, .gvinvoices-index-invoicelist fieldset.admin__form-field div.admin__form-field .admin__form-field-control:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 37px; line-height: inherit; color: #707070; content: '\e612'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .gvorders-index-orderlist fieldset.admin__form-field div.admin__form-field .admin__form-field-control:after, .gvinvoices-index-invoicelist fieldset.admin__form-field div.admin__form-field .admin__form-field-control:after { position: absolute; pointer-events: none; top: 6px; } .gvorders-index-orderlist fieldset.admin__form-field div.admin__form-field .admin__form-field-label, .gvinvoices-index-invoicelist fieldset.admin__form-field div.admin__form-field .admin__form-field-label { font-weight: 700; } .gvorders-index-orderlist .admin__current-filters-list .action-remove:before, .gvinvoices-index-invoicelist .admin__current-filters-list .action-remove:before { content: '\e616'; font-family: 'icons-blank-theme'; font-size: 30px; line-height: 18px; } .gvorders-index-orderlist .data-grid-th._sortable._descend:after, .gvinvoices-index-invoicelist .data-grid-th._sortable._descend:after { content: none; } .gvorders-index-orderlist .data-grid-th._sortable._descend span, .gvinvoices-index-invoicelist .data-grid-th._sortable._descend span { position: relative; } .gvorders-index-orderlist .data-grid-th._sortable._descend span:after, .gvinvoices-index-invoicelist .data-grid-th._sortable._descend span:after { content: '\e622'; font-family: 'icons-blank-theme'; font-size: 25px; position: absolute; right: -30px; top: 0; } .gvorders-index-orderlist .data-grid-th._sortable._ascend:after, .gvinvoices-index-invoicelist .data-grid-th._sortable._ascend:after { content: none; } .gvorders-index-orderlist .data-grid-th._sortable._ascend span, .gvinvoices-index-invoicelist .data-grid-th._sortable._ascend span { position: relative; } .gvorders-index-orderlist .data-grid-th._sortable._ascend span:after, .gvinvoices-index-invoicelist .data-grid-th._sortable._ascend span:after { content: '\e621'; font-family: 'icons-blank-theme'; font-size: 25px; position: absolute; right: -30px; top: 0; } .gvorders-index-orderlist .admin__data-grid-filters .admin__form-field:nth-child(4), .gvorders-index-orderlist .admin__data-grid-filters .admin__form-field:nth-child(5) { display: none; } .gvinvoices-index-invoicelist .admin__data-grid-filters div.admin__form-field:nth-child(4), .gvinvoices-index-invoicelist .admin__data-grid-filters div.admin__form-field:nth-child(5) { display: none; } .account table > thead > tr > th { vertical-align: middle; padding: 19px 10px; } .account table tbody > tr > td { vertical-align: middle; } .account table tbody > tr > td .product-item-name a { font-size: 12px; } .account table tbody > tr > td.col.price .price-excluding-tax .price { font-size: 12px; } .account table tbody > tr > td.col.subtotal .price-excluding-tax .price { font-size: 12px; } .account .order-details-items .col.name { padding-top: 19px; } .account.gvorders-index-view .order-links .item { letter-spacing: 6px; } .account.gvorders-index-view .notes #po_info_content .shipping-information-title { line-height: 4rem; border-bottom: none; padding-bottom: 0; margin-bottom: 10px; } .account.gvorders-index-view .notes #po_info_content.order-notes { width: 100%; } .account.gvorders-index-view .notes #po_info_content.order-notes .shipping-information-title { width: 100%; border-bottom: none; padding: 0; margin: 0; } .account.gvorders-index-view .notes #po_info_content.order-notes .shipping-information-title span { display: inline-block; width: 100%; text-align: center; } .account.gvorders-index-view td.notes-block { width: 100%; } .product-grouped-wrapper .product-specifications .spec-attributes { display: block !important; } .registration-title { display: inline-block; width: 100%; } .registration-msg { display: inline-block; margin-top: 20px; width: 100%; } .registration-msg p { margin-bottom: 6px; } .registration-msg a { font-weight: 700; } .gvorders-index-view .order-details-items .table-wrapper table.table tr > th.col.subtotal, .gvinvoices-index-view .order-details-items .table-wrapper table.table tr > th.col.subtotal { width: auto; text-align: right; } .account.wishlist-index-index .wishlist-toolbar .limiter { display: none; } .account.wishlist-index-index .wishlist-toolbar .limiter.show .limiter { display: inline-block; } .page-header .h-links-items .h-link-favorites { display: none; } .page-header .h-links-items .h-link-favorites.display { display: block; } body[class*="jolausa_teammessages"] .pagination:before, body[class*="jolausa_teammessages"] .pagination:after { content: ''; display: table; } body[class*="jolausa_teammessages"] .pagination:after { clear: both; } body[class*="jolausa_teammessages"] .pagination .page-size { display: flex; float: right; } body[class*="jolausa_teammessages"] .pagination .page-size .page { display: flex; align-items: center; } body[class*="jolausa_teammessages"] .pagination .page-size .page.bottom { margin-left: 5px; } body[class*="jolausa_teammessages"] .pagination .page-size .selectBox.selectBox-dropdown { width: 70px !important; min-width: 70px; height: 25px; } body[class*="jolausa_teammessages"] .pagination .page-size .selectBox.selectBox-dropdown .selectBox-label { width: 50px !important; padding-top: 0 !important; } body[class*="jolausa_teammessages"] .pagination .page-size .selectBox.selectBox-dropdown .selectBox-arrow { height: 25px; top: 0; } body[class*="jolausa_teammessages"] .msg { font-size: 10px; width: 200px; } body[class*="jolausa_teammessages"] .negative { background: #000000; color: #ffffff; border: 1px solid #000000; } body[class*="jolausa_teammessages"] .negative:hover { background: #ffffff; color: #000000; border: 1px solid #000000; } body[class*="jolausa_teammessages"] .customer-id { display: inline-block !important; } .jolausa_teammessages-message-listing .messages .list { margin-top: 40px; } .jolausa_teammessages-message-listing .messages .list .container { border-top: 1px solid #d6d6d6; } .jolausa_teammessages-message-listing .messages .list .container:last-child { border-bottom: 1px solid #d6d6d6; } .jolausa_teammessages-message-listing .messages .list .container .info a:hover { text-decoration: none; } .jolausa_teammessages-message-listing .messages .list .container .info p { font-size: 12px; } .jolausa_teammessages-message-listing .messages .list .container .info p.customer, .jolausa_teammessages-message-listing .messages .list .container .info p.title { font-weight: 600; } .jolausa_teammessages-message-listing .messages .list .container .info .content { font-size: 13px !important; color: #858586 !important; text-transform: none !important; line-height: 17px !important; letter-spacing: 0.65px !important; } .jolausa_teammessages-message-listing .messages .list .container .info .content p { font-size: 13px !important; color: #858586 !important; text-transform: none !important; line-height: 17px !important; letter-spacing: 0.65px !important; } .jolausa_teammessages-message-listing .messages .list .container .info .content p span { font-size: 13px !important; color: #858586 !important; text-transform: none !important; line-height: 17px !important; letter-spacing: 0.65px !important; } .jolausa_teammessages-message-create .recepients .recepients_container .recepient .customer-name { font-size: 12px; } .jolausa_teammessages-message-create .title span { font-size: 9px; } .jolausa_teammessages-message-create .title input[type="text"] { font-size: 12px; } .jolausa_teammessages-message-create .content span { font-size: 10px; } .jolausa_teammessages-message-view .team-messaging-container .recepients { margin-top: 16px; } .jolausa_teammessages-message-view .team-messaging-container .recepients .recepient { font-size: 12px; } .jolausa_teammessages-message-view .team-messaging-container .recepients .recepients-to { font-size: 9px; font-weight: 600; } .jolausa_teammessages-message-view .team-messaging-container .messages .container { border-bottom: 1px solid #d6d6d6; padding: 25px; } .jolausa_teammessages-message-view .team-messaging-container .messages .container:last-child { border-bottom: none; } .jolausa_teammessages-message-view .reply-button { display: inline-block; border: 1px solid #000000; padding: 11px 21px; font-size: 10px; text-transform: uppercase; } .jolausa_teammessages-message-view .reply-button:hover { color: #ffffff; background: #000000; text-decoration: none; } .jolausa_teammessages-message-view .title .customer { font-size: 12px; margin-bottom: 0; } .jolausa_teammessages-message-view .title .customer span.from { font-size: 9px; font-weight: 600; } .jolausa_teammessages-message-view .title .created-at { font-size: 12px; margin-bottom: 0; } .jolausa_teammessages-message-view .wyswyg { font-size: 10px; } .jolausa_teammessages-message-view .message .content-message { font-size: 13px !important; color: #858586 !important; text-transform: none !important; line-height: 17px !important; letter-spacing: 0.65px !important; } .jolausa_teammessages-message-view .message .content-message p, .jolausa_teammessages-message-view .message .content-message span, .jolausa_teammessages-message-view .message .content-message a { font-size: 13px !important; color: #858586 !important; text-transform: none !important; line-height: 17px !important; letter-spacing: 0.65px !important; } .jolausa_teammessages-message-view #reply-message { position: relative; } .jolausa_teammessages-message-view #reply-message #reply-point { position: absolute; width: 1px; height: 1px; background: transparent; top: -80px; left: 0; } .nav-open .page-wrapper.closed { left: 0; } .nav-open .page-wrapper.closed .page-header .h-bottom { left: 0; } .nav-open .page-wrapper.closed .h-bottom-right .nav-toggle:after { content: none; } .nav-open .page-wrapper.closed .sections.nav-sections { left: calc(-100% + 54px); } .button.hospitality-contact { min-width: 200px; max-width: 400px; display: block; } /* default Magento2 breakpoints: @screen__xxs: 320px; @screen__xs: 480px; @screen__s: 640px; @screen__m: 768px; @screen__l: 1024px; @screen__xl: 1440px; */ /* default Magento2 breakpoints: @screen__xxs: 320px; @screen__xs: 480px; @screen__s: 640px; @screen__m: 768px; @screen__l: 1024px; @screen__xl: 1440px; */ .payment-method-content .field.choice.token { padding-top: 20px; } .payment-method-content .checkout-agreement input[type=checkbox] + label:before { width: 25px; height: 25px; margin-right: 15px; float: none; display: inline-block; vertical-align: middle; } .payment-method-content .checkout-agreement .action-show { vertical-align: middle; } .sage-address { display: none; } .sage-address .field.payment.items.ccard { width: 40%; display: inline-block; } .sage-address.do-not-hide { display: block; } .checkout-billing-address .actions-toolbar { float: left; } .checkout-billing-address { padding: 20px 0; } .billing-address-same-as-shipping-block { padding-top: 20px; } .checkout-payment-method .payment-method .payment-method-title { padding-left: 28px; position: relative; } @media only screen and (max-width: 700px) { .checkout-payment-method .payment-method .payment-method-title { margin-left: 20px; } } .checkout-payment-method .payment-method .payment-method-title input { position: absolute; left: 0; top: -2px; bottom: 0; margin: auto 0; width: 18px; height: 18px; } .checkout-payment-method .payment-method .payment-method-title label { padding: 0; display: block; } /* default Magento2 breakpoints: @screen__xxs: 320px; @screen__xs: 480px; @screen__s: 640px; @screen__m: 768px; @screen__l: 1024px; @screen__xl: 1440px; */ .catalog-topnav.amasty-catalog-topnav { display: none; } .product-items .attr-item.attr-dimensions-category { margin-top: 5px; line-height: 14px; font-size: 14px; } .product-items .attr-item.attr-dimensions-category .attr-value-category { letter-spacing: 0.5px; } .product-items .attr-item.attr-dimensions-category .attr-value-category .attr-value-item .metric { display: none; } .product-items .attr-item.attr-dimensions-category .attr-value-category.metric .attr-value-item .imperial { display: none; } .product-items .attr-item.attr-dimensions-category .attr-value-category.metric .attr-value-item .metric { display: block; } .product-items .attr-item.attr-dimensions-category .attr-value-category.imperial .attr-value-item .imperial { display: block; } .product-items .attr-item.attr-dimensions-category .attr-value-category.imperial .attr-value-item .metric { display: none; } .product-items .attr-item.attr-dimensions-category .attr-label-category { color: #a5a2a2; margin-bottom: 3px; margin-right: 2px; letter-spacing: 2px; } .filter-options-content { margin-left: 0; } .filter-options-content > form, .filter-options-content .amshopby-search-box, .filter-options-content > ul.items { padding-left: 40px; } .filter-options-content .count { letter-spacing: normal; } .filter-options-content .item a:hover, .filter-options-content .item .am_shopby_item_selected a, .filter-options-content .item a.am_shopby_link_selected { background-color: #ebebec; } .filter-options-content .am-filter-items-attr_category_ids .item .am_shopby_item_selected a:before, .filter-options-content .am_shopby_filter_items_attr_category_ids .item .am_shopby_item_selected a:before, .filter-options-content .am-filter-items-attr_category_ids .item a.am_shopby_link_selected:before, .filter-options-content .am_shopby_filter_items_attr_category_ids .item a.am_shopby_link_selected:before, .filter-options-content .am-filter-items-attr_category_ids .item a:hover, .filter-options-content .am_shopby_filter_items_attr_category_ids .item a:hover, .filter-options-content .am-filter-items-attr_category_ids .item .am_shopby_item_selected a, .filter-options-content .am_shopby_filter_items_attr_category_ids .item .am_shopby_item_selected a, .filter-options-content .am-filter-items-attr_category_ids .item a.am_shopby_link_selected, .filter-options-content .am_shopby_filter_items_attr_category_ids .item a.am_shopby_link_selected { background: none; } .filter-options-content .am-filter-items-attr_category_ids a:hover, .filter-options-content .am_shopby_filter_items_attr_category_ids a:hover { background: transparent; } .filter-options-content .am-filter-items-attr_category_ids .am-collapse-icon, .filter-options-content .am_shopby_filter_items_attr_category_ids .am-collapse-icon, .filter-options-content .am-filter-items-attr_category_ids .amshopby-category-collapse-icon, .filter-options-content .am_shopby_filter_items_attr_category_ids .amshopby-category-collapse-icon { display: inline-block; width: auto; height: auto; position: relative; } .filter-options-content .am-filter-items-attr_category_ids .am-collapse-icon:after, .filter-options-content .am_shopby_filter_items_attr_category_ids .am-collapse-icon:after, .filter-options-content .am-filter-items-attr_category_ids .amshopby-category-collapse-icon:after, .filter-options-content .am_shopby_filter_items_attr_category_ids .amshopby-category-collapse-icon:after, .filter-options-content .am-filter-items-attr_category_ids .am-show-more:before, .filter-options-content .am_shopby_filter_items_attr_category_ids .am-show-more:before { content: '+'; position: relative; border: unset; transform: unset; transition: unset; width: auto; height: auto; right: 0; } .filter-options-content .am-filter-items-attr_category_ids .am-collapse-icon._active:after, .filter-options-content .am_shopby_filter_items_attr_category_ids .am-collapse-icon._active:after, .filter-options-content .am-filter-items-attr_category_ids .amshopby-category-collapse-icon._active:after, .filter-options-content .am_shopby_filter_items_attr_category_ids .amshopby-category-collapse-icon._active:after { content: '-'; } .filter-options-content .am-filter-items-attr_category_ids .item a, .filter-options-content .am_shopby_filter_items_attr_category_ids .item a { display: inline-block; padding-left: 0 !important; padding-right: 0; padding-bottom: 0; } .filter-options-content .am-filter-items-attr_category_ids .item a .label, .filter-options-content .am_shopby_filter_items_attr_category_ids .item a .label { display: inline-block; } .filter-options-content .am-filter-items-attr_category_ids .item a.am_shopby_link_selected .label, .filter-options-content .am_shopby_filter_items_attr_category_ids .item a.am_shopby_link_selected .label { color: black; text-decoration: underline; } .filter-options-content .am-filter-items-attr_category_ids .items-children .item, .filter-options-content .am_shopby_filter_items_attr_category_ids .items-children .item { padding-left: 0; } .filter-options-content .am-filter-items-attr_category_ids .items ol, .filter-options-content .am_shopby_filter_items_attr_category_ids .items ol { padding-top: 0; } .page-products .filter-options-item { padding-bottom: 0; } .product-item-name { width: 100%; } .page-products .columns.sidebar-main-active .sidebar-main { width: 20%; float: right; padding-right: 0; padding-left: 0; display: block; border-right: 1px solid #C8C8C9; } .page-products .columns.sidebar-main-active .column.main { width: 80%; margin-left: -1px; float: right; min-height: 500px; border-left: 1px solid #C8C8C9; padding-right: 30px; padding-left: 30px; } .filter-current .items { padding-bottom: 30px; } .jola-list-mode { display: grid; grid-template-columns: 50% 50%; grid-gap: 0; } .jola-list-mode .price-final_price { padding-top: 5px; line-height: 20px; } .jola-list-mode .price-box .price-label { font-size: 1rem; letter-spacing: 0.12rem; } .jola-list-mode .price-container .price { font-size: 1.1rem; } .jola-list-mode .product-item-name > a { letter-spacing: 0.12rem; font-weight: bold; line-height: 1.6rem; } .jola-list-mode .product-item-info { display: block; width: 100%; } .jola-list-mode .product-item-info .product-item-info-inner-list { padding: 20px; position: relative; } .jola-list-mode .product-item-info:nth-child(odd) { border-right: 1px solid #ccc; } .jola-list-mode .product-item-photo { padding: 0 30px 0 0; vertical-align: top; width: 40%; } .jola-list-mode .quick-view-button { background: white; font: 400 1rem 'IBM Plex Sans Regular', sans-serif; color: black; display: inline-block; position: absolute; top: unset; left: unset; right: 30px; bottom: 30px; width: auto; opacity: 1; cursor: pointer; text-align: center; text-transform: uppercase; transition: unset; transform: unset; margin: 0; padding: 10px; white-space: nowrap; border: 1px solid black; } .jola-list-mode .quick-view-button .button-quickview { color: black; background: transparent; box-shadow: none; } .jola-list-mode .quick-view-button .button-quickview:hover { color: white; } .jola-list-mode .quick-view-button:hover { background: black; } .jola-list-mode .quick-view-button:hover .button-quickview { color: #ffffff; } .jola-list-mode .page-products .product-item-info { width: 100%; } .grid-layout { float: right; margin-top: -5px; } .grid-layout a { text-decoration: none; } .mode-switch-icons { padding: 0 10px 0 0; } .page-products .products-grid .product-item .product-item-info-inner { border: none; } /* default Magento2 breakpoints: @screen__xxs: 320px; @screen__xs: 480px; @screen__s: 640px; @screen__m: 768px; @screen__l: 1024px; @screen__xl: 1440px; */ .ves-megamenu .nav-item:hover > .nav-anchor > .menu-icon { display: initial; } .account .data.table .col.actions { min-width: 200px; } .josephine-index-index #maincontent { background-image: url('../../frontend/Jola/jolatheme/en_US/images/background.jpg'); } .josephine-index-index .josephine-topbanner { max-width: 900px; margin: auto; } @media (max-width: 767px) { .josephine-index-index .josephine-topbanner { max-width: 900px; margin: auto; } } .josephine-index-index .josephine-topbanner img { max-width: 100%; height: auto; filter: contrast(1.2) opacity(0.9); mix-blend-mode: multiply; } .josephine-index-index .josephine-signature { margin: auto; max-width: 550px; } .josephine-index-index .josephine-signature img { max-width: 100%; height: auto; filter: contrast(1.2) opacity(0.9); mix-blend-mode: multiply; margin-top: -100px; } @media (max-width: 767px) { .josephine-index-index .josephine-signature img { margin-top: -60px; } } @media (max-width: 767px) { .josephine-index-index .josephine-signature { max-width: 335px; } } .josephine-index-index .main-section { align-items: flex-start; clear: both; width: 100%; position: relative; } .josephine-index-index .josephine-right-side { flex: 1; display: grid; grid-template-columns: repeat(2, 1fr); gap: 30px; justify-content: center; } .josephine-index-index .josephine-products img { max-width: 100%; height: auto; } .josephine-index-index .josephine-setion-main { display: flex; flex-direction: column; align-items: center; padding: 20px; } .josephine-index-index .josephine-setion-main .josephine-description { text-align: center; padding: 40px 20px; color: #5C4F3B; } .josephine-index-index .josephine-setion-main .josephine-description .title { font-size: 22px; font-weight: bold; color: #5C4F3B; margin-bottom: 20px; } .josephine-index-index .josephine-setion-main .josephine-description .title sup { font-size: 14px; } .josephine-index-index .josephine-setion-main .josephine-description .josephine-content { display: flex; justify-content: center; align-items: center; max-width: 100%; margin: auto; } .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .josephine-left { font-size: 16px; font-weight: bold; text-transform: uppercase; text-align: center; width: 30%; } .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .josephine-left p { color: #5C4F3B; font-weight: 700; } @media (max-width: 1024px) { .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .josephine-left { display: none; } } .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .josephine-divider { width: 4%; height: 135px; position: relative; } .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .josephine-divider::before { content: ''; position: absolute; width: 1px; height: 100%; background: #5C4F3B; top: 0; left: 0; } @media (max-width: 1024px) { .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .josephine-divider { display: none; } } .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .josephine-right { font-size: 14px; text-align: left; width: 68%; line-height: 1.6; } .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .josephine-right p { color: #5C4F3B; width: 95%; margin: auto; } @media (max-width: 1024px) { .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .josephine-right { width: 95%; text-align: center; } } .josephine-index-index .josephine-setion-main .josephine-description .josephine-content .mobile-line { margin: 10px auto 10px; } @media (max-width: 1024px) { .josephine-index-index .josephine-setion-main .josephine-description .josephine-content { max-width: 95%; text-align: center; } } .josephine-index-index .josephine-setion-main .josephine-description .josephine-bottom-line { width: 100%; max-width: 75%; height: 1px; background: #5C4F3B; margin: 20px auto 0; } .josephine-index-index .josephine-setion-main .josephine-section { width: 100%; text-align: center; margin-top: 35px; margin-bottom: 20px; position: relative; display: flex; flex-direction: column; } .josephine-index-index .josephine-setion-main .josephine-footer-section { text-align: center; margin-top: 60px; margin-bottom: 20px; position: relative; flex-direction: column; } .josephine-index-index .josephine-setion-main .josephine-footer-section .josephine-topbanner { max-width: 1100px; margin: auto; display: inline-block; } .josephine-index-index .josephine-setion-main .josephine-footer-section .josephine-topbanner img { max-width: 100%; height: auto; filter: contrast(1.2) opacity(0.9); mix-blend-mode: multiply; } .josephine-index-index .josephine-setion-main .josephine-footer-section .caption { margin-top: 10px; color: #5C4F3B; font-size: 14px; text-align: right; max-width: 1100px; } .josephine-index-index .josephine-setion-main .josephine-left-side { width: 30%; text-align: left; position: relative; display: inline-block; float: left; } .josephine-index-index .josephine-setion-main .josephine-left-side::before { content: ''; position: absolute; width: 1px; min-height: 100%; background: #5C4F3B; top: 0; right: 0; } .josephine-index-index .josephine-setion-main .josephine-left-side .timeline-item { position: relative; padding-right: 40px; margin-bottom: 50px; text-align: center; width: 100%; top: 210px; transform: translateY(20px); transition: opacity 0.5s ease, transform 0.5s ease; } @media (max-width: 820px) { .josephine-index-index .josephine-setion-main .josephine-left-side .timeline-item { top: 60px; } } .josephine-index-index .josephine-setion-main .josephine-left-side .timeline-content { font-size: 18px; font-weight: bold; color: #5C4F3B; text-transform: uppercase; position: relative; white-space: nowrap; } .josephine-index-index .josephine-setion-main .josephine-left-side .timeline-content h3 { color: #5C4F3B; width: 75%; text-align: right; font-weight: 700; } .josephine-index-index .josephine-setion-main .josephine-left-side .timeline-item::after { content: ''; position: absolute; width: 85px; height: 1px; background: #5C4F3B; top: 12.5px; right: 0; transform: translateY(-50%); } .josephine-index-index .josephine-setion-main .josephine-left-side .timeline-content::before { content: ''; position: absolute; width: 7px; height: 7px; background: #5C4F3B; border-radius: 50%; top: 50%; right: 45px; transform: translateY(-50%); } @media (max-width: 1024px) { .josephine-index-index .josephine-setion-main .josephine-left-side { width: 33%; display: none; } } @media (max-width: 820px) { .josephine-index-index .josephine-setion-main .josephine-left-side { width: 40%; } } @media (max-width: 768px) { .josephine-index-index .josephine-setion-main .josephine-left-side { width: 42%; } } .josephine-index-index .josephine-setion-main .josephine-right-side { width: 70%; display: inline-block; vertical-align: top; float: right; flex-wrap: wrap; justify-content: space-between; position: relative; } .josephine-index-index .josephine-setion-main .josephine-right-side .product-row::before { content: ''; position: absolute; width: 1px; height: 100%; background: #5C4F3B; top: 0; left: -1px; } @media (max-width: 1024px) { .josephine-index-index .josephine-setion-main .josephine-right-side .product-row::before { display: none; } } @media (max-width: 1024px) { .josephine-index-index .josephine-setion-main .josephine-right-side { width: 100%; } } @media (max-width: 820px) { .josephine-index-index .josephine-setion-main .josephine-right-side { width: 100%; } } @media (max-width: 768px) { .josephine-index-index .josephine-setion-main .josephine-right-side { width: 100%; } } .josephine-index-index .josephine-setion-main .product-row { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; width: 100%; } .josephine-index-index .josephine-setion-main .product-row-mobile { display: none; } .josephine-index-index .josephine-setion-main .josephine-products { width: calc(33%); text-align: center; padding: 8px; border-radius: 8px; align-items: center; justify-content: center; } .josephine-index-index .josephine-setion-main .josephine-products img { max-width: 100%; height: auto; padding: 5px; } .josephine-index-index .josephine-setion-main .josephine-products p { margin-top: 5px; font-size: 14px; letter-spacing: 1px; color: #5C4F3B; } @media (max-width: 1024px) { .josephine-index-index .josephine-setion-main .josephine-products { width: calc(45%); } } @media (max-width: 820px) { .josephine-index-index .josephine-setion-main .josephine-products { width: calc(40%); } } .triplecurve-index-index #maincontent { background-image: url('../../frontend/Jola/jolatheme/en_US/images/background.jpg'); } @media (width: 768px) { .triplecurve-index-index #maincontent { padding-top: 170px; } } #braintree-three-d-modal { display: -webkit-flex; display: -ms-flexbox; display: flex; position: fixed; top: 0; left: 0; align-items: center; height: 100vh; width: 100vw; z-index: 100000; visibility: visible; } #braintree-three-d-modal .bt-modal-frame { height: 420px; width: 440px; margin: auto; background-color: #ffffff; z-index: 2; border-radius: 6px; } #braintree-three-d-modal .bt-modal-body { height: 380px; margin: 20px; background-color: white; border: 1px solid lightgray; } #braintree-three-d-modal .bt-mask { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-color: black; opacity: 0.75; } .braintree-applepay-container-product { display: inline-block; } .braintree-applepay-container-product .braintree-apple-pay-button { padding: 10px 0; margin: 0; margin-bottom: 15px; } .braintree-apple-pay-button { -webkit-appearance: -apple-pay-button; -apple-pay-button-type: plain; display: block; width: 200px; min-height: 40px; border: 1px solid black; background-image: -webkit-named-image(apple-pay-logo-black); background-size: 100% calc(60% + 2px); background-repeat: no-repeat; background-color: black; background-position: 50% 50%; border-radius: 5px; padding: 2px; margin: 20px auto; transition: background-color 0.15s; cursor: pointer; } .ppcredit-summary { background: linear-gradient(to right, #009cde, #003087); color: #ffffff; padding: 15px; text-align: center; margin: 10px 0px; } .ppcreditcalc-container { border: 1px solid #dedede; background: #ffffff; } .ppcreditcalc-header { background: #ffffff; padding: 15px; } .ppcreditcalc-legal { background-color: #eee; border-top: 1px solid #dedede; padding: 15px; font-size: 1.2rem; line-height: 2rem; } .ppcreditcalc-instalments { list-style: none; margin: 0; padding: 0; border-top: 1px solid #DEDEDE; border-bottom: 1px solid #DEDEDE; background-color: #eeeeee; } .ppcreditcalc-instalments li { display: inline-block; margin: 0; padding: 0; } .ppcreditcalc-instalments-term { display: block; padding: 10px 15px; color: #000; } .ppcreditcalc-instalments-term:hover { background: #009CDE; color: #FFF; text-decoration: none; } .ppcreditcalc-instalments-term.active { background: #003087; color: #FFF; } .ppcreditcalc-instalment-summary { padding: 15px; } .ppcreditcalc-instalment-summary dl { margin: 0; } .ppcreditcalc-instalment-summary dt { display: inline-block; width: 50%; } .ppcreditcalc-instalment-summary dd { display: inline-block; } #braintree_expirationDate { width: 90px; } button.braintree-googlepay-button { background-origin: content-box; background-position: center center; background-repeat: no-repeat; background-size: contain; border: 0; border-radius: 4px; box-shadow: rgba(60, 64, 67, 0.3) 0 1px 1px 0, rgba(60, 64, 67, 0.15) 0 1px 3px 1px; cursor: pointer; height: 40px; min-height: 40px; padding: 11px 24px; } button.braintree-googlepay-button.black { background-color: #000; box-shadow: none; padding: 12px 24px 10px; } button.braintree-googlepay-button.white { background-color: #ffffff; } button.braintree-googlepay-button.short { min-width: 90px; width: 160px; } button.braintree-googlepay-button.black.short { background-image: url(https://www.gstatic.com/instantbuy/svg/dark_gpay.svg); } button.braintree-googlepay-button.white.short { background-image: url(https://www.gstatic.com/instantbuy/svg/light_gpay.svg); } button.braintree-googlepay-button.black:active { background-color: #5f6368; } button.braintree-googlepay-button.black:hover { background-color: #3c4043; } button.braintree-googlepay-button.white:active { background-color: #ffffff; } button.braintree-googlepay-button.white:focus { box-shadow: #e8e8e8 0 1px 1px 0, #e8e8e8 0 1px 3px; } button.braintree-googlepay-button.white:hover { background-color: #f8f8f8; } button.braintree-googlepay-button.long { min-width: 152px; width: 240px; } button.braintree-googlepay-button.white.long { background-image: url(https://www.gstatic.com/instantbuy/svg/light/en.svg); } button.braintree-googlepay-button.black.long { background-image: url(https://www.gstatic.com/instantbuy/svg/dark/en.svg); } .googlepay-minicart-logo { margin-top: 15px; text-align: center; } .checkout-payment-method .credit-card-types.braintree-credit-card-types img { width: 30px; -webkit-filter: none; -webkit-transition: none; } .braintree-card-control { position: relative; } .braintree-credit-card-selected { position: absolute; z-index: 10; left: 10px; } .braintree-paypal-logo.oneclick-container { width: 100%; } #payment_form_braintree_ach_direct_debit .field > .fields .field .label { font-weight: 600; } #payment_form_braintree_ach_direct_debit .field > .fields .field.required > .label:after { content: '*'; color: #e02b27; font-size: 1.8rem; margin: 0 0 0 5px; } #payment_form_braintree_ach_direct_debit .field > .fields .field .control { margin: 10px 10px 0 0; } #payment_form_braintree_ach_direct_debit .field > .fields .field .control input[type="text"]::placeholder, #payment_form_braintree_ach_direct_debit .field > .fields .field .control input[type="number"]::placeholder { color: lightgrey; } #payment-method-braintree-lpm .primary { width: 100%; } #payment-method-braintree-lpm .primary .action { margin-bottom: 12px; width: 100%; } #payment-method-braintree-lpm .primary .action img { height: 40px; } #payment-method-braintree-cc-vault .field.required .label { font-weight: 600; } #payment-method-braintree-cc-vault .field.required .label:after { content: '*'; color: #e02b27; font-size: 1.8rem; margin: 0 0 0 5px; } #payment-method-braintree-cc-vault .field .hosted-control { background: #ffffff; background-clip: padding-box; border: 1px solid #c2c2c2; border-radius: 1px; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size: 1.4rem; height: 32px; padding: 0 9px; vertical-align: baseline; box-sizing: border-box; position: relative; width: 5rem; } #payment-method-braintree-cc-vault .field .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } #payment-method-braintree-cc-vault .field .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .braintree-paypal-fieldset { display: none; } .payment-method-braintree .hosted-control { border: 1px solid #c2c2c2; height: 32px; padding: 8px 15px; max-width: 300px; } .payment-method-braintree .hosted-control.braintree-hosted-fields-invalid:not(.braintree-hosted-fields-focused) ~ .hosted-error { height: auto; opacity: 1; } .payment-method-braintree .hosted-error { clear: both; color: #e02b27; font-size: 1.2rem; height: 0; margin-top: 7px; opacity: 0; } .payment-method-braintree .cvv { max-width: 200px; position: relative; } .payment-method-braintree .cvv .field-tooltip { top: 10px; right: 30px; } #braintree_cc_number { padding-left: 68px; } @media only screen and (min-width: 768px), print { .amlocator-search-container, .amlocator-block.-storelist, .amlocator-block.-filter { width: 25% !important; } .amlocator-block.-map { width: 75% !important; } .amlocator-main-container .amlocator-map-container .amlocator-store-desc { border-width: 0 1px 1px 0; } } @media only screen, print { .amlocator-map .popup { padding: 5%; } .amlocator-current-location .amlocator-search, .amlocator-current-location .amlocator-search:hover { position: absolute; top: 12px; right: 0; width: 20px; height: 19px; background: url('../../frontend/Jola/jolatheme/en_US/images/icons/ico_loupe_black.png') no-repeat center; background-size: contain; cursor: pointer; } .selectBox-dropdown .selectBox-label { font-size: 1rem !important; padding: 10px 0 0 10px !important; } .selectBox-dropdown .selectBox-arrow { top: 8px; } .wishlist-index-index .selectBox-dropdown .selectBox-label { font-size: 1rem !important; padding: 0 0 0 10px !important; } .wishlist-index-index .selectBox-dropdown .selectBox-arrow { top: 0; } .amlocator-filters-container .amlocator-actions { justify-content: flex-start; } .amlocator-current-location .amlocator-text { border-width: 0 0 1px 0; border-radius: 0; border-color: #000; padding-left: 10px; } .amlocator-current-location .amlocator-text::placeholder { color: black; } .amlocator-current-location .amlocator-text:focus { border-width: 0 0 1px 0; border-radius: 0; border-color: #000; } .amlocator-main-container .amlocator-map-container .amlocator-search-container { margin-bottom: 0; padding-bottom: 0; } .amlocator-main-container .amlocator-map-container .amlocator-search-container, .amlocator-main-container .amlocator-map-container .amlocator-block.-storelist, .amlocator-main-container .amlocator-map-container .amlocator-block.-filter { background: transparent; } .amlocator-main-container .amlocator-map-container .amlocator-search-container.-storelist, .amlocator-main-container .amlocator-map-container .amlocator-block.-storelist.-storelist, .amlocator-main-container .amlocator-map-container .amlocator-block.-filter.-storelist { border-top: 1px solid #ccc; } .amlocator-main-container .amlocator-map-container .amlocator-search-container.-filter, .amlocator-main-container .amlocator-map-container .amlocator-block.-storelist.-filter, .amlocator-main-container .amlocator-map-container .amlocator-block.-filter.-filter { padding-bottom: 20px; } .amlocator-main-container .amlocator-map-container .amlocator-search-container.-filter .amlocator-button, .amlocator-main-container .amlocator-map-container .amlocator-block.-storelist.-filter .amlocator-button, .amlocator-main-container .amlocator-map-container .amlocator-block.-filter.-filter .amlocator-button { background: transparent; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 1px solid; color: black; padding: 0.5rem 1.5rem; font-size: 1rem; margin-left: 0; margin-right: 25px; } .amlocator-main-container .amlocator-map-container .amlocator-search-container.-filter .amlocator-button:hover, .amlocator-main-container .amlocator-map-container .amlocator-block.-storelist.-filter .amlocator-button:hover, .amlocator-main-container .amlocator-map-container .amlocator-block.-filter.-filter .amlocator-button:hover { background: #000000; color: #ffffff; } .amlocator-main-container .amlocator-map-container .amlocator-search-container .amlocator-filters-container, .amlocator-main-container .amlocator-map-container .amlocator-block.-storelist .amlocator-filters-container, .amlocator-main-container .amlocator-map-container .amlocator-block.-filter .amlocator-filters-container { background: transparent; } .amlocator-main-container .amlocator-map-container .amlocator-search-container .amlocator-filters-container .amlocator-title, .amlocator-main-container .amlocator-map-container .amlocator-block.-storelist .amlocator-filters-container .amlocator-title, .amlocator-main-container .amlocator-map-container .amlocator-block.-filter .amlocator-filters-container .amlocator-title { display: none; } .amlocator-main-container .amlocator-map-container .amlocator-search-container .amlocator-button.-nearby, .amlocator-main-container .amlocator-map-container .amlocator-block.-storelist .amlocator-button.-nearby, .amlocator-main-container .amlocator-map-container .amlocator-block.-filter .amlocator-button.-nearby { display: none; } .amlocator-main-container .amlocator-map-container .amlocator-store-desc { background: transparent; border: 1px solid #ccc; border-width: 0 0 1px 0; margin-bottom: 0; } .amlocator-main-container .amlocator-map-container .amlocator-store-desc.-active { background: #000; } .amlocator-main-container .amlocator-map-container .amlocator-store-desc:not(:first-of-type) { margin-top: 0; } .amlocator-main-container .amlocator-map-container .amlocator-store-desc .amlocator-block { margin: 2.5rem 4rem; font-size: .9rem; } .amlocator-main-container .amlocator-map-container .amlocator-store-desc .amlocator-block .amlocator-title { font-size: 1rem; text-transform: uppercase; margin-bottom: 0.5rem; } .amlocator-main-container .amlocator-map-container .amlocator-block.-map { padding-left: 0; } } button#wishlist_create { background: #ffffff; border-color: #000000; } button#wishlist_create:hover { background: #000000; } button.addmanytocart { margin-right: 20px; } .b-addalltowishlist, .button-bs-ad { display: inline-block; margin: 10px 0px; } #wishlist-view-form .actions-toolbar button { padding: 8px 10px; } #wishlist-view-form input.item-move-copy { position: relative; margin-left: 11px; top: 7px; } #wishlist-view-form .product-item .fieldset .field.qty .control { max-width: 80px; } .wishlist .qty .qty-dec { width: 15px; text-align: left; } .wishlist .qty .qty-inc { text-align: right; } ul.tabs li { display: inline-block; /*float: left;*/ margin: 0 0px 0 0; } ul.tabs li a { font: normal 12px Verdana; text-decoration: none; position: relative; padding: 0px 20px; line-height: 38px; border: 1px solid #000; color: #000; background: #FFF; outline: none; display: inline-block; margin-right: -1px; min-width: 140px; text-align: center; /*left: -1px;*/ } ul.tabs li a:visited { color: #000; } ul.tabs li a:hover, ul.tabs li.selected a, ul.tabs li.selected a:hover { position: relative; background: #000; color: #fff; } ul.tabs li.selected a:hover { text-decoration: none; } div.tabcontents { border: 0px solid #B7B7B7; padding: 30px 0; background-color: #FFF; border-radius: 0 3px 3px 3px; } .wishlist_move { padding-top: 12px; } #loadingmask { position: fixed; left: 0; top: 0; bottom: 0; right: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); z-index: 999; } #loading { position: absolute; top: 50%; left: 50%; } .wltable { padding-top: 30px; } .deletewl_link { float: right; } .link-wishlist { cursor: pointer; } .combo { float: left; } .move_btn { float: right; } .wishlist_move { width: 140px; } ul { list-style: none; } #loadingmask img { width: 25px; } #tabcontents .wltable { padding-top: 50px; } #wishlist-form-validation .linearize-table td { padding: 15px 0 30px; } input.mwishlist_name { display: inline-block; max-width: 100%; min-width: 100px; position: relative; width: 260px; height: 40px; } #new_wlname { position: relative; height: 40px; width: 260px; } .editwl_link { float: left; width: 100%; } .clearfix { display: block; clear: both; } button.action.primary.edit_wishlist_button, button.deletewl, button.amshopby-button.edit_wishlist_button, button.am-filter-go.edit_wishlist_button { background: url(../../frontend/Jola/jolatheme/en_US/images/edit@2x.png) no-repeat 0; background-color: #fff; background-size: 40px; min-width: 40px; width: 40px; height: 40px; overflow: hidden; color: transparent; border: 0; } button.deletewl { background: url(../../frontend/Jola/jolatheme/en_US/images/delete@2x.png) no-repeat 0; background-size: 40px; margin-left: 5px; } button.action.primary.edit_wishlist_button span, button.deletewl span, button.amshopby-button.edit_wishlist_button span, button.am-filter-go.edit_wishlist_button span { display: none; } ul#list-wishlist { padding: 0px; margin: 30px 0 0 0; } .wishlist_btns { border-top: 1px solid #C8C8C9; margin: 15px 0 30px; padding-top: 20px; } .create-wishlist { margin-top: 30px; } .wishlist_btns button { width: 100%; left: 0; } #output_wishlist_div .message { font-size: 1rem; } .button-add-more-wishlist { background: url('../../frontend/Jola/jolatheme/en_US/images/addthis-more.png'); display: block; background-repeat: no-repeat; height: 35px; background-size: contain; cursor: pointer; } .button-add-more-wishlist span { position: relative; left: 40px; line-height: 35px; } #no-choose-wishlist, #loadingmask, .not-empty-name { display: none; } #create_wishlist .content { width: 260px; float: left; } ul#list-wishlist label { cursor: pointer; } ul#list-wishlist input { margin: 0 5px; -ms-transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2); -o-transform: scale(1.2); } button#wishlist_create { margin-left: 10px; position: relative; float: right; width: 178px; /*background: #4A9525; border-color: #4A9525;*/ } #create_wishlist input.error { border-color: #f00000; } label#new_wlname-error { color: #f00000; display: block !important; margin: 10px 0px; } .content-create-wl { float: left; } button.action.primary.create-wl, button.amshopby-button.create-wl, button.am-filter-go.create-wl { position: relative; margin-left: 10px; } .product-image-photo { position: relative; } a.towishlist { display: inline-block; height: 42px; } .towishlist { display: inline-block; text-decoration: none; } .towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 30px; line-height: 41px; color: inherit; content: '\e600'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .towishlist:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 35px; line-height: 41px; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } a.towishlist > span { line-height: normal; font-size: 10px; } .wshtt { padding-bottom: 35px; } ul#list-wishlist li { padding: 10px 0; } .products-grid.wishlist .product-item-photo { margin-bottom: 0; } .products-grid.wishlist .product-item-actions > * { color: #fff; } .products-grid.wishlist .product-item .box-tocart .tocart { border-color: #fff; color: #fff; min-width: 100px; width: 100%; padding: 6px; float: right; height: 40px; } .wishlist .product-item .price-box .price, .wishlist .product-item .price-box .price-label { font-weight: 400; font-size: 1.2rem; color: #fff; } .products-grid.wishlist .product-item .box-tocart input.qty { width: 30px; float: left; } .wishlist .box-tocart { margin-bottom: 10px; } body .products-grid.wishlist .product-item .fieldset { display: block; /*table-layout: fixed;*/ } .products-grid.wishlist .product-item .fieldset .field.qty { margin: 10px 0 0; } body .products-grid.wishlist .product-item-actions > * { float: left; } body .products-grid.wishlist .product-item-actions a span { border-bottom: 1px solid #fff; padding-bottom: 10px; line-height: 18px; } body .products-grid.wishlist .product-item-actions .delete { text-align: right; } .account .wishlist .actions-toolbar .primary { width: 100%; text-align: left; margin-top: 30px; } .account .wishlist .actions-toolbar .tocart { background: #000; color: #fff; } .account .wishlist .actions-toolbar .tocart:hover { background: #fff; color: #000; border: 1px solid #000; } #output_wishlist_div { min-width: 450px; } #del_wishlist { display: none; min-width: 160px; } .blackcl { background-color: #000; } .blackcl p, .blackcl button { color: #fff; border-color: #fff; } .blackcl button:hover { color: #000; border-color: #000; background-color: #fff; } button.nodel { float: right; } .glcentr { color: #000 !important; } button.nodel, button.yesdel { color: #000; border-color: #000; background-color: #fff; } button.nodel:hover, button.yesdel:hover { color: #fff; border-color: #fff; background-color: #000; } body.sta.wishlist-index-index .product-item-inner { background-color: #705A45; } body .products-grid.wishlist .product-item .fieldset .field.qty, body .products-grid.wishlist .product-item .fieldset .product-item-actions { display: inline-block; vertical-align: middle; } body .products-grid.wishlist .product-item-actions { margin-top: 0px; } .wishlist-index-index .products-grid .product-items { margin-left: 0; } .share.wishlist { max-width: 1200px; /*width: 80%;*/ } .share h2 { padding: 20px 0; letter-spacing: 0.2rem; } .share label { padding-bottom: 30px; color: #868787; letter-spacing: 0.2rem; } .share .control { position: relative; } .share legend { position: absolute; left: 18px; background-color: #fff; top: -5px; padding: 0 10px; letter-spacing: 0.2rem; } .share textarea { height: 130px; padding: 10px; } .share textarea[name='message'] { height: 250px; } .wishlist.share a { min-width: 199px; letter-spacing: 0.3rem; } .wishlist.share a.action span, .wishlist.share button span { line-height: 2.2rem; font-size: 1.1rem; } @media screen and (min-width: 768px) and (max-width: 1023px) { .wishlist-index-index .products-grid .product-item:nth-child(3n + 1) { margin-left: 0; } } @media screen and (min-width: 1024px) { .wishlist p.minimal-price { margin-bottom: 0; } .fancybox-inner { /*width:auto!important;*/ } } @media screen and (min-width: 1450px) { body.wishlist-index-index .product-item-inner { padding: 4.25% 6.4% 8.5%; } .wishlist .qty .qty-dec { width: 20px; } .wishlist .qty .qty-inc { width: 25px; } .products-grid.wishlist .product-item-name { margin-bottom: 10px; } } @media screen and (max-width: 1450px) { .wishlist .product-item-name > a { font-size: 9px; } .wishlist .product-item .price-box .price, .wishlist .product-item .price-box .price-label { font-size: 10px; } .products-grid.wishlist .product-item .box-tocart .tocart span, .wishlist a.action span, .wishlist button span { line-height: 1; font-size: 8px; } .products-grid.wishlist .product-item-actions > *, .products-grid.wishlist .product-item .box-tocart .tocart { font-size: 8px; } } @media screen and (max-width: 1024px) { body.wishlist-index-index .product-item-inner, body.wishlist-index-index .product-item-inner:hover, body.wishlist-index-index .product-item-inner:active, .wishlist-index-index .products-grid .product-item-info:hover .product-item-inner, .wishlist-index-index .products-grid .product-item-info.active .product-item-inner, .wishlist-index-index .products-grid .product-item-info:not(:hover):not(.active) .product-item-inner { display: block; position: relative; width: auto; height: auto; padding: 10px 15px 20px; overflow: hidden; } } @media screen and (max-width: 1023px) { .wishlist-index-index .products-grid .product-item { margin-left: calc(5%); padding: 0; width: 30%; } .fancybox-skin { min-width: auto; } } @media screen and (max-width: 768px) { #output_wishlist_div { min-width: 300px; } } @media screen and (max-width: 767px) { /*#tabcontents .products-grid.wishlist .product-item-actions{clear:both;} #tabcontents .products-grid.wishlist .product-item-actions .action.edit,#tabcontents .products-grid.wishlist .product-item-actions .action.delete{float:none} #tabcontents .products-grid.wishlist .product-item .box-tocart{margin-bottom:10px;} #tabcontents .editwl_link button[id^=deletew]{float:right;}*/ .wishlist-index-index .products-grid .product-item { margin-left: 4%; padding: 0; width: 48%; } body .products-grid.wishlist .product-item-name, body .products-grid.wishlist .product-item-description, body .products-grid.wishlist .product-item .price-box, body .products-grid.wishlist .product-item-tooltip { margin-left: 0px; } body .products-grid.wishlist .product-item .box-tocart, .products-grid.wishlist .product-item-photo { float: none; margin-right: 0px; } .wishlist-index-index .products-grid .product-item:nth-child(2n + 1) { margin-left: 0; } .products-grid.wishlist .product-item-actions .action { margin-right: 0px; } #create_wishlist .content { width: calc(-88%); } #new_wlname { width: 100%; } .fancybox-skin { padding: 30px !important; } .wshtt { padding-bottom: 15px; } ul#list-wishlist { margin-top: 15px; } #create_wishlist .content { width: 100%; float: none; } button#wishlist_create { margin-left: 0px; float: none; width: 100%; margin-top: 15px; } .create-wishlist { margin-top: 10px; } #output_wishlist_div { min-width: 200px; } } @media screen and (max-width: 639px) { .products-grid .product-item { width: 100%; } #tabcontents .editwl_link button[id^="deletew"] { display: block; float: none; margin-top: 10px; } .wishlist-index-index .products-grid .product-items { text-align: center; } .wishlist-index-index .products-grid .product-item { margin-left: 0%; padding: 0; width: 100%; max-width: 300px; margin: 0 auto 25px; text-align: left; } .wishlist-index-index .product-image-photo { width: 100%; } } @media screen and (max-width: 560px) { .content-create-wl { float: none; margin-bottom: 20px; } button.action.primary.create-wl, button.amshopby-button.create-wl, button.am-filter-go.create-wl { margin-left: 0px; width: 100%; } } @media screen and (max-width: 400px) { input.mwishlist_name { width: calc(5%); } } @media screen and (max-width: 359px) { /*#tabcontents .editwl_link button[id^="editwl"]{display:block;float:none;margin-top:10px}*/ } .products-grid.wishlist .product-item .fieldset .field.qty label, .wishlist-index-index .product-item-inner .comment-box { display: none; } .tooltip.wrapper .tooltip.content .subtitle { font-size: 10px; font-weight: bold; } .tooltip.wrapper .tooltip.content .label { display: inline-block; width: 85%; vertical-align: top; margin-top: 0; font-weight: normal; } .tooltip.wrapper .tooltip.content .values { display: inline-block; width: 10%; vertical-align: top; text-align: right; } .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #fff; color: #000; text-transform: uppercase; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0px; padding: 55px 70px!important; min-width: 590px; letter-spacing: 1px; } .fancybox-opened { z-index: 10000; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; min-width: 250px; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "IBM Plex Sans Regular", Helvetica, Arial, sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../../frontend/Jola/jolatheme/en_US/images/fancybox_sprite.png); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: .8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url(../../frontend/Jola/jolatheme/en_US/images/fancybox_loading.gif) center center no-repeat; } .fancybox-close { position: absolute; top: 35px; right: 50px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; background: url(../../frontend/Jola/jolatheme/en_US/images/close.png) no-repeat 50% !important; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url(../../frontend/Jola/jolatheme/en_US/images/blank.gif); -webkit-tap-highlight-color: rgba(0, 0, 0, 0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 9999; background: url(../../frontend/Jola/jolatheme/en_US/images/fancybox_overlay.png); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } .fancybox-title { visibility: hidden; font: normal 13px/20px "IBM Plex Sans Regular", Helvetica, Arial, sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: 700; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, 0.8); } @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) { #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url(../../frontend/Jola/jolatheme/en_US/images/fancybox_sprite@2x.png); background-size: 44px 152px; } #fancybox-loading div { background-image: url(../../frontend/Jola/jolatheme/en_US/images/fancybox_loading@2x.gif); background-size: 24px 24px; } } @media only screen and (max-width: 768px) { .towishlist { display: inline-block; text-decoration: none; } .towishlist:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 37px; line-height: 42px; color: inherit; content: '\e600'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .towishlist:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 45px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .fancybox-skin { min-width: initial; padding: 30px !important; } .fancybox-skin .fancybox-close { top: 0; right: 0; } body.account .form-wishlist-items .projectlist { display: block; font-size: 13px; line-height: 26px; widows: 100%; text-align: center; border: 1px solid #000000; padding: 6px; } body.account .form-wishlist-items .projectlist.active { margin-bottom: 10px; } body.account .form-wishlist-items .projectlist.active + .projectlist-wrapper { display: flex; } body.account .form-wishlist-items .projectlist.active span { display: inline-block; text-decoration: none; } body.account .form-wishlist-items .projectlist.active span:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 40px; line-height: inherit; color: inherit; content: '\e621'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } body.account .form-wishlist-items .projectlist span { display: inline-block; text-decoration: none; } body.account .form-wishlist-items .projectlist span:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 40px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } body.account .form-wishlist-items .projectlist + .projectlist-wrapper { display: none; } body.account .form-wishlist-items .projectlist + .projectlist-wrapper ul { display: flex; flex-direction: column; width: 100%; } body.account .form-wishlist-items .projectlist + .projectlist-wrapper ul li { display: inline-block; width: 100%; } body.account .form-wishlist-items .projectlist + .projectlist-wrapper ul li a { width: 100%; } body.account #wishlist-form-validation .linearize-table td { padding-bottom: 15px; } body.account.wishlist-index-index #tabcontents .wltable { padding-top: 0; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .price-box { min-height: auto; padding-bottom: 0; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .product-item-info:hover { margin-bottom: 0; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .product-item-info .product-item-inner .bottwsh .product-item-tooltip { bottom: 0; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .product-item-info .product-item-inner .bottwsh .product-item-tooltip .tooltip.content .label { font-size: 9px; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .product-item-info .product-item-inner .bottwsh .product-item-tooltip .tooltip.content .values { font-size: 9px; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .product-item-info .product-item-inner .bottwsh .product-item-name { line-height: 10px; margin-bottom: 0; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .product-item-info .product-item-inner .bottwsh .product-item-name a { font-size: 10px; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .product-item-info .product-item-inner .bottwsh .product-item-actions button { height: 30px; margin-top: 2px; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .product-item-info .product-item-inner .bottwsh .product-item-actions button span { display: block; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .product-item-info .product-item-inner .bottwsh .product-item-actions a.delete { position: absolute; bottom: 3px; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .product-item-info .product-item-inner .bottwsh .product-item-actions a span { padding-bottom: 0; height: 0; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .product-item-info .product-item-inner .bottwsh .box-tocart { margin-bottom: 5px; } body.account.wishlist-index-index #tabcontents .products-grid.wishlist .product-item .product-item-info .product-item-inner .bottwsh .box-tocart .fieldset:last-child { margin-bottom: 0; } body.account.wishlist-index-index .toolbar-amount { padding-top: 3px; } body.account.wishlist-index-index button.action.primary.edit_wishlist_button, body.account.wishlist-index-index button.amshopby-button.edit_wishlist_button, body.account.wishlist-index-index button.am-filter-go.edit_wishlist_button { background-size: 30px; min-width: 30px; width: 30px; height: 30px; } body.account.wishlist-index-index button.deletewl { background-size: 30px; min-width: 30px; width: 30px; height: 30px; } } @media only screen and (min-width: 768px) { .fancybox-skin { min-width: 590px; padding: 55px 70px!important; } .fancybox-skin .fancybox-close { top: 35px; right: 50px; } body.account .form-wishlist-items .projectlist { display: none; } body.account .form-wishlist-items .projectlist + .projectlist-wrapper { display: block; } body.account .form-wishlist-items .projectlist + .projectlist-wrapper ul { display: flex; flex-direction: row; } body.account .form-wishlist-items .projectlist-wrapper ul { margin: 0; list-style-type: none; text-align: left; overflow-y: hidden; overflow-x: auto; position: relative; white-space: nowrap; padding-left: 0px; font-size: 0; display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; } } @media only screen and (max-width: 1024px) { .wishlist-index-index .fancybox-skin { padding: 15px 30px !important; min-width: 300px; } .wishlist-index-index .fancybox-close { top: 0; right: 0 !important; } } @media only screen and (max-width: 1440px) { .page-products .sales-team .product-item-info { width: 80%; word-break: break-word; } } .page-products .product-grid .product-item.five-items { width: 100% !important; } .page-products .product-grid .product-item.five-items .product-item-info { width: 23.5%; } .page-products .product-grid .product-item.five-items-odd { padding: 0; } .page-products .product-grid .product-item.five-items-odd .five-items-teaser { width: 49%; } .page-products .product-grid .product-item.five-items-odd:nth-child(1).product-item-info { margin-right: 2%; margin-bottom: 2%; } .page-products .product-grid .product-item.five-items-odd:nth-child(2).product-item-info { margin-bottom: 2%; } .page-products .product-grid .product-item.five-items-odd:nth-child(3).product-item-info { margin-right: 2%; clear: left; } .page-products .product-grid .product-item.five-items-even { padding: 0; } .page-products .product-grid .product-item.five-items-even:first-of-type.product-item-info { position: relative; margin-right: 2%; } .page-products .product-grid .product-item.five-items-even:nth-child(2).product-item-info, .page-products .product-grid .product-item.five-items-even:nth-child(4).product-item-info { margin-right: 2%; margin-bottom: 2%; } .page-products .product-grid .product-item.five-items-even:nth-child(3).product-item-info { margin-bottom: 2%; } .page-products .columns .sidebar-main.fixside { position: fixed; bottom: auto; top: 125px; width: 20%; } .page-products .columns .sidebar-main.moveside { position: absolute; bottom: auto; top: 75px; width: 20%; } .page-products .columns .sidebar-main.bottside { position: fixed; bottom: -165px; top: auto; } #layered-filter-block { width: 100%; } #layered-filter-block.fixside { position: fixed; bottom: auto; top: 145px !important; width: 20%; } #layered-filter-block.moveside { position: absolute; bottom: auto; top: 0px; width: 20%; } #layered-filter-block.bottside { position: fixed; bottom: -165px; top: auto; width: 20%; } #layered-filter-block.bottside.mob { bottom: -241px; } #layered-filter-block.bottfix { position: absolute; bottom: -41px; top: auto !important; width: 20%; } #layered-filter-block.bottfix.mob { bottom: -241px; } .product-image-photo { position: relative; } .product.media .custom_2rows_slider h5 { text-align: center; margin: 3rem auto 0rem; } .product.media .custom_2rows_slider .slider { margin: 0rem auto; width: 80%; } .product.media .custom_2rows_slider .slider p { font-size: 14px; margin: 10px 10px 0; text-align: center; color: #000; } .product.media .custom_2rows_slider .slick-slide img { width: 100%; } .product.media .custom_2rows_slider .slick-slide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .product.media .custom_2rows_slider .video-slide:after { content: ""; background-image: url('../../frontend/Jola/jolatheme/en_US/mage/gallery/gallery.png'); background-repeat: no-repeat; height: 106px; width: 106px; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; background-position: -80px -160px; cursor: pointer; } .product.media .custom_2rows_slider .video-slide.vidclick:after { content: none; } .product.media .custom_2rows_slider .slider-nav2 .video-slide:after { height: 80px; width: 80px; background-position: -35px -82px; background-size: 150px; } .product.media .custom_2rows_slider .slider-nav1 .slick-slide, .product.media .custom_2rows_slider .slider-nav2 .slick-slide { padding: 15px 2px; position: relative; } .product.media .custom_2rows_slider .slider-nav1 .slick-slide:after, .product.media .custom_2rows_slider .slider-nav2 .slick-slide:after { content: ""; border-bottom: 2px solid #c8c8c9; left: 35%; bottom: 0; position: absolute; z-index: 9999; width: 30%; height: 2px; transition: all 0.5s ease-in; } .product.media .custom_2rows_slider .slider-nav1 .slick-slide.slick-current:after, .product.media .custom_2rows_slider .slider-nav2 .slick-slide.slick-current:after { content: ""; left: 15%; z-index: 9999; width: 70%; } .product.media .custom_2rows_slider .slick-prev, .product.media .custom_2rows_slider .slick-next { top: 50%; } .product.media .custom_2rows_slider .slick-prev { left: -15%; } .product.media .custom_2rows_slider .slick-next { right: -15%; } /* default Magento2 breakpoints: @screen__xxs: 320px; @screen__xs: 480px; @screen__s: 640px; @screen__m: 768px; @screen__l: 1024px; @screen__xl: 1440px; */ #ponumber-form .fieldset .field .control textarea { width: 85%; } .opc-new-saddress { display: none !important; } .filter .block { margin-bottom: 0px; } .filter #store_family .filter-options-title { padding: 5px; } .filter-current { border-bottom: 1px solid #d1d1d1; } .filter-current .action.remove { border: none; } .filter-current .catalog-topnav.amasty-catalog-topnav, .filter-current .filter-label { display: none; } .filter-current .filter-value { text-transform: uppercase; color: #000000; } .filter-current .items { padding-left: 34px; } .filter-current .filter-current-subtitle { text-transform: uppercase; font-size: 1.1rem; padding: 30px 0 15px 38px; } .filter-actions { display: none; } @media only screen and (max-width: 1280px) { .filter-current .items { padding-left: 8px; } .filter-current .filter-current-subtitle { padding-left: 10px; } } .account .order-details-items .table-wrapper table tr > th.col.subtotal { width: 123px; } .account .order-details-items .order-title .action { margin-bottom: 10px; } print .account .column.main .block:not(.widget) .block-content .box:nth-child(2) + * { clear: both; } print .account .column.main .block:not(.widget) .block-content:not(.widget) .box { float: none; } print .order-details-items:after { display: table; clear: both; content: ''; } print .order-details-items .product-item-name > a { text-transform: none; line-height: normal; } print #po_info_content { position: static; padding: 0 30px; margin: 6px 0 20px; width: 45%; float: left; -ms-flex-order: 2; -webkit-order: 2; order: 2; /*display: none;*/ } print #po_info_content:last-of-type { float: right; } print .block-order-details-view { display: block; clear: both; } .customer-account-createpassword .page-main, .customer-account-logoutsuccess .page-main { max-width: 66.6666%; padding: 30px 30px 0; } .customer-account-createpassword .page-main .form.password.reset, .customer-account-logoutsuccess .page-main .form.password.reset { min-width: auto; width: 100%; max-width: 600px; } .page-products .product-grid .product-item.five-items { width: 100% !important; } .page-products .product-grid .product-item.five-items .product-item-info { width: 23.5%; } .page-products .product-grid .product-item.five-items-odd { padding: 0; } .page-products .product-grid .product-item.five-items-odd .five-items-teaser { width: 49%; } .page-products .product-grid .product-item.five-items-odd:nth-child(1).product-item-info { margin-right: 2%; margin-bottom: 2%; } .page-products .product-grid .product-item.five-items-odd:nth-child(2).product-item-info { margin-bottom: 2%; } .page-products .product-grid .product-item.five-items-odd:nth-child(3).product-item-info { margin-right: 2%; clear: left; } .page-products .product-grid .product-item.five-items-even { padding: 0; } .page-products .product-grid .product-item.five-items-even:first-of-type.product-item-info { position: relative; margin-right: 2%; } .page-products .product-grid .product-item.five-items-even:nth-child(2).product-item-info, .page-products .product-grid .product-item.five-items-even:nth-child(4).product-item-info { margin-right: 2%; margin-bottom: 2%; } .page-products .product-grid .product-item.five-items-even:nth-child(3).product-item-info { margin-bottom: 2%; } /* iPad pro 13 PLP sidebar landscape fix */ @media only screen and (device-width: 1024px) and (device-height: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1.5) { .columns.sidebar-main-active .column.main, .columns.sidebar-main-inactive .column.main { width: 80% !important; } .columns.sidebar-main-active .sidebar.sidebar-main, .columns.sidebar-main-inactive .sidebar.sidebar-main { width: 20% !important; display: block !important; position: sticky; position: -webkit-sticky; top: 99px; } .page-products.catalog-category-view .columns .sidebar-main { width: 20%; display: block; position: sticky; position: -webkit-sticky; top: 99px; padding-right: 0; border-right: 1px solid #C8C8C9; } .page-products.catalog-category-view .columns .column.main { width: 80%; padding-right: 30px; padding-left: 30px; } .page-products.catalog-category-view .t-filters-toggler { visibility: hidden; } } /* iPad pro 11 PLP sidebar landscape fix */ @media only screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { .columns.sidebar-main-active .column.main, .columns.sidebar-main-inactive .column.main { width: 80% !important; } .columns.sidebar-main-active .sidebar.sidebar-main, .columns.sidebar-main-inactive .sidebar.sidebar-main { width: 20% !important; display: block !important; position: sticky; position: -webkit-sticky; top: 99px; } .page-products.catalog-category-view .columns .sidebar-main { width: 20%; display: block; position: sticky; position: -webkit-sticky; top: 99px; padding-right: 0; border-right: 1px solid #C8C8C9; } .page-products.catalog-category-view .columns .column.main { width: 80%; padding-right: 30px; padding-left: 30px; } .page-products.catalog-category-view .t-filters-toggler { visibility: hidden; } } /* iPad pro 11 PLP sidebar landscape fix */ /* iPad air 3 PLP sidebar landscape fix */ @media only screen and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { .columns.sidebar-main-active .column.main, .columns.sidebar-main-inactive .column.main { width: 80% !important; } .columns.sidebar-main-active .sidebar.sidebar-main, .columns.sidebar-main-inactive .sidebar.sidebar-main { width: 20% !important; display: block !important; position: sticky; position: -webkit-sticky; top: 99px; } .page-products.catalog-category-view .columns .sidebar-main { width: 20%; display: block; position: sticky; position: -webkit-sticky; top: 99px; padding-right: 0; border-right: 1px solid #C8C8C9; } .page-products.catalog-category-view .columns .column.main { width: 80%; padding-right: 30px; padding-left: 30px; } .page-products.catalog-category-view .columns .column.main .jola-list-mode .quick-view-button { bottom: 0; } .page-products.catalog-category-view .t-filters-toggler { visibility: hidden; } } /* iPad air 3 PLP sidebar landscape fix end */ /* iPad 7 PLP sidebar landscape fix */ @media only screen and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape) { .columns.sidebar-main-active .column.main, .columns.sidebar-main-inactive .column.main { width: 80% !important; } .columns.sidebar-main-active .sidebar.sidebar-main, .columns.sidebar-main-inactive .sidebar.sidebar-main { width: 20% !important; display: block !important; position: sticky; position: -webkit-sticky; top: 99px; } .page-products.catalog-category-view .columns .sidebar-main { width: 20%; display: block; position: sticky; position: -webkit-sticky; top: 99px; padding-right: 0; border-right: 1px solid #C8C8C9; } .page-products.catalog-category-view .columns .column.main { width: 80%; padding-right: 30px; padding-left: 30px; } .page-products.catalog-category-view .columns .column.main .jola-list-mode .quick-view-button { bottom: 0; } .page-products.catalog-category-view .t-filters-toggler { visibility: hidden; } } /* iPad 7 PLP sidebar landscape fix end */ /*** Global Jola theme styles ***/ .owl-loaded, .studiohp .stahp{ -webkit-transition: all 1s ease-in; -moz-transition: all 1s ease-in; -o-transition: all 1s ease-in; transition: all 1s ease-in; } .checkout-cart-index tr.totals.orderfee.excl{ display: none; } .catalog-product-compare-index a.action.towishlist:before { content: ''; display: none; } .catalog-product-compare-index .towishlist::after{ margin-left: 0; } body.account .modal-popup .modal-footer button.action-primary { background-color: #000; color: #fff; } body.account .modal-popup .modal-footer button.action-primary:hover { background-color: #fff; color: #000; } body.account .sidebar-additional .block-compare .product-item a.delete:before { line-height: 1.4; padding-left: 2px; } .shopnow { display: none; } /*** DEBUG ***/ #qdb-bar-anchor { z-index: 9999999999999999999999999 !important; } #qdb-bar { z-index: 9999999999999999999999999 !important; } .cms-index-index .selectBox { width: 100% !important; } .cms-index-index .imageslider-widget.topbanner{ min-height:1000px; padding: 0; } .owl-dot { float: none !important; display: inline-block; } #store_family .filter-options-content { display: block !important; } #store_family .filter-options-title { padding: 5px; } #store_family .filter-options-title::after { content: '' !important; } .page-products .t-sorter{ position:relative; } a.action.sorter-action.sort-desc, a.action.sorter-action.sort-asc { position: absolute; top: -3px; right: -30px; width: 15px; } .sorter-action:before, .sorter-action.sort-desc:before{color:#000; content:"";} a.action.sorter-action.sort-desc, a.action.sorter-action.sort-asc { position: absolute; top: -13px; right: -29px; width: 15px; } #discount-coupon-form button.action.apply.primary, #ponumber-form .submit.dark { height: 40px; width: 100px; } #ponumber-form .submit.dark span { padding: 0; } #shopping-cart-table .spec-attributes { font-size: 1.1rem; } .modal-popup.modal_success .modal-content, .modal-popup.modal_success .modal-inner-wrap { width: 30%; text-align: center; } .modal-popup.modal_success .modal-content { width: 100%; } .modal-popup.modal_success .modal-footer{ padding-top:0 !important; } #block-discount { /*display: none;*/ } .cart-summary .block > .title{ cursor:auto; } .amasty-extrafee-opc-block-fees dl, .amasty-extrafee-opc-block-fees dd { margin-bottom: 0; } div#onepage-checkout-shipping-method-additional-load { margin-bottom: 20px; } .modal-popup.modal_success button.close-popup-display-none { width: 50%; } .amasty-extrafee-opc-block-fees .minicart-items-wrapper{ margin:0; padding: 2rem 0; } .cart.table-wrapper:last-of-type table { border-top: 1px solid #d1d1d1; } .cart.table-wrapper:last-of-type { margin-top: 20px; } body .amscroll-navbar{ bottom: 5%; right: 3%; } aside.modal-popup.pdf_download { width: 780px; margin: 0 auto; min-height:600px; } aside.modal-popup.pdf_download .modal-popup._inner-scroll .modal-inner-wrap{ min-height:500px; } .modal-popup.pdf_download .modal-content { min-height: 600px; padding: 80px; } .modal-popup.pdf_download .modal-content textarea{ min-height:100px; padding: 2px 8px; } .modal-popup.pdf_download .modal-content button[type="submit"]{ min-width:262.9px; margin-top:33.3px; font-size: 10px; padding: 14px 0px; float: right; } .modal-popup.pdf_download .modal-content button.close-popup-custom{ margin-top:41.3px; } .modal-popup.pdf_download .modal-content .notes{ margin-top: 16px; } .modal-popup.pdf_download .modal-content .notes label{ font-size: 0.8rem; font-family:"NeueHelveticaLight"; } .modal-popup.pdf_download .modal-content input[type="number"] { width: 130px; margin: 0px 10px; border: 1px solid #000000; font-size:11px; padding:0 12px; min-height:24px; } .modal-popup.pdf_download .modal-content input[type="number"][name="mark_up_value"] { width: 60px !important; text-align: center; padding: 0 2px; border: 1px solid #000000; font-size:9px; } .modal-popup.pdf_download .modal-content input[type="radio"]{ margin-bottom: 16px !important; } .modal-popup.pdf_download .modal-content input[type="number"]::placeholder { font-size: 9px; } #download_spec_sheet .radio label:before { position:relative; left: -8px; bottom: 0px; } .modal-popup.pdf_download .modal-content .radio label{ padding-left: 6px !important; font-size:10px; } #download_pdf h4, #download_pdf h5{ text-align:center; position:relative; letter-spacing: 1px; } #download_pdf h4{ font-size: 13px; color: #000; } #download_pdf h4:before{ content:""; position:absolute; width:48px; height:1px; background-color:#000; left: 3vw; top: 6px; } #download_pdf h4:after{ content:""; position:absolute; width:48px; height:1px; background-color:#000; right: 3vw; top: 6px; } #download_pdf h5{ font-size:13px; color: #868787; } .modal-popup.pdf_download .modal-header{ padding:0px; } .modal-popup.pdf_download button.action-close { right: 4vw !important; position: absolute !important; top: 70px !important; z-index: 9999; } .order_hist .date img { position: absolute; right: 5rem; top: 0.5rem; content: ''; height: 1.6rem; width: 2rem; z-index:99; } .order_hist .date div:last-of-type img{ right: 5rem; } .picker__button--close, .picker__button--clear, .picker__button--today{ display:none !important; } body .picker__day--highlighted { border-color: #000000; } body .picker__nav--prev:hover:before{ border-right: 0.75em solid #ffffff; } body .picker__nav--next:hover:before{ border-left: 0.75em solid #ffffff; } body .picker__day--highlighted:hover, body .picker--focused .picker__day--highlighted{ color: #ffffff; background: #000000; } body .picker__day--infocus:hover, body .picker__day--outfocus:hover { cursor: pointer; color: #fff; background: #3c3c3c; } body .picker__nav--prev:hover, body .picker__nav--next:hover { background-color: #000; } body .picker__day--today:before{ border-top:0.5em solid #ffffff; } tr.totals-tax { display: none; } th[role=columnheader]:not(.no-sort) { cursor: pointer; } th[role=columnheader]:not(.no-sort):after { content: ''; /*float: right;*/ margin-top: 0.23rem; /*border-width: 0 4px 4px; border-style: solid; border-color: #404040 transparent; visibility: hidden; opacity: 0;*/ -ms-user-select: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 1.15rem; height: 0.615rem; background: url(../../frontend/Jola/jolatheme/en_US/images/icons/ico-arrow-bottom-black.png) no-repeat; background-size: 1.15rem 0.615rem; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); display: inline-block; margin-left: 5px; vertical-align: top; } th[aria-sort=ascending]:not(.no-sort):after { /*border-bottom: none; border-width: 4px 4px 0;*/ background: url(../../frontend/Jola/jolatheme/en_US/images/icons/ico-arrow-bottom-black.png) no-repeat; background-size: 1.15rem 0.615rem; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } th[aria-sort]:not(.no-sort):after { visibility: visible; /*opacity: 0.4;*/ } th[role=columnheader]:not(.no-sort):hover:after { visibility: visible; opacity: 1; } .state-filter{ width:300px; margin-left: 3.5%; margin-top: 20px; } form .select2-container--default .select2-selection--single, .state-filter .select2-container--default .select2-selection--single { border: none; border-radius: 0; border-bottom: 1px solid #000; height:25px; } form .select2-container, .state-filter .select2-container { width:100% !important; margin-bottom:30px; } form .select2-container--default .select2-selection--single .select2-selection__rendered, .state-filter .select2-container--default .select2-selection--single .select2-selection__rendered{ text-transform: uppercase; padding-left: 0; font-size: 0.9rem; letter-spacing: 2px; font-weight: 400; color: #000; line-height: 25px; } .select2-container--open .select2-dropdown { left: 0; top: -28px; border: none; } .select2-container--open .select2-dropdown--below{ /*display:none;*/ } body .select2-container--default .select2-search--dropdown .select2-search__field { border: none; border-bottom: 1px solid #000; } body .select2-container--default .select2-results__option--highlighted[aria-selected]{ background-color: #000; } .customer-address-form form .select2-container{ margin-bottom: 0; } span.item-link-price.options-1 .price-label { display: block; } #submit-form .select2-container { margin-bottom: 0 !important; } .sta .abs-revert-to-action-secondary, .sta .paypal-review .block .actions-toolbar .action.primary, .sta .abs-discount-block .actions-toolbar .action.primary, .sta .abs-discount-block .actions-toolbar .action.cancel, .sta .block-compare .action.primary, .sta .cart-summary .block .actions-toolbar > .primary .action.primary, .sta .cart-summary .form.giftregistry .fieldset .action.primary, .sta .paypal-review-discount .actions-toolbar .action.primary, .sta .paypal-review-discount .actions-toolbar .action.cancel, .sta .cart-discount .actions-toolbar .action.primary, .sta .cart-discount .actions-toolbar .action.cancel, .sta .action.primary, .sta a.action.primary, .sta a.button, .sta button, .sta ul.tabs li a, .sta.account .filters input[type="submit"] { border: 1px solid #705A45; color: #705A45; } .sta .action.primary:hover, .sta .action.primary:focus, .sta button:focus, .sta button:active, .sta button:hover, .sta.account .wishlist .actions-toolbar .tocart, .sta.account .filters input[type="submit"]:hover { background-color: #705A45; color: #fff; } .sta button.slick-next:hover,.sta button.slick-prev:hover { background: none; color: none; } .sta.account .wishlist .actions-toolbar .tocart:hover, .sta.account .order_hist .sorting input[type="submit"]:hover { background: #fff; border: 1px solid #705A45; color: #705A45; } .sta ul.tabs li a:hover, .sta ul.tabs li.selected a, .sta ul.tabs li.selected a:hover, .sta.account .order_hist .sorting input[type="submit"] { background: #705A45; } .sta button.action.primary.edit_wishlist_button {background: url(../../frontend/Jola/jolatheme/en_US/images/ico_edit.png) no-repeat 0;} .sta button.deletewl {background: url(../../frontend/Jola/jolatheme/en_US/images/ico_delete.png) no-repeat 0;} .sta .page-header .h-link-myaccount .h-myaccount-item > a:hover, .sta .page-header .h-link-myaccount .login-popup-toggler > a:hover { background-color: #705A45; } .sta .page-layout-custom-home .button, .sta a.button, .sta .widget.block.block-category-link a{ border: 1px solid #705A45; color: #705A45; } .sta .page-layout-custom-home .button:hover, .sta .page-layout-custom-home .button:active, .sta .page-layout-custom-home button:focus, .sta .newssign .formbuilder-form .formbuilder-button.button:focus, .sta a.button:focus, .sta a.button:hover, .sta a.button:active, .sta .widget.block.block-category-link a:hover { background-color:#705A45; } .sta .page-products .products-grid .product-item-details, .sta .products-grid .product-item-details { background-color:#705A45; } .sta .formbuilder-form .formbuilder-button.button { border: 1px solid #705A45; color: #705A45; } .sta .formbuilder-form .formbuilder-button.button:hover { background: #705A45; color: #fff; } .sta a.btnlink{ border: 1px solid #705A45; } .sta a.btnlink:hover, .sta a.btnlink:active{ background-color:#705A45; } a.button:focus span { color: #fff; } .sta .page-footer .f-middle .f-signup a{ color: #705A45; border: 1px solid #705A45; } .sta .page-footer .f-middle .f-signup a:hover{ background: #705A45; color: #fff; } button.slick-prev.slick-arrow, button.slick-next.slick-arrow { border: none; color: transparent; } .sta .socials-wrapper ul li a:before{ color: #705A45; } .sta.account .block-collapsible-nav .item > strong { border-color: #705a45; color: #705a45; } .sta .product-item-info-inner .product.product-item-details {background: #705A45;} /* .sta.categorypath-shop .quick-view-button {background: #705A45; color: #705A45;} */ .page-products.sta._has-modal .modal-inner-wrap .qvbutton:hover, .page-products.sta._has-modal .modal-inner-wrap #product-addtocart-button:hover, .page-products.sta._has-modal .modal-inner-wrap .towishlist:hover {background: #705A45;} .page-products.sta._has-modal .modal-inner-wrap .qvbutton, .page-products.sta._has-modal .modal-inner-wrap #product-addtocart-button, .page-products.sta._has-modal .modal-inner-wrap .towishlist {border: 1px solid #705A45; color: #705A45;} .page-products.sta._has-modal .towishlist:after {color: #705A45;} .sta.page-layout-collections .quick-view-button {background: #705A45; color: #705A45;} /* body.sta .quick-view-button {background: #705A45;} */ body.sta._has-modal .qvbutton:hover {background: #705A45;} body.sta._has-modal .qvbutton { border: 1px solid #705A45; color: #705A45;} body.sta._has-modal #product-addtocart-button:hover {background: #705A45;} body.sta._has-modal #product-addtocart-button {border: 1px solid #705A45; color: #705A45;} body.sta._has-modal .towishlist:hover {background: #705A45;} body.sta._has-modal .towishlist {border: 1px solid #705A45; color: #705A45;} body.sta._has-modal .towishlist:after {color: #705A45;} .sta .product-item-info-inner .button-quickview { background:transparent; } .sta .owl-stage-outer:after {background: rgba(112, 90, 69, 0.8);} .sta a.loadmore {color: #705A45;} .sta .formbuilder-button {color: #705A45;} .sta .formbuilder-button:hover { background: #705A45; color: #fff; } .sta .talkto a.button { border: 1px solid #705A45; color: #705A45; } .sta .talkto a.button:hover {background: #705A45;} .sta .locwrap .locline a .locover-inside {background: rgba(112, 90, 69, 0.75);} .sta .widget.block.block-category-link {color: #705A45;} .sta .amscroll-load-button { color: #705A45; border: 1px solid #705A45; } .sta .amscroll-load-button:hover {background: #705A45;} .sta.category-catalogs .product .hover-catalog {background: rgba(112, 90, 69, 0.75);} .sta.vesblog-page .post-list .post-item .post-readmore a{ color: #705A45; border: 1px solid #705A45; } .sta.vesblog-page .post-list .post-item .post-readmore a:hover { background: #705A45 !important; } .sta.vesblog-page .post-item .post-image a {background: #705A45;} .sta .retailwrap .overlay {background:rgba(112, 90, 69, 0.5); } .sta .btncentr a{color: #705a45;} .sta.catalog-product-view .pdp-login-popup-toggler a, .sta.catalog-product-view .product-addtocart-wrapper #product-addtocart-button, .sta.catalog-product-view .product-addtofavorites .towishlist-view, .sta.catalog-product-view .product-addtofavorites .towishlist, .sta.catalog-product-view .product-addtocompare .tocompare { border: 1px solid #705A45; color: #705A45; } .sta.catalog-product-view .pdp-login-popup-toggler a:hover, .sta.catalog-product-view .product-addtocart-wrapper #product-addtocart-button:hover, .sta.catalog-product-view .product-addtofavorites .towishlist-view:hover, .sta.catalog-product-view .product-addtofavorites .towishlist:hover, .sta.catalog-product-view .product-addtocompare .tocompare:hover { background: #705A45; color: #fff; } body.jolausa-teammessages-message-listing.sta .team-messaging-container .messages .container:hover{ border-left-color: #705a45; } body.jolausa-teammessages-message-listing.sta .team-messaging-container .new button { background: #705a45; } body.jolausa-teammessages-message-listing.sta .team-messaging-container .new button:hover{ color: #705a45; border-color: #705a45; } span.item-status[data-status="1"] { background-color: #006400; padding: 8px; color: #fff; } span.item-status[data-status="0"] { background: #fae5e5; color: #e02b27; } .opc-block-additional-shipping-info { display: inline-block; width: 100%; } .catalog-product-compare-index .modal-popup .modal-content { padding: 20px 110px; } #document-status-message { opacity:0; position: fixed; top: 40%; left: 40%; background-color: #fff; padding: 5%; border: 1px solid; font-size: 13px; } #tableMobile{ display:none; } .catalog-product-compare-index .modal-inner-wrap { width: 500px; font-size: 16px; line-height: 22px; text-align: center; } .catalog-product-compare-index button.action-primary.action-accept{ background-color: #000; color: #fff; border-color: #000; } .catalog-product-compare-index button.action-primary.action-accept:hover{ background-color: #fff; color: #000; } #tableMobile .product-item-actions .actions-primary{ display:inline-block; } #tableMobile .product-item-actions .actions-primary + .actions-secondary { display: inline; padding-left: 10px; width: 50%; vertical-align: middle; } .product-compare-info { text-align: center; margin: 25px; } #tableMobile a.btn.btn-active.action.delete { display: inline-block; margin-top: 16px; padding: 16px; background-color: #000; color: #fff; } #tableMobile .product-item-attributes { margin-top: 16px; font-size: 11px; line-height: 24px; } #tableMobile .attribute { margin: 6px 0px; } #tableMobile .old-price, .old.price { display: block; line-height: 28px; } #tableMobile strong.product-item-name { margin-bottom: 16px; } body.catalog-product-compare-index .action.print{ display: none; } body.account.rmasystem-index-index .modal-popup .modal-inner-wrap { width: 32%; top: 25%; } #popupModal { display: none; } aside #popupModal { display: block; } body.rmasystem-index-index #rma-table .wk_rma_sorter, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_sorter { border-top: 1px solid #ccc; width: 100%; display: flex; flex-direction: column; } body.rmasystem-newrma-index #wk_rma_orders .wk_rma_sorter{ display: table-header-group; } .rmasystem-index-index button.action.primary.filter-order { display: none; } .account.rmasystem-index-index .legend span { margin-bottom: 0; border-bottom: none; padding-bottom: 1rem; } th.apply-reset-filter { position: relative; top: -2rem; font-size: 10px; } th.apply-reset-filter a{ text-decoration: underline; } #rma-table tr { flex: 1; width: 100%; display: flex; position:relative; } #rma-table th { flex: 1 0 0%; max-width: 190px; } th.wk_rma_sortable { max-width: 14% !important; } th.a-right { padding-left: 30px !important; } #rma-table a.selectBox.filter_select.selectBox-dropdown { width: 100% !important; } #rma-table tr:last-of-type th:last-of-type, #rma-table tr:last-of-type th:nth-child(6){ position:relative; top:-25px; padding: 1rem 0 !important; text-align: center; height:40px; } #rma-table tr:last-of-type th:nth-child(6), #rma-table tr:last-of-type th:nth-child(6):hover{ border-right:1px solid #000 !important; } body.rmasystem-index-index #rma-table td{ flex: 1; } .checkout-shipping-method .actions-toolbar > .primary.shipping { float: left; } .checkout-index-index #ponumber-form .primary.shipping .submit.dark { padding: 7px; text-transform: uppercase; letter-spacing: 3px; } .checkout-index-index #ponumber-form .primary.shipping .submit.dark:hover { cursor: pointer; } .checkout-index-index .minicart-items #sta-minicart-items h3.minicart-remove-title{ display: none; } .checkout-index-index .minicart-items #gv-minicart-items h3.minicart-remove-title{ display: none; } .checkout-index-index aside.shipping-popup .modal-content { display: none; } .checkout-index-index aside .modal-content { display: block; } .checkout-index-index footer.modal-footer { text-align: center; } .details-hidden{ display: none; } .details-hidden span { display: block; margin-top: 4px; } aside.notification { width: 600px; letter-spacing: 1px; line-height: 2rem; font-size:2rem; margin: 0 auto; text-align:center; } .cart-summary .block .title { padding: 0 0; border-top: 0; } .cart-summary .title span { float: right; } #block-shipping { border-top: 1px solid #d1d1d1; } aside.notification button.close-popup-display-none { width: 100%; } @media screen and (max-width: 1680px) { #rma-table th { max-width: 14.2% !important; } } @media screen and (max-width: 1024px) { body .customer-account-create .checkout-success .primary a.action.primary { padding: 19px 2rem; margin-top: 5rem; line-height: 0.1rem; } } @media screen and (max-width: 1440px) { #data-rows-rma tr td:last-of-type{ display:none; } body.account.rmasystem-index-index .modal-popup .modal-inner-wrap { width: 60%; top: 25%; } #rma-table th { max-width: 100% !important; } body.rmasystem-index-index #rma-table .wk_rma_sorter tr:first-of-type th{ padding-left: 5px; } #rma-table tr:last-of-type th:nth-child(6) { position: relative; top: -20px; } #rma-table tr:last-of-type th:last-of-type{ position: absolute; right: 2.2%; top:0; } #rma-table tr:last-of-type th:nth-child(6){ border-right: none !important; } } @media screen and (max-width: 1280px) { #rma-table tr:last-of-type th:last-of-type{ right: 0%; } } @media screen and (max-width:425px){ body .customer-account-create .checkout-success .primary a.action.primary { padding: 6px 2rem; height: 50px; line-height: 18px; } .cart-summary .title span { float: none; } } @media screen and (max-width:768px){ #rma-table .wk_rma_sorter tr:first-of-type{ display: none; } aside.notification{ width:100%; } #data-rows-rma tr td:before { content: attr(data-th); font-weight: bold; display: inline-block; width: 12rem; } .wk_rma_sorter tr th:before { content: attr(data-code); width: 10rem; height: 100%; position: relative; display: inline-block; color: #000; } #rma-table a.selectBox.filter_select.selectBox-dropdown{ left: -8px; } #rma-table a.selectBox.filter_select.selectBox-dropdown, input#wk_rma_filter_order_id, input#wk_rma_filter_date, input#wk_rma_filter_rma_id { width: 50% !important; } .wk_rma_sorter tr th[data-code="none"]{ padding: 4px 0 !important; } .wk_rma_sorter tr th[data-code="none"]:before{ display: none; } body.rmasystem-index-index #rma-table .wk_rma_sorter th:nth-child(5){ display: none; } body.rmasystem-index-index #rma-table tr:last-of-type th:last-of-type{ position:relative; } #rma-table tr:last-of-type th:nth-child(6){ top: 0; } #rma-table tr { flex: 1; width: 100%; display: flex; position: relative; flex-flow: column wrap; } #rma-table tr:last-of-type th:nth-child(6), #rma-table tr:last-of-type th:nth-child(6):hover{ border: none !important; } body.rmasystem-index-index #data-rows-rma td:nth-child(6) { display: none; } #data-rows-rma tr{ flex-direction: column; } #rma-table tr { box-shadow: 2px 1px 1px rgba(0,0,0,0.1); margin: 16px 0px; } body.rmasystem-index-index #rma-table .wk_rma_sorter, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_sorter{ /*display: none;*/ } aside.modal-popup.pdf_download{ width:100%; } .modal-popup.pdf_download._inner-scroll .modal-inner-wrap{ width:100%; max-width: 585px; } #tableMobile{ display:block; } table#product-comparison { display: none; } .catalog-product-compare-index h1.page-title{ position:relative; top:16px; } body.account.rmasystem-index-index .modal-popup.modal-slide { left: 0; } body.account.rmasystem-index-index .modal-popup .modal-inner-wrap { width: 100%; top: 10%; min-height: 0; position: relative; } .cms-index-index .imageslider-widget.topbanner{ min-height:536px; } div#credit-card-address { right: 20px; } } @media screen and (max-width:555px){ .modal-popup.pdf_download .modal-content button.close-popup-custom{ width:100%; } .modal-popup.pdf_download .modal-content button[type="submit"]{ width:100%; } .modal-popup.pdf_download .modal-content{ padding:40px; } .modal-popup.pdf_download button.action-close { right: 1vw !important; position: absolute !important; top: 25px !important; } .catalog-product-compare-index .modal-inner-wrap { width: 100%; font-size: 13px; line-height: 22px; text-align: center; } .catalog-product-compare-index .modal-popup .modal-content{ padding: 20px; } } @media screen and (max-width:481px) { .page-footer .f-middle-inner{ /*padding: 35px 0 !important;*/ } } @media screen and (min-color-index:0) and(-webkit-min-device-pixel-ratio:0) { @media { #login-form-popup .input-text, #login-form-popup input:-webkit-autofill, #login-form-popup input:-webkit-autofill.input-text{ background-color: rgb(0, 0, 0)!important; color: #ffffff!important; border: 1px solid #ffffff; box-sizing: border-box; -webkit-box-shadow: 0 0 0 30px rgb(0, 0, 0) inset!important; -moz-box-shadow: 0 0 0 30px rgb(0, 0, 0) inset!important; box-shadow: 0 0 0 30px rgb(0, 0, 0) inset!important; -webkit-text-fill-color: #ffffff !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 40px; line-height: 40px; margin: 0; padding: 0 15px; } }} .bold { font-weight: 700; text-transform: uppercase; letter-spacing: 0.1rem; } #address-container { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: flex-start; align-items: stretch; align-content: baseline; } #shipping-container { flex: 1 0 50%; } #billing-container { flex: 1 0 40%; } .checkout-payment-method .checkout-billing-address .shipping-address-details{ padding: 0 0 0 23px; } div[data-role="checkout-agreements"] { float: right; } @media screen and (max-width: 550px) { #address-container{ flex: 1 0 100%; } #billing-container{ flex: 1 0 100%; margin-bottom: 1rem; } } @media screen and (max-width: 999px) { div[data-role="checkout-agreements"], .checkout-payment-method .actions-toolbar .primary{ float: none !important; } } @media screen and (max-width: 767px) { .checkout-payment-method .payment-method-content { padding: 0 20px 20px !important; } div[data-role="checkout-agreements"]{ float: none; } div[data-role="checkout-agreements"] .checkout-agreement { position: relative; } div[data-role="checkout-agreements"] .checkout-agreement input[type=checkbox] { position: absolute; left: 2px; } div[data-role="checkout-agreements"] .checkout-agreement input[type=checkbox] + label:before { width: 25px; height: 25px; margin-right: 15px; float: none; display: inline-block; vertical-align: top; margin-left: -44px; margin-top: 9px; } div[data-role="checkout-agreements"] .checkout-agreement .action-show { vertical-align: middle; } div[data-role="checkout-agreements"] .checkout-agreement.field.choice.required > label.label { padding-left: 61px; width: 100%; position: relative; display: block; } div[data-role="checkout-agreements"] .checkout-agreement.field.choice.required > label.label:before { position: absolute; left: 18px; top: 0; bottom: 0; margin: auto 0; } .checkout-agreement.field.choice.required>label.label>button.action.action-show { /* display: contents; */ display: inline-table; text-align: left; } } .control-action { border-top: 1px solid #cccccc; margin-top: 20px; padding-top: 20px; text-transform: uppercase; } .btn.special { padding: 5px; border: 1px solid; cursor: pointer; text-transform: uppercase; font-size: 13px; } .btn.special:hover{ background-color: #000; color: #fff; } .mt-1 { border-top: 1px solid #ccc; padding-top: 2rem; margin-top: 1rem; } .thanks-popup .modal-inner-wrap{ background: url(../../frontend/Jola/jolatheme/en_US/images/thanksgiving.jpg) no-repeat; color:#fff; max-width:1000px; } .thanks-popup .modal-inner-wrap .action-close{ background:url(../../frontend/Jola/jolatheme/en_US/images/close-white.png) no-repeat 50% !important; padding:0; top:0; right:0; width:20px; height:20px; } .thanks-popup .modal-inner-wrap p{ color:#fff; font-weight:bold; font-size:20px; font-family: "IBM Plex Sans Regular"; } .thanks-popup .modal-inner-wrap p.wish{ font-size:24px; } .thanks-popup .modal-inner-wrap #thanksgiving-popup{ padding: 40px 0px 40px; max-width: 500px; text-align:center; } @media (max-width: 414px){ .modal-popup.modal-slide .modal-inner-wrap[class] { background-position-x: 60%; background-size: cover; } .modal-popup.modal-slide .modal-inner-wrap #thanksgiving-popup { padding: 0px 100px 40px 0; } } @media (max-width: 320px){ .modal-popup.modal-slide .modal-inner-wrap #thanksgiving-popup { padding: 10px 0 10px 0; } } .klevu-fluid .klevu-pt-rs-hover { z-index: 1002 !important; } .fotorama__nav__frame .fotorama__thumb .fotorama__video-play { background-position: -35px -82px; background-size: 150px; } .fotorama__loaded .fotorama__video-play{ height: 106px; width: 106px; } .payment-method.sage-form { position: relative; } div#credit-card-address { position: absolute; top: 81px; right: 280px; } .carousel-container { position:relative; width:50vw; } #carousel { height:36vw; width:50vw; /*background-color:#fff;*/ position:relative; margin-bottom:0.5em; font-size:12px; font-family: Arial; } .carousel-feature .product-item-photo, .carousel-feature .product-image-container {width:700px!important; height:700px; display: block;} .carousel-feature .product-image-wrapper {} .carousel-image, .carousel-feature .product-image-photo{ border:0; display:block; width:36vw; height:36vw; } .carousel-feature { position:absolute; top:-1000px; left:-1000px; border:0px solid #5d5d5d; cursor:pointer; overflow: hidden; } .carousel-feature .carousel-caption { position:absolute; bottom:0; width:100%; background-color:#000; /*display: none!important;*/ opacity: 0!important; left:0; right:0; box-sizing: border-box; transform: translateY(20px); -webkit-transform: translateY(20px); -webkit-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .carousel-feature:hover .carousel-caption { /*display: block!important;*/ opacity: 1!important; z-index: 4; pointer-events: auto; transform: translateY(0px); -webkit-transform: translateY(0px); } .carousel-feature:hover .carousel-caption a {text-decoration: none; color:#fff;} .carousel-feature .carousel-caption p, .carousel-feature .carousel-caption * { margin:0; padding:5px; /*font-weight:bold;*/ font-size:13px; color:white; } .tracker-summation-container { position:absolute; color:white; right:48px; top:830px; padding:3px; margin:3px; background-color:#000; } .tracker-individual-container { position:absolute; color:white; right:48px; top:810px; padding:0; margin:0; } .tracker-individual-container li { list-style:none; } .tracker-individual-container .tracker-individual-blip { margin:0 3px; padding:0 3px; color:white; text-align:center; background-color:#DDD; } .tracker-individual-container .tracker-individual-blip-selected { color:white; font-weight:bold; background-color:#000; } #carousel-left { position:absolute; bottom:33px; left:220px; cursor:pointer; } #carousel-right { position:absolute; bottom:33px; right:220px; cursor:pointer; }/** IE **/ /*@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {*/ .page-products .products-grid .product-item.five-items-odd, .page-products .products-grid .product-item.five-items-even { padding: 0; } .page-products .products-grid .product-item.five-items { width: 100% !important; } .page-products .products-grid .product-item.five-items-even :first-of-type.product-item-info { position: relative; margin-right: 2%; } .page-products .products-grid .product-item.five-items .product-item-info { width: 23.5%; } .page-products .products-grid .product-item.five-items-odd :nth-child(1).product-item-info, .page-products .products-grid .product-item.five-items-even :nth-child(2).product-item-info, .page-products .products-grid .product-item.five-items-even :nth-child(4).product-item-info { margin-right: 2%; margin-bottom: 2%; } .page-products .products-grid .product-item.five-items-odd :nth-child(2).product-item-info, .page-products .products-grid .product-item.five-items-even :nth-child(3).product-item-info { margin-bottom: 2%; } .page-products .products-grid .product-item.five-items-odd :nth-child(3).product-item-info { margin-right: 2%; clear: left; } .page-products .products-grid .product-item.five-items-odd .five-items-teaser { width: 49%; } /*}*//* Dropdown control */ .selectBox-dropdown { min-width: 150px; position: relative; border-bottom: solid 1px #000; line-height: 1.5; text-decoration: none; text-align: left; color: #000; outline: none; vertical-align: middle; /*background: #F2F2F2; background: -moz-linear-gradient(top, #F8F8F8 1%, #E1E1E1 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #F8F8F8), color-stop(100%, #E1E1E1)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F8F8F8', endColorstr='#E1E1E1', GradientType=0); -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .75); -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .75); box-shadow: 0 1px 0 rgba(255, 255, 255, .75); -webkit-border-radius: 4px; -moz-border-radius: 4px;*/ border-radius: 0px; display: inline-block; cursor: default; height: 25px; line-height: 25px; margin-bottom: 30px; } .account:not[create] .selectBox-dropdown {margin-bottom:0; min-width: 75px; max-width: 205px;} /* #region_id {display: none!important;} */ .selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { border-color: #666; } .selectBox-dropdown.selectBox-menuShowing { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .selectBox-dropdown .selectBox-label { padding: 0; display: inline-block; white-space: nowrap; overflow: hidden; text-transform: uppercase; } .account:not(.create) .selectBox-dropdown {margin-bottom: 0; } .limiter .selectBox-dropdown {margin-bottom: 0; min-width: 70px; } .limiter .selectBox-dropdown .selectBox-label {padding: 0 10px; } .selectBox-dropdown .selectBox-arrow { position: absolute; top: 0; right: 0; width: 23px; height: 100%; background: url(../../frontend/Jola/jolatheme/en_US/images/select-bg.png) 50% center no-repeat; border-left: solid 0px #000; } /* Dropdown menu */ .selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; min-height: 1em; border: solid 1px #000; /* should be the same border width as .selectBox-dropdown */ background: #FFF; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); box-shadow: 0 2px 6px rgba(0, 0, 0, .2); overflow: auto; -webkit-overflow-scrolling: touch; } /* Inline control */ .selectBox-inline { min-width: 150px; outline: none; border: solid 1px #000; background: #FFF; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: auto; } .selectBox-inline:focus { border-color: #666; } /* Options */ .selectBox-options, .selectBox-options LI, .selectBox-options LI A { list-style: none; display: block; cursor: default; padding: 0; margin: 0; } .selectBox-options LI A { line-height: 1.5; padding: 0 .5em; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; } .selectBox-options LI A:hover { text-decoration: none; } .selectBox-options LI.selectBox-hover A { background-color: #ccc; text-decoration: none; } .selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; } .selectBox-options LI.selectBox-selected A { background-color: #EEE; } .selectBox-options .selectBox-optgroup { color: #666; background: #EEE; font-weight: bold; line-height: 1.5; padding: 0 .3em; white-space: nowrap; } /* Disabled state */ .selectBox.selectBox-disabled { color: #888 !important; } .selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #666; } .selectBox-inline.selectBox-disabled { color: #888 !important; } .selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent !important; } @media only screen and (min-width: 980px) { .account .region .selectBox-dropdown { min-width: 100%; } }@charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/fonts/slick.eot'); src: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/fonts/slick.eot?#iefix') format('embedded-opentype'), url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/fonts/slick.woff') format('woff'), url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/fonts/slick.ttf') format('truetype'), url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; /*top: 50%;*/ bottom:-5vw; display: block; width: 70px; height: 70px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-prev:active, .slick-next:hover, .slick-next:focus, .slick-next:active { color: transparent!important; outline: none; background: transparent!important; border:0; box-shadow: none!important; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 70px; line-height: 1; /*opacity: .75;*/ /*color: white;*/ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/images/slickRight.png) no-repeat 50%; width:20px; height: 30px; } .slick-prev { left: calc(50% - 80px); } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/images/slickLeft.png) no-repeat 50%; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: calc(50% - 80px); } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dots { display: block; width: calc(100% - 60px); padding: 0; margin: 0 30px; list-style: none; text-align: center; vertical-align: bottom; } .slick-dots li { position: relative; display: inline-block; /*width: 20px;*/ height: 10px; margin: 0; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 100%; height: 20px; height: 0; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; background-color: black; opacity: 0.25; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li.slick-active button { background-color: black; opacity: 0.75; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*** Magento_Theme module styles ***/ /*@font-face { font-family: 'IBM Plex Sans Regular'; src: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/fonts/helvetica-webfont.woff2') format('woff2'), url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/fonts/helvetica-webfont.woff') format('woff'); font-weight: normal; font-style: normal; }*/ /* ============================================ */ /* Fonts */ /* ============================================ */ /* Menu */ body .page-header, body .page-header .h-top a, body .ves-megamenu li.level0 > a{ font-family: Lato, sans-serif !important; font-weight: 400; font-size: 14px; } body .ves-menu .navigation .level0 .submenu a{ font-family:"IBM Plex Sans Regular"; } .pull-right.shop-submenu-header{ font-family:"IBM Plex Sans Regular"; } .header-label.pull-right{ font-family:"IBM Plex Sans Regular"; } .collection-name{ font-family:"IBM Plex Sans Regular"; } .megamenu-sidebar.right-sidebar { font-family:"IBM Plex Sans Regular"; } .megamenu-sidebar.right-sidebar a.button{ font-family:"IBM Plex Sans Regular" !important; } /* Header */ .klevuTarget.klevu-fluid > div.klevuWrap { position: fixed; } /* Home */ .page-layout-custom-home .button, a.button, .widget.block.block-category-link a{ font-family:"IBM Plex Sans Regular"; } .widget .stahp .studiotxt p:last-of-type{ font-family:"IBM Plex Sans Regular"; } .wheelwrap .wheelcms p.smallttlft{ font-family:"IBM Plex Sans Regular"; } .wheelwrap .wheelcms p{ font-family:"IBM Plex Sans Regular"; } /* Footer */ body .page-footer .f-top .backtotop-link a{ font-family: Lato, sans-serif; } body .page-footer .f-top .retaillocator-link a{ font-family: Lato, sans-serif; } body .page-footer .f-middle ul li, body .page-footer .f-middle ul li a{ font-family: Lato, sans-serif; } body .page-footer .f-middle .f-signup h4, body .page-footer .f-middle .f-signup h5{ font-family: Lato, sans-serif; } body .page-footer .f-middle .f-signup a{ font-family: Lato, sans-serif; } body .page-footer .f-copyright{ font-family: Lato, sans-serif; } /* Braedcrumbs */ body .breadcrumbs .item a, body .breadcrumbs .item a strong{ font-family:"IBM Plex Sans Regular" !important; } body .breadcrumbs .item strong{ font-family:"IBM Plex Sans Regular"; } body.page-products .t-breadcrumbs .item a, body.page-products .t-breadcrumbs .item strong{ font-family:"IBM Plex Sans Regular"; } body.page-products .t-sorter .selectBox-dropdown{ font-family:"IBM Plex Sans Regular"; } /* Collections Page */ body .collections-sidebar .collections-side-content .item a .label{ font-family:"IBM Plex Sans Regular"; } body .collections-main .collections-title h1, body .collections-main .collections-title h4{ font-family:"IBM Plex Sans Regular"; } body .collections-sidebar .collections-side-title{ font-family:"IBM Plex Sans Regular"; } body .collections-main .collections-description-inner{ font-family:"IBM Plex Sans Regular"; } body .collections-main .featuredproducts-title h3{ font-family:"IBM Plex Sans Regular"; } body.page-products .products-grid .product-item-details .product-item-name a, body .products-grid .product-item-details .product-item-name a{ font-family:"IBM Plex Sans Regular" !important; } body .collections-main .viewcollection-block h4 strong{ font-family:"IBM Plex Sans Regular"; } body .collections-main .viewcollection-block h3{ font-family:"IBM Plex Sans Regular"; } /* Product Page */ .delivery-content p{ font-family:"IBM Plex Sans Regular"; } body .product-grouped-wrapper .product-specifications .attr-label, body .product-grouped-wrapper .product-specifications .attr-value-item{ font-family:"IBM Plex Sans Regular"; font-size: 1.1rem; } .quickview-scroll .qvbutton, .quickview-scroll .tocart{ font-family:"IBM Plex Sans Regular" !important; } body.page-products .products-grid .product-item-details .product-item-name a, body.products-grid .product-item-details .product-item-name a{ font-family:"IBM Plex Sans Regular"; } body.page-products .t-category-title h1{ font-family:"IBM Plex Sans Regular"; } body.page-products .t-filters-toggler-item{ font-family:"IBM Plex Sans Regular"; } body.page-products .filter-options-title{ font-family:"IBM Plex Sans Regular"; } body .filter-options-content .item a { position: relative; display: block; text-transform: uppercase; margin: 0; padding: 8px 15px 7px 15px; } .swatch-attribute-options .item { display: block; float: left; line-height: 100%; margin: 0 0 1rem 0 !important; } body .swatch-attribute-options .item a{ display:inline; } body .filter-options-content .item a .label{ font-family:"IBM Plex Sans Regular"; } body .amscroll-load-button{ font-family:"IBM Plex Sans Regular"; } body.catalog-product-view .product-name-wrapper h1{ font-family:"IBM Plex Sans Regular"; } .quickview-override.catalog-product-view .qvbutton{ font-family:"IBM Plex Sans Regular"; } body .product-grouped-wrapper .product-specifications .spec-label{ font-family:"IBM Plex Sans Regular"; } body.catalog-product-view .product-register-benefits-wrapper ul li{ font-family:"IBM Plex Sans Regular"; } body.catalog-product-view .product-register-benefits-wrapper h6{ font-family:"IBM Plex Sans Regular"; } body.catalog-product-view .pdp-login-popup-toggler a{ font-family:"IBM Plex Sans Regular"; } body.catalog-product-view .product-social-icons-wrapper .product-social-left p{ font-family:"IBM Plex Sans Regular"; } body.catalog-product-view .product-register-benefits-wrapper h3{ font-family:"IBM Plex Sans Regular"; } body .table.grouped .product-item-name{ font-family:"IBM Plex Sans Regular"; white-space:nowrap; } body.catalog-product-view .product-info-left-title h3{ font-family:"IBM Plex Sans Regular"; } body.catalog-product-view .retaillocator-form-address{ font-family:"IBM Plex Sans Regular"; } body.catalog-product-view .retaillocator-form-submit{ font-family:"IBM Plex Sans Regular"; } body.catalog-product-view .product-info-main-inner{ font-family:"IBM Plex Sans Regular"; } body .product-grouped-wrapper .product-item-left{ font-family:"IBM Plex Sans Regular"; } body .product-grouped-wrapper .product-item-price .price, .table.grouped .price-box .price{ font-family:"IBM Plex Sans Regular" !important; } body.catalog-product-view .product-addtocart-wrapper #product-addtocart-button{ font-family:"IBM Plex Sans Regular"; } body.catalog-product-view .product-addtofavorites .towishlist, body.catalog-product-view .product-addtocompare .tocompare{ font-family:"IBM Plex Sans Regular"; } body.catalog-product-view .collapsible-wrapper .collapsible-title h3{ font-family:"IBM Plex Sans Regular"; } body.catalog-product-view .product-downloads-wrapper .down-content ul li a span{ font-family:"IBM Plex Sans Regular"; } body .radio label{ font-family:"IBM Plex Sans Regular"; } body .modal-inner-wrap button{ font-family:"IBM Plex Sans Regular"; } .customer-account-login .actions-toolbar .action span{ font-family:"IBM Plex Sans Regular"; } /* Popup */ body .login-popup-wrapper *{ font-family:"IBM Plex Sans Regular" !important; } body .block-customer-login-popup .actions-toolbar button.login{ font-family:"IBM Plex Sans Regular" !important; } /* Message */ .message{ font-family:"IBM Plex Sans Regular"; background-color: transparent!important; } /* Account */ .customer-account-create #intro_msg p, .customer-account-forgotpassword #intro_msg p{ font-family:"IBM Plex Sans Regular"; } .customer-account-create .right .registration-message{ font-family:"IBM Plex Sans Regular"; } body.customer-account-create{ font-family:"IBM Plex Sans Regular"; } .fieldset.address .field label{ font-family:"IBM Plex Sans Regular"; } .customer-account-create .page-main .actions-toolbar > .primary .action{ font-family:"IBM Plex Sans Regular"; } .customer-account-create .required-fields-message{ font-family:"IBM Plex Sans Regular"; } .customer-account-create .field.file_upload_input_box span{ font-family:"IBM Plex Sans Regular"; } body .action.primary, body a.action.primary{ font-family:"IBM Plex Sans Regular"; } .fieldset > .field, .fieldset > .fields > .field{ font-family:"IBM Plex Sans Regular"; } .customer-account-login .page.messages p, .customer-account-create .page.messages p{ font-family:"IBM Plex Sans Regular"; } .block-new-customer h3{ font-family:"IBM Plex Sans Regular"; } .customer-account-login .password:after{ font-family:"IBM Plex Sans Regular"; } ul.reg_benefits li{ font-family:"IBM Plex Sans Regular"; } .login-container .block-new-customer p span{ font-family:"IBM Plex Sans Regular"; } .customer-account-login .actions-toolbar > .remember_me_box{ font-family:"IBM Plex Sans Regular"; } /* 404 */ body.cms-no-route .message li{ font-family:"IBM Plex Sans Regular"; } body.cms-no-route dt{ font-family:"IBM Plex Sans Regular"; } /* Cart */ .abs-product-link > a:visited, .product-item-name > a:visited, .product.name a > a:visited, .product-item-name > a, .product.name a > a, .cart.table-wrapper .product-item-name{ font-family:"IBM Plex Sans Regular"; } .paypal-review .table-paypal-review-items .col.price .price-including-tax .price, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.price .price-including-tax .price, .cart.table-wrapper .col.price .price-excluding-tax .price, .cart.table-wrapper .col.subtotal .price-including-tax .price, .cart.table-wrapper .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.msrp .price-including-tax .price, .cart.table-wrapper .col.msrp .price-excluding-tax .price, .order-details-items .col.price .price-including-tax .price, .order-details-items .col.price .price-excluding-tax .price, .order-details-items .col.subtotal .price-including-tax .price, .order-details-items .col.subtotal .price-excluding-tax .price{ font-family:"IBM Plex Sans Regular"; } .abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar > .primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .action.primary, a.action.primary, a.button, button{ font-family:"IBM Plex Sans Regular"; } .checkout-cart-index .page-main .columns .cart-container .cart-summary .content button{ font-family:"IBM Plex Sans Regular"; } .checkout-cart-index .page-main .columns .cart-container .cart-summary .content input, .checkout-cart-index .page-main .columns .cart-container .cart-summary .content textarea{ font-family:"IBM Plex Sans Regular"; } /* Checkout */ .checkout-index-index button.action-show-popup{ font-family: 'Helvetica', Arial, sans-serif; } body .opc-block-summary .product-item .product-item-name-block *{ font-family: 'Helvetica', Arial, sans-serif !important; } body .opc-block-summary .product-item .product-item-name-block .details-btn .show-details > span { /* ico-arrow-bottom-black.png */ display: inline-block; position: relative; padding-right: 14px; } body .opc-block-summary .product-item .product-item-name-block .details-btn .show-details > span:after { width: 12px; height: 7px; content: ''; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-bottom-black.png') no-repeat center transparent; background-size: 100%; } body .opc-block-summary .product-item .product-item-name-block .details-btn .show-details.details-active > span:after { transform: rotate(180deg); transform-origin: center; } .checkout-shipping-method .shiphandl{ font-family: 'Helvetica', Arial, sans-serif; } #amasty-extrafee-form label{ font-family: 'Helvetica', Arial, sans-serif; } #shipping-notes legend, #shipping-notes textarea, #shipping-notes .submit{ font-family: 'Helvetica', Arial, sans-serif; } .opc-block-summary .items-in-cart > .title strong{ font-family: 'Helvetica', Arial, sans-serif; } .opc-block-summary .items-in-cart>.title>strong>span { text-transform: uppercase; } .opc-block-summary .minicart-items-wrapper::-webkit-scrollbar-track { background:none; } .opc-block-summary .mark .value{ font-family: 'Helvetica', Arial, sans-serif; } /* Static Page */ body.cms-page-view .page-title, body.cms-page-view .page-title span{ font-family:"IBM Plex Sans Regular"; } .newssign .formbuilder-form .formbuilder-button.button{ font-family:"IBM Plex Sans Regular"; } .cms-cookies-policy .page-main { padding-left: 143px; padding-right: 143px; } .cms-cookies-policy h3 { margin: 2rem 0; } .cms-cookies-policy ul { padding-left: 0.9375rem; margin-top: 0rem; margin-bottom: 2.5rem; } .cms-cookies-policy ul li{ margin-top: 0rem; margin-bottom: 1rem; } .cms-cookies-policy table { text-align: center; } .cms-cookies-policy table thead tr th{ padding: 11px 10px; border-top: 0.5px solid #000000; border-bottom: 0.5px solid #000000; text-align: center; } .cms-cookies-policy table tr td{ font-weight: bold; padding: 2.5rem 0.625rem; border-bottom: 0.5px solid #000000; } @media only screen and (max-width: 1200px) { .cms-cookies-policy .page-main { padding-left: 40px; padding-right: 40px; } } @media only screen and (max-width: 768px) { .cms-cookies-policy table thead { clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .cms-cookies-policy table tr { display: block; margin-bottom: .625em; border-top: 0.5px solid #000000; } .cms-cookies-policy table tr:last-child { border-bottom: 0.5px solid #000000; } .cms-cookies-policy table tr td { display: block; text-align: right; border-bottom: none; } .cms-cookies-policy table td::before { content: attr(data-label); float: left; font-weight: bold; text-transform: uppercase; } .cms-cookies-policy .desc { position: relative; text-align: left; padding-top: 5rem; } .cms-cookies-policy .desc:before { margin-right: 20px; position: absolute; top: 20px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 100px; } .cms-cookies-policy table td:last-child { border-bottom: 0; } .page-footer .hovinfo.socials-wrapper{ display: flex; justify-content: center; padding-left: unset; } } /* Lifestyle */ body .quick-view-popup .prod-name a{ font-family:"IBM Plex Sans Regular"; } .category-lifestyle .quick-view-popup .quick-view-left-inner a{ font-family:"IBM Plex Sans Regular"; } body .quick-view-button{ font-family:"IBM Plex Sans Regular"; } /* Video Library */ .category-video-library .main-product-wrapper .main-product-title, .video-lib h4{ font-family:"IBM Plex Sans Regular"; } .category-video-library .main-product-wrapper .main-product-description{ font-family:"IBM Plex Sans Regular"; } /* Catalogs Page */ .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp .block-content p{ font-family:"IBM Plex Sans Regular"; } .hover-catalog .hover-catalog-text p.hover-catalog-more{ font-family:"IBM Plex Sans Bold"; } /* Sales Team */ .sales-team-container .product.details p, .sales-team-container .product.details p a{ font-family:"IBM Plex Sans Regular"; } /* Retail Locator */ .amlocator-index-index #amasty_locator_filter .column_left .block-content #locateNearBy, .amlocator-index-index #amasty_locator_filter .column_left .block-content #sortByFilter{ font-family:"IBM Plex Sans Regular"; } /* Locate us */ .locover-inside div p.insh{ font-family:"IBM Plex Sans Bold"; } .talkto a.button{ font-family:"IBM Plex Sans Regular"; } /* Showrooms */ .page-layout-showrooms .infowrap .continf div *, .page-layout-intl-distr .infowrap .continf div *{ font-family:"IBM Plex Sans Regular"; } .page-layout-showrooms .infowrap .continf h3{ font-family:"IBM Plex Sans Regular"; } .retailwrap h2{ font-family:"IBM Plex Sans Regular"; } .retailwrap .overlay div:last-of-type{ font-family:"IBM Plex Sans Bold"; } /* Customer Service */ body .customerservice-block .customerservice-content h3{ font-family:"IBM Plex Sans Regular"; } body .customerservice-block .customerservice-content p{ font-family:"IBM Plex Sans Regular"; } body .customerservice-block .customerservice-content h5 a{ font-family:"IBM Plex Sans Regular"; } body .customerservice-block .formbuilder-form .formbuilder-button.button{ font-family:"IBM Plex Sans Regular"; } /* About Us */ .cms-about-us.cms-page-view .studiotxt .studiotxt-inner p{ font-family:"IBM Plex Sans Regular"; } .cms-about-us.cms-page-view a.btnlink{ font-family:"IBM Plex Sans Regular"; } /* Environmental Statement */ .cms-environmental-statement.cms-page-view .copyborder{ font-family:"IBM Plex Sans Regular"; } /* Hospitality ( Contract ) */ .stahp .studiotxt p{ font-family:"IBM Plex Sans Regular"; } .stahp .studiotxt .squarelink a{ font-family:"IBM Plex Sans Regular"; } .we-offer > .desc-sm{ font-family:"IBM Plex Sans Regular"; } .cms-contract .desc-sm{ font-family:"IBM Plex Sans Regular"; } .hospstyle a.btnlink{ font-family:"IBM Plex Sans Regular"; } /* Catalog Request */ body .requestcatalog-holder .catalog-name{ font-family:"IBM Plex Sans Regular"; } .account .block-collapsible-nav .item > strong{ font-family:"IBM Plex Sans Bold"; } body .requestcatalog-holder .field.privacy-policy.required p{ font-family:"IBM Plex Sans Regular"; } /* Shipping and Handling */ .shipping-handling-page p{ font-family:"IBM Plex Sans Regular"; } .shipping-block4 .zone-bottom p{ font-family:"IBM Plex Sans Regular"; } /* Recipes */ .product-item-inner-recipe p{ font-family:"IBM Plex Sans Regular"; } /* Account */ .account .column.main .block:not(.widget) .box-title{ font-family:"IBM Plex Sans Regular"; } .block-dashboard-info .box-information p, .box-newsletter p{ font-family:"IBM Plex Sans Regular"; } .account .table>tbody>tr>td{ font-family:"IBM Plex Sans Regular"; } .account .table>tbody>tr>td a.action span{ font-family:"IBM Plex Sans Regular"; } .account .filters input[type="submit"]{ font-family:"IBM Plex Sans Regular"; } .order-date date{ font-family:"IBM Plex Sans Regular"; } .account .tabs li a{ font-family:"IBM Plex Sans Regular"; } .account #wishlist-view-form .actions-toolbar button{ font-family:"IBM Plex Sans Regular"; } .form-edit-account .fieldset > .field > input[type="checkbox"] + label, .form-address-edit .fieldset > .field > input[type="checkbox"] + label{ font-family:"IBM Plex Sans Regular"; } .block-addresses-list p.empty{ font-family:"IBM Plex Sans Regular"; } body.jolausa-documents-customer-index .requirements-status { font-family:"IBM Plex Sans Regular"; } #document_list_table tbody tr td{ font-family:"IBM Plex Sans Regular"; } .form-newsletter-manage label span{ font-family:"IBM Plex Sans Regular"; } .account .table>tbody>tr>td ul li{ font-family:"IBM Plex Sans Regular"; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container:hover p.customer{ font-family:"IBM Plex Sans Bold"; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container:hover p.title{ font-family:"IBM Plex Sans Bold"; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info_header .created-at{ font-family:"IBM Plex Sans Regular"; } .team-messaging-container .new button{ font-family:"IBM Plex Sans Regular"; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info .content{ font-family:"IBM Plex Sans Regular"; } body.account.jolausa-teammessages-message-create .actions button, body.jolausa-teammessages-message-create .actions button[type="submit"]{ font-family:"IBM Plex Sans Regular"; } /* Privacy policy */ body.cms-privacypolicy .privacy-container .left_col p, body.cms-privacypolicy .privacy-container .left_col ul li{ font-family: "IBM Plex Sans Regular"; } /* Terms */ body.cms-terms-and-conditions p{ font-family: "IBM Plex Sans Regular"; } body.cms-terms-and-conditions .left_col ul > li{ font-family:"IBM Plex Sans Bold"; } body.cms-terms-and-conditions .left_col ul > li ul li{ font-family: "IBM Plex Sans Regular"; } /* ============================================ * * Typography * ============================================ */ html {font-size:12px;} body { font: 400 12px 'IBM Plex Sans Regular', Arial, sans-serif; color: #000000; line-height: 130%; margin: 0; padding: 0; } h1 { font: 400 26px 'IBM Plex Sans Regular', Arial, sans-serif; color: #000000; line-height: 130%; margin: 0 0 16px 0; padding: 0; } h2 { font: 400 23px 'IBM Plex Sans Regular', Arial, sans-serif; color: #000000; line-height: 130%; margin: 0 0 16px 0; padding: 0; } h3 { font: 400 19px 'IBM Plex Sans Regular', Arial, sans-serif; color: #000000; line-height: 130%; margin: 0 0 16px 0; padding: 0; } h4 { font: 400 16px 'IBM Plex Sans Regular', Arial, sans-serif; color: #000000; line-height: 130%; margin: 0 0 12px 0; padding: 0; } h5 { font: 400 13px 'IBM Plex Sans Regular', Arial, sans-serif; color: #000000; line-height: 130%; margin: 0 0 10px 0; padding: 0; } h6 { font: 400 11px 'IBM Plex Sans Regular', Arial, sans-serif; color: #000000; line-height: 130%; margin: 0 0 8px 0; padding: 0; } p { font: 400 1rem 'IBM Plex Sans Regular', Arial, sans-serif; color: #000000; line-height: 1.5; margin: 0 0 1rem 0; padding: 0; } a { color: #000000; text-decoration: none; } a:hover { color: #000000; text-decoration: underline; } ul { list-style-type: none; line-height: 100%; margin: 0; padding: 0; } ul:after { content: ''; display: block; clear: both; } ul li { list-style-type: none; line-height: 120%; margin: 0; padding: 0; font-family:"IBM Plex Sans Regular"; } button{ font-family:"IBM Plex Sans Regular"; } *:focus { outline: 0; } textarea:focus, input:focus, input:focus, ._keyfocus *:focus, input:not([disabled]):focus, textarea:not([disabled]):focus, select:not([disabled]):focus { outline: none; box-shadow: none; } input[type="text"], input[type="password"], input[type="url"], input[type="tel"], input[type="search"], input[type="number"], input[type="datetime"], input[type="email"], textarea { background-color: #ffffff; -webkit-box-shadow: 0 0 0px 1000px white inset; font: 400 1.1rem Lato, sans-serif; color: #000000; border-width: 0; border-bottom: 1px solid #000000; padding: 0; height: 25px; line-height: 25px; letter-spacing: 0.2rem; } textarea { border: 1px solid #000000; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder { color: #000000!important; font-family:"IBM Plex Sans Regular"; } ::-webkit-input-placeholder { font: 400 0.9rem 'IBM Plex Sans Regular', Arial, sans-serif; color: #000000; text-transform: uppercase; line-height: 25px; opacity: 1 !important; } ::-moz-placeholder { font: 400 0.9rem 'IBM Plex Sans Regular', Arial, sans-serif; color: #000000; text-transform: uppercase; line-height: 25px; opacity: 1 !important; } :-ms-input-placeholder { font: 400 0.9rem 'IBM Plex Sans Regular', Arial, sans-serif; color: #000000; text-transform: uppercase; line-height: 25px; opacity: 1 !important; } :-moz-placeholder { font: 400 0.9rem 'IBM Plex Sans Regular', Arial, sans-serif; color: #000000; text-transform: uppercase; line-height: 25px; opacity: 1 !important; } /* chrome yellow bckg fix */ input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active { -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out"; -webkit-transition-delay: 9999s; background: #ffffff!important; } /*** * custom checkboxes (hide checkbox and simulate with label:before pseudotag ) ***/ input[type=checkbox] { visibility: hidden; } /* to hide the checkbox itself */ input.checkbox_nolabel[type=checkbox] { display:inline-block; border: 0;} /* use this if you haven't label */ input[type=checkbox] + label:before { /* font-family: 'FontAwesomcontent: '';e'; */ font-family: 'luma-icons'; display: inline-block; } /* content: "\f096"; } /* unchecked icon */ /* space between checkbox and label */ input[type=checkbox] + label:before, input.checkbox_nolabel[type=checkbox]::after { content: ''; display: block; float: left; width: 17px; height: 17px; background: #ECECEC; margin-right: 10px; vertical-align: bottom; } /* checked icon */ input[type=checkbox]:checked + label:before, input.checkbox_nolabel[type=checkbox]:checked::after { /*content: '\e610'; font-size: 12px; text-indent: 3px;*/ background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-x-sign-black.png') no-repeat center center #ECECEC; } select{ font-family:"IBM Plex Sans Regular"; } /* ============================================ * * Icons * ============================================ */ .ico-hand-white:before { content: '\f256'; font-family: 'FontAwesome'; font-size: 1.6rem; display: block; line-height: 100%; padding: 0; margin: 0; } .ico-help-circle-black:before { content: '\f059'; font-family: 'FontAwesome'; font-size: 16px; display: block; line-height: 100%; padding: 0; margin: 0; } /* ============================================ * * Main * ============================================ */ .page-footer .f-bottom { background-color: #1C1917; padding: 0 40px; } .page-footer .f-bottom-inner { max-width: 100%; margin: 0 auto; letter-spacing: 0.2rem; padding: 20px 0; border-top: 1px solid #FFFFFF; } .page-footer .f-middle{ background-color: #1C1917; } .page-footer .f-middle-inner{ max-width: 70%; padding: 0 40px; margin: 0 auto; letter-spacing: 0.2rem; } .page-main { min-height: 300px; max-width: 100%;} /* ============================================ * * Grid * ============================================ */ .j-three-cols-wrapper .j-col1, .j-three-cols-wrapper .j-col2, .j-three-cols-wrapper .j-col3 { width: 33.33%; } .page-footer .f-middle .j-three-cols-wrapper .j-col1 {padding-left: 3.5vw} .page-footer .f-middle .j-three-cols-wrapper .j-col2 {display: flex; justify-content: center} .page-footer .f-middle .j-three-cols-wrapper .j-col3 {padding-left: 8vw} .j-three-cols-wrapper{ display: flex; justify-content: space-between; } /* ============================================ * * Breadcrumbs * ============================================ */ .breadcrumbs { display: block; padding: 0; margin: 0; } .breadcrumbs ul { display: block; line-height: 100%; padding: 0; margin: 0; } .breadcrumbs ul li { line-height: 120%; padding: 0; margin: 0; } .breadcrumbs .item a, .breadcrumbs .item strong { font: 600 7px 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; vertical-align: top; } .breadcrumbs .item a:hover { text-decoration: none; } .breadcrumbs .item:not(:last-child):after { content: '\003e'; font-size: 8px; font-weight: 700; color: #000000; line-height: 100%; margin: -1px 0 0 0; padding: 0; } .breadcrumbs .item:last-child a { cursor: default; } /* ============================================ * * Social Icons * ============================================ */ .socials-wrapper li { float: left; line-height: 100%; margin: 0 25px 0 0; padding: 0; } .socials-wrapper ul li:last-of-type { margin-right: 0; } .socials-wrapper ul li a { position: relative; display: block; width: 20px; height: 20px; margin: 0; padding: 0; } .socials-wrapper ul li a:hover { text-decoration: none; } .socials-wrapper ul li a:before { font-family: 'FontAwesome'; font-size: 18px; color: #FAF8F5; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .socials-wrapper ul li.soc-pinterest a:before { content: '\f0d2'; } .socials-wrapper ul li.soc-instagram a:before { content: '\f16d'; } .socials-wrapper ul li.soc-facebook a:before { content: '\f09a'; } .socials-wrapper ul li.soc-twitter a:before { content: '\f099'; } .socials-wrapper ul li.soc-linkedin a:before { content: '\f0e1'; } .socials-wrapper ul li.soc-youtube a:before { content: '\f167'; } /* ============================================ * * Footer * ============================================ */ .page-footer { line-height: 100%; margin: 0; padding: 0; } .page-footer .footer-inner { padding: 0; margin: 0; } .page-footer .f-top {border-bottom: 1px solid #C9C9CA; } .page-footer .f-top-inner { padding-top: 30px; padding-bottom: 25px; } .page-footer .j-col1, .page-footer .j-col3 { padding-right: 0; } /*.page-footer .j-col2 { padding: 0 3%; }*/ .page-footer .f-top .j-col1 { position: relative; padding-top: 0; } .page-footer .f-top .j-col3 { padding-top: 9px; } .page-footer .f-top .j-col3:after { content: ''; display: block; clear: both; } .page-footer .hovinfo.socials-wrapper { position: static; padding-left: 12px; padding-top: 3px; height: auto;} .page-footer .hovinfo.socials-wrapper ul li a { opacity: 1; } .page-footer .hovinfo.socials-wrapper ul li.soc-up-arrow { margin-right: 8px; } .page-footer .hovinfo.socials-wrapper ul li.soc-up-arrow a { background-image: url("../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/arrrgt.png"); opacity: 1; -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .page-footer .hovinfo.socials-wrapper:hover ul li.soc-up-arrow a { background-image: url("../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/arrrgt.png"); -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .page-footer .f-top .backtotop-link p { line-height: 100%; margin: 0; padding: 0; } .page-footer .f-top .backtotop-link a { background: url('../../frontend/Jola/jolatheme/web/images/icons/ico-arrow-top-black.png') no-repeat top center; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-top-black.png') no-repeat top center; font: 400 0.7rem Lato, sans-serif; color: #000000; display: block; text-align: center; text-transform: uppercase; text-decoration: none; letter-spacing: 0.2rem; line-height: 100%; padding: 2.7rem 0 0 0; margin: 0; } .page-footer .f-top .backtotop-link a:hover { text-decoration: none; } .page-footer .f-top .retaillocator-link { float: right; text-align: left; } .page-footer .f-top .retaillocator-link p { line-height: 100%; margin: 0; padding: 0; } .page-footer .f-top .retaillocator-link a { font: 400 0.9rem Lato, sans-serif; color: #000000; position: relative; display: inline-block; text-transform: uppercase; letter-spacing: 2px; line-height: 120%; margin: 0; padding: 5px 5px 5px 2.8rem; } .page-footer .f-top .retaillocator-link a:hover { text-decoration: none; } .page-footer .f-top .retaillocator-link a:before { background: transparent; content: '\f278'; font-family: 'FontAwesome'; font-size: 1.7rem; color: #000000; display: inline-block; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .page-footer .f-middle-inner { padding-top: 35px; padding-bottom: 35px; } .page-footer .f-middle h3 { font: 400 2.125rem Fraunces72pt-ThinItalic, sans-serif; color: #FAF8F5; text-align: left; text-transform: capitalize; letter-spacing: 3px; line-height: 130%; margin: 0 0 28px 0; padding: 0; } .page-footer .f-middle h3 a { text-decoration: none; display: inline-block} .page-footer .f-middle h3 a span {/*font-size: 1.9rem; */vertical-align: bottom; border-left:1px solid #000; color:transparent;width: 3px; overflow: hidden; margin-left: 2px;} .page-footer .f-middle h3 a:hover { text-decoration: underline; } .page-footer .f-middle ul li, .page-footer .f-middle ul li a { font: 400 0.9rem Lato, sans-serif; color: #FAF8F5; line-height: 130%; letter-spacing: 2px; text-transform: uppercase; } .page-footer .f-middle ul li { margin: 0; padding: 0 0 12px 0 ; } .page-footer .f-middle ul li a { display: inline-block; } .page-footer .f-middle ul li a:hover { text-decoration: underline; } .page-footer .f-middle .f-studiohome h3 { display: table;} .page-footer .f-middle .f-studiohome h3 a:hover { text-decoration: none; } .page-footer .f-middle .f-signup { display: table; border: 1px solid #C9C9CA; margin: 0 auto; padding: 30px 45px; } .page-footer .f-middle .f-signup p { line-height: 100%; margin: 0; padding: 0; } .page-footer .f-middle .f-signup h4, .page-footer .f-middle .f-signup h5 { font: 400 0.7rem Lato, sans-serif; color: #000000; position: relative; text-align: center; text-transform: uppercase; line-height: 160%; margin: 0 auto 18px auto; padding: 0 0 15px 0; } .page-footer .f-middle .f-signup h4 { font-size: 0.9rem; width: 150px; letter-spacing: 3px; } .page-footer .f-middle .f-signup h5 { font-size: 0.7rem; width: 14rem; letter-spacing: 2px; } .page-footer .f-middle .f-signup h4:after, .page-footer .f-middle .f-signup h5:after { content: ''; position: absolute; bottom: 0; left: 50%; display: block; width: 45px; border-bottom: 1px solid #C9C9CA; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .page-footer .f-middle .f-signup a { font: 400 1rem Lato, sans-serif; color: #000000; display: table; width: auto; text-align: center; text-transform: uppercase; letter-spacing: 4px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; border: 1px solid #000000; line-height: 100%; padding: 1.5rem 2rem; margin: 0 auto; } .page-footer .f-middle .f-signup a:hover { background: #000000; color: #ffffff; text-decoration: none; } .page-footer .f-copyright { font: 400 0.7rem Lato, sans-serif; color: #FAF8F5; display: block; text-align: center; text-transform: uppercase; line-height: 120%; margin: 0; padding: 0; } /* ============================================ * * Product Listing page * ============================================ */ .page-products .page-main { max-width: none; padding-right: 0; padding-left: 0; } .page-products .page-header .h-bottom { margin-bottom: 0; } .page-products .products { margin-top: 20px; } /* .catalog-category-view.page-layout-2columns-left #maincontent .columns, .catalogsearch-result-index #maincontent .columns { opacity: 0; }.page-products .plp-loading-animation, .page-products .jola-filters-overlay, .plp-loading-animation { background-color: #ffffff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 100000000; padding: 0; margin: 0; } */ .page-products .jola-filters-overlay:before { content: ''; background: url('../../frontend/Jola/jolatheme/web/images/loading-circle-black.gif') no-repeat center center / 100px auto; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/loading-circle-black.gif') no-repeat center center / 100px auto; display: block; width: 100px; height: 100px; position: absolute; top: 200px; left: 50%; z-index: 100000001; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding: 0; margin: 0; } .plp-loading-qv { background-color: #ffffff; width: 100%; height: 100%; position: fixed; top: 0; opacity: 0.5; left: 0; z-index: 100000000; padding: 0; margin: 0; } .plp-loading-qv:before { content: ''; background: url('../../frontend/Jola/jolatheme/web/images/loading-circle-black.gif') no-repeat center center / 100px auto; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/loading-circle-black.gif') no-repeat center center / 100px auto; display: block; width: 100px; height: 100px; position: absolute; top: calc(50vh - 200px); left: 50%; z-index: 100000001; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding: 0; margin: 0; } .page-products .columns.sidebar-main-inactive .sidebar-main, .page-products .columns .sidebar-main { width: 0%; display: none; } .page-products .columns.sidebar-main-inactive .column.main, .page-products .columns .column.main { width: 100%; padding-right: 40px; padding-left: 40px; } .page-products .columns .filters-separator { display: none; background-color: #C8C8C9; position: absolute; top: 0; left: 16.66666667%; width: 1px; height: 100%; margin: 0; padding: 0; } .page-products .columns.sidebar-main-active .filters-separator { display: block; } .page-products .toolbar-bottom-wrapper { display: none; } .page-products .toolbar { margin-bottom: 0; } .page-products .columns.sidebar-main-active .t-filters-show, .page-products .columns.sidebar-main-inactive .t-filters-hide { display: none; } .page-products .columns.sidebar-main-inactive .t-filters-show, .page-products .columns.sidebar-main-active .t-filters-hide { display: block; } .page-products .toolbar-top-inner, .page-products .toolbar-bottom-inner, .page-products .filter-options-title { padding: calc(1.6rem + 3px) 40px 1.6rem; } /*hedron*/ .page-products .toolbar-top, .page-products .filterstoggle { background-color: #ffffff; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; border-bottom: 1px solid #C8C8C9; padding: 0; } .page-products .filterstoggle {z-index: 101;} .page-products .toolbar-top-inner:after { content: ''; display: block; clear: both; } .page-products .toolbar-top-inner .measurement-converter { margin-right: 1.5rem; } .page-products .t-filters-toggler { float: left; width: auto; display: block;} .page-products .t-filters-toggler-item { font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; cursor: pointer; padding: 0; margin: 0; } .page-products .t-filters-toggler-item:hover { text-decoration: underline; } .t-filters-hide {display: none;} .products.wrapper ~ .toolbar .sorter { display: block; } .page-products .t-sorter { float: right; width: 130px; position: relative; right: 27px;} .page-products .t-sorter .selectBox-dropdown { font: 400 0.7rem 'IBM Plex Sans Regular', sans-serif; color: #000000; width: 100% !important; height: auto; min-width: 0; text-transform: uppercase; background-size: 14px auto !important; box-shadow: none; border: 0; border-radius: 0; cursor: pointer; margin: 0; padding: 4px; } .page-products .t-sorter .selectBox-label { text-align: right; } .page-products .toolbar-bottom-inner:after { content: ''; display: block; clear: both; padding: 0; margin: 0; } .page-products .t-breadcrumbs .breadcrumbs ul li { line-height: 120%; padding: 0; margin: 0; } .page-products .t-breadcrumbs .item a, .page-products .t-breadcrumbs .item strong { font: 600 7px 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; vertical-align: top; } .page-products .t-breadcrumbs .item a:hover { text-decoration: none; } .page-products .breadcrumbs .item:not(:last-child):after { content: '\003e'; font-size: 8px; font-weight: 700; color: #000000; line-height: 100%; margin: -1px 0 0 0; padding: 0; } .page-products .t-category-title h1 { font: 400 1.3rem 'IBM Plex Sans Regular', sans-serif; color: #000000; display: block !important; text-transform: uppercase; text-align: center; letter-spacing: 3px; line-height: 120%; padding: 0; margin: 0; } .page-products .products-grid .product-item { position: relative; float: none !important; clear: both; margin: 0 0 2% 0!important; padding: 0; } .page-products .products-grid .product-item:after { content: ''; display: block; clear: both; } .page-products .products-grid .product-item.five-items { width: 49% !important; } .page-products .products-grid .product-item.four-items { width: 100% !important; } .page-products .products-grid .product-item .product-item-info {overflow: hidden;} .page-products .products-grid .product-item .product-item-info-inner { position: relative; border: 1px solid #ebebeb; min-height: 100px;} .page-products .products-grid .product-item.five-items-odd { padding: 0 51% 0 0; } .page-products .products-grid .product-item.five-items-even { padding: 0 0 0 51%; } .page-products .products-grid .product-item.five-items .product-item-info { width: 48%; float: left; margin: 0; padding: 0; overflow: hidden;} .page-products .products-grid .product-item.five-items-odd .five-items-teaser { position: absolute; top: 0; right: 0; width: 49%; height: 100%; margin: 0; padding: 0; } .page-products .products-grid .product-item.five-items-odd .five-items-teaser .product-item-info-inner { height: 100%; } .page-products .products-grid .product-item.five-items-odd .product-item-info:nth-child(1) { margin-right: 4%; margin-bottom: 4%; } .page-products .products-grid .product-item.five-items-odd .product-item-info:nth-child(2) { margin-bottom: 4%; } .page-products .products-grid .product-item.five-items-odd .product-item-info:nth-child(3) { margin-right: 4%; } .page-products .products-grid .product-item.five-items-even .product-item-info:first-of-type { position: absolute; top: 0; left: 0; width: 49%; /*height: 100%;*/ margin: 0; padding: 0; } .page-products .products-grid .product-item.five-items-even .product-item-info:first-of-type .product-item-info-inner { height: 100%; } .page-products .products-grid .product-item.five-items-even .product-item-info:nth-child(2) { margin-right: 4%; margin-bottom: 4%; } .page-products .products-grid .product-item.five-items-even .product-item-info:nth-child(3) { margin-bottom: 4%; } .page-products .products-grid .product-item.five-items-even .product-item-info:nth-child(4) { margin-right: 4%; } .page-products .products-grid .product-item.four-items .product-item-info { width: 23.5%; float: left; margin: 0 2% 0 0; padding: 0; } .page-products .products-grid .product-item.four-items .product-item-info:last-of-type { margin-right: 0; } .page-products .products-grid .product-item-details, .products-grid .product-item-details { background: #000000; position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transition: opacity 0.75s; -webkit-transition: opacity 0.75s; margin: 0; padding: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -webkit-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .page-products .products-grid .product-item-info:hover .product-item-details, .products-grid .product-item-info:hover .product-item-details { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } .page-products .products-grid .product-item-details .product-item-name, .products-grid .product-item-details .product-item-name { margin: 0; } .page-products .products-grid .product-item-details .product-item-name a, .products-grid .product-item-details .product-item-name a { font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; color: #bbbbbb; display: block; text-transform: uppercase; margin: 0; padding: 15px; } .page-products .products-grid .product-item-details .product-item-name a:hover, .products-grid .product-item-details .product-item-name a:hover { text-decoration: none; } .page-products .products-grid .product-item-details .item-link-name { display: block; } .page-products .products-grid .product-item-details .item-link-price { display: block; padding-top: 5px; } .page-products .products-grid .product-item-details .item-link-price .price-box { margin: 0; padding: 0; } .page-products .products-grid .product-item-details .item-link-price .price { font: 400 0.8rem "IBM Plex Sans Regular", 'IBM Plex Sans Regular', sans-serif; color: #ffffff; display: inline-block; margin: 0; padding: 0; } .page-products .product-item .price-box .price-label, .page-products .price-box .price-label, .page-products span.item-link-price.options-1 .price-label {display: inline-block; font-size: 0.8rem; color:#A5A2A2;} .page-products .products-grid .product-item-details .item-link-price .old-price .price {color:#A5A2A2;} .page-products .products-grid .product-item-info:hover, .products-grid .product-item-info:hover, .page-products .products-grid .product-item-info.active, .products-grid .product-item-info.active { box-shadow: none; border: 0; margin: 0; padding: 0; } .page-products .products-grid .product-item-inner { box-shadow: none; border: 0; margin: 0; padding: 0; right: 0; } .page-products .products-grid .product-item-photo { background-size: cover; background-repeat: no-repeat; background-position: center center; position: relative; display: block; width: 100%; height: 100%; cursor: default; } .page-products .products-grid .product-item-photo img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); width: auto; height: auto; max-width: 100%; max-height: 100%; } .page-products .products-grid .product-item-info:hover .quick-view-button, .products-grid .product-item-info:hover .quick-view-button { display: block; opacity: 1; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .page-products .products-grid .product-item.five-items-odd, .page-products .products-grid .product-item.five-items-even { padding: 0; } .page-products .products-grid .product-item.five-items { width: 100% !important; } .page-products .products-grid .product-item.five-items-even :first-of-type.product-item-info { position: relative; margin-right: 2%; } .page-products .products-grid .product-item.five-items .product-item-info { width: 23.5%; } .page-products .products-grid .product-item.five-items-odd :nth-child(1).product-item-info, .page-products .products-grid .product-item.five-items-even :nth-child(2).product-item-info, .page-products .products-grid .product-item.five-items-even :nth-child(4).product-item-info { margin-right: 2%; margin-bottom: 2%; } .page-products .products-grid .product-item.five-items-odd :nth-child(2).product-item-info, .page-products .products-grid .product-item.five-items-even :nth-child(3).product-item-info { margin-bottom: 2%; } .page-products .products-grid .product-item.five-items-odd :nth-child(3).product-item-info { margin-right: 2%; clear: left; } .page-products .products-grid .product-item.five-items-odd .five-items-teaser { width: 49%; } /* ============================================ * * Product Listing Page - Filters * ============================================ */ .amasty-catalog-topnav { border-top: 0 !important; } .page-products .filter-options-item { padding-bottom: 0; } .page-products .filter-options-title { font: 400 1rem 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; cursor: pointer; margin: 0; padding-top: 20px; padding-bottom: 20px; } .filter-options-title:after { content: '\002b'; font-size: 13px; font-weight: bold; color: #000000; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0; padding: 0; } .active > .filter-options-title:after { content: '\002d'; margin-top: -2px; } .filter-options-content { margin: 0 1rem 20px 40px; padding: 0;} .filter-options .items ol { padding-top: 5px; padding-left: 0; margin-left: 10px;} .filter-content .item { list-style-type: none; position: relative; margin: 0 0 0 0 !important; } .filter-content .item:last-of-type { margin-right: 0 !important; } .filter-content .items-children .item { padding-left: 0; } .filter-clear-item { display: none; background-color: #EBEBEC; position: absolute; top: 0; left: 0; width: 24px; height: 24px; cursor: pointer; } .filter-options-content .item a { position: relative; text-transform: uppercase; margin: 0; padding: 8px 15px 7px 15px; } .filter-options-content .item.am_shopby_item_selected a:before, /*.filter-options-content .item a.am_shopby_link_selected:before { content: ''; background: #EBEBEC url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-x-sign-black.png') no-repeat center center / 8px auto; display: block; width: 25px; height: 100%; position: absolute; top: 0; left: -28px; padding: 0; margin: 0; }*/ .filter-options-content .item a:hover, .filter-options-content .item.am_shopby_item_selected a, .filter-options-content .item a.am_shopby_link_selected { background-color: #EBEBEC; -webkit-tap-highlight-color:rgba(0,0,0,0); } .filter-content .items-children .item a { padding-left: 15px; } .filter-options-content .item a .label { font: 400 0.8rem 'IBM Plex Sans Regular', sans-serif; color: #000000; display: block; line-height: 120%; vertical-align: middle; padding: 0; margin: 0; letter-spacing: 0.1rem;} .filter-options-content .items-children .item a .label { color: #9A9A9B; } .filter-options-content .item a:hover .label, .filter-options-content .item.am_shopby_item_selected a .label { color: #000000; } .filter-options-content .item a > input[type="checkbox"], .filter-options-content .item a > input[type="radio"] { display: none; } ul.am-filter-items-attr_category_ids > form > li.item { display: none; } ul.am-filter-items-attr_category_ids > form > li.item[data-label="Shop"] { display: block; } ul.am-filter-items-attr_category_ids > form > li.item[data-label="Shop"] > ul > li.item[data-label="Collections"] { display: none; } .am_shopby_filter_items_attr_store_family .item .label { text-indent: -9999px; } .am_shopby_filter_items_attr_store_family .item a { position: relative; } .am_shopby_filter_items_attr_store_family .item a:after { content: ''; background-repeat: no-repeat; background-size: auto 1.5rem; position: absolute; left: 15px; width: 100%; height: 100%; padding: 0; margin: 0; } .am_shopby_filter_items_attr_store_family .item .count { display: none; } .am_shopby_filter_items_attr_store_family [data-label="Global Views"] a:after { background-image: url('../../frontend/Jola/jolatheme/web/images/logo/logo-header-blackandwhite.png'); background-image: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/logo/logo-header-blackandwhite.png'); background-position: left top; top: 3px; } .am_shopby_filter_items_attr_store_family [data-label="Studio A Home"] a:after { background-image: url('../../frontend/Jola/jolatheme/web/images/logo/logo-sta-black.png'); background-image: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/logo/logo-sta-black.png'); background-position: left center; top: 0; /* transform: translateY(-50%); -webkit-transform: translateY(-50%); */ } .swatch-attribute-options, .swatch-attribute-options.clearfix { padding-right: 25px; display: grid; grid-template-columns: repeat(5,1fr); grid-gap: 4%; padding-bottom: 40px;} .swatch-attribute-options.clearfix:before {content: none} .swatch-attribute-options .item { display: block; /*width: 16.8%;*/ float: left; line-height: 100%; margin: 0 0 1rem 0 !important; padding: 0; } .swatch-attribute-options .item:nth-child(5n+5) { margin-right: 0 !important; } .swatch-attribute-options .swatch-option { position: relative; background-size: cover !important; width: 100%; height: 100%; min-width:auto; max-width: none; max-height: none; border: 0; overflow: visible; margin: 0; padding: 0; } .swatch-attribute-options .swatch-option.selected { outline: none; border: 0; } .swatch-attribute-options .swatch-option.selected:before { content: ''; background: url('../../frontend/Jola/jolatheme/web/images/icons/swatchselect.png') no-repeat center center / cover; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/swatchselect.png') no-repeat center center / cover; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); width: 1.1rem; height: 1.1rem; padding: 0; margin: 0; } .am_shopby_slider_container { margin: 13px 13px 20px 0; padding: 0; } .am_shopby_slider_container .am_shopby_slider_display { display: none; font: 400 9px 'IBM Plex Sans Regular', sans-serif; color: #9A9A9B; margin: 0; padding: 5px 0 0 0; } .ui-slider-horizontal { background-color: #bbb; } .am_shopby_slider_container .ui-slider-range { background-color: #000; position: absolute; height: 10px} .am_shopby_slider_container .am-slider .ui-slider-handle { background-color: #bbb; width: 3px; height: 27px; border-radius: 35%; cursor: pointer; margin-top: -8px; margin-left: -1px; z-index: 1; padding-left: 2px; padding-right: 0; } .am_shopby_slider_container .am-slider .ui-slider-handle span { font: 400 9px 'IBM Plex Sans Regular', sans-serif; color: #9A9A9B; position: absolute; bottom: -15px; left: 0; transform: translateX(-50%); -webkit-transform: translateX(-50%); } .am_shopby_slider_container .am-slider .ui-slider-handle:hover, .am_shopby_slider_container .am-slider .ui-slider-handle:active { background-color: #bbb; } /* ============================================ * * Quick View popup * ============================================ */ .quick-view-button { display: none; background: #000000; font: 400 1rem 'IBM Plex Sans Regular', sans-serif; color: #ffffff; display: block; position: absolute; top: 50%; left: 50%; width: auto; opacity: 0; cursor: pointer; text-align: center; text-transform: uppercase; transition: opacity 0.75s; -webkit-transition: opacity 0.75s; transform: translate(-50%,calc(-50% + 20px)); -webkit-transform: translate(-50%,calc(-50% + 20px)); margin: 0; padding: 15px 25px; /*transform: translateY(20px); -webkit-transform: translateY(20px);*/ -webkit-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); white-space: nowrap; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ .quick-view-button { transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } } .quick-view-popup { display: none; background: #ffffff; position: fixed; top: 50%; left: 50%; z-index: 10000001; width: 75%; height: 75%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); margin: 0; padding: 45px; } .quick-view-wrapper { display: none; background-color: rgba(0, 0, 0, 0.25); position: fixed; top: 0; left: 0; z-index: 1000000000; width: 100%; height: 100%; padding: 0; margin: 0; } .quick-view-wrapper .quick-view-popup { display: block; } .products-grid .product-item-info:hover, .products-grid .product-item-info.active { z-index: 1001; } .quick-view-popup-inner:after { content: ''; display: block; clear: both; } .quick-view-popup .quick-view-close { background: url("../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-quick-view-close.png") no-repeat center center / 20px 20px; position: absolute; top: 45px; right: 45px; width: 20px; height: 20px; cursor: pointer; } .quick-view-popup .quick-view-left { float: left; width: 60%; height: 100%; } .quick-view-popup .quick-view-left-inner { height: 100%; border-right: 1px solid #C8C8C9; padding-right: 25px; } .quick-view-popup .quick-view-left-inner a { position: relative; display: block; width: 100%; height: 100%; } .quick-view-popup .quick-view-left-inner a img { width: auto; height: auto; max-width: 100%; max-height: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); } .quick-view-popup .quick-view-right { float: left; width: 40%; } .quick-view-popup .quick-view-right-inner { padding-left: 25px; } .quick-view-popup .prod-name { border-bottom: 1px solid #C8C8C9; line-height: 120%; margin: 0 0 25px 0; padding: 20px 30px 25px 0; } .quick-view-popup .prod-name a { font: 400 1.6rem 'IBM Plex Sans Regular', sans-serif; color: #000000; display: block; text-transform: uppercase; line-height: 120%; margin: 0; padding: 0; } .quick-view-popup .prod-name a:hover { text-decoration: none; } .quick-view-popup .product-item-description {} .quick-view-popup .product-item-description, .quick-view-popup .product-item-description p { font: 400 13px 'IBM Plex Sans Regular', sans-serif; color: #858586; line-height: 120%; margin: 0; padding: 0; } .quick-view-popup .price-box { padding-top: 15px; } .quick-view-popup .price-box .price { font: 400 11px 'IBM Plex Sans Regular', sans-serif; color: #000000; letter-spacing: 2px; line-height: 100%; margin: 0; padding: 0; } .quick-view-popup .quick-view-actions { border-top: 1px solid #C8C8C9; margin-top: 25px; padding-top: 25px; } .quick-view-popup .quick-view-actions:after { content: ''; display: block; clear: both; } .quick-view-popup .quick-view-actions .btn-empty { font: 400 10px 'IBM Plex Sans Regular', sans-serif; background: #ffffff; color: #000000; display: block; min-height: 35px; border: 1px solid #000000; text-align: center; text-transform: uppercase; letter-spacing: 4px; transition: all 0.5s; -webkit-transition: all 0.5s; margin: 0; padding: 0; } .quick-view-popup .quick-view-actions .btn-empty span { display: block; margin: 0; padding: 12px; } .quick-view-popup .quick-view-actions .btn-empty:hover { background: #000000; color: #ffffff; text-decoration: none; } .quick-view-popup .quick-view-actions-left { float: left; width: 48.5%; } .quick-view-popup .quick-view-actions-left .viewdetails { padding-bottom: 8px; } .quick-view-popup .quick-view-actions-left .btn-viewdetails { border: 1px solid #9A9A9B; } .quick-view-popup .quick-view-actions-left .action.tocart { width: 100%; } .quick-view-popup .quick-view-actions-right { float: right; width: 48.5%; } .quick-view-popup .quick-view-actions-right:after { content: ''; display: block; clear: both; } .quick-view-popup .quick-view-actions-right .addtowishlist { float: left; width: 40%; margin-right: 15px; } .quick-view-popup .quick-view-actions-right .addtowishlist .fa { font-size: 15px; margin: 8px auto; padding: 0 0 0 5px; } .quick-view-popup .quick-view-actions-right .compare { float: left; padding-top: 11px; } .quick-view-popup .quick-view-actions-right .compare-link { font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; color: #000000; border-bottom: 1px solid #000000; text-decoration: none; text-transform: uppercase; margin: 0; padding: 0 0 3px 0; } .quick-view-popup .quick-view-actions-right .compare-link:hover { text-decoration: none; border-bottom: 0; } /* ============================================ * * Search Results page * ============================================ */ .catalogsearch-result-index .column.main { padding-right: 40px; padding-left: 40px; } /* ============================================ * * Collections page * ============================================ */ .collections-wrapper {} .collections-page {} .collections-page:after { content: ''; display: block; clear: both; } .collections-sidebar { float: left; width: 16.6667%; padding-top: 50px; position: fixed;} .collections-sidebar-inner { border-bottom: 1px solid #C8C8C9; padding: 0 0 40px 0; } .collections-sidebar .collections-side-title { font: 400 1rem 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; cursor: pointer; margin: 0; padding: 0 40px 16px 40px; position: relative; } .collections-sidebar-inner > div:nth-child(3) { padding: 16px 40px; } .sidemobnav-content .collections-side-title{ padding: 16px 0; } .collections-sidebar .collections-side-title:after { content: '\002b'; font-size: 13px; font-weight: bold; color: #000000; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0; padding: 0; display: none; } .collections-sidebar .collections-side-content { padding: 0 0 0 40px; } .collections-sidebar .collections-side-content .items { list-style: none; margin: 0; padding: 0 } .collections-sidebar .collections-side-content .item { position: relative; line-height: 100%; padding: 0 0 0 28px; margin: 0 0 5px 0; } .collections-sidebar .collections-side-content .item.active { background-color: transparent; } .collections-side-title.active { background-color: transparent; } .collections-sidebar .collections-side-content .item a { position: relative; display: block; text-transform: uppercase; margin: 0; padding: 8px 15px 7px 15px; } .collections-sidebar .collections-side-content .item a:hover, .collections-sidebar .collections-side-content .item.active a { background-color: #EBEBEC; text-decoration: none; } .collections-sidebar .collections-side-content .item a .label { font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; color: #9A9A9B; display: block; line-height: 120%; vertical-align: middle; padding: 0; margin: 0; } .collections-sidebar .collections-side-content .item a:hover .label, .collections-sidebar .collections-side-content .item.active a .label { color: #000000; } .collections-main { float: right; width: 83.3333%; min-height: 500px; border-left: 1px solid #C8C8C9; padding: 30px; } .collections-main .collections-title {} .collections-main .collections-title h4 { font: 400 10px 'IBM Plex Sans Regular', sans-serif; color: #868787; text-align: center; text-transform: uppercase; letter-spacing: 4px; line-height: 120%; margin: 0; padding: 0 0 7px 0; } .collections-main .collections-title h1 { font: 400 21px 'IBM Plex Sans Regular', sans-serif; color: #000000; text-align: center; text-transform: uppercase; letter-spacing: 4px; line-height: 120%; margin: 0; padding: 0 0 25px 0; } .collections-main .collections-info-wrapper { position: relative; } /* .collections-main .collections-info-wrapper:before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; z-index: 100; width: 85%; height: 93%; border: 1px solid #C8C8C9; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding: 0; margin: 0; } */ .collections-main .collections-image { width: 100%; } .collections-main .collections-image img { display: block; width: 100%; height: auto; max-width: 100%; padding: 0; margin: 0; } .collections-main .collections-info { width: 85%; padding: 35px 0; margin: 0 auto; display: table;} .collections-main .collections-info:after { content: ''; display: block; clear: both; } .collections-main .collections-logo { /*float: left;*/ width: 40%; border-right: 1px solid #C8C8C9; display:table-cell; vertical-align: middle; } .collections-main .collections-logo-inner { padding: 25px 45px; margin: 0; } .collections-main .collections-logo img { display: block; width: 100%; height: auto; max-height: 100%; margin: 0; padding: 0; } .collections-main .collections-description { /*float: right;*/ width: 60%; padding: 0; margin: 0; display:table-cell; vertical-align: middle; } .collections-main .collections-description-inner { font: 400 13px 'IBM Plex Sans Regular', sans-serif; color: #9A9A9B; letter-spacing: 1px; /*border-left: 1px solid #C8C8C9;*/ line-height: 160%; padding: 25px 100px 25px 45px; margin: 0; } .collections-main .collections-description-inner p { font: 400 13px 'IBM Plex Sans Regular', sans-serif; color: #9A9A9B; letter-spacing: 1px; /*border-left: 1px solid #C8C8C9;*/ line-height: 160%; margin: 0; } .collections-main .collections-featuredproducts { } .collections-main .featuredproducts-title { padding: 40px 0 20px 0; } .collections-main .featuredproducts-title h3 { font: 400 13px 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; text-align: center; line-height: 120%; margin: 0; padding: 0; } .collections-main .product-items-top .product-item:last-of-type { display: none; } .collections-main .product-items-top .product-item:last-of-type:first-of-type {display: block;} .collections-main .product-items-bottom { position: relative; } .collections-main .product-items-bottom:after { content: ''; display: block; clear: both; } .collections-main .viewcollection-block { /*float: left;*/ position: absolute; top: 0; left: 0; width: 49%; height: 100%; border: 1px solid #C8C8C9; } .collections-main .viewcollection-block-inner { position: absolute; top: 50%; left: 50%; width: 65%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); margin: 0 auto; padding: 25px; } .collections-main .viewcollection-block h4 { position: relative; margin: 0 0 20px 0; padding: 0; } .collections-main .viewcollection-block h4 strong { font: 400 10px 'IBM Plex Sans Regular', sans-serif; background: #ffffff; color: #868787; position: absolute; top: 50%; left: 50%; z-index: 1001; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); text-transform: uppercase; text-align: center; letter-spacing: 3px; line-height: 120%; margin: 0; padding: 0 7px; } .collections-main .viewcollection-block h4:after { content: ''; background-color: #c8c8c8; position: absolute; top: 50%; left: 0; z-index: 1000; width: 100%; height: 1px; margin-top: -1px; } .collections-main .viewcollection-block h3 { font: 400 10px 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; text-align: center; letter-spacing: 3px; line-height: 120%; margin: 0 0 20px 0; padding: 0; } .collections-main .viewcollection-block h5 { text-align: center; line-height: 100%; margin: 0; padding: 0; } .collections-main .viewcollection-block h5 .widget { margin: 0; padding: 0; } .collections-main .viewcollection-block h5 a { font: 400 10px 'IBM Plex Sans Regular', sans-serif; background: #ffffff; color: #000000; width: 100%; display: block; border: 1px solid #000000; text-transform: uppercase; text-align: center; letter-spacing: 5px; transition: all 0.5s; -webkit-transition: all 0.5s; line-height: 100%; margin: 0; padding: 15px; } .collections-main .viewcollection-block h5 a:hover { background: #000000; color: #ffffff; text-decoration: none; } .collections-main .product-items { margin: 0; padding: 0; } .collections-main .product-items-bottom .product-items { width: 100%; min-height: 170px; } .collections-main .product-items-bottom .product-item.four-items { margin: 0 !important; padding: 0; } .collections-main .product-items-bottom .product-item.four-items .product-item-info { width: 48%; margin-right: 4%; } /* ============================================ * * Product Detail page * ============================================ */ .catalog-product-view .column.main { padding: 0; } .catalog-product-view .column.main:after { content: ''; display: block; clear: both; } .catalog-product-view .collapsible-wrapper {} .catalog-product-view .collapsible-wrapper .collapsible-title { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; padding: 20px 0; margin: 0; } .catalog-product-view .collapsible-wrapper .collapsible-title h3 { font: 400 1.1rem 'IBM Plex Sans Regular', sans-serif; color: #000000; position: relative; text-transform: uppercase; letter-spacing: 2px; cursor: pointer; line-height: 120%; padding: 0 35px 0 0; margin: 0; } .catalog-product-view .collapsible-wrapper .collapsible-title h3:after { content: '\f067'; font-family: 'FontAwesome'; font-size: 0.8rem; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .catalog-product-view .collapsible-wrapper.active .collapsible-title h3:after { content: '\f068'; } .catalog-product-view .collapsible-wrapper .collapsible-content { display: none; padding: 5px 0 20px 0; margin: 0; } .catalog-product-view .collapsible-wrapper.active .collapsible-content {} .catalog-product-view .product.media { width: 60% !important; border-right: 1px solid #C8C8C9; padding: 0; margin: 0; } .catalog-product-view .gallery-placeholder { padding: 0 50px 55px 50px; margin: 0; } .catalog-product-view .product-info-left-title { padding: 0 0 28px 0; margin: 0; } .catalog-product-view .product-info-left-title h3 { font: 400 13px 'IBM Plex Sans Regular', sans-serif; color: #000000; text-align: center; text-transform: uppercase; letter-spacing: 2px; line-height: 120%; padding: 0; margin: 0; } .catalog-product-view .product-artist-wrapper { border-top: 1px solid #C8C8C9; padding: 60px 3% 50px 3%; margin: 0; } .catalog-product-view .collections-info-wrapper { position: relative; } .catalog-product-view .collections-info-wrapper:before { content: ''; display: block; position: absolute; bottom: 0; left: 50%; z-index: 100; width: 85%; height: 93%; border: 1px solid #C8C8C9; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding: 0; margin: 0; } .catalog-product-view .collections-info-wrapper .showroom-fallback-image { width: 100%; display: block; max-width: 1500px; margin: 0 auto; } .catalog-product-view .collections-image { width: 100%; } .catalog-product-view .collections-image img { display: block; width: 100%; height: auto; max-width: 100%; padding: 0; margin: 0; } .catalog-product-view .collections-info { width: 85%; padding: 45px 0 40px 0; margin: 0 auto; } .catalog-product-view .collections-info:after { content: ''; display: block; clear: both; } .catalog-product-view .collections-logo { width: 300px; margin: 0 auto; } .catalog-product-view .collections-logo-inner { padding: 0; margin: 0; } .catalog-product-view .collections-logo img { display: block; width: 100%; height: auto; max-height: 100%; margin: 0; padding: 0; } .catalog-product-view .collections-separator { width: 90px; height: 1px; background-color: #C8C8C9; margin: 35px auto 30px auto; padding: 0; } .catalog-product-view .collections-description { width: 70%; padding: 0; margin: 0 auto; } .catalog-product-view .collections-description-inner { font: 400 13px 'IBM Plex Sans Regular', sans-serif; color: #9A9A9B; text-align: center; letter-spacing: 1px; line-height: 160%; padding: 0; margin: 0; } .page-products.related-products-wrapper { border-top: 1px solid #C8C8C9; padding: 60px 3% 75px 3%; margin: 0; } .page-products.related-products-wrapper .products { margin: 0; } .page-products.related-products-wrapper .products .product-item { margin-bottom: 0 !important; } .page-products.related-products-wrapper .products .product-item.five-items { width: 50% !important; } .page-products.related-products-wrapper .products .product-item.five-items-odd .five-items-teaser { width: 47%; } .page-products.related-products-wrapper .products .product-item.five-items-odd .product-item-info:nth-child(1) { margin-right: 6%; margin-bottom: 6%; } .page-products.related-products-wrapper .products .product-item.five-items-odd .product-item-info:nth-child(2) { margin-bottom: 6%; } .page-products.related-products-wrapper .products .product-item.five-items-odd .product-item-info:nth-child(3) { margin-right: 6%; } .page-products.related-products-wrapper .products .product-item.five-items .product-item-info { width: 47%; } .page-products.related-products-wrapper .products .product-item.five-items-odd { padding: 0 50% 0 0; } .page-products.related-products-wrapper .products .product-item.five-items-even { padding: 0 0 0 50%; } .page-products.related-products-wrapper .products .product-item.five-items-even .product-item-info:first-of-type { width: 47%; } .page-products.related-products-wrapper .products .product-item.five-items-even .product-item-info:nth-child(2) { margin-right: 6%; margin-bottom: 6%; } .page-products.related-products-wrapper .products .product-item.five-items-even .product-item-info:nth-child(3) { margin-bottom: 6%; } .page-products.related-products-wrapper .products .product-item.five-items-even .product-item-info:nth-child(4) { margin-right: 6%; } .page-products.related-products-wrapper .products .product-item.four-items { /*display: none;*/ } .page-products.recentlyviewed-products-wrapper { border-top: 1px solid #C8C8C9; padding: 60px 3% 60px 3%; margin: 0; } .page-products.recentlyviewed-products-wrapper .products { margin: 0; padding: 0; } .page-products .products-grid .product-item.four-items .product-item-info { width: 22.75%; margin-right: 3%; } .page-products .products-grid .product-item.four-items .product-item-info:last-of-type { margin-right: 0; } .catalog-product-view .product-retaillocator-wrapper { border-top: 1px solid #C8C8C9; padding: 60px 0 0 0; margin: 0; } .catalog-product-view .retaillocator-form { width: 640px; padding: 0 0 50px 0; margin: 0 auto; } .catalog-product-view .retaillocator-form:after { content: ''; display: block; clear: both; } .catalog-product-view .retaillocator-form-input { float: left; width: 73%; } .catalog-product-view .retaillocator-form-address { font: 400 10px 'IBM Plex Sans Regular', sans-serif; color: #000000; width: 100%; height: 42px; display: block; border: 1px solid #000000; letter-spacing: 3px; padding: 0 0 0 20px; margin: 0; } .catalog-product-view .retaillocator-form-address::-webkit-input-placeholder { font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; letter-spacing: 3px; } .catalog-product-view .retaillocator-form-address::-moz-placeholder { font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; letter-spacing: 3px; } .catalog-product-view .retaillocator-form-address:-ms-input-placeholder { font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; letter-spacing: 3px; } .catalog-product-view .retaillocator-form-address:-moz-placeholder { font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; letter-spacing: 3px; } .catalog-product-view .retaillocator-form-buttons { float: right; width: 25%; } .catalog-product-view .retaillocator-form-submit { font: 400 10px 'IBM Plex Sans Regular', sans-serif; color: #000000; width: 100%; display: block; height: 42px; line-height: 42px; vertical-align: middle; border: 1px solid #000000; letter-spacing: 3px; text-align: center; text-transform: uppercase; transition: all 0.5s; -webkit-transition: all 0.5s; margin: 0; padding: 0 20px; } .catalog-product-view .retaillocator-form-submit:hover { background-color: #000000; color: #ffffff; text-decoration: none; } .catalog-product-view .product-retaillocator-wrapper .locator-img img { width: 100%; height: auto; display: block; padding: 0; margin: 0; } .catalog-product-view .product-info-main { float: right; width: 40% !important; } .catalog-product-view .product-info-main-inner { position: relative; height: 100%; padding: 70px 0 70px 60px; padding-top: 0; margin: 0; transition: 0.45s all ease; } .catalog-product-view .product-info-main-inner.scrollmain {padding-top: 0} .catalog-product-view .product-info-main .product-info-inner { background: #ffffff; position: fixed; bottom: auto; padding-top: 70px; /*width: 31%;*/ -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .catalog-product-view .product-info-main .product-info-inner::-webkit-scrollbar { display: none; } .catalog-product-view .product-info-main .product-info-inner.fixed-end { position: absolute; /* bottom: 50px; */ max-height: 100%; overflow: auto; } .catalog-product-view .loggedout .product-name-wrapper { border-bottom: 1px solid #C8C8C9; padding: 0 0 20px 0; margin: 0; } .catalog-product-view .loggedin .product-name-wrapper { padding: 0 0 30px 0; margin: 0; } .catalog-product-view .product-name-inner { position: relative; } .catalog-product-view .product-name-inner:after { content: ''; display: block; clear: both; } .catalog-product-view .product-name-wrapper .name { padding-right: 50px; } .catalog-product-view .product-name-wrapper .icons { position: absolute; top: 50%; right: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); z-index: 1; } .catalog-product-view .product-name-wrapper .icons:after { content: ''; display: block; clear: both; } .catalog-product-view .product-name-wrapper .icons .icon-left { float: left; display: block; padding-right: 5px; } .catalog-product-view .product-name-wrapper .icons .icon-right { float: left; display: block; } .catalog-product-view .product-name-wrapper h1 { font: 400 1.8rem 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; letter-spacing: 3px; line-height: 130%; padding: 0; margin: 0; } .catalog-product-view .product-measurement-converter { padding: 4%; width:120px; display:inline-block; } .catalog-product-view .product-measurement-converter .selectBox-dropdown { display: inline-block; width: 15rem !important; height: auto; margin-bottom: 0.5rem; } .catalog-product-view .product-measurement-converter select{ font: 400 0.7rem 'Helvetica', sans-serif; color: #000000; width: 80px; height: auto; min-width: 120px; text-transform: uppercase; box-shadow: none; border: 0; border-radius: 0; cursor: pointer; margin: 0; margin-right: 0px; padding: 4px; margin-right: 4px; letter-spacing: 0.2rem; } @media screen and (min-width: 1024px){ .catalog-product-view .product-measurement-converter { padding: 28px 0; } } @media screen and (min-width: 1290px) and (max-width: 1550px) { .catalog-product-view .product.media, .catalog-product-view .product-info-main { width: 50% !important; } .catalog-product-view .product-info-main .product-item-left > div, .catalog-product-view .product-info-main .product-item-left > div span.price { font-size: 13px; } } @media screen and (min-width: 1024px) and (max-width: 1290px) { .catalog-product-view .product.media { width: 47% !important; } .catalog-product-view .product-info-main { width: 53% !important; } .catalog-product-view .product-info-main .product-item-left > div, .catalog-product-view .product-info-main .product-item-left > div span.price { font-size: 10px; } } .catalog-product-view .product-price-wrapper { border-bottom: 1px solid #C8C8C9; padding: 0 0 25px 0; margin: 0; } .catalog-product-view .price-box .price { font: 400 11px 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; letter-spacing: 3px; line-height: 120%; padding: 0; margin: 0; } .catalog-product-view .box-tocart .fieldset:after { content: ''; display: block; clear: both; } .catalog-product-view .field.qty { float: right; margin: 0; padding: 0 0 50px 0; } .catalog-product-view .field.qty:after { content: ''; display: block; clear: both; } .catalog-product-view .field.qty > label { display: none; } .catalog-product-view .field.qty .input-text.qty { float: left; width: 60px; height: 26px; text-align: center; border: 1px solid #000; margin-top: 0; } .catalog-product-view .product-description-wrapper { border-bottom: 1px solid #C8C8C9; padding: 25px 0; margin: 0; display: none;} .catalog-product-view .product-description-wrapper .value { font: 400 13px 'IBM Plex Sans Regular', sans-serif; color: #858586; letter-spacing: 0; line-height: 140%; padding: 0; margin: 0; } .catalog-product-view .pdp-login-popup-toggler { padding: 25px 0 28px 0; margin: 0; } .catalog-product-view .pdp-login-popup-toggler a, .catalog-product-view .product-addtocart-wrapper #product-addtocart-button, .catalog-product-view .product-addtofavorites .towishlist-view, .catalog-product-view .product-addtofavorites .towishlist, .catalog-product-view .product-addtocompare .tocompare { font: 400 10px 'IBM Plex Sans Regular', sans-serif; background-color: #ffffff; color: #000000; display: block; width: 100%; border: 1px solid #000000; text-align: center; text-transform: uppercase; letter-spacing: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; line-height: 120%; padding: 14px; margin: 0; } .catalog-product-view .product-addtofavorites .towishlist { padding: 0; } .catalog-product-view .pdp-login-popup-toggler a:hover, .catalog-product-view .product-addtocart-wrapper #product-addtocart-button:hover, .catalog-product-view .product-addtocompare .tocompare:hover, .catalog-product-view .product-addtofavorites .towishlist:hover { background-color: #000000; color: #ffffff; text-decoration: none; } .catalog-product-view .pdp-login-popup-toggler a { letter-spacing: 4px; } .catalog-product-view .product-addtocart-wrapper { padding: 0; margin: 0; z-index: 100; } .catalog-product-view .product-addtocart-wrapper .product-add-form { padding: 0; margin: 0; } .catalog-product-view .product-addtocart-wrapper .product-add-form.product-type-simple { /*margin-top: -45px;*/ } .catalog-product-view .product-addtocart-wrapper .box-tocart { margin: 0; padding: 0; } .catalog-product-view .product-addtocart-wrapper #product-addtocart-button { display: block; width: 100%; letter-spacing: 4px; } .catalog-product-view .product-addtolinks-wrapper { padding-top: 2%; } .catalog-product-view .product-addtolinks-wrapper:after { content: ''; display: block; clear: both; } /* .catalog-product-view .product-addtofavorites { float: left; width: 49%; } */ .catalog-product-view .product-addtofavorites .towishlist-view, .catalog-product-view .product-addtofavorites .wk-towishlist-view { position: relative; display: block; text-decoration: none} .catalog-product-view .product-addtofavorites .towishlist-view:before { content: '\f004'; font-family: 'FontAwesome'; font-size: 13px; color: #000000; line-height: 100%; } .catalog-product-view .product-addtofavorites .towishlist-view:after { content: ''; background: url('../../frontend/Jola/jolatheme/web/images/icons/ico-arrow-bottom-black.png') no-repeat center center / 15px auto; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-bottom-black.png') no-repeat center center / 15px auto; width: 15px; height: 10px; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0; margin: 0; } .catalog-product-view .product-addtofavorites .wk-towishlist-view.noddown, .catalog-product-view .product-addtofavorites .wk-towishlist-view:before, .catalog-product-view .product-addtofavorites .wk-towishlist-view:after { display: none; } .catalog-product-view .product-addtofavorites .wk-towishlist-view {margin-top: -1px;} .catalog-product-view .product-addtocompare { float: right; width: 49%; } .catalog-product-view .product-register-benefits-wrapper { padding: 0 0 25px 0; margin: 0; } .catalog-product-view .product-register-benefits-wrapper h3 { font: 400 18px 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; letter-spacing: 3px; line-height: 130%; padding: 0 0 15px 0; margin: 0; } .catalog-product-view .product-register-benefits-wrapper ul { padding: 0; margin: 0; } .catalog-product-view .product-register-benefits-wrapper ul li { font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; background-color: #ffffff; color: #000000; position: relative; display: block; text-transform: uppercase; letter-spacing: 2px; list-style: none; line-height: 120%; padding: 0 0 0 20px; margin: 0 0 8px 0; } .catalog-product-view .product-register-benefits-wrapper ul li:before { content: ''; background: url('../../frontend/Jola/jolatheme/web/images/icons/ico-list-style-square-gray.png') no-repeat center center / 12px auto; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-list-style-square-gray.png') no-repeat center center / 12px auto; width: 12px; height: 12px; position: absolute; top: 50%; left: 0; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0; margin: 0; } .catalog-product-view .product-register-benefits-wrapper h6 { font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; color: #000000; line-height: 120%; padding: 8px 0 0 0; margin: 0; } .catalog-product-view .product-social-icons-wrapper { border-top: 1px solid #C8C8C9; border-bottom: 1px solid #C8C8C9; padding: 25px 0; margin: 0; } .catalog-product-view .product-social-icons-wrapper .product-social { position: relative; } .catalog-product-view .product-social-icons-wrapper .product-social:after { content: ''; display: block; clear: both; } .catalog-product-view .product-social-icons-wrapper .product-social-left { float: left; z-index:99;} .catalog-product-view .product-social-icons-wrapper .product-social-left p { font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; line-height: 120%; padding: 0; margin: 0; } .catalog-product-view .product-social-icons-wrapper .product-social-right { float: right; } .catalog-product-view .product-social-icons-wrapper .socials-wrapper { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } .catalog-product-view .product-social-icons-wrapper .socials-wrapper.hovinfo {padding-top: 0;} .catalog-product-view .product-social-icons-wrapper .socials-list { margin: 0; padding: 0; } .catalog-product-view .product-social-icons-wrapper .socials-list ul { margin: 0; padding: 0; } .catalog-product-view .product-social-icons-wrapper .socials-list li { width: auto; margin: 0 0 0 25px; padding: 0; } .catalog-product-view .product-social-icons-wrapper .socials-list li:first-of-type { margin-left: 0; } .catalog-product-view .product-social-icons-wrapper .socials-list li:last-of-type { margin-left: 15px; } .catalog-product-view .product-social-icons-wrapper .socials-list li.soc-up-arrow a { opacity: 1; } .white-hand-help-text { position: absolute; right: 0; background: white; border: 1px solid #C8C8C9; padding: 1rem; display: none; width: 200px; z-index: 1; } .catalog-product-view .product-downloads-wrapper { padding: 0; margin: 3.5rem 0 0; border-top: 1px solid #C8C8C9; } .catalog-product-view .product-downloads-wrapper .down-content ul li { margin: 0 0 18px 0; padding: 0; } .catalog-product-view .product-downloads-wrapper .down-content ul li:last-of-type { margin-bottom: 0; } .catalog-product-view .product-downloads-wrapper .down-content ul li a { position: relative; display: table; padding: 0 0 0 25px; margin: 0 0 8px 0; } .catalog-product-view .product-downloads-wrapper .down-content ul li a:hover { text-decoration: none; } .catalog-product-view .product-downloads-wrapper .down-content ul li a:before { content: ''; background-repeat: no-repeat; background-position: center center; background-size: 16px auto; width: 16px; height: 20px; position: absolute; bottom: 0; left: 0; padding: 0; margin: 0; } .catalog-product-view .product-downloads-wrapper .down-content ul li a span { font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; color: #000000; display: block; border-bottom: 1px solid #000000; text-transform: uppercase; letter-spacing: 2px; line-height: 120%; padding: 0 0 3px 0; margin: 0 0 2px 0; } .catalog-product-view .product-downloads-wrapper .down-content ul li.down-productimage a:before { background-image: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_jpg.png'); } .catalog-product-view .product-downloads-wrapper .down-content ul li.down-specsheet a:before { background-image: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-specsheet-black.png'); } .catalog-product-view .product-deliveryandreturns-wrapper { border-top: 1px solid #C8C8C9; padding: 0; margin: 0; } #payment {margin-top: 5px;} .fotorama__stage__frame .fotorama__img { width: auto !important; /* 87% !important; */ } .fotorama__arr { width: 30px !important; background: none !important; transform: none !important; -webkit-transform: none !important; -ms-transform: none !important; -o-transform: none !important; transition: none !important; -webkit-transition: none !important; opacity: 1 !important; } .fotorama__arr__arr { background-repeat: no-repeat !important; background-position: center center !important; background-size: auto 25px !important; width: 40px !important; height: 40px !important; transform: translate(-50%,-50%) !important; -webkit-transform: translate(-50%,-50%) !important; } .fotorama__arr--prev .fotorama__arr__arr { background-image: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-left-medium-black.png') !important; cursor: default !important;} .fotorama__arr--next .fotorama__arr__arr { background-image: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-right-medium-black.png') !important; cursor: default !important;} .fotorama__arr {display:block!important;} .fotorama__arr--disabled { display:none!important; } /* ============================================ * * Product Detail page - Grouped Products * ============================================ */ .catalog-product-view .product-info-inner-grouped.loggedin .product-name-wrapper { padding: 0 0 12px 0; margin: 0; } .catalog-product-view .product-info-inner-grouped .product-price-wrapper { border-bottom: 0; padding: 0; margin: 0; } .product-grouped-wrapper .price-fromto { border-bottom: 1px solid #C8C8C9; padding: 0 0 20px 0; margin: 0; } .product-grouped-wrapper .grouped-product-item { border-bottom: 1px solid #C8C8C9; padding: 25px 0; margin: 0; } .product-grouped-wrapper .grouped-main-info { position: relative; } .product-grouped-wrapper .grouped-main-info:after { content: ''; display: block; clear: both; } .product-grouped-wrapper .product-item-left { width: 100%; padding-right: 125px; font-size: 1.2rem; font-family: "IBM Plex Sans Regular", Helvetica, Arial, sans-serif;} .product-grouped-wrapper .product-item-left:after { content: ''; display: block; clear: both; } .grouped-product-name {font-size: 1.2rem;} .product-grouped-wrapper .product-item-name { /*font: 400 11px 'IBM Plex Sans Regular', sans-serif;*/ color: #000000; float: left; width: 30%; letter-spacing: 1px; padding: 0; margin: 0; } .product-grouped-wrapper .stock { float: left; width: 40%; text-align: center; text-transform: uppercase; } .product-grouped-wrapper .product-item-price { float: right; width: 30%; text-align: center; padding: 0 20px; margin: 0; } .table-wrapper {margin-bottom: 3.5rem} .product-grouped-wrapper .product-item-price .price, .table.grouped .price-box .price { font: 400 1.1rem 'IBM Plex Sans Regular', sans-serif; color: #000000; letter-spacing: 1px; } .old-price, .old.price { } .table.grouped .price-box .old-price .price-label {display: none} .table.grouped .price-box .old-price .price { color:#9A9A9B; text-decoration: line-through; line-height: 2; display: block; } .product-grouped-wrapper .product-item-qty { position: absolute; top: 0%; right: 0; /* z-index: 100; */ transform: translateY(-25%); -webkit-transform: translateY(-25%); width: 125px; padding: 0 0 0 15px; margin: 0; } .product-grouped-wrapper .product-item-qty .field.qty { padding: 0; margin: 0; } .product-grouped-wrapper .product-specifications { padding-top: 10px; font-size: 1rem;} .product-grouped-wrapper .product-specifications .spec-label { font: 400 1.1rem 'IBM Plex Sans Regular', sans-serif; color: #000000; position: relative; letter-spacing: 1px; cursor: pointer; padding: 0 0 0 15px; margin: 0; } .product-grouped-wrapper .product-specifications .spec-label:before { content: '\f067'; font-family: 'FontAwesome'; font-size: 10px; color: #000000; position: absolute; top: 50%; left: 0; z-index: 100; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 0; margin: 0; } .product-grouped-wrapper .product-specifications.active .spec-label:before { content: '\f068'; } .product-grouped-wrapper .product-specifications .spec-attributes { display: none; padding: 0; margin: 0; } .product-grouped-wrapper .product-specifications .attr-item { padding: 0; margin: 0; font-family: "IBM Plex Sans Regular", Helvetica, Arial, sans-serif} .product-grouped-wrapper .product-specifications .attr-label { color: #858586; letter-spacing: 1px; padding: 0 0 8px 0; margin: 0; } .product-grouped-wrapper .product-specifications .attr-value {} .product-grouped-wrapper .product-specifications .attr-value-item { color: #000000; letter-spacing: 1px; padding: 0; margin: 0; } .product-grouped-wrapper .product-specifications .attr-value-item .metric { display: none; } .product-grouped-wrapper .product-specifications .attr-value.metric .attr-value-item .imperial, .product-grouped-wrapper .product-specifications .attr-value.imperial .attr-value-item .metric { display: none; } .product-grouped-wrapper .product-specifications .attr-value.metric .attr-value-item .metric, .product-grouped-wrapper .product-specifications .attr-value.imperial .attr-value-item .imperial { display: block; } /* ============================================ * * CMS page - general * ============================================ */ .cms-page-view .page-title-wrapper { width: 100%; padding: 20px 0 60px 0; margin: 0; } .cms-page-view .page-title, .cms-page-view .page-title span { font: 400 1.3rem 'IBM Plex Sans Regular', sans-serif; color: #000000; display: block !important; text-transform: uppercase; text-align: center; letter-spacing: 3px; line-height: 120%; padding: 0; margin: 0; } .cms-page-view .page-title { width: 100%; text-align: center; padding-top: 30px; } .cms-page-view .page-title span { text-align: center; } /* ============================================ * * Customer Service page * ============================================ */ .page-layout-customer-service {} .page-layout-customer-service .page-main { width: 100%; max-width: none; margin-right: auto; margin-left: auto; padding-right: 40px; padding-left: 40px; } .page-layout-customer-service .page-main .columns { padding-right: 10%; padding-left: 10%; } .page-layout-customer-service .page-main .columns .column.main {max-width: 100%;} .cms-customer-service-cover { height: 1500px; width: 100%; background-color: white; position: absolute; top: 0; left: 0; z-index: 1500; } .customerservice-block { position: relative; margin: 0 0 65px 0; padding: 0; } .customerservice-block .customerservice-img { position: absolute; top: 0; z-index: 100; max-width: 40%; width:100%; } .customerservice-block .customerservice-img p { line-height: 100%; margin: 0; padding: 0; } .customerservice-block .customerservice-img img { width: 100%; max-width: 585px; height: auto; } .customerservice-block .customerservice-content { position: relative; width: 63%; border: 1px solid #C8C8C9; } .customerservice-block .customerservice-content-inner { position: relative; width: 100%; padding: 0 80px; margin: 0; } .customerservice-block .customerservice-content h3 { font: 400 2rem 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; line-height: 120%; margin: 0; padding: 0 0 25px 0; } .customerservice-block .customerservice-content h4 { font: 400 1.3rem 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; clear: both; line-height: 120%; margin: 0; padding: 20px 14px 20px 0; } .customerservice-block .customerservice-content p { font: 400 1.2rem 'IBM Plex Sans Regular', sans-serif; color: #707070; line-height: 175%; margin: 0; padding: 0 0 15px 0; } .customerservice-block .customerservice-content ul { margin: 0; padding: 0; } .customerservice-block .customerservice-content ul li { font: 400 10px 'IBM Plex Sans Regular', sans-serif; color: #000000; border-bottom: 1px solid #A5A2A2; word-break: break-all; line-height: 120%; margin: 0; padding: 14px 14px 14px 0; } .customerservice-block .customerservice-content ul li strong { font-weight: 700; text-transform: uppercase; } .customerservice-block .customerservice-content h5 a { font: 400 10px 'IBM Plex Sans Regular', sans-serif; color: #000000; position: relative; display: table; min-width: 250px; border: 1px solid #A5A2A2; text-transform: uppercase; line-height: 120%; margin: 0; padding: 9px 55px 9px 13px; } .customerservice-block .customerservice-content h5 a:hover { text-decoration: none; } .customerservice-block .customerservice-content h5 a:after { content: ''; background: url('../../frontend/Jola/jolatheme/web/images/icons/ico-arrow-right-middle-black.png') no-repeat center center; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-right-middle-black.png') no-repeat center center; display: block; position: absolute; top: 50%; right: 0; width: 30px; height: 100%; border-left: 1px solid #A5A2A2; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0; padding: 0; } .customerservice-block-imgleft:after { content: ''; display: block; clear: both; } .customerservice-block-imgleft .customerservice-img { left: 0; } .customerservice-block-imgleft .customerservice-content { float: right; } .customerservice-block-imgleft .customerservice-content-inner { padding-left: 120px; } .customerservice-block-imgright:after { content: ''; display: block; clear: both; } .customerservice-block-imgright .customerservice-img { right: 0; } .customerservice-block-imgright .customerservice-content-inner { padding-right: 120px; } .customerservice-block2-wrapper .customerservice-content ul { padding-bottom: 20px; } .customerservice-block2-wrapper .customerservice-content ul:first-of-type { width: 65%; float: left; } .customerservice-block2-wrapper .customerservice-content ul:last-of-type { width: 30%; float: right; } .customerservice-block3-wrapper .customerservice-content h5 { position: relative; padding-left: 50px; margin-top: 20px; } .customerservice-block3-wrapper .customerservice-content h5:before { content: ''; background: url('../../frontend/Jola/jolatheme/web/images/icons/ico-pdf-download.png') no-repeat left center / auto 40px; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-pdf-download.png') no-repeat left center / auto 40px; position: absolute; bottom: 0; left: 0; width: 40px; height: 40px; line-height: 100%; padding: 0; margin: 0; } .customerservice-block4-wrapper .customerservice-content h5 { position: relative; padding-left: 65px; margin-top: 20px; } .customerservice-block4-wrapper .customerservice-content h5:before { content: ''; background: url('../../frontend/Jola/jolatheme/web/images/icons/ico-shipping-black.png') no-repeat left center / auto 27px; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-shipping-black.png') no-repeat left center / auto 27px; position: absolute; bottom: 0; left: 0; width: 50px; height: 27px; line-height: 100%; padding: 0; margin: 0; } .customerservice-block .formbuilder-form .formbuilder.form { position: relative; } .customerservice-block .formbuilder-form ::-webkit-input-placeholder { color: #000000; } .customerservice-block .formbuilder-form ::-moz-placeholder { color: #000000; } .customerservice-block .formbuilder-form :-ms-input-placeholder { color: #000000; } .customerservice-block .formbuilder-form :-moz-placeholder { color: #000000; } .customerservice-block .formbuilder-form .form-content > h2 { display: none; } .customerservice-block .formbuilder-form .form-list .row { margin: 0; } .customerservice-block .formbuilder-form .form-list .field { min-height: 0; margin: 0 0 35px 0; padding: 0; } .customerservice-block .formbuilder-form .form-list label.required { display: none; } .customerservice-block .formbuilder-form .form-list textarea { width: 100%; height: 120px; border: 1px solid #000000; resize: none; vertical-align: bottom; padding-top: 5px; padding-left: 18px; } .customerservice-block .formbuilder-form .subtemplate-wrapper .row > .col-sm-12 { padding-right: 0; padding-left: 0; } .customerservice-block .formbuilder-form .buttons-set { position: absolute; bottom: 47px; right: 0; z-index: 100; width: 30%; padding: 0; margin: 0; } .customerservice-block .formbuilder-form .formbuilder-button.button { font: 400 10px 'IBM Plex Sans Regular', sans-serif; background-color: #ffffff; color: #000000; display: block; width: 100%; border: 1px solid #000000; text-align: center; text-transform: uppercase; letter-spacing: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; line-height: 120%; padding: 14px; margin: 0; } .customerservice-block .formbuilder-form .formbuilder-button.button:hover { background: #000000; color: #ffffff; } .customerservice-block .formbuilder-form .formbuilder-button.button span { display: block; line-height: 100%; padding: 0; margin: 0; } .customerservice-block .toggle-cs-block { background: #ffffff url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-bottom-middlesize-black.png') no-repeat center center; position: absolute; bottom: -15px; left: 80px; z-index: 1000; width: 45px; height: 30px; cursor: pointer; padding: 0; margin: 0; } .customerservice-block .toggle-cs-block:hover { background-color: #efefef; } .customerservice-block-imgleft .toggle-cs-block { left: 120px; } .customerservice-block.hidden-active .toggle-cs-block { background-image: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-top-middlesize-black.png'); } .customerservice-block .customerservice-content-hidden { display: none; } .force-usage-parent-vat-permission, .force-usage-parent-company-name-permission { display: none; } .collections-logo-inner h2 { text-align: center; /* font-family: Georgia, serif; */ /* letter-spacing: 14px; */ text-transform: uppercase; margin-bottom: 5px; color: #000; } .collections-logo-inner p { text-align: center; width: 100%; /* font-family: Georgia, serif; */ /* letter-spacing: 8px; */ text-transform: uppercase; font-size: 1.4rem; color: #666; } .collections-logo-inner p span { font-size: 1.2rem; } /* TOP menu fix */ .ves-megamenu .submenu .megamenu-sidebar.right-sidebar a { background: transparent!important; } .ves-menu .navigation .level0 .submenu .shop-sah-button a.button span { color: #000000!important; } /* Dasbord remouve some links */ .sales-order-invoice .order-details-items.invoice .actions-toolbar, .sales-order-shipment .order-details-items.shipments .actions-toolbar { display: none; } /* Invoice table */ body.account .column.main .order-details-items.invoice tbody tr td{ vertical-align: middle; } .catalogsearch-result-index.page-products .t-breadcrumbs{ top: 50%; } .close-popup{ font-size: 25px; color: #ffffff; position: absolute; top: 15px; right: 20px; width: 20px; height: 20px; text-align: center; line-height: 20px; display: none; } .close-popup:hover{ cursor: pointer; } .account.rmasystem-index-index th.a-right .wk_rma_table_title{ display: none; } .cms-index-index .shopnow { display: inline-block; } p.smalltitle { width: 100%; } .cms-index-index .shopnow button.slick-prev.slick-arrow, .cms-index-index .shopnow button.slick-next.slick-arrow{ bottom: -2.8vw; display:block!important; } li[data-label="SalesProdLineID"] { display: none; } /* ============================================ * * Download Files page * ============================================ */ .downloads-files-index .column.main { max-width: 100%; } .downloads-files-index .column.main span.select2 { max-width: 300px; } @media screen and (max-width: 1440px){ .cms-index-index .shopnow button.slick-prev.slick-arrow, .cms-index-index .shopnow button.slick-next.slick-arrow{ bottom: -5.8vw; } /*.page-products .toolbar-top {top: 23px !important}*/ /*.page-products .columns {padding-top: 70px !important;}*/ } @media screen and (max-width: 1024px){ .cms-index-index .shopnow button.slick-prev.slick-arrow, .cms-index-index .shopnow button.slick-next.slick-arrow{ bottom: -60px; } .page-footer .f-middle .j-three-cols-wrapper .j-col1 {padding-left: 1.5vw} .page-footer .f-middle .j-three-cols-wrapper .j-col3 {padding-left: 6.5vw} } @media screen and (max-width: 768px){ .cms-index-index .shopnow button.slick-prev.slick-arrow, .cms-index-index .shopnow button.slick-next.slick-arrow{ bottom: -100px; } #sitemapWrapper #pagesContainer .column{ padding-left: 10px !important; } #sitemapWrapper .column .category .category-name a{ line-height: 1.2 !important; } .j-three-cols-wrapper { display: unset; } .page-footer .f-middle .j-three-cols-wrapper .j-col3 {padding-left: unset} } @media screen and (max-width: 480px){ .cms-index-index .shopnow button.slick-prev.slick-arrow, .cms-index-index .shopnow button.slick-next.slick-arrow{ bottom: -60px; } } @media screen and (max-width: 1024px) { .catalog-category-view.page-with-filter #layered-filter-block > .block-content.filter-content{ padding-top: 50px; } #amasty-shopby-product-list #amasty-shopby-overlay .loader{ position: fixed; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } .page-with-filter .columns.sidebar-main-active .sidebar > .block.filter { position: sticky; top: 100px; } .download-static-page .download-page-bottom { justify-content: center; } .download-static-page .download-page-bottom .key.Credit.Application { display: none !important; } /*TERMS AND CONDITIONS CHECKOUT*/ .checkout-index-index .checkout-agreements-custom { display: flex; align-items: center; margin-bottom: 2rem; } .checkout-index-index .payment-method-content .checkout-agreements-custom span { font-size: 1.1rem; } .checkout-index-index .payment-method-content .checkout-agreements-custom .checkout-agreements { margin-bottom: 0; } .checkout-index-index .payment-method-content .checkout-agreements-custom .checkout-agreements .checkout-agreement { margin-bottom: 0; } .checkout-index-index .payment-method-content .checkout-agreements-custom .action.custom-terms-btn.action-show { max-width: 22rem; text-align: left; } .checkout-index-index .payment-method-content .actions-toolbar { border: 0; padding: 0; float: none; } .checkout-agreements-block { display: block; border: 1px solid #000; height: auto; float: none; padding: 25px 0 0; } div[data-role="checkout-agreements"] { float: none !important } .checkout-index-index .payment-method-content .checkout-agreements-custom .terms-red { color: red; } .checkout-index-index .payment-method-content .checkout-agreement input[type=checkbox] + label:before { border: 0; margin-top: 6px; vertical-align: top; } .checkout-index-index .checkout-payment-method .payment-option-content .form-discount { display: flex; } .checkout-index-index .checkout-payment-method .payment-option-content .form-discount .actions-toolbar .action.action-apply { border: 1px solid; box-shadow: none; background: #fff; border-radius: 0; } @media screen and (max-width: 480px) { .checkout-index-index .checkout-agreements-custom { display: flex; align-items: flex-start; flex-direction: column; } } .footer-storefront-links-0, .footer-storefront-links-1 { text-align: center; padding: 15px; } .footer-storefront-links-0 { border: 1px solid #C9C9CA; border-top: none; } .footer-storefront-links-1 { border-bottom: 1px solid #C9C9CA; } .f-subtop { padding-bottom: 50px; } .f-subtop a { text-transform: uppercase; letter-spacing: 4px; text-decoration: none; } /** Header static block on homepage **/ .header-logo-default img { /* margin-top: -5px; */ } .filter-options-content .am-shopby-form{ /* padding-left: 40px !important; */ } .filter-options-content .item a{ display:inline; } .filter-current .amshopby-filter-value { text-transform: uppercase; color: #000; } .filter-options-content .item a { padding: 8px 15px 7px 15px !important; display: inline; } .am-collapse-icon:after, .am-show-more:before { background: none !important; } @media screen and (min-width: 768px) { .filter-options-content ol.items { padding-left: 40px; margin-left:0!important; margin-right:0!important; padding-right:0; overflow-y: hidden!important; } } .kuContainer .kuTabs a[data-section="contentList"] { display:none; } .additional-info-left { width: 152px; min-width: 152px; flex-basis: 152px; } .grouped-image-product { padding-right: 20px; } .additional-info-right { flex-grow: 1 } .grouped-product-item_t{ border-bottom: 1px solid #C8C8C9; padding: 25px 0; margin: 0; display: flex; flex-wrap: nowrap; } .grouped-product-name_t { padding: 25px 0; font-size: 1.2rem; } .catalog-product-view .product-item-price{ padding: 0px; } .catalog-product-view .product-item-left .stock{ /* white-space: nowrap; */ } .catalog-product-view.quickview-override .product-grouped-wrapper .grouped-main-info { position: relative; } .catalog-product-view.quickview-override .product-grouped-wrapper .grouped-main-info .product-item-left { padding-right: 0; } .catalog-product-view.quickview-override .product-grouped-wrapper .grouped-main-info .product-item-name { float: none; display: block; } .catalog-product-view.quickview-override .product-grouped-wrapper .grouped-main-info .stock { text-align: left; } /* Order List notice styles */ body.account .order-list-notice-inner { margin-bottom: 1rem; padding: 0.75rem; border: 1px solid red; display: inline-block; font-style: italic; } .cart-empty { text-align: center; padding: 2rem; } .customer-address-form .field-error, .customer-address-form div.mage-error[generated] { text-transform: initial; } #region_id-error { position: relative; top: 25px; } #region_id-error + .select2-container--default { top: -25px; } @font-face { font-family: 'Helvetica'; src: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/Fonts/helvetica-webfont.woff2') format('woff2'), url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/Fonts/helvetica-webfont.woff') format('woff'), url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/Fonts/helvetica-webfont.ttf') format('truetype'); font-weight: normal; font-style: normal; } .clearer { content: ''; display: block; clear: both; } .placeholder { color: #000000; opacity: 1 !important; } :placeholder-shown { color: #000000; opacity: 1 !important; } ::-webkit-input-placeholder { letter-spacing: 0.15rem; opacity: 1 !important; } ::-moz-placeholder { letter-spacing: 0.15rem; opacity: 1 !important; } :-ms-input-placeholder { letter-spacing: 0.15rem; opacity: 1 !important; } :-moz-placeholder { letter-spacing: 0.15rem; opacity: 1 !important; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } select { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/select-bg.png) no-repeat 100% 56% !important; background-size: auto; border: 0; border-bottom: 1px solid #000; height: 25px; padding-right: 25px; text-indent: .01em; text-overflow: ''; text-transform: uppercase; font: 400 1rem 'Helvetica', Arial, sans-serif; letter-spacing: 0.15rem; padding-left: 0px; margin-bottom: 30px; } .double_mage_top_container { display: none } .fieldset>.field, .fieldset>.fields>.field { margin-bottom: 38px; } .fieldset>.field .additional, .fieldset>.fields>.field .additional { margin-top: 38px; } .checkout-index-index .fieldset>.field, .checkout-index-index .fieldset>.fields>.field { margin-bottom: 28px; } .checkout-index-index select { margin-bottom: 0 } .cart-summary select { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/select-bg.png) no-repeat 97% 56% !important; border: 1px solid #000; height: 40px; padding-left: 10px; padding-right: calc(3% + 25px); margin-bottom: 30px; } .paypal-review .table-paypal-review-items .col.price .price-including-tax .price, .paypal-review .table-paypal-review-items .col.price .price-excluding-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-including-tax .price, .paypal-review .table-paypal-review-items .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.price .price-including-tax .price, .cart.table-wrapper .col.price .price-excluding-tax .price, .cart.table-wrapper .col.subtotal .price-including-tax .price, .cart.table-wrapper .col.subtotal .price-excluding-tax .price, .cart.table-wrapper .col.msrp .price-including-tax .price, .cart.table-wrapper .col.msrp .price-excluding-tax .price, .order-details-items .col.price .price-including-tax .price, .order-details-items .col.price .price-excluding-tax .price, .order-details-items .col.subtotal .price-including-tax .price, .order-details-items .col.subtotal .price-excluding-tax .price { font-weight: normal; color: #000; font-size: 1.2rem; letter-spacing: 0.22rem; font-family: 'IBM Plex Sans Regular', Helvetica, Arial, sans-serif; } .checkout-index-index .page-main { line-height: 1.5; letter-spacing: 0.15rem } .klevuAutoSuggestionsWrap#klevuCmsContentArea, .klevuAutoSuggestionsWrap#klevuCategoryArea { display: none } @media only screen and (min-width: 950px) { .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.page-bottom, .block.category.event, .top-container, .page-main { box-sizing: border-box; margin-left: auto; margin-right: auto; /*max-width: 1380px;*/ padding-left: 30px; padding-right: 30px; width: auto; } .checkout-cart-index #maincontent, .checkout-index-index #maincontent { max-width: 100%; padding-left: 0px; padding-right: 0px; } .checkout-index-index { overflow-x: hidden; } .checkout-cart-index .page-main .columns, .checkout-index-index .page-main .columns { max-width: 100%; padding-left: 30px; padding-right: 30px; margin: 0 auto; letter-spacing: 0.2rem; } .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { padding-right: 40px !important; width: 69% !important; } .checkout-cart-index .page-main .columns .cart-container .cart-summary { width: 31%; } } .kuContainer .kuTab[data-section="contentList"] { display: none; } @media only screen and (min-width: 768px) { li.opc-progress-bar-item._active:before, li.opc-progress-bar-item._active>span:before { background: #707070; border-color: #707070; } li.opc-progress-bar-item:before { height: 4px; } li.opc-progress-bar-item>span:after { height: 28px; width: 28px; line-height: 1.5; border: 0 none; } /*.opc-progress-bar-item._active > span:after {*/ /*content: 'f00c';*/ /*font-family: 'FontAwesome';*/ /*}*/ li.opc-progress-bar-item>span { padding-top: 60px; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 0.15rem; font-size: 14px; } ul.opc-progress-bar { margin: 40px 0 40px } .cart.table-wrapper .product-item-details { max-width: 250px; } .form-discount .actions-toolbar .primary .action { margin: 0; } .checkout-index-index .opc-wrapper { width: 66.66666667%; } page-wrapper>.widget.topbanner.imageslider-widget { padding: 0 } .account.page-layout-2columns-left .page-main .sidebar-main, .account.page-layout-2columns-left .page-main .sidebar-additional { width: 26%; } .abs-account-block-font-size, .block-addresses-list address, .box-billing-address .box-content, .box-shipping-address .box-content, .box-address-billing .box-content, .box-address-shipping .box-content, .box-information .box-content, .block-balance-giftcard .block-content, .block-reviews-dashboard .product-name { font-size: 1rem !important; } } @media only screen and (max-width: 777px) { .kuContainer .kuTabs a[data-section="contentList"] { display: none !important } .kuSearchResultsPageContainer .kuResults ul li .kuProdWrap .kuProdBottom { text-align: center } } @media only screen and (max-width: 1000px) { .checkout-index-index .opc-sidebar { width: calc(100% - 44px); order: 1; margin: 150px 0 30px; } .checkout-index-index .opc-sidebar .modal-inner-wrap { width: 100%; position: absolute; } .checkout-index-index .opc-sidebar .modal-inner-wrap .minicart-items-wrapper { max-height: none; } .checkout-index-index .opc-wrapper { width: 100%; order: 2; padding: 0; } .checkout-index-index .opc-estimated-wrapper { display: block; } .custom-slide { bottom: 0; left: 0; min-width: 0; position: fixed; right: 0; top: 0; visibility: hidden; opacity: 0; -webkit-transition: visibility 0s .3s, opacity .3s ease; transition: visibility 0s .3s, opacity .3s ease; left: 44px; z-index: 900; } .custom-slide._show { visibility: visible; opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; -webkit-overflow-scrolling: touch; overflow-x: hidden; overflow-y: auto; } .custom-slide._show .modal-inner-wrap { -webkit-transform: translateX(0); transform: translateX(0); } .custom-slide .modal-inner-wrap { height: 100%; overflow-y: auto; position: fixed; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition: -webkit-transform 0.3s ease-in-out; transition: transform 0.3s ease-in-out; width: auto; background-color: #f4f4f4; box-sizing: border-box; height: auto; min-height: 100%; } body._has-modal-custom .modal-custom-overlay { background-color: rgba(51, 51, 51, 0.55); height: 100vh; left: 0; position: fixed; top: 0; width: 100vw; z-index: 899; } .opc-wrapper .shipping-address-item { width: 100%; } } @media only screen and (min-width: 1024px) { div.opc-wrapper .shipping-address-item { width: 100%; } .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap { margin-left: -290px; width: 580px; left: 50%; top: -18px; } .account.page-layout-2columns-left .page-main .column.main { width: 74%; } } .opc-wrapper .shipping-address-item { line-height: 1.5; width: 100%; } .abs-product-link>a:visited, .product-item-name>a:visited, .product.name a>a:visited, .product-item-name>a, .product.name a>a, .cart.table-wrapper .product-item-name { font-size: 1.2rem; letter-spacing: 0.22rem; text-transform: uppercase; color: #000; margin: 5px 0 0; font-family: 'IBM Plex Sans Regular', Helvetica, Arial, sans-serif; } .checkout-index-index .page-title-wrapper { position: relative; overflow: visible; height: auto; width: auto } .checkout-cart-index .page-title-wrapper, .checkout-index-index .page-title-wrapper { text-align: center; border-bottom: 1px solid #c9c9c9; padding-top: 3rem; } h1.page-title { margin: 2rem auto; text-transform: uppercase; font-size: 2.6rem; } .cart.table-wrapper .cart thead tr th.col { border-bottom: 1px solid #c9c9c9; padding-bottom: 18px; padding-top: 18px; } .cart.table-wrapper .col.price { text-align: left; } .thgty { text-align: center; } .cart.table-wrapper .item-actions td { height: 4rem; } .opc-block-summary .items-in-cart>.title:after, .opc-block-summary .items-in-cart.active>.title:after { background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/select-bg.png) 50% center no-repeat; color: transparent; width: 15px; } .opc-block-summary .items-in-cart.active>.title:after { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); } table th { text-transform: uppercase; letter-spacing: 0.2rem; font-weight: normal; } .account .table>thead>tr>th, .account .table>caption+thead>tr:first-child>th, .account .column.main .order-details-items .table-wrapper .data.table>thead>tr>th { border-top: 1px solid #ddd; border-bottom: 0px solid #ddd; font-size: 9px; } .account .table>tbody>tr>td, .account .account .table>thead>tr>th { line-height: 22px; text-transform: uppercase; border-top: 1px solid #ddd; } .abs-table-striped>thead>tr>th, .abs-table-striped>tbody>tr>th, .abs-table-striped>tfoot>tr>th, .abs-table-striped>thead>tr>td, .abs-table-striped>tbody>tr>td, .abs-table-striped>tfoot>tr>td, .account .column.main .order-details-items .table-wrapper .data.table>thead>tr>th, .account .column.main .order-details-items .table-wrapper .data.table>tbody>tr>th, .account .column.main .order-details-items .table-wrapper .data.table>tfoot>tr>th, .account .column.main .order-details-items .table-wrapper .data.table>thead>tr>td, .account .column.main .order-details-items .table-wrapper .data.table>tbody>tr>td, .account .column.main .order-details-items .table-wrapper .data.table>tfoot>tr>td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table>thead>tr>th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table>tbody>tr>th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table>tfoot>tr>th, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table>thead>tr>td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table>tbody>tr>td, [class^='sales-guest-'] .column.main .order-details-items .table-wrapper .data.table>tfoot>tr>td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table>thead>tr>th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table>tbody>tr>th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table>tfoot>tr>th, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table>thead>tr>td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table>tbody>tr>td, .sales-guest-view .column.main .order-details-items .table-wrapper .data.table>tfoot>tr>td, .block-giftregistry-results .data.table>thead>tr>th, .block-giftregistry-results .data.table>tbody>tr>th, .block-giftregistry-results .data.table>tfoot>tr>th, .block-giftregistry-results .data.table>thead>tr>td, .block-giftregistry-results .data.table>tbody>tr>td, .block-giftregistry-results .data.table>tfoot>tr>td, .block-wishlist-search-results .data.table>thead>tr>th, .block-wishlist-search-results .data.table>tbody>tr>th, .block-wishlist-search-results .data.table>tfoot>tr>th, .block-wishlist-search-results .data.table>thead>tr>td, .block-wishlist-search-results .data.table>tbody>tr>td, .block-wishlist-search-results .data.table>tfoot>tr>td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table>thead>tr>th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table>tbody>tr>th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table>tfoot>tr>th, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table>thead>tr>td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table>tbody>tr>td, .magento-rma-guest-returns .column.main .order-details-items .table-wrapper .data.table>tfoot>tr>td { border-top: 1px solid #ddd; font-weight: normal; /*font-size: 12px;*/ /*padding: 15px 0;*/ text-align: left; } .order-details-items .table-order-items .product-item-name { font-size: 12px; margin-bottom: 0; } .account .column.main .order-details-items .table-wrapper .data.table>tfoot>tr>th, .account .column.main .order-details-items .table-wrapper .data.table>tfoot>tr>td { border-top: 0; text-align: right; } .grand_total { border-top: 1px solid #ddd; line-height: 50px; } .grand_total strong { font-weight: normal; font-size: 1.6rem; } .cart.table-wrapper .cart thead tr th { font-size: 1rem; } .cart.table-wrapper .cart thead tr th:first-child { font-size: 1.4rem; /*font-weight: normal;*/ } .order-details-items .items-qty .item { white-space: nowrap; margin-top: 5px; } .cart.table-wrapper .cart thead tr th:first-child span, .account .column.main .order-details-items .table-wrapper .data.table>thead>tr>th:first-child { /*padding-left: 0;*/ } .cart.table-wrapper td.col:not(:first-child) { padding-top: 40px; padding-bottom: 0; } .cart.table-wrapper .cart.item .col.item { padding: 20px 8px 0 0; } .cart.table-wrapper .actions-toolbar>.action-delete:not(:focus), .cart.table-wrapper .actions-toolbar>.action-delete { right: 2rem; } .cart-totals tbody td { font-size: 1rem; } .cart.table-wrapper .actions-toolbar>.action-edit:before, .cart.table-wrapper .actions-toolbar>.action-delete:before { color: #D6D6D7; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/delete.png) no-repeat 50%; background-size: 100% auto; content: ''; width: 17px; height: 20px; } .cart-summary { background: #fafafa; } .cart-summary>.title { text-transform: uppercase; padding: 25px 0 20px; margin: 0; font-size: 21px; display: block; letter-spacing: 4.2px; font-family: 'Helvetica', Arial, sans-serif; } .cart-summary .block .title strong { font-size: 10px; font-weight: normal; display: block; margin: 10px 0 15px; text-transform: uppercase; letter-spacing: 4px; font-family: 'Helvetica', Arial, sans-serif; } .cart-summary .block>.title:after { top: 16px; } .cart-totals .grand strong, .opc-block-summary .table-totals .grand strong { display: inline-block; font-weight: normal; padding: 8px 0 0; font-size: 14px; letter-spacing: 5.6px; font-family: 'Helvetica', Arial, sans-serif; } body .cart-summary .checkout-methods-items { margin-top: 15px; } body .cart-summary .checkout-methods-items .action.primary.checkout { width: 100%; padding: 5px 0 11px; background: #000; color: #fff; margin: 5px 0; font-family: 'Helvetica', Arial, sans-serif; } .action.continue.button.primary { width: calc(50% - 6px); float: left; padding: 8px; } .control.qty { min-width: 110px } .abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar>.primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .action.primary, a.action.primary, a.button, button { padding: 6px; border-radius: 0; border: 1px solid #000; text-transform: uppercase; letter-spacing: 0.3rem; font-weight: normal; background-color: transparent; color: #000; } .abs-revert-to-action-secondary, .paypal-review .block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.primary, .abs-discount-block .actions-toolbar .action.cancel, .block-compare .action.primary, .cart-summary .block .actions-toolbar>.primary .action.primary, .cart-summary .form.giftregistry .fieldset .action.primary, .paypal-review-discount .actions-toolbar .action.primary, .paypal-review-discount .actions-toolbar .action.cancel, .cart-discount .actions-toolbar .action.primary, .cart-discount .actions-toolbar .action.cancel, .checkout-payment-method .payment-option-content .payment-option-inner+.actions-toolbar, #ponumber-form .submit.dark { background: #000; color: #fff; line-height: 2.2rem; font-size: 1.1rem; box-shadow: none !important; height: 40px; } .abs-revert-secondary-color:hover, .abs-revert-to-action-secondary:hover, .paypal-review .block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.primary:hover, .abs-discount-block .actions-toolbar .action.cancel:hover, .block-compare .action.primary:hover, .cart-summary .block .actions-toolbar>.primary .action.primary:hover, .cart-summary .form.giftregistry .fieldset .action.primary:hover, .paypal-review-discount .actions-toolbar .action.primary:hover, .paypal-review-discount .actions-toolbar .action.cancel:hover, .cart-discount .actions-toolbar .action.primary:hover, .cart-discount .actions-toolbar .action.cancel:hover, #ponumber-form .submit.dark:hover { background: #fff; border: 1px solid #000; color: #000; } .action.update.primary { min-width: 25% } a.action span, button span { line-height: 2.2rem; font-size: 10px; letter-spacing: 5px; } .account .table>tbody>tr>td { font-size: 12px; font-family: "IBM Plex Sans Regular", Helvetica, Arial, sans-serif; line-height: 25px; padding-top: 15px; padding-bottom: 15px; } .account .table>tbody>tr>td a.action span { font-size: 0.8rem; font-family: Helvetica, Arial, sans-serif; border-bottom: 1px solid #000000; padding-bottom: 2px; color: #000; } .account .table>tbody>tr>td a.action:hover { text-decoration: none; font-weight: bold; } .block-addresses-list .items.addresses .item.actions .action:after, .account .data.table .col.actions .action:after, [class^='sales-guest-'] .data.table .col.actions .action:after, .sales-guest-view .data.table .col.actions .action:after, .block .box-actions .action:after { height: 2rem; vertical-align: -0.8rem; /*margin: 0 10px 0 15px;*/ } .cart-totals .totals tbody th, .cart-totals .totals tbody td { padding: 17px 0; font-size: 10px; letter-spacing: 4px; } .cart-totals .grand .mark, .opc-block-summary .table-totals .grand .mark, .cart-totals .grand strong, .opc-block-summary .table-totals .grand strong { font-size: 14px; } button:not(.action) span { padding: 6px 15px; } .multicheckout .action.primary, .order-review-form .action.primary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .block-minicart .block-content>.actions>.primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content>.actions-toolbar>.primary .action.primary, .checkout-payment-method .payment-method-content>.actions-toolbar>.row .primary .action.primary, .form-address-edit .actions-toolbar .action.primary { padding: 7px 15px; font-size: 1.1rem; width: 195px; max-width: 100%; } .action.primary:hover, .action.primary:focus, button:hover, button:focus, button:active { background: #000; color: #fff; } .abs-action-button-as-link:hover, .abs-action-remove:hover, .abs-discount-block .action.check:hover, .popup .actions-toolbar .action.cancel:hover, .paypal-button-widget .paypal-button:hover, .bundle-options-container .action.back:hover, .block.related .action.select:hover, .cart.table-wrapper .actions-toolbar>.action-delete:hover, .cart.table-wrapper .action.help.map:hover, .checkout-index-index .modal-popup .modal-footer .action-hide-popup:hover, .opc-wrapper .edit-address-link:hover, .opc-block-shipping-information .shipping-information-title .action-edit:hover, .action-auth-toggle:hover, .checkout-payment-method .checkout-billing-address .action-cancel:hover, .checkout-agreements-block .action-show:hover, .gift-options .actions-toolbar .action-cancel:hover, .gift-summary .action-edit:hover, .gift-summary .action-delete:hover, .action-gift:hover, .gift-wrapping-title .action-remove:hover, .wishlist.split.button>.action:hover, .abs-add-fields .action.remove:hover, .paypal-review-discount .action.check:hover, .cart-discount .action.check:hover, .form-giftregistry-share .action.remove:hover, .form-giftregistry-edit .action.remove:hover, .form-add-invitations .action.remove:hover, .form-create-return .action.remove:hover, .form.send.friend .action.remove:hover { color: #000; } .opc-wrapper .step-title, .opc-block-shipping-information .shipping-information-title, .opc-block-summary>.title, .checkout-agreements-items .checkout-agreements-item-title, .shipping-information-title { padding-bottom: 20px; color: #000; font-weight: 300; font-size: 21px; text-transform: uppercase; line-height: 25px; letter-spacing: 4.2px; font-family: 'Helvetica', Arial, sans-serif; } .opc-wrapper .shipping-address-item.selected-item { border: 4px solid #000; padding: 25px 35px 10px 25px; max-width: 314px; font-size: 10px; line-height: 18px; font-weight: normal; letter-spacing: 2.8px; font-family: 'Helvetica', Arial, sans-serif; } span.default-shipping-label, span.default-billing-label, span.default-shipping-billing-label { display: none; } .opc-wrapper .shipping-address-item.selected-item .action-select-shipping-item { display: none !important; } .checkout-index-index .shipping-address-item.not-selected-item { border: 4px solid #E8E8E8; padding: 25px 35px 10px 25px; display: none; } .checkout-index-index .shipping-address-item.not-selected-item:after { background: #E8E8E8; position: absolute; top: 0; right: 0; height: 27px; width: 29px; content: ''; } .checkout-index-index .shipping-address-item.not-selected-item:before { display: none; } .form-discount .actions-toolbar .primary .action { margin: 0; color: #fff; height: 40px; } .opc-wrapper .shipping-address-item.selected-item:after { background: #000 } #checkout-shipping-method-load { margin: 2rem 0; } .shiphandl { float: right; text-transform: uppercase; margin-top: -75px; text-decoration: underline; font-size: 9px; letter-spacing: 1.98px; font-weight: 300; line-height: 19px; } button:not(.primary) { box-shadow: none; } .cart-summary .checkout-methods-items .title { text-align: left; } input#ponumber_code[type="text"], input#coupon_code[type="text"], input#coupon_code[type="text"]:active, input#coupon_code[type="text"]:hover, input#coupon_code[type="text"]:visited, #shipping-zip-form input[type="text"], .form-discount .control input[type="text"] { height: 40px; padding: 0 12px; border: 1px solid #000; background-color: #fafafa !important; -webkit-box-shadow: 0 0 0px 1000px #fafafa inset; } .form-discount .control input[type="text"] { background-color: #fff !important; } .cart-summary .block .fieldset.coupon .field:not(.choice)>.control, .form-discount .control { display: inline-block; width: calc(100% - 100px); float: left; } .form-discount .control { width: 300px } .abs-action-remove, .abs-discount-block .action.check, .popup .actions-toolbar .action.cancel, .paypal-button-widget .paypal-button, .bundle-options-container .action.back, .block.related .action.select, .cart.table-wrapper .actions-toolbar>.action-delete, .cart.table-wrapper .action.help.map, .checkout-index-index .modal-popup .modal-footer .action-hide-popup, .opc-wrapper .edit-address-link, .opc-block-shipping-information .shipping-information-title .action-edit, .action-auth-toggle, .checkout-payment-method .checkout-billing-address .action-cancel, .checkout-agreements-block .action-show, .gift-options .actions-toolbar .action-cancel, .gift-summary .action-edit, .gift-summary .action-delete, .action-gift, .gift-wrapping-title .action-remove, .wishlist.split.button>.action, .abs-add-fields .action.remove, .paypal-review-discount .action.check, .cart-discount .action.check, .form-giftregistry-share .action.remove, .form-giftregistry-edit .action.remove, .form-add-invitations .action.remove, .form-create-return .action.remove, .form.send.friend .action.remove { color: #000; } #shipping-zip-form input[type="text"] {} .cart-summary .fieldset .actions-toolbar, .checkout-payment-method .payment-option-content .payment-option-inner+.actions-toolbar { display: inline-block; width: 100px; float: left; margin: 0; } .checkout-payment-method .payment-option-content .payment-option-inner+.actions-toolbar { width: auto } .cart-summary .block .actions-toolbar>.primary .action.primary { width: 100px; margin: 0; } .cart.table-wrapper .item .message { background: none; padding: 0; font-size: 1rem; margin: 6px 0 0 10px; } .cart.table-wrapper .item .message.error>*:first-child:before { display: none; } .checkout-cart-index .stock { max-width: 148px; } .cart.table-wrapper .actions-toolbar>.action-edit:before, .cart.table-wrapper .actions-toolbar>.action-delete:before, .abs-toggling-title:after, .abs-cart-block>.title:after, .minicart-items .product .toggle:after, .abs-discount-block .block>.title:after, .cart-summary .block>.title:after, .paypal-review-discount .block>.title:after, .cart-discount .block>.title:after {} #block-shipping-heading:after, .cart-summary .block>.title:after { content: '' } .cart-totals, .opc-block-summary .table-totals { padding: 0; } .cart-summary .block .content, .checkout-payment-method .payment-option._collapsible .payment-option-content { display: block; padding: 5px 0; } .cart.table-wrapper .col.qty { width: 110px; } .cart.table-wrapper .col.qty .input-text { margin-top: 0; width: 60px; height: 25px; float: left; border: 1px solid #000; } .control.qty { position: relative } .control.qty div.mage-error[generated] { position: absolute; top: 25px; text-align: left; color: #B20F0F; font-size: 0.9rem; font-family: "IBM Plex Sans Regular"; padding: 0 0 0 9px; width: 150px; } .qty .qty-dec, .qty .qty-inc { float: left; width: 25px; height: 25px; text-align: center; line-height: 25px; margin: 0px 0; font-size: 22px; font-weight: normal; cursor: pointer; font-family: "Lato"; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; overflow: hidden; } .qty .qty-dec { line-height: 22px; } .checkout-index-index .nav-sections { display: block; } .opc-block-summary { margin-top: 4px; padding-bottom: 32px; } .opc-block-summary .items-in-cart>.title strong, .minicart-items .product-item-name, .opc-block-summary .product-item .price, .minicart-items .product-item-details .details-qty { font-size: 11px; line-height: 13px; letter-spacing: 2.42px; font-weight: 300; } .minicart-items .product-item-name { text-transform: uppercase; } .block.items-in-cart .minicart-items .product-item-details .details-qty { margin-top: 0; margin-bottom: 5px; } .opc-block-summary .items-in-cart>.title strong { font-family: "Helvetica", Arial; font-size: 10px; line-height: 12px; letter-spacing: 4px; color: #000000; } .opc-wrapper .form-discount { display: none } .opc-block-shipping-information .shipping-information-content { line-height: 1.5; } .checkout-payment-method .payment-method-content { padding-left: 0; } .checkout-payment-method .payment-method-content .fieldset:not(:last-child) { padding-left: 23px; } .payment-method-content .actions-toolbar { border-top: 1px solid #cccccc; padding-top: 3.5rem } .checkout-payment-method .step-title { border-bottom: 1px solid #cccccc; } .payment-method, .opc-block-summary .product-item .product-item-name-block, .table-checkout-shipping-method tbody td { text-transform: uppercase; border-top: 0px solid #cccccc; padding-bottom: 15px; padding-top: 20px; } .checkout-payment-method .checkout-billing-address .billing-address-details { text-transform: none; line-height: 1.5; } .checkout-payment-method .payment-option-title .action-toggle { color: #000; } .table-checkout-shipping-method tbody .col-price { font-weight: normal; width: 60px; } .minicart-items .product-item-details { padding-left: 130px; } .minicart-items .product-item { padding: 15px 0; } .opc-block-summary .items-in-cart>.title { border-bottom: 1px solid #000; } ol.minicart-items h3 { font-weight: bold; font-size: 10px; line-height: 12px; letter-spacing: 4px; text-transform: uppercase; color: #000000; margin: 0; } .minicart-items .product-item:not(:first-child) { border-top: 0 !important; } .opc-block-summary .minicart-items-wrapper { max-height: 435px; } .poedit { display: inline-block; text-decoration: none; margin: 0; position: absolute; right: 0; } .opc-block-shipping-information .shipping-information-title .action-edit, .poedit { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/refresh.png) no-repeat; width: 25px; height: 22px; top: 5px; } .opc-block-shipping-information .shipping-information-title .action-edit:hover, .opc-block-shipping-information .shipping-information-title .action-edit:focus { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/refreshov.png) no-repeat; } .opc-block-shipping-information .shipping-information-title .action-edit:before { content: none; } .action-show-popup, .checkout-index-index .modal-popup .modal-footer .action-save-address { display: block !important; width: 195px; } .modal-popup .modal-title { font-size: 21px; text-transform: uppercase; text-align: center; letter-spacing: 4.2px; color: #000000; font-family: 'Helvetica', Arial, sans-serif; } .checkout-index-index .modal-popup .modal-inner-wrap { letter-spacing: 0.2rem; } .modal-custom .action-close, .modal-popup .action-close, .modal-slide .action-close, .modal-custom .action-close:hover, .modal-popup .action-close:hover, .modal-slide .action-close:hover, .modal-popup .action-close:focus, .modal-slide .action-close:focus { background: #fff url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/close.png) no-repeat 50%; background-color: transparent; } .modal-custom .action-close:before, .modal-popup .action-close:before, .modal-slide .action-close:before { content: none; } #billing-new-address-form label, .checkout-index-index .modal-popup .fieldset .field .label, .opc-wrapper .form-login .fieldset .field .label, .opc-wrapper .form-shipping-address .fieldset .field .label { display: none } .checkout-index-index .modal-popup .fieldset .field input[type="checkbox"]+label, .opc-wrapper .form-login .fieldset .field input[type="checkbox"]+label, .opc-wrapper .form-shipping-address .fieldset .field input[type="checkbox"]+label, .checkout-index-index .modal-popup .form-shipping-address .fieldset .field .label { display: block } .checkout-index-index .modal-popup .form-shipping-address .fieldset .field .label { text-transform: uppercase; font-size: 0.9rem; } .choice>span.label { color: #727273; font-size: 0.7rem !important; } .checkout-index-index .modal-popup .form-shipping-address fieldset.street .field.additional { margin-top: 28px; } .checkout-index-index .modal-popup .form-shipping-address fieldset.street .field.additional:before { content: 'Address 2'; font-size: 0.9rem; text-transform: uppercase; } .checkout-index-index .modal-popup .fieldset .field .label:after { color: #333; vertical-align: bottom; } #shipping-new-address-form.fieldset>.field:first-of-type { margin-top: 30px; } .modal-content #shipping-new-address-form.fieldset>.field:first-of-type { margin-top: 0px; } .modal-popup .modal-header, .modal-popup .modal-content, .modal-popup .modal-footer { padding: 40px; } .modal-popup .modal-header { padding-bottom: 0; } .modal-footer .secondary { float: left; } .checkout-payment-method .field-select-billing { margin-top: 20px; } .opc-estimated-wrapper, .opc-wrapper .form-login, .opc-wrapper .form-shipping-address, .opc-wrapper .methods-shipping { margin: 0 0 20px } .minicart-wrapper .action.showcart .counter.qty { background: #000; } /****SAFARI hedron*******/ .block.widget.block-products-list.grid:not(:root:root) { width: inherit; } /****HP***/ .page-layout-custom-home .page-main p { color: #858586; font-size: 1.2rem; /*font-family: "IBM Plex Sans Regular";*/ } .block.widget.block-products-list.grid { margin-bottom: 4vw; width: 100%; overflow: hidden; margin-bottom: 0; } /*.block.widget.block-products-list.grid.shopnow {width: 65%;}*/ .block.widget.block-products-list.grid .block-content { position: relative; /*height: 43vw;*/ } .btnsline { width: calc(56% - 2px); height: 42vw; position: absolute; top: 0; left: calc(22% + 1px); right: calc(22% + 1px); border: 1px solid #C8C8C9; } .block.widget .products-grid .product-items.slick-slider { /*height: 38vw;*/ /*padding-top: 2vw;*/ /*transform: translateY(30px);*/ /*transition: 0.5s ease-in-out;*/ } .appear { transform: translateY(0px) !important; } .block.widget .products-grid .product-item.slick-slide, .neklo-instagram-list-item { width: calc(33.33vw - 13.33px); margin: 10px !important; } .block.widget .products-grid .product-item.slick-slide { margin-top: 0 !important; } .block.widget .products-grid .product-item.slick-slide { position: relative; padding: 0; } .neklo-instagram .product-item-info { width: 100%; } .neklo-instagram .product-item-info:hover .icons { right: -5px; bottom: 0; } .products-grid .slick-slide .product-item-details { /*height:2vw;*/ background: #000; color: #fff; /*padding: 50% 5% 5% 5%;*/ padding: 1.5vw 1.75vw; display: block; position: absolute; bottom: 0; left: 0; z-index: 1; box-sizing: border-box; transform: translateY(20px); -webkit-transform: translateY(20px); -webkit-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); opacity: 0; } .block.widget .products-grid .product-item.slick-slide .product-item-details * { color: #fff; /* font-size: 0.6vw; */ } .block.widget .products-grid .product-item.slick-slide .product-item-details a { font-size: 0.8vw; padding: 0; } .neklo-instagram .products-grid .slick-slide .product-item-details { height: 100%; overflow: hidden; padding: 0; background: rgba(0, 0, 0, 0.75); /*bottom: -10px;*/ } .products-grid .slick-slide .product-image-photo { width: 100%; position: relative; } .products-grid .slick-slide .product-item-info, .products-grid .slick-slide .product-item-info { padding: 0; position: relative; transition: 0.5s ease-in-out; overflow: hidden; padding-top: 0; } .widget-product-grid .slick-list { margin: 0 20px; /*overflow: visible; height: 42vw;*/ } .carousel-presskits .widget-product-grid .slick-track { left: auto; } .hovinfo { position: absolute; bottom: -3.2rem; height: 3.2rem; right: 0; z-index: 5; } .hovinfo { padding-top: 1.6rem } .hovinfo.socials-wrapper ul li { margin: 0; width: 2.5rem; } .hovinfo.socials-wrapper ul li a { padding: 1.5rem 0; cursor: pointer; height: 1.5rem; opacity: 0; transition: opacity 0.75s; -webkit-transition: opacity 0.75s; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; } .hovinfo.socials-wrapper ul li a:hover { padding-left: 5px; } .products-grid .slick-slide:hover li.soc-up-arrow a { opacity: 1; } .hovinfo.socials-wrapper:hover ul li a { opacity: 1; } .hovinfo.socials-wrapper ul li a:before { font-size: 1.8rem; transition: all 0.35s ease-in-out; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; -o-transition: all 0.35s ease-in-out; -ms-transition: all 0.35s ease-in-out; left: auto; } .hovinfo.socials-wrapper ul li a:hover:before { /*font-size: 1.5vw; */ left: auto; } .hovinfo.socials-wrapper ul li.soc-up-arrow a { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/arrlft.png) no-repeat 50%; height: 1.5rem; min-height: 15px; width: 30px; -webkit-transform: rotate(0deg); /* Safari and Chrome */ -moz-transform: rotate(0deg); /* Firefox */ -ms-transform: rotate(0deg); /* IE 9 */ -o-transform: rotate(0deg); /* Opera */ transform: rotate(0deg); transition: 0.75s; /* margin-top: 0.4vw; */ } .hovinfo.socials-wrapper:hover ul li.soc-up-arrow a { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/arrlft.png) no-repeat 50%; -webkit-transform: rotate(-90deg); /* Safari and Chrome */ -moz-transform: rotate(-90deg); /* Firefox */ -ms-transform: rotate(-90deg); /* IE 9 */ -o-transform: rotate(-90deg); /* Opera */ transform: rotate(-90deg); } .page-layout-custom-home h2 { font-size: 2.1rem; text-align: left; text-transform: uppercase; } .block-products-list h2 { text-align: center !important; } .smalltitle, .page-layout-custom-home .page-main p.smalltitle { text-align: center; text-transform: uppercase; font-size: 1rem; } .smallttlft, .page-layout-custom-home .page-main p.smallttlft { text-align: left; text-transform: uppercase; font-size: 1rem; } .studiohp { padding: 1vw 3.5vw; position: relative; height: 53.5vw; } .studiohp.stahp { margin-bottom: 3vw; } .studiohp.wheel { height: 50vw; } .stimglft { width: 45vw; float: left; transform: translateY(30px); transition: 0.5s ease-in-out; z-index: 1; } .stimglft img { width: 100%; display: block; } .studiotxt { width: 48.5vw; height: 39.5vw; margin: 2.5vw 0 1vw -2vw; padding: 9vw 7vw; float: left; border: 1px solid #C8C8C9; /*border-left:0;*/ position: relative; z-index: -1; } .stahp .stimglft { width: 50%; } .stahp .studiotxt { z-index: 0; width: 50%; margin-left: 0; border-left: 0; } .studiobtn { position: absolute; bottom: -4.5vw; } .studiobtn img { width: 19.6vw; height: 19.6vw; /*transition: 2s ease-in-out;*/ } .studiobtn .button { vertical-align: top; margin-left: 20px; } .studiobott { width: 19.6vw; height: 19.6vw; position: absolute; bottom: 0vw; left: 34vw; z-index: 1; } .studiobott img { width: 100%; height: 100%; transition: 2s ease-in-out; } /*.move { -ms-transform: translate(0, -3.5vw); -webkit-transform: translate(0, -3.5vw); transform: translate(0, -3.5vw); }*/ .hdform.stahp .studiotxt { border: 0; margin: 0 auto; padding: 0 0 0 5rem; height: auto; } .customNavigation a:first-child, .customNavigation a:last-child { display: none; } .vesdesc { position: absolute; bottom: 0; width: 33vw; height: 17vw; position: absolute; bottom: 0; left: 18vw; color: transparent; text-align: left; display: none; } .vesdesc * { color: transparent; } .cms-index-index .page-main { padding: 0; margin-top: 0 !important; } .page-layout-custom-home .button, a.button, .widget.block.block-category-link a { padding: 0.7rem 0.1rem 0.6rem 0.7rem; letter-spacing: 0.4rem; display: inline-block; border: 1px solid #000; text-align: center; font-family: 'IBM Plex Sans Regular', sans-serif; color: #000; } .page-layout-custom-home .button.stdblock { margin-top: 4.76vw; } .homepage-aboutus-block .homepage-aboutus-block-text button{ padding-right: 1.3rem; padding-left: 1.5rem; } .homepage-shop-our-brands .inner-wrapper .brand-wrapper .brand-copy button{ padding-right: 1.2rem; padding-left: 1.5rem; } .page-layout-custom-home .button span, .widget.block.block-category-link a span { line-height: 2.2rem; font-size: 1.1rem; display: inline-block; padding: 0.6rem 1.5rem; } .page-layout-custom-home .button:hover, .page-layout-custom-home .button:active, .page-layout-custom-home button:focus, .newssign .formbuilder-form .formbuilder-button.button:focus, a.button:focus, a.button:hover, a.button:active, .widget.block.block-category-link a:hover { background: #000; color: #fff; text-decoration: none; } .customDesc .button { background: #fff; display: inline-block; width: 140px; border: 0; } .customDesc .button:hover { background: #fff; } .customDesc .button span { color: #000; line-height: 1.2rem; font-size: 0.8rem; padding: 3px 0; transition: all 0.75s ease-in-out; -webkit-transition: all 0.75s ease-in-out; -moz-transition: all 0.75s ease-in-out; -o-transition: all 0.75s ease-in-out; -ms-transition: all 0.75s ease-in-out; } .customDesc .button:hover span { font-size: 1.2rem; font-weight: 700; } .grid .stimglft { padding-top: 2.5vw; width: 26vw; position: relative; } .grid .studiotxt { border-left: 1px solid #C8C8C9; margin: 0; height: 41vw; width: 60.5vw; z-index: 0; } .stahp .studiotxt h2 img { width: 15vw; } .wheelcms { width: 26vw; float: right; padding-top: 3.5vw; } .longw, .page-layout-custom-home .button.longw, .page-layout-custom-home .wheelcms .widget.block.block-category-link a { width: 250px; max-width: 100%; margin: 3.5vw 0; } #but_prev, #but_next { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/images/slickLeft.png) no-repeat 50%; width: 30px; height: 30px; text-indent: -9999px; display: inline-block; margin: 0 0 0 60px; } #but_next { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/images/slickRight.png) no-repeat 50%; } .studiohp h2 { transition: 0.1s ease-in-out; text-transform: uppercase; } .newssign.grid .studiotxt { width: 74vw; height: 46vw; padding: 8vw 7vw; } .newssign.grid .stimglft { width: 14vw; } .newsletter .left { padding-right: 2%; padding-top: 45px; padding-bottom: 40px; float: left; width: 47%; } .newsletter .right { padding-top: 45px; padding-left: 2%; padding-bottom: 40px; float: left; width: 48% } .newsletter label { display: none; } .newsletter input { margin-bottom: 30px; } .newslft { width: 38vw; margin-top: 3.5vw; } .newsrgt { width: 41vw; z-index: 1; position: absolute; right: 0; } .newslft .button { /*position: absolute; bottom: 0;*/ margin-top: 5vw; } .cms-index-index { overflow-x: hidden; } .newsletter .right .g-recaptcha { float: right; margin-top: 2vw; } /*** juicer start ***/ .juicer-feed { font-family: Helvetica, Arial, sans-serif; } .juicer-feed.slider .slick-track { height: 23vw !important; } .juicer-feed.slider .slick-track, .juicer-feed.slider.j-modern li.feed-item a.j-image img { height: auto !important; } .juicer-feed.slider li.feed-item { padding: 10px !important; background: transparent; height: 23vw !important; overflow: hidden; } .juicer-feed.slider li>.j-meta { position: absolute; bottom: 0px; right: calc(5% + 10px); background: #000; display: inline-block; float: none; width: auto !important; padding: 0 0.5rem; } .juicer-feed.slider li>.j-meta a, .juicer-feed.slider .j-text .j-message p { color: #fff !important; font-size: 1.1rem; } .juicer-feed.slider li:hover>.j-meta { bottom: 1px; right: 25px; } li>.j-meta ul { display: inline-block; float: right; } .juicer-feed li>.j-meta ul li { padding: 0.5rem; } .juicer-feed li>.j-meta ul li .comments, .juicer-feed li>.j-meta ul li:first-child { display: none } .j-post-overlay.juicer-feed { overflow: hidden; margin: 0 !important; padding: 65px 90px 0; } .j-overlay .j-overlay-content { top: 5% !important; width: 40% !important; max-width: 950px; } .j-poster { display: none; } .j-overlay .j-post-overlay.juicer-feed .j-overlay-text .j-message, .j-post-overlay.juicer-feed .j-overlay-text .j-edit { margin-bottom: 0px; text-align: center; color: #858586; } .j-overlay .j-post-overlay.juicer-feed .j-overlay-text .j-message p { margin-bottom: 0px; text-align: center; color: #858586; font-size: 1.2rem; } .j-post-overlay.juicer-feed .j-bottom { overflow: hidden; text-align: center; } .j-overlay .j-post-overlay.juicer-feed .j-meta { margin: 15px 0 0px; text-align: center; display: none; } .j-overlay .j-post-overlay.juicer-feed a.juicer-button { float: none; width: 100%; border: 0; border-bottom: 1px solid #C8C8C9; display: block; color: #DBDBDB; text-transform: uppercase; font-family: 'Helvetica', arial, sans-serif; letter-spacing: 0.3rem; font-weight: normal; font-size: 1.1rem; } .j-overlay .j-post-overlay.juicer-feed a.juicer-button:hover { background: #FFF; color: #000; } .j-overlay .juicer-feed .j-meta a:hover { color: #000; } .j-overlay .j-post-overlay.juicer-feed a.juicer-button:before { font-size: 2rem; } .j-overlay .j-post-overlay.juicer-feed ul.j-share a:before { font-family: 'FontAwesome', "fontawesome-webfont", Helvetica, Arial, sans-serif; font-size: 1.6rem; color: #000; position: relative; top: 1px; } .juicer-feed .j-facebook, .juicer-feed .j-twitter, .juicer-feed a.share { background: #fff; } .juicer-feed .j-facebook:before { content: "\f09a"; } .j-facebook:before { content: "\f09a"; } .juicer-feed .j-googleplus, .juicer-feed .j-email { display: none !important; } .juicer-feed .j-linkedin:before { content: "f0e1"; } .j-linkedin:before { content: "f0e1"; } .j-overlay .j-post-overlay.juicer-feed ul.j-share { float: none; margin-top: 15px; } .j-post-overlay.juicer-feed ul.j-share:before { content: 'SHARE:'; font-size: 1.2rem; font-family: 'Helvetica', arial, sans-serif; line-height: 32px; letter-spacing: 0.3rem; } .j-overlay .j-overlay-content .j-close { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/close.png) !important; width: 20px; height: 20px; background-size: 20px auto; background-position: 0; top: 30px; right: 45px; } .j-overlay .j-overlay-content .j-close:hover { background-position: 0; } .juicer-feed.image-grid .j-text, .juicer-feed.slider .j-text, .juicer-feed.hip .j-text { background: rgba(0, 0, 0, 0.75); transition: 0.5s ease-in-out; } .juicer-feed h1.referral, .juicer-feed .j-meta nav, .juicer-feed.slider .j-text .j-meta { display: none !important; } .juicer-feed.slider li.feed-item:hover { padding: 0 !important; cursor: pointer; } .insblock .juicer-feed.slider .slick-prev, .insblock .juicer-feed.slider .slick-next { top: 0; padding: 0vw 0px 0 !important; width: 50px !important; background: none; display: block; -webkit-transform: none; -ms-transform: none; transform: none; } .insblock .juicer-feed.slider .slick-prev:before, .insblock .juicer-feed.slider .slick-next:before { color: #C8C8C9; height: 30px; position: absolute; } .insblock .juicer-feed.slider .slick-prev:hover:before, .insblock .juicer-feed.slider .slick-next:hover:before { color: #000; } .insblock .juicer-feed.slider .slick-next:before { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/images/slickRight.png) no-repeat 0% !important; content: '' !important; right: 5px; } .insblock .juicer-feed.slider .slick-prev:before { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/images/slickLeft.png) no-repeat 100% 0 !important; content: '' !important; left: 5px; } .juicer-feed.slider { position: relative; padding-top: 2vw; } .insblock h2 { text-align: center; } .insblock .block-content { position: relative; height: 28vw; margin-bottom: 60px; } .insblock .btnsline { height: 28vw; } .juicer-feed.slider .slick-prev:before, .juicer-feed.slider .slick-next:before { background: none; } .j-overlay .j-post-overlay.juicer-feed .image, .j-post-overlay.juicer-feed .vine-wrapper, .j-post-overlay.juicer-feed .instagram-wrapper, .j-post-overlay.juicer-feed .twitter-wrapper, .j-post-overlay.juicer-feed .video-wrapper { float: none; width: 100%; max-width: 100%; } .juicer-feed.slider .j-text .j-message p.instaicon .fa { font-size: 2.6rem; } .juicer-feed.slider .j-text .j-message p.insh { font-size: 1.5rem; letter-spacing: 0.2rem; } .juicer-feed.slider .j-text .j-message p.insline { width: 50%; margin: 0 auto 15px; } .juicer-feed.image-grid li.feed-item.j-video .j-text .j-message, .juicer-feed.slider li.feed-item.j-video .j-text .j-message, .juicer-feed.hip li.feed-item.j-video .j-text .j-message { vertical-align: middle; } .juicer-feed .slick-slide img.j-content-image { height: auto !important; } @media only screen and (max-width: 1280px) { .j-overlay .j-post-overlay.juicer-feed .j-overlay-text .j-message p { font-size: 10px; } .j-overlay .j-post-overlay.juicer-feed .j-overlay-text { padding: 20px; } .j-overlay .j-post-overlay.juicer-feed a.juicer-button { padding: 10px 25px; } } /***/ .block-collapsible-nav .item.current a { border-color: #000; } .account.page-layout-2columns-left .page-main .column.main { text-transform: uppercase; } .login-popup-wrapper .fieldset .field.email { margin-top: 0 !important; } .order-actions-toolbar .action { text-decoration: underline } .order-details-items, .order-links .item strong { border: none; } body .order-links .item strong { /*padding: 0; */ font-size: 14px; font-weight: normal; } body .order-links .item:first-child strong { padding-left: 0; } .order-details-items .order-title { border-bottom: 0px solid #d1d1d1; } .action.print { display: block; float: right; text-decoration: underline; } body .order-details-items { padding: 25px 0; } .block .box-actions { margin-top: 10px; } .block .box-content p { line-height: 2; } .abs-account-block-font-size, .block-addresses-list address, .box-billing-address .box-content, .box-shipping-address .box-content, .box-address-billing .box-content, .box-address-shipping .box-content, .box-information .box-content, .block-balance-giftcard .block-content, .block-reviews-dashboard .product-name { font-size: 1rem; } @media only screen and (max-width: 1280px) { .j-overlay .j-post-overlay.juicer-feed { padding: 40px 50px 0; } body .j-overlay .j-overlay-content .j-close { top: 10px; right: 1px; } } @media only screen and (max-width: 1024px) { .j-overlay .j-post-overlay.juicer-feed { padding: 40px 40px 0; } body .j-overlay .j-overlay-content .j-close { top: 10px; right: 1px; } body .j-post-overlay.juicer-feed .j-navigate { display: none; } } @media only screen and (max-width: 800px) { .insblock .juicer-feed.slider li.feed-item { height: 45vw !important; } body .insblock .btnsline, body .insblock .block-content { height: 54vw; } body .j-post-overlay.juicer-feed ul.j-share { position: relative } body .j-post-overlay.juicer-feed a.juicer-button { padding: 13px 0; } } @media only screen and (max-width: 800px) and (orientation : portrait) { body .j-overlay .j-overlay-content { width: 80% !important; } } @media only screen and (max-width: 480px) { .j-overlay .j-post-overlay.juicer-feed { padding: 30px 25px 0; } .insblock .juicer-feed.slider li.feed-item { height: 260px !important; } body .insblock .btnsline, body .insblock .block-content { height: 290px; } body .j-post-overlay.juicer-feed a.juicer-button { letter-spacing: 0; color: #000; } body .j-post-overlay.juicer-feed ul.j-share a { width: 25px; } body .j-post-overlay.juicer-feed .j-overlay-text { padding: 20px 0 } body .j-overlay .j-overlay-content .j-close { top: 1px; right: 0px; } } .sta .juicer-feed.slider li>.j-meta { background: #705A45; } .sta .juicer-feed.image-grid .j-text, .sta .juicer-feed.slider .j-text, .juicer-feed.hip .j-text { background: rgba(112, 90, 69, 0.75) !important; } /*** juicer end ***/ /*** Studio A Home ***/ .sta .page-header .h-top { background: #705A45; } .sta .page-header .h-top a { color: #fff; } .sta .page-header .h-store-link a { background: none; padding-top: 13px; } .sta .page-header .h-store-link a img { /*max-height: 20px; margin-top: -5px;*/ } .gvlog { position: relative; display: inline-block; max-width: 48%; /*width: 150px;*/ } .gvlog div { position: absolute; right: 0; display: inline-block; top: 11.5px; } .gvlog .fa:before { font-size: 17px; } .sta.page-layout-custom-home h2 { color: #705A45; } .sta .customDesc h2 { color: #fff; } /*.sta .products-grid .slick-slide .product-item-details {background:#705A45; }*/ .sta .carousel-feature .carousel-caption { background: #705A45; } .sta .page-footer .f-bottom { background: #705A45; } .sta .page-footer .f-copyright { color: #fff; } /*** Account ***/ .account .block-collapsible-nav .item { line-height: 2.5rem; margin: 1rem 0; } .block-collapsible-nav .item a, .block-collapsible-nav .item>strong { font-size: 1.4rem; padding: initial; letter-spacing: 0.25rem; padding-left: 2.3rem; color: #000; } .account .block-collapsible-nav .item>strong { border-color: #000; border-width: 5px; } .account .page-main .page-title-wrapper h1.page-title { border-bottom: 1px solid #c6c6c6; display: block; margin: 0 0 20px 0; } .account .column.main .block:not(.widget) .box-title { line-height: 4rem; } .account .page-main .page-title-wrapper .page-title, .account .column.main .block:not(.widget) .block-title>strong { letter-spacing: 0.4rem; } .account .column.main .block:not(.widget) .block-title>strong { margin-bottom: 0px; padding-bottom: 35px; } .account .column.main .block:not(.widget) .box-title>span { font-size: 1.8rem; } .account .column.main .block:not(.widget) .block-title, .account .legend { border-bottom: 0; letter-spacing: 0.4rem; text-transform: uppercase; padding: 0; margin: 0; line-height: 5rem; } .account .column.main .block.block-order-details-view .block-title { border-bottom: 1px solid #ddd; margin-bottom: 2rem; padding-bottom: 1rem; } .account .legend { line-height: 2rem; margin-bottom: 3rem; font-size: 2.1rem; } .account .legend span { padding-bottom: 20px; border-bottom: 1px solid #c6c6c6; } .account #form-validate .field-name-lastname { /*margin-bottom: 4rem;*/ } address { font-style: normal; text-transform: none; line-height: 1.5; } .multicheckout .box-title>span, .paypal-review .block .box-title>span, .account .column.main .block:not(.widget) .box-title>span, .magento-rma-guest-returns .column.main .block:not(.widget) .box-title>span, [class^='sales-guest-'] .column.main .block:not(.widget) .box-title>span, .sales-guest-view .column.main .block:not(.widget) .box-title>span { text-transform: uppercase; font-weight: normal; } .block a.action { display: inline-block; color: #000; text-transform: uppercase; border-bottom: 1px solid #000; padding-bottom: 0.25rem; line-height: initial; } .block a.action:hover { border-color: #c6c6c6; } .block .orders-recent a.action { border: 0; } .block a.action.edit:after { border-left: 0; margin: 0; content: none; } .block a.action:hover { text-decoration: none; } .box-information .delimiter { height: 2.25rem; content: ""; border-right: 1px solid #ccc; display: inline-block; margin: 0 1rem 0 0.5rem; } .form-address-edit .fieldset>.field>.label, .form-edit-account .fieldset>.field>.label { display: none; } .form-edit-account .fieldset>.field>input[type="checkbox"]+label, .form-address-edit .fieldset>.field>input[type="checkbox"]+label { visibility: visible; display: block; color: #000; font-weight: normal; font-family: "IBM Plex Sans Regular", Helvetica, Arial, sans-serif; letter-spacing: 0.2rem; } .form-edit-account .fieldset>.field:last-child { margin-bottom: 40px; } /* .account button {min-width: 199px;} REMOVING THIS AS IT CAUSED A FEW ISSUES ON SMALL RESOLUTIONS */ .form-edit-account .fieldset { margin-bottom: 10px; } .account input { letter-spacing: 0.2rem; } .account input:-ms-input-placeholder { line-height: normal; } .form-address-edit .fieldset>.field, .form-address-edit .fieldset, .form-address-edit .fieldset>.field select, .form-edit-account .fieldset:not(.permissions) { max-width: 570px; } .form-address-edit .fieldset>.field select { margin-bottom: 0; } .account .form-address-edit>.fieldset:nth-child(2), .account .form-edit-account>.fieldset:nth-child(2) { float: left; margin-left: 3.8%; } .fieldset>.field>.label, .fieldset>.fields>.field>.label { font-weight: normal; } .field.region, .field.zip { width: 48%; float: left; } .field.zip { float: right; } .account .data.table.table-credit-cards .col.actions .action.delete { color: #000; text-decoration: underline; font-size: 0.7rem; } .account .actions-toolbar .primary { float: none; display: block; width: 48%; } .account .block-compare .actions-toolbar .primary { display: inline-block; background: #ffffff; color: #000000; } .account .block-compare .actions-toolbar .primary:hover { color: #ffffff; background: #000000; border-color: #000000; } .account .actions-toolbar .action.primary { width: 100%; max-width: 500px; } #wk_rma_additional_info { border: 1px solid #e8e8e8; } .customer-account-create .actions-toolbar>.primary .action { width: 100%; } textarea:focus, input:focus { outline: none; } *:focus { outline: none; } a:visited, .alink:visited { color: #000; text-decoration: none; } .search.results { padding-left: 40px; padding-right: 40px; } /* My Dashboard - My Favorites */ .account.multiwishlist-index-index .topfav { padding-top: 25px; } .account.multiwishlist-index-index span.wk-wishlist-name { font-size: 1.8rem; } .account.multiwishlist-index-index .wk-primary { right: 0; position: initial; float: right; } /* ============================================ * * Header * ============================================ */ .page-header { position: sticky; top: 0; left: 0; z-index: 9999; width: 100%; line-height: 100%; margin: 0; padding: 0; } .modal-popup { z-index: 10000002; } /*.modal-slide {left: calc(50% - 290px);}*/ /*.page-header .h-top {*/ /* background: #000000;*/ /* color: #868787;*/ /* line-height: 100%;*/ /* margin: 0;*/ /* padding: 0 20px 0 40px;*/ /*}*/ /*.page-header .h-top a {*/ /* font: 400 0.92rem 'IBM Plex Sans Regular', sans-serif;*/ /* color: #BEBFBF;*/ /* display: table;*/ /* text-transform: uppercase;*/ /* line-height: 100%;*/ /* margin: 0;*/ /* padding: 0;*/ /*}*/ /*.page-header .h-top:after {*/ /* content: '';*/ /* display: block;*/ /* clear: both;*/ /*}*/ /*.page-header .h-top-left {*/ /* float: left;*/ /* width: 70%;*/ /*}*/ /*.page-header .h-top-left a {*/ /* letter-spacing: 2px;*/ /*}*/ .page-header .h-top{ background-color: white; } .page-header .h-top .h-top-inner{ display: flex; align-items: center; justify-content: space-between; padding: 30px 0 30px 0; margin: 0 40px 0 40px; border-bottom: 1px solid #1C1917; } .page-header .h-top .h-top-inner .h-top-left .header-logo img{ width: min(434px, 40vw); /* uses 40% of viewport width or max 434px */ height: auto; /* preserves aspect ratio */ object-fit: contain; } .page-header .h-top .h-top-inner .h-top-middle { width: 33.33%; text-align: center; } .page-header .h-top .h-top-inner .h-top-right .header-brands{ text-transform: uppercase; display: flex; align-items: center; } .page-header .h-top .h-top-inner .header-brands a:nth-of-type(1) img{ height: 25px; padding-right: 16px; padding-left: 16px; border-right: 1px solid #1B1816; } .page-header .h-top .h-top-inner .header-brands a:nth-of-type(2) img{ height: 25px; padding-left: 16px; } .page-header .h-bottom .h-bottom-inner{ display: flex; align-items: center; justify-content: space-between; } .page-header .h-top .h-top-inner .h-top-right .h-myaccount-links .h-links-items{ display: flex; justify-content: flex-end; padding-right: 35px; } .page-header .h-bottom .h-bottom-right{ display: flex; align-items: center; margin-right: 40px; } .page-header .h-bottom .h-bottom-right .mobyes { display: none; } .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper .h-cart-wrapper.mobile-cart { display: none; } .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-cart-wrapper{ margin-right: 2vw; } @media (max-width: 1024px){ .page-header .h-top .h-top-inner .h-top-middle { display: none; } .page-header .h-top .h-top-inner { justify-content: center; } .page-header .h-top .h-top-inner .h-top-left { width: 100%; } .page-header .h-bottom .h-bottom-inner .h-bottom-account{ display: block; position: absolute; right: 37px; top: 70px; } .page-header .h-bottom .h-bottom-inner .h-bottom-account .h-myaccount-dropdown{ top: unset; } .page-footer .footer-inner .f-middle .j-col3 .f-studiohome{ border: unset; } .page-footer .footer-inner .f-middle .j-col3 .f-studiohome .j-three-cols-wrapper ul li:first-child{ padding: unset; } .page-header .h-top .h-top-inner .h-top-right .h-myaccount-links .h-links-items{ padding-right: unset; } .page-header .h-top-left { display: none; } .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-bottom-account{ position: unset; order: 3; } .page-header .h-bottom .h-bottom-inner .h-bottom-right .action.nav-toggle{ position: unset; } .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper{ position: unset; order: 4; width: 100%; margin-top: 20px; } .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper .block-search{ top: unset; border-top: unset; display: flex; align-items: center; justify-content: center; } .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper .block-search .make-middle{ width: 20%; } .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper .block-search form{ width: 80%; text-align: center; } .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper .block-search form input{ margin: unset; font-size: unset; box-shadow: 0 0 0px 1000px #f3f3f3 inset; } /*.page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper:before{*/ /* content: '';*/ /* position: absolute;*/ /* border-top: 1px solid #C9C9CA;*/ /* z-index: 5;*/ /* left: 0;*/ /* width: 100%;*/ /*}*/ .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper .h-cart-wrapper.mobile-cart{ width: 20%; justify-content: flex-end; margin: unset; } .page-header .h-bottom-right { position: static; margin-left: 40px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; } .page-header .h-bottom-middle{ position: absolute; } .page-header .h-bottom .h-bottom-right .mobyes { display: block; } .page-header .h-bottom .h-bottom-right .h-cart-wrapper.desktop-cart { display: none; } /*.page-header .h-links-items .h-link-favorites > a:last-child{*/ /* display: none;*/ /*}*/ .page-header .h-cart-wrapper>a{ padding-left: unset; } } @media only screen and (max-width: 767px) { .block-search{ margin: unset; } } /*@media only screen and (max-width: 375px){*/ /* .page-header .header-inner .mobyes a.logo{*/ /* padding: 1vh 0;*/ /* }*/ /*}*/ /*.page-header .h-store-link {*/ /* display: flex;*/ /* align-items: center;*/ /* margin-right: -70px;*/ /*}*/ /*.page-header .h-store-link a {*/ /* !*background: url('../../frontend/Jola/jolatheme/web/images/icons/ico_arrow_right.png') no-repeat center right / auto 10px;*!*/ /* display: block;*/ /* padding: 15px 25px 0 0;*/ /* !*line-height: 43px;*!*/ /*}*/ /*.page-header .h-store-link a img {*/ /* max-height: 50px;*/ /* max-width: 200px;*/ /*}*/ /*.page-header .h-top-right {*/ /* float: right;*/ /* line-height: 8px;*/ /* width: 30%;*/ /* padding-top: 8px*/ /*}*/ .page-header .h-links-items:after { content: ''; display: block; clear: both; } .page-header .h-links-items .h-link-item>a, .page-header .h-myaccount-toggler a { display: block; letter-spacing: 0.25rem; text-transform: uppercase; text-decoration: none; } .page-header .h-links-items .h-link-item:last-child { padding-right: 0; } .page-header .h-myaccount-links { display: inline-block; width: 100%; } .page-header .h-links-loggedin a { display: inline-block; } .page-header .h-link-myaccount { position: relative; border-right: 1px solid transparent; border-left: 1px solid transparent; order: 1; } /*i.fa-user-circle:before {*/ /* color: #cccccc;*/ /* background: #000000;*/ /* border-radius: 50%;*/ /* width: 19px;*/ /* display: block;*/ /* height: 20px;*/ /*}*/ @media only screen and (max-width: 767px) { .page-header .h-store-link a img { max-width: 100%; } } @media only screen and (min-width: 768px) { .page-header .h-store-link { min-height: 67px; } } .sta i.fa-user-circle:before { background: transparent; } i.fa-angle-down:before { color: #cccccc; } .page-header .h-link-myaccount.active i.fa-user-circle:before { color: #000000; background: #ffffff; } .page-header .h-link-myaccount.active .h-myaccount-toggler a { background-color: #ffffff; color: #000000; text-decoration: none; } .page-header .h-link-myaccount.active .h-myaccount-toggler-mobile a { background-color: #ffffff; color: #000000; text-decoration: none; } .page-header .h-myaccount-dropdown { display: none; background: #ffffff; position: absolute; top: 29px; z-index: 100000; width: 100%; border: none; opacity: 0; transition: opacity 0.5s; -webkit-transition: opacity 0.5s; box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16); border-top: 1px solid #C9C9CA; right: -41px; } .page-header .h-link-myaccount.active .h-myaccount-dropdown { display: block; opacity: 1; min-width: 200px; } .page-header .h-myaccount-item { border-bottom: 1px solid #1C1917; padding: 0; margin: 0; text-transform: uppercase; } .page-header .h-myaccount-item:last-of-type { border-bottom: 0; } .page-header .login-popup-wrapper { width: 100%; } .page-header .login-popup-toggler { width: 100%; } .page-header .h-myaccount-item>a, .page-header .login-popup-toggler>a { display: block; text-align: end; transition: all 0.5s; -webkit-transition: all 0.5s; padding: 11px; padding-right: 40px; margin: 0; } .page-header .h-link-myaccount.active .h-myaccount-item>a, .page-header .h-link-myaccount.active .login-popup-toggler>a { background-color: #ffffff; color: #000000; letter-spacing: 0.25rem; } .page-header .h-link-myaccount .h-myaccount-item>a:hover, .page-header .h-link-myaccount .login-popup-toggler>a:hover { background-color: #000000; color: #ffffff; text-decoration: none; } .page-header .h-cart-wrapper>a { text-transform: uppercase; display: flex; align-items: center; } .page-header .h-links-items .h-link-favorites>a { padding: 12px 20px; } .page-header .h-links-items .h-link-favorites>a:hover, .page-header .h-cart-wrapper>a:hover { text-decoration: none; } .page-header .h-links-items .h-link-favorites>a:after, .page-header .h-cart-wrapper>a:after { content: ''; display: block; clear: both; } /*.page-header .h-links-items .h-link-favorites>a span {*/ /* display: block;*/ /* float: left;*/ /* border: 1px solid #000000;*/ /* color: #000000;*/ /*}*/ .sta .page-header .h-links-items .h-link-favorites>a span, .sta .page-header .h-cart-wrapper>a span { background-color: #705A45; } .sta .page-header .h-cart-wrapper>a span { border: 1px solid #705A45; } .page-header .h-cart-wrapper>a .counter { padding: 4px 4px 3px 4px; text-align: center; min-width: 2.2rem; letter-spacing: 0.25rem; } .page-header .h-cart-wrapper>a .counter { /*min-width: 1.8rem;*/ } .page-header .h-bottom { background-color: #ffffff; border-bottom: 1.5px solid #62626266; } @media only screen and (min-width: 1024px) { .page-header .h-bottom { background-color: #ffffff; } } @media only screen and (max-width: 1024px) { .page-header .h-bottom { border-bottom: unset; padding-top: 25px; } } .page-header .h-bottom-left { position: absolute; top: 0; left: 0; width: 180px; margin: 0; padding: 5px 0 0 0; } .page-header .h-bottom .logo { display: block; } .page-header .h-bottom .logo img { width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto; padding: 0; } .page-header .h-search-wrapper { position: absolute; float: none; left: 0; right: 0; } .page-header .h-search-wrapper:after { content: ''; display: block; clear: both; } .page-header .block-search .control { border: 0; margin: 20px 0 0 0; padding: 0; } .page-header .block-search .label { position: absolute; width: 1px; height: 1px; float: right; display: inline-block; border: 0; overflow: hidden; text-decoration: none; clip: rect(0, 0, 0, 0); margin: -1px; padding: 0; } .page-header .block-search input { position: absolute; margin: 0; } .page-header .block-search .search-autocomplete { margin-top: 0; } .page-header .block-search .action.search { background-image: none; background: none; font-weight: 400; display: block; position: absolute; top: 7px; right: 5px; z-index: 1; border: 0; text-decoration: none; text-shadow: none; -moz-box-sizing: content-box; box-shadow: none; line-height: inherit; margin: 0; padding: 0; } .page-header .block-search .action.search:before { content: ''; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_loupe_black.png') no-repeat center center / auto 18px; width: 20px; height: 20px; color: #000000; display: inline-block; text-align: center; vertical-align: top; overflow: hidden; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; line-height: 100%; margin: 0; } /* ============================================ * * Header - Navigation * ============================================ */ .page-header .nav-toggle { position: absolute; /*top: 11px; right: 0; left: auto;*/ bottom: auto; float: none; } /* .page-header .nav-toggle::before { content: "\f0c9"; font-family: 'FontAwesome'; font-size: 20px; font-weight: 100; color: #000000; overflow: visible; } */ .page-header .nav-sections { background: #FFFFFF; margin: unset; } .page-header .nav-sections.strahome { background-color: #705A45 !important; } .page-header .navigation { background: #ffffff; margin: 0; padding: 0; } .page-header .navigation ul { margin-left: 20px; } .page-header .navigation .level0>.level-top { font: 400 10px 'Helvetica', sans-serif; color: #000000; display: table; text-transform: uppercase; line-height: 120%; margin: 0; padding: 15px 30px; } .navigation .level0>.level-top:hover, .navigation .level0.active>.level-top, .navigation .level0.has-active>.level-top { background: url('../../frontend/Jola/jolatheme/web/images/icons/ico-arrow-bottom-black.png') no-repeat bottom center; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-bottom-black.png') no-repeat bottom center; border: 0 !important; } @media (min-width:426px) and (max-width:1024px) { .page-header .header-inner .sections.nav-sections { top: 148px !important; } } /****/ /* ============================================ * * Locate Us * ============================================ */ .locwrap { position: relative; margin-bottom: 15%; } .locline { width: 87%; margin-left: 6.5%; padding: 0 6%; border: 1px solid #C8C8C9; margin-top: 4%; } .locwrap p { width: 48%; text-transform: uppercase; padding-bottom: 5%; position: relative; font-size: 0.7vw; } .locover-inside { display: block; width: 100%; vertical-align: middle; position: absolute; background: rgba(0, 0, 0, 0.75); transition: 0.5s ease-in-out; top: 0; opacity: 0; } .locwrap p a:hover { text-decoration: none } .locwrap p a:hover .locover-inside { opacity: 1; } .locover-inside div { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; } p.title { font-size: 1.4vw; border-bottom: 1px solid #fff; } .insline { border-bottom: 1px solid #fff; } .locover-inside div p { color: #fff; float: none !important; margin-top: 5% !important; white-space: nowrap; width: auto; letter-spacing: 0.4rem; } .locwrap p img { margin-bottom: 15px; display: block; } .locwrap p:first-child { margin-top: -5%; } .locwrap p:nth-child(2) { margin-top: 20%; } .locwrap p:nth-child(odd) { float: left; } .locwrap p:nth-child(even) { float: right; } .locwrap p:last-of-type { padding-bottom: 0; margin-bottom: -7%; } .talkto { position: relative; } .cms-locate-us .talkto { margin-left: -20px; width: calc(100% + 40px); } .talkto>div { width: 50%; float: left; text-align: center; } .talkto>div>img { margin-top: 7%; position: relative; z-index: 1; } .talkinside { position: absolute; top: 0%; left: calc(6.5% + 20px); width: calc(41.76% - 15px); height: 500px; content: ''; border: 1px solid #C8C8C9; text-transform: uppercase; } .talkrth .talkinside { left: auto; right: calc(6.5% + 20px); } .page-main .talkto p { font-size: 1vw; text-transform: uppercase; margin-bottom: 1.4vw; color: #000; } .talkto a.button { padding: 0; letter-spacing: 0.4rem; display: inline-block; border: 1px solid #000; text-align: center; color: #000; min-width: 200px; } .talkto a.button span { line-height: 2.2rem; font-size: 1rem; display: inline-block; padding: 0.6rem 15px; } .talkto a.button:hover, .talkto a.button:focus { background: #000; color: #fff } .talkin { position: absolute; bottom: 6vw; left: 0; right: 0; } /********** VIDEO ***************/ .category-video-library.page-products .columns { padding-top: 0 !important; } .category-video-library .product-items .upsell-products-section-title { margin-top: 3.5vw; padding-top: 4vw; margin-bottom: 3.5vw; border-top: 1px solid #C8C8C9; } /***** Lifestyle ******/ .lifestyle-wrapper { margin-left: 2%; margin-right: 2%; } .lifestyle-wrapper .t-category-title { margin-top: 37px; } .page-products .lifestyle-wrapper .t-breadcrumbs { top: 2.5rem; transform: translateY(0); -webkit-transform: translateY(0); } .page-products .products-grid .product-item.lifestyle-items .product-item-info, .products-grid .product-item.lifestyle-items .product-item-info { width: 32.333%; float: left; margin-right: 1.5%; margin-bottom: 1.5%; min-height: 22vw; } .products-grid .product-item.lifestyle-items .product-item-info .product-item-info-inner { min-height: 22vw; } .page-products .products-grid .product-item.lifestyle-items, .products-grid .product-item.lifestyle-items { width: 100% } .page-products .products-grid .product-item.lifestyle-items .product-item-info.item-6, .products-grid .product-item.lifestyle-items .product-item-info.item-6 { /*width: 66%; margin-top: -26.6%;*/ margin-right: 0; } .page-products .products-grid .product-item.lifestyle-items .product-item-info.item-3, .products-grid .product-item.lifestyle-items .product-item-info.item-3 { margin-right: 0 } .page-products .products-grid .product-item.lifestyle-items .product-item-info.item-5, .products-grid .product-item.lifestyle-items .product-item-info.item-5 { /*margin-right: 0*/ } .page-products .products-grid .lifestyle-items .product-item-photo img, .products-grid .lifestyle-items .product-item-photo img { position: relative; transform: none; -webkit-transform: none; left: 0; width: 100%; } .page-products .products-grid .product-item.lifestyle-items .product-item-photo, .products-grid .product-item.lifestyle-items .product-item-photo { line-height: 0.7; } .page-products .quick-view-actions .product-item-info, .products-grid .quick-view-actions .product-item-info { width: 48%; float: left; margin-right: 4%; margin-bottom: 4%; position: relative; overflow: hidden; } .page-products .products-grid.quick-view-actions .product-item-info:nth-child(odd):hover, .page-products .products-grid.quick-view-actions .product-item-info:nth-child(odd).active { margin-right: 4%; } .page-products .quick-view-actions .product-item-info:nth-child(even) { margin-right: 0%; } .category-lifestyle .quick-view-popup { height: 85vh; width: 116vh; } .category-lifestyle .quick-view-popup .quick-view-actions { border-top: 0; margin-top: 0; padding-top: 0px; height: 61vh; overflow-y: auto; } .lifestyle-items .quick-view-button { background: none; } .lifestyle-items .quick-view-button img { width: 100px; } .category-lifestyle .quick-view-popup .quick-view-left { border-right: 1px solid #C8C8C9; } .category-lifestyle .quick-view-popup .quick-view-left-bottom { height: 10%; position: relative; border-top: 1px solid #C8C8C9; margin-top: 10%; } .category-lifestyle .quick-view-popup .quick-view-left-bottom .hovinfo.socials-wrapper ul li { text-align: center; } .category-lifestyle .quick-view-popup .quick-view-left-inner { border-right: 0; height: 80%; padding-bottom: 10%; padding-right: 8%; } .category-lifestyle .quick-view-popup .socials-wrapper { top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); position: absolute !important; right: 5%; } .category-lifestyle .page-footer .hovinfo.socials-wrapper:hover ul li.soc-up-arrow a { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/arrlft.png); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -ms-transform: rotate(-90deg); -o-transform: rotate(-90deg); transform: rotate(-90deg); } .category-lifestyle .page-footer .hovinfo.socials-wrapper ul li.soc-up-arrow a { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/arrlft.png) no-repeat 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); } .category-lifestyle .quick-view-popup .quick-view-left-inner a img { position: relative; transform: none; -webkit-transform: none; left: 0; top: 0; /*width: 90%;*/ /*max-width: 500px; max-height: 500px;*/ } .category-lifestyle .quick-view-popup .prod-name { padding: 15px 20px 15px 0; } .relslick .slick-list { max-height: 100%; } .relslick .slick-track { min-width: 100%; } .relslick .slick-slide { /*min-width: 100%;*/ } .relslick .product-item-name a { font-size: 1.5rem; line-height: 1.2; padding: 2% 0; } .relslick .slick-prev { left: -55px; top: 40%; } .relslick .slick-next { right: -50px; top: 40%; } .category-lifestyle .quick-view-popup .relslick .slick-prev { display: block !important; } .relslick .slick-prev:hover, .relslick .slick-prev:focus, .relslick .slick-next:hover, .relslick .slick-next:focus { box-shadow: none; background: none; color: transparent; } .category-lifestyle .quick-view-popup .quick-view-left-inner a { max-height: 60vh; overflow: hidden } .category-lifestyle .quick-view-popup .quick-view-left-inner a .quick-view-button { opacity: 1 } .page-footer .quick-view-left-bottom .hovinfo.socials-wrapper ul li a { opacity: 0 } .page-footer .quick-view-left-bottom .hovinfo.socials-wrapper:hover ul li a { opacity: 1 } @media screen and (orientation: portrait) { .category-lifestyle .quick-view-popup { height: 62vw; width: 85vw; } .category-lifestyle .quick-view-popup .quick-view-actions { height: 41vw; } .category-lifestyle .quick-view-popup .prod-name a { font-size: 12px; line-height: normal } .category-lifestyle .quick-view-popup .prod-name { padding: 0 30px 10px 0; margin-bottom: 15px; } .category-lifestyle .quick-view-popup .quick-view-close { top: 25px; right: 25px; } .relslick .product-item-name a { font-size: 9px !important; } } /**** About Us ****/ .cms-about-us .page-main { padding-left: 0; padding-right: 0; } .cms-page-view.cms-about-us .page-title-wrapper { padding-bottom: 0 } .cms-about-us .page-main p { color: #858586; } .cms-page-view .lifestyle-wrapper, .cms-hospitaility .columns { display: none } body.cms-hospitaility .page-main { margin-top: 0px !important; } .category-lifestyle.page-products .columns .column.main { padding-left: 0; padding-right: 0; } .page-products.page-layout-1column .products-grid .product-item.lifestyle-items, .lifestyle-items, .products-grid .product-item.lifestyle-items { width: 100% } a.btnlink { font-size: 1rem; display: inline-block; padding: 12px 25px; border: 1px solid #000; letter-spacing: 0.3rem; } a.btnlink:hover, a.btnlink:active { background: #000; color: #fff; text-decoration: none; } .btncentr { text-align: center; margin-bottom: 6vw; } .cms-about-us .page-main p.btncentr { margin-bottom: 6vw; } select option { text-transform: uppercase; } .abs-remove-button-for-blocks:before, .sidebar .product-items .action.delete:before, .table-comparison .cell.remove .action.delete:before, .block-compare .action.delete:before, .filter-current .action.remove:before { font-size: 22px; } .cms-environmental-statement .page-main { padding-left: 0; padding-right: 0; } .copyborder { width: 68%; border: 1px solid #C8C8C9; border-top: 0; padding: 1.8vw 6vw 2vw; margin: -2px auto 6vw; color: #707070; line-height: 1.5; } .fullimg { padding: 0; margin: 0; line-height: 98% } .fullimg img { width: 100%; padding: 0; margin: 0 } .sales-page .collections-main .collections-title h1, .catalog-main-page .collections-main .collections-title h1, .collections-main.sales-main .collections-title h1 { font-size: 1.3rem; } .page-products .sales-team { clear: both; } .page-products .sales-team .product-item-info { min-height: 240px; display: inline-block; width: 70%; } .page-products .products-grid.sales-team .product-item-photo img { width: 100%; max-height: initial; position: relative; top: 0; left: 0; transform: none; -webkit-transform: none; } .sales-team .product-item-name { font-size: 13px; font-weight: 600; padding: 20px 0 0px; } .sw { height: 35px; color: #707070; } .pme, .distrdesc p { border-bottom: 1px solid #C8C8C9; padding: 15px 0px; margin: 0; line-height: 20px; } .page-products .products-grid.sales-team .product-item .product-item-info-inner { border: 0; background: rgba(255, 255, 255, 0.85); z-index: 101; text-align: left; } /* .sales-page .collections-main .collections-info-wrapper.sales-wrapper { margin-top: 10%; } */ /* .sales-page .collections-main .collections-info-wrapper.sales-wrapper:before { top:-60px; height: calc(100% + 80px); width: 75%; } */ .page-products .products-grid.sales-team .product-items { /*text-align: center;*/ } .page-products .products-grid.sales-team .product-item { width: 25%; padding: 0; text-align: center; } .sales-page .collections-sidebar { padding-top: 0; } .sales-page .collections-sidebar-inner { padding: 3.4rem 0; } .sales-page .collections-sidebar .collections-side-content { padding: 16px 0 0 10px; } .sales-page .collections-sidebar .collections-side-title { padding-bottom: 0; } .collections-sidebar .collections-side-title.active { font-weight: bold } .sales-page .collections-sidebar .collections-side-title:after { content: '\002d'; font-size: 13px; font-weight: bold; color: #000000; position: absolute; top: 5px; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0; padding: 0; display: block; } .sales-page .collections-sidebar .collections-side-title.signplus:after { content: '\002b'; top: 7px; } .sales-page .collections-sidebar .hosp .collections-side-title:after { content: none; } .page-products .sales-team.products-grid .product-item-info:hover, .page-products .sales-team.products-grid .product-item-info.active { z-index: 100; } .togglesidebar { position: absolute; border: 1px solid #C8C8C9; border-top: 0; left: 50%; transform: translateX(-50%); font-size: 14px; text-align: left; min-width: 100%; background: #fff; z-index: 10000; padding: 0 0 10px; display: inline-block; display: none; letter-spacing: 2px; } .sidemobnav-side-title { padding: 10px 10px 5px; } .sidemobnav-side-title.active { font-weight: bold; } .sidemobnav-content .item { padding: 5px 20px 5px 40px; font-size: 12px; } .sidemobnav-content .item.active { background-color: #EBEBEC; } .clientname { padding-top: 3vw; } .hospstyle { padding: 3vw 0; } .hospstyle>h2 { text-align: center; padding: 1vw 0 3vw; } .cms-contract div.lifestyle-items:not(.lifestyle-items-1) { display: none; } .tradedates { padding-top: 3vw; position: relative; margin-top: 5vw; } .tradeline { width: 72.5vw; height: 44.5vw; position: absolute; top: 0; right: 0; border: 1px solid #C8C8C9; z-index: -1; } .tradelft, .tradergt { width: 50%; display: inline-block; } .tradelft img { width: 100%; } .tradergt { width: 30%; margin-right: 10%; float: right; margin-top: 10%; } .tradergt h2 { text-align: left; } .tradecont { border-bottom: 1px solid #C8C8C9; position: relative; padding: 30px 0 15px; } .tradecont span { width: 50%; display: inline-block; padding-left: 10px; color: #000; } .tradecont span:last-of-type { border-left: 1px solid #858586; } .tradecont .toggle-cs-block { background: #ffffff url(../../frontend/Jola/jolatheme/web/images/icons/ico-arrow-bottom-black.png) no-repeat center center; background: #ffffff url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-bottom-black.png) no-repeat center center; position: absolute; bottom: -15px; right: 20px; z-index: 1000; width: 25px; height: 30px; cursor: pointer; padding: 0; margin: 0; } .tradecont .toggle-cs-block:hover { background-color: #efefef; } .tradecont .tradevis .toggle-cs-block { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: "FlipH"; -ms-filter: "FlipH"; } .tradecont:first-of-type .tradeinvis, .tradecont:not(:first-of-type) .tradevis { display: none } .hospstyle .newssign { display: block; } .hospstyle .studiohp { padding: 0; margin: 0 2%; } .hospstyle .newssign.grid .studiotxt { width: 72.5vw; margin-top: 5vw; height: 46vw; padding: 4.7vw 5vw; z-index: 9; } .hospstyle .newssign.grid .stimglft { width: 22vw; padding-top: 0; z-index: 10; } .hospstyle .newsrgt { width: 47vw; } .hospstyle .newslft { width: 39vw; position: relative; } .tosales { position: relative; text-align: center; margin: 6vw 0; } .tosales:before { position: absolute; content: ''; width: 50%; margin-left: 25%; border: 1px solid #C8C8C9; height: calc(100% + 6vw); top: -3vw; } .tosales .talkto { margin: 2vw 0; width: 100%; } .showroom-wrapper .infowrap { border-top: 1px solid #C8C8C9; border-bottom: 1px solid #C8C8C9; margin: 5vw auto; } .continf { width: 70%; margin: 5vw auto; } .continf h2 { text-align: center; text-transform: uppercase; margin-bottom: 3vw; } .continf h3 { text-transform: uppercase; margin: 2vw 0 1vw; } .squarelink a { font: 400 1rem 'IBM Plex Sans Regular', sans-serif; color: #000000; position: relative; display: table; min-width: 250px; border: 1px solid #A5A2A2; text-transform: uppercase; line-height: 120%; margin: 0; padding: 9px 50px 9px 13px; } .squarelink a:after { content: ''; background: url(../../frontend/Jola/jolatheme/web/images/icons/ico-arrow-right-middle-black.png) no-repeat center center; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-right-middle-black.png) no-repeat center center; display: block; position: absolute; top: 50%; right: 0; width: 30px; height: 100%; border-left: 1px solid #A5A2A2; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0; padding: 0; } .contcopy { height: 50px; overflow: hidden; line-height: 2.2; width: 380px; margin-bottom: 20px; } .marketdcopy { text-transform: uppercase; } .marketdcopy p { margin-bottom: 7px; } /**** SHOWROOMS ***/ .catalog-product-view .page-main.showroom-main { padding-right: 0; } .catalog-product-view .collections-info-wrapper.showroom-wrapper:before { content: none; } .backvideo { z-index: -1 !important; } .catalog-product-view .showroom-wrapper .gallery-placeholder { position: relative; /*z-index:0*/ } /*.showroom-wrapper .gallery-placeholder:before { content: ''; display: block; position: absolute; left: 50%; z-index: -1; width: 85%; height: 93%; border: 1px solid #C8C8C9; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding: 0; margin: 0; top: -60px; height: calc(100% + 80px); width: 70%; }*/ .collections-title.showroom-title { text-align: center; } .collections-title.showroom-title h1 { background: white; display: inline-block; padding-left: 5px !important; padding-right: 5px !important; } .gallery-placeholder .iframe-container { width: 87%; margin: 0 auto; } .iframe-container { overflow: hidden; padding-top: 56.25%; position: relative; } .iframe-container iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } /* 4x3 Aspect Ratio */ .iframe-container-4x3 { padding-top: 75%; } .showroom-title { margin-bottom: 40px; } .collections-sidebar .collections-side-content .item.parentcat .label { color: #000; display: block; line-height: 120%; vertical-align: middle; padding: 8px 2px 7px 15px; margin: 0; text-transform: uppercase; } .collections-sidebar .collections-side-content .item.parentcat.active .label { font-weight: 600; } .continfbt { margin-top: 2vw; display: flex; justify-content: space-between } .fotorama__nav--thumbs { margin: 3vw auto 0 !important; text-align: center; } .fotorama__nav__shaft { margin: 0vw auto; } .fotorama__nav--thumbs { height: 115px !important; } .fotorama__thumb { background: #fff !important; } .fotorama__nav--thumbs .fotorama__nav__frame:after { content: ""; border-bottom: 2px solid #C8C8C9; left: 44px; bottom: -20px; position: absolute; z-index: 9999; width: 26px; height: 2px; } body .fotorama__thumb-border { border: 0 !important; border-bottom: 0px solid #C8C8C9; background-image: none; } body .fotorama__thumb-border:after { content: ""; border-bottom: 2px solid #C8C8C9; left: 11px; bottom: -22px; position: absolute; z-index: 9999; width: 88px; height: 2px; } body .fotorama__arr { /*display: block!important;*/ } .toolbar select { font: 400 0.7rem 'Helvetica', sans-serif; color: #000000; width: 80px; height: auto; min-width: 120px; text-transform: uppercase; box-shadow: none; border: 0; border-radius: 0; cursor: pointer; margin: 0; padding: 4px; float: right; margin-right: 4px; letter-spacing: 0.2rem; } /*** Hospitality ***/ .hospitality-slider ul:after { width: calc(56vw - 2px); height: 12.5vw; position: absolute; bottom: -1px; right: calc(21.5vw + 1px); left: calc(21.5vw + 1px); border: 1px solid #fff; z-index: 1; content: ""; } .hospitality-slider .customDesc { width: calc(56vw - 2px); height: 8vw; position: absolute; bottom: 20px; right: calc(21.5vw + 1px); left: calc(21.5vw + 1px); z-index: 1; } .hospitality-slider .customDesc h2 { text-align: center; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); white-space: nowrap; /*margin-bottom: 0;*/ } .hospitality-slider .owl-stage-outer:after { height: 9.5vw; } .cms-hospitaility .studiohp { z-index: 0; } /* seccond-visible breadcrumbs */ .cms-hospitaility .breadcrumbs { display: inline-block; position: relative; top: -50px; } /*.nohp .studiotxt { height: 34.5vw; margin: 5vw 0; }*/ .we-offer { margin: 1vw 3.5vw; padding: 3.5vw 0 1px; background: #FAFAFA; text-align: center; transform: translateY(30px); transition: 0.5s ease-in-out; } .cms-contract h3 { text-transform: uppercase; font-size: 2.1rem; } .contract-wrapper { margin: 0 -20px; } .contract-wrapper .topbanner { position: relative; } .topbanner .topbannerlink { width: 50%; position: absolute; top: 50%; right: 0%; transform: translate(0, -50%); color: #fff; text-decoration: none; cursor: pointer; font-weight: 600; } .middle-contract { text-align: center; background: #FAFAFA; padding: 4rem 0; } .contract-urls { padding: 2rem 0; } .contract-url { width: 25%; position: relative; float: left; } .contract-url a, .lifestyle-imgs a { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; text-decoration: none; cursor: pointer; font-weight: 600; } .contract-url a p, .title-link p { margin: 0; color: #fff; font-weight: 600; text-decoration: none; } .contract-url a span, .title-link span { text-decoration: underline; font-weight: 600; } .apos { font-size: 4.6rem; font-weight: bold; padding: 2rem 0; } .width78 { max-width: 78%; margin: 0 auto 2rem; } .sign-apos {} .lifestyle-imgs { text-align: center; } .lifestyle-img { width: 50%; position: relative; float: left; } .lifestyle-img img, .contract-url img { width: 100%; } .lifestyle-imgs.learnmorehd { max-width: 50%; margin: 0 auto 3rem; } .lifestyle-imgs.learnmorehd h2 { margin: 4rem auto; } .hotels-logos img { padding: 1rem } .half-div { width: 50%; position: relative; } .modify-middle { padding: 5rem; display: flex; } .modify-middle .lifestyle-imgs { padding-right: 3rem; z-index: 1; } .modify-middle .lifestyle-img { padding: 1rem; } .modify-middle.right-m { padding: 0; } .modify-middle.right-m .lifestyle-imgs { padding-right: 0; } .mod-text { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #000; text-decoration: none; width: 625px; } .line-left { padding-left: 2rem; border-left: 1px solid #000; z-index: 0; } .line-left:before { content: ""; position: absolute; top: 50%; left: 0; transform: translate(-100%, -50%); background-color: #000; height: 1px; width: 25rem; } .line-right { padding-right: 2rem; border-right: 1px solid #000; z-index: 0; text-align: right; } .line-right:before { content: ""; position: absolute; top: 50%; left: 100%; transform: translate(0, -50%); background-color: #000; height: 1px; width: 25rem; } .modify1 { position: absolute; bottom: 3rem; left: -9rem; z-index: 1; max-height: 30%; } .hotels-slider { margin: 30px 0 70px; } .hotels-slider .slick-prev, .hotels-slider .slick-next { bottom: -100px; } .hotels-slider p { text-align: center; color: #000; } .hotels-slider img { width: 100% } .half-div.left-imgs { padding-right: 1.5rem; } .modify-middle td { //padding: 0!important; } .offers { width: 60%; margin: 6.5vw auto; border: 1px solid #C8C8C9; padding: 3.5vw 2vw 3vw; position: relative; } .offers h6 { font-size: 1rem; padding: 1vw; } .offers>img { position: absolute; top: 0; left: 50%; transform: translate(-50%, -50%); width: 75px; } .desc-sm { font-size: 1.2rem; line-height: 1.5vw; margin: 10px auto; color: #707070; } .we-offer>.desc-sm { width: 80%; } .desc-lg { color: #707070; font-size: 1.4rem; line-height: 1.7; } .hospitality-stock.imageslider-widget { padding-top: 2vw; min-height: 200px; width: 126%; margin-left: -13%; line-height: normal; } .hospitality-stock .owl-nav { position: relative; width: auto; right: 0; left: 0; } .hospitality-stock .customDesc { position: relative; display: none !important; } .hospitality-stock .owl-stage-outer:after { width: auto; position: relative; } .hospitality-stock .owl-dots { width: auto; position: relative; left: auto; right: auto; display: none; } .hospitality-stock .owl-prev, .hospitality-stock .owl-next { position: relative; background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/images/slickRight.png) no-repeat 50% 100%; right: auto; bottom: 0; display: inline-block; width: 70px; height: 70px; } .hospitality-stock .owl-prev { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/images/slickLeft.png) no-repeat 50% 100%; } .baslide p:first-of-type { text-align: left; font-size: 1.4rem; } .baslide p:first-of-type span { text-transform: uppercase; margin-top: 12px; display: inline-block; width: 48.5%; } .baslide p:first-of-type span:first-of-type { margin-right: 3%; text-align: right; } .badesc { font-size: 1.4rem; margin: 1.5vw auto 1vw; line-height: normal; } .associations-awards { margin: 1vw 3.5vw; padding: 3.5vw 0; text-align: center; transform: translateY(30px); transition: 0.5s ease-in-out; } .awards { border: 1px solid #C8C8C9; width: 70%; margin: 4vw auto; } .awards td { width: 50%; vertical-align: middle; padding: 4% 2% 4% 7%; text-align: left; } .awards td:last-child { padding: 4% 7% 4% 2%; text-align: right; display: table-cell; } .awards td .desc-sm { text-align: left; } .awards.arts { position: relative; margin-top: 7vw; } .awards.arts img { position: absolute; transform: translateY(-50%); top: 50%; max-width: 23vw; } #maincontent2 { z-index: 1; position: relative; } /*** End Hospitality ***/ /*** Privacy Policy ***/ .cms-privacypolicy p { line-height: 1.5 } .cms-privacypolicy ul.ppli { margin-left: 0px; } .cms-privacypolicy ul.ppli li { display: list-item; text-align: -webkit-match-parent; list-style-type: disc; line-height: 1.5; padding-bottom: 10px; } a.btnlink.loadmore { width: 238px; } .newssign.assistform .formbuilder label.checklabel { line-height: 17px; } /*** End Privacy Policy ***/ /*** Market Dates ***/ .collections-main.market-main { padding-top: 50px; } .collections-main.market-main .collections-info-wrapper:before { border: 0; content: none; } .dateswrap { margin: 4vw auto 5vw; width: 80%; position: relative; height: 31vw; } .dateslft { width: 47%; margin-right: 3%; float: left; text-align: right; position: absolute; z-index: 1; } .datesrgh { width: 50%; float: right; position: relative } .fullimg img { width: 100%; } .thumbimg img { display: inline-block; width: 56% } .datesdescwrap { border: 1px solid #C8C8C9; width: 65%; float: right; margin: -6% auto 6%; position: relative; } .datesdesc { width: 60%; margin: 10%; float: right; font-size: 0.7vw; line-height: 2; position: relative; height: 9vw; overflow: hidden; } .datesdesc>p { margin-bottom: 7px; padding-left: 15px } .togglecs .datesdesc { height: auto; overflow: visible } .datesdesc h2 { font-size: 1vw; text-transform: uppercase; margin-bottom: 5%; padding-left: 15px } .toggle-cs-block { background: #ffffff url(../../frontend/Jola/jolatheme/web/images/icons/ico-arrow-bottom-middlesize-black.png) no-repeat center center; background: #ffffff url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-bottom-middlesize-black.png) no-repeat center center; position: absolute; bottom: -15px; left: 30%; z-index: 1000; width: 45px; height: 30px; cursor: pointer; padding: 0; margin: 0; } .toggle-cs-block:hover { background-color: #efefef; } .togglecs>.toggle-cs-block { background-image: url(../../frontend/Jola/jolatheme/web/images/icons/ico-arrow-top-middlesize-black.png); background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-top-middlesize-black.png); } .oddwrap .datesdescwrap { float: left; } .oddwrap .datesdesc { float: left; } .oddwrap .datesdesc h2 {} .oddwrap .dateslft { right: 0; margin-right: 0; } .toggle-cs-block.btmtoogle { left: 10%; } .shlnk:hover { text-decoration: none; font-weight: bold } .market-info p { border-bottom: 1px solid #C8C8C9; padding: 15px 15px; text-transform: uppercase; } .attachment-icon { float: left; padding-right: 15px; height: 32px; padding-top: 2px; } .attachment-icon img { max-height: 90%; width: auto; } .hostwrap { border-top: 1px solid #C8C8C9; } .hostwrap h2 { font-size: 1vw; text-transform: uppercase; text-align: center; margin-top: 6vw; } .hostwrap .dateswrap { margin: 3vw auto 6vw; } .page-products .products-grid .items3 .product-item { width: 32%; margin-right: 2% !important; } .page-products .products-grid .items3 .product-item:nth-child(3n) { margin-right: 0 !important; } .page-products .items3 .product-item-info { width: 100% } .page-products .products-grid .items3 .product-item .product-item-info-inner { line-height: 0; border: 0; } .distr-page .showroom-wrapper .infowrap { border-bottom: 0; margin-bottom: 0; } .showtt { display: inline-block } .collections-main.market-main .collections-title { padding-bottom: 30px; } /*** End Market Dates ***/ /*** Downloads ***/ .catalog-product-view .page-main.download-main { padding-right: 0; } .catalog-product-view .page-main.download-main>p { margin-bottom: 0 } .download-main.page-main>.page-title-wrapper { padding: 1rem 0 1.8rem 0; } .download-main.page-main>.page-title-wrapper .page-title { text-align: center; display: block; font-size: 1.5rem } .download-main img { width: 100%; } .download-page-bottom { margin: 0 42px 50px; border: 1px solid #C8C8C9; } .download-page-bottom div p { font-size: 2.1rem } .download-page-top p { margin-bottom: 6.5rem; font-size: 1rem; color: #868787; } /*** End Downloads ***/ .glcentr { text-align: center; } .catalog-product-view .message { width: calc(100% + 40px); } .button.dark { background: #000; color: #fff; } .button.dark:hover, .button.dark:active, .button.dark:focus { background: #fff; color: #000; border: 1px solid #000; } .catalog-product-view .collapsible-wrapper .collapsible-content.delivery-content { padding: 0 15px 15px; } .delivery-content p { color: #858586; font-size: 1.1rem; } .delivery-content a { text-decoration: underline } /*** Quick View ***/ .quick-view-button .button-quickview { color: #fff; border: none; padding: 0; line-height: 1; font-size: 1.1rem; } .quickview-override.catalog-product-view .gallery-placeholder, .quickview-override.catalog-product-view .product.media { width: 60% !important; float: left; padding: 0; padding-right: 0px; border-right: 1px solid #C8C8C9; } .quickview-override.catalog-product-view .gallery-placeholder { width: 100% !important; } .quickview-override.catalog-product-view .product-info-main .product-info-inner, .quickview-override.catalog-product-view .product-info-main .product-info-inner.fixed-end { position: static; margin-bottom: 30px; } .quickview-override .fotorama__stage__frame .fotorama__img { /*width: 95% !important; max-height: initial;*/ } .quickview-override .fotorama__stage { /*width: 555px!important;height: 555px!important;*/ } .quickview-override.catalog-product-view .page-main { padding: 60px 50px 0px 0; } .quickview-override.catalog-product-view .product-description-wrapper, .quickview-override.catalog-product-view .product-downloads-wrapper, .quickview-override.catalog-product-view .product-deliveryandreturns-wrapper, .quickview-override.catalog-product-view .product-social-icons-wrapper { display: none; } .modal-popup.quickModal .modal-header { padding-top: 0px } .modal-popup.quickModal .modal-content { padding: 0px; } .modal-popup.quickModal .action-close, .modal-slide .action-close { right: 30px; top: 40px; padding: 20px 25px; } .quickview-override.catalog-product-view .product-info-main { float: right; width: 40% !important; } /*.product-quickview:after { content: ''; display: block; clear: both; }*/ .quickview-override.catalog-product-view .product-info-main-inner { padding: 30px 0px 0 45px; } .quickview-override.catalog-product-view .pdp-login-popup-toggler, .quickview-override.catalog-product-view .product-register-benefits-wrapper { display: none; } .modal-popup.quickModal .modal-inner-wrap { max-width: 1440px; margin: 0 auto; top: 50%; transform: translateY(-50%); } .product-quickview { line-height: 0.7; overflow: hidden; } .product-quickview iFrame { height: 780px !important; } .quickview-override.catalog-product-view .product-name-wrapper .icons { top: 50px; right: 120px; } .quickview-override.catalog-product-view .loggedout .product-name-wrapper .name { min-height: 40px; } .quickview-override.catalog-product-view .loggedout .product-name-wrapper .icons { top: 45px; } .quickview-override.catalog-product-view .product-measurement-converter { position: absolute; top: 100px; right: 50px; z-index: 9; width: 100px; } .quickview-override.catalog-product-view .product-measurement-converter.loggedout { top: 96px; } .quickview-override.catalog-product-view .product-measurement-converter select { min-width: 100px; } @media only screen and (max-width: 1429px) { .quickview-override.catalog-product-view .product-measurement-converter { top: 90px; } .quickview-override.catalog-product-view .product-measurement-converter.loggedout { top: 86px; } .lifestyle-imgs.learnmorehd { max-width: 65%; } } .quickview-override.catalog-product-view .zopim { display: none !important; } .qvbutton, .qvbutton:visited { background-color: #ffffff; color: #000000; display: none; width: 100%; border: 1px solid #000000; text-align: center; text-transform: uppercase; letter-spacing: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; line-height: 14px; padding: 13px; margin: 0; } .qvbutton:hover, .qvbutton:focus, .qvbutton:active { background-color: #000; color: #fff; text-decoration: none; } .quickview-override.catalog-product-view .qvbutton { display: block; } .quickview-override.catalog-product-view .loggedin .actions>* { width: 49% !important; float: left; } .quickview-override.catalog-product-view .product-addtocompare { display: none; } .quickview-override.catalog-product-view .product-addtofavorites { float: none; width: 100%; } .quickview-override.catalog-product-view .loggedin .actions .tocart { float: right } .quickview-override .fancybox-skin { padding: 40px 70px !important } .quickview-override.catalog-product-view .message { width: calc(100% + 50px); position: absolute; top: 0; } .quickview-override.catalog-product-view .fotorama__nav-wrap { display: none !important; } /*** End Quick View ***/ p.minimal-price, .page-product-grouped .product-item .minimal-price { margin: 0 } .closefilter { display: none } .am_shopby_filter_items_attr_price li:first-child { padding-bottom: 2rem; } body .filter-options-content .amshopby-filter-price-from, body .filter-options-content .amshopby-filter-price-to { width: 30%; border: 1px solid #C8C8C9; text-align: center; line-height: 2.5rem; height: 2.5rem; } body .filter-options-content .am-filter-price.-from, body .filter-options-content .am-filter-price.-to, body .filter-options-content .am-filter-go { border: 1px solid #000; background-color: #fff; color: black; border-radius: 0 !important; } body .filter-options-content .am-filter-go:hover { border: 1px solid #fff; background-color: #000; color: white; } body .filter-options-content .amshopby-slider-container.-default .am-slider .ui-slider-handle { background-color: #000; } body .filter-options-content .amshopby-slider-container.-default .am-slider .ui-slider-range { background-color: #e8e8e6; } .filter-options-content .delimiter { margin: 0 5px; line-height: 30px; } .signpage { text-align: center; } #signupdates.newssign { display: inline-block !important; max-width: 970px; margin: 0 auto; text-align: left; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/gray1px.jpg) repeat-y calc(50% - 7.5px); } #signupdates.newssign .formbuilder-form { margin-top: 1.5vw; margin-bottom: 1.5vw; } .cms-sign-up-for-updates .breadcrumbs { padding-left: 40px !important; } .message { font-family: 'IBM Plex Sans Regular', Helvetica, Arial, sans-serif; } .checkout-onepage-success .page-main>.page-title-wrapper .page-title { display: block; text-align: center; padding: 4rem 0 3rem; margin: 0 auto; } .checkout-success { width: 40%; margin: 5rem auto; max-width: 735px; } .checkout-success p { font-size: 1.2rem; } body .customer-account-create .checkout-success .primary a.action.primary { padding: 6px 2rem; margin-top: 5rem; background: #000; color: #fff; } body.checkout-onepage-success .print { display: block; float: left; margin-top: 5rem; margin-left: 4rem; border: 1px solid #000; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/print.png) no-repeat 2rem 50%; line-height: 2.2rem; font-size: 1.1rem; text-transform: uppercase; padding: 6px 2rem; padding-left: 5rem; } .action.details.tooltip.toggle { font-size: 0.8rem } /*.team-messaging-container .messages .container .info_header .title {padding-right: 75px;}*/ body.jolausa-teammessages-message-listing .team-messaging-container .messages .container:hover .info_header .title { font-weight: bold } #sort-form .selectBox-dropdown { min-width: 300px; } #sort-form .selectBox-dropdown .selectBox-label { padding-left: 10px } body.jolausa-teammessages-message-view .messages .container .message .actions_buttons { width: 95px } body.jolausa-teammessages-message-view .messages .message .content-message { width: calc(100% - 100px); } #po_info_content { position: relative; padding: 0 30px; margin: 6px 0 20px; width: 45%; float: left; -ms-flex-order: 2; -webkit-order: 2; order: 2; /*display: none;*/ } #po_info_content:last-of-type { float: right; } .shipping-information-title { border-bottom: 1px solid #cccccc; margin: 0 0 20px; position: relative; } .poedit span span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .order-notes { margin-top: 2rem; } .order-notes legend, .checkout-index-index #ponumber-form legend { position: absolute; left: 18px; background-color: #fafafa; top: -3px; padding: 0 10px; letter-spacing: 0.2rem; font-family: "IBM Plex Sans Regular"; font-size: 0.8rem; color: #868787; } #discount-coupon-form .fieldset.coupon { padding-bottom: 1.1rem; } input#ponumber_code::placeholder, input#ponumber_code:placeholder-shown, input#ponumber_code::-ms-input-placeholder { color: #9D9D9D; } textarea#order_notes { min-height: 90px; background-color: #fafafa; -webkit-box-shadow: 0 0 0px 1000px #fafafa inset; padding: 20px 28px; border-color: #868787; color: #868787; } .cart-summary .order-notes .fieldset .actions-toolbar { float: right; } .checkout-index-index #ponumber-form .control { position: relative; } .checkout-index-index #ponumber-form legend { background: #fff } .checkout-index-index textarea#order_notes { background: #fff; -webkit-box-shadow: 0 0 0px 1000px #fff inset; } .checkout-index-index #ponumber-form .submit.dark { margin-left: 30px; } .product-item .minimal-price .price-container { display: inline-block; } .notes #po_info_content { padding: 0; } .notes #po_info_content .shipping-information-title { font-size: 1.8rem; } .account #my-orders-table tfoot td, .account #my-orders-table tfoot th, .table-order-items.invoice tfoot th, .table-order-items.invoice tfoot td { background: #FAFAFA; } .forms-img img { width: 100%; } .prods.empty { margin: 0 auto; display: flex; justify-content: center; } .prods.empty>div { padding: 0; } .empty-left { width: 48.75%; border: 1px solid #000; vertical-align: middle; display: flex; flex-direction: column; justify-content: center; max-width: 700px; } .empty-left div { padding: 0 40px; } .empty-left h2 { text-transform: uppercase; font-size: 3rem; } .empty-left h6 { text-transform: uppercase; font-size: 0.9rem; } .empty-left .button { background: black !important; color: white !important; width: 220px !important; } .empty-right { width: 51.25%; } .empty-right img { display: block; } .block-content.filter-content { padding-bottom: 100px; max-height: 100vh; overflow: auto; } .custom_2rows_slider .slick-slide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } @media only screen and (max-width: 1024px) { .page-header .navigation ul { margin-left: unset; } .page-header .h-bottom .logo img { width: 30vw; } .custom_2rows_slider { max-width: 550px; margin: 0 auto; } .custom_2rows_slider .slick-prev, .custom_2rows_slider .slick-next { top: 50%; } .custom_2rows_slider .slick-next { right: -15%; } .custom_2rows_slider .slick-prev { left: -15%; } .custom_2rows_slider img { width: 100%; } .custom_2rows_slider .slider-nav1 .slick-slide, .custom_2rows_slider .slider-nav2 .slick-slide { padding: 11px 2px; position: relative; } .custom_2rows_slider .slider-nav1 .slick-slide:after, .custom_2rows_slider .slider-nav2 .slick-slide:after { content: ""; border-bottom: 2px solid #c8c8c9; left: 35%; bottom: 0; position: absolute; z-index: 9999; width: 30%; height: 2px; transition: all 0.5s ease-in; } .custom_2rows_slider .slider-nav1 .slick-slide.slick-current:after, .custom_2rows_slider .slider-nav2 .slick-slide.slick-current:after { content: ""; left: 15%; z-index: 9999; width: 70%; } .custom_2rows_slider h5 { text-align: center; margin: 2rem auto 0; } .custom_2rows_slider .video-slide:after { content: ""; background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/gallery.png); background-repeat: no-repeat; height: 106px; width: 106px; -webkit-transform: translate3d(-50%, -50%, 0); -ms-transform: translate3d(-50%, -50%, 0); -o-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); left: 50%; position: absolute; top: 50%; background-position: -80px -160px; cursor: pointer; } .custom_2rows_slider .video-slide.vidclick:after { content: none; } .custom_2rows_slider .slider-nav2 .video-slide:after { height: 80px; width: 80px; background-position: -35px -82px; background-size: 150px; } .account .column.main .block.block-dashboard-info { border-bottom: 1px solid #9A9A9B; padding-bottom: 15px; } .account .column.main .block:not(.widget) .block-title>strong { font-size: 17px; } .account .column.main .block:not(.widget) .box-title>span { font-size: 16px; } } @media only screen and (max-width: 768px) { .page-header .h-bottom .logo img{ width: 37vw; } } @media only screen and (max-width: 740px) { .continfbt { display: block; } .custom_2rows_slider .slider { margin: 0 auto; width: calc(100% - 60px); } .custom_2rows_slider .slick-prev, .custom_2rows_slider .slick-next { top: 40%; width: 31px; height: 25px; } .custom_2rows_slider .slick-prev:before, .custom_2rows_slider .slick-next:before { font-size: 27px; } .custom_2rows_slider .slick-next { right: -40px; } .custom_2rows_slider .slick-prev { left: -40px; } } .opc-saddress-grid { display: grid; grid-template-columns: repeat(2, 1fr); column-gap: 20px; row-gap: 20px } .opc-saddress-grid .addresses { grid-column-start: 2; grid-column-end: 2; grid-row-start: 1; grid-row-end: 8; } .opc-saddress-grid .field-select-shipping { grid-column-start: 1; grid-column-end: 1; grid-row-start: 3; grid-row-end: 3; } .opc-saddress-grid .opc-new-saddress { grid-column-start: 1; grid-column-end: 1; grid-row-start: 5; grid-row-end: 5; } @media screen and (max-width: 480px) { .opc-saddress-grid { display: grid; grid-template-columns: 1fr; row-gap: 20px } .opc-saddress-grid .addresses { grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 1; } .opc-saddress-grid .field-select-shipping { grid-column-start: 1; grid-column-end: 1; grid-row-start: 2; grid-row-end: 2; } .opc-saddress-grid .opc-new-saddress { grid-column-start: 1; grid-column-end: 1; grid-row-start: 3; grid-row-end: 3; } } /* Cart and Checkout update August 2023. GV-233 */ /* NeueHelveticahmmLight */ .checkout-index-index h1.page-title, .checkout-cart-index h1.page-title { font-family: 'Helvetica', Arial, sans-serif; font-size: 26px; line-height: 31px; letter-spacing: 5.2px; color: #000000; } .cart.table-wrapper .cart thead tr th:first-child { font-family: 'Helvetica', Arial, sans-serif; font-size: 14px; font-weight: normal; letter-spacing: 5.6px; } .cart.table-wrapper .cart thead tr th { font-family: 'Helvetica', Arial, sans-serif; font-size: 9px; letter-spacing: 3.6px; } .checkout-cart-index .abs-product-link>a:visited, .checkout-cart-index .product-item-name>a:visited, .checkout-cart-index .product.name a>a:visited, .checkout-cart-index .product-item-name>a, .checkout-cart-index .product.name a>a, .checkout-cart-index .cart.table-wrapper .product-item-name, .checkout-cart-index .attr-item.attr-dimensions .attr-value .attr-value-item, .checkout-cart-index .cart.table-wrapper .col.price .price-excluding-tax .price, .checkout-cart-index .cart.table-wrapper .col.subtotal .price-excluding-tax .price { font-size: 12px; letter-spacing: 2.64px; text-transform: uppercase; color: #000; font-family: 'Helvetica', Arial, sans-serif; } .checkout-cart-index .cart.table-wrapper .col.price .price-excluding-tax .price, .checkout-cart-index .cart.table-wrapper .col.subtotal .price-excluding-tax .price { display: block; line-height: 2; } .checkout-cart-index .cart.table-wrapper input[type="text"], .checkout-cart-index .cart.table-wrapper input[type="password"], .checkout-cart-index .cart.table-wrapper input[type="url"], .checkout-cart-index .cart.table-wrapper input[type="tel"], .checkout-cart-index .cart.table-wrapper input[type="search"], .checkout-cart-index .cart.table-wrapper input[type="number"], .checkout-cart-index .cart.table-wrapper input[type="datetime"], .checkout-cart-index .cart.table-wrapper input[type="email"], .checkout-cart-index .cart.table-wrapper textarea { font-size: 9px; letter-spacing: 0; text-transform: uppercase; color: #000; font-family: 'Helvetica', Arial, sans-serif; } span.price-excluding-tax.special-price span.cart-price span.price { color:#CC6161 !important; } body .breadcrumbs .item strong { font-family: 'Helvetica', Arial, sans-serif; } @media only screen and (min-width: 768px) { .cart.table-wrapper .cart thead tr th.col { border-bottom: 1px solid #c9c9c9; } } .cart.main.actions button span { font-size: 12px; } #ponumber-form .fieldset .field .control textarea { width: 100% !important; } input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="email"]::-moz-placeholder { color: #9D9D9D !important; font-family: 'Helvetica', Arial, sans-serif; } .action.primary.checkout span { font-size: 10px; font-weight: 300; line-height: 12px; letter-spacing: 4.6px; } @media only screen and (min-width: 768px) { .opc-progress-bar .opc-progress-bar-item>span::after { height: 30px; width: 30px; margin-left: -15px; top: 4px; font-size: 18px; line-height: 30px; letter-spacing: 1px; } .opc-progress-bar .opc-progress-bar-item._active>span::after { content: counter(i); font-family: 'Helvetica', Arial, sans-serif; } .opc-progress-bar .opc-progress-bar-item._complete>span::after { content: url('data:image/svg+xml,'); line-height: 35px; } .opc-progress-bar .opc-progress-bar-item>span, .opc-progress-bar .opc-progress-bar-item._active>span { color: #868787 !important; letter-spacing: 4px; font-weight: normal; font-size: 10px; line-height: 12px; font-family: 'Helvetica', Arial, sans-serif; } .opc-block-summary .product-item .product-item-inner { display: flex; justify-content: space-between; align-items: first baseline; } } @media only screen and (min-width: 1001px) { #checkout aside.modal-custom.opc-sidebar.opc-summary-wrapper.custom-slide { position: relative; top: -201px; } } .opc-wrapper .step-title { font-weight: 400; font-size: 21px; margin-bottom: 30px; } .field.field-select-shipping .control select { font-size: 9px; line-height: 11px; font-weight: 400; letter-spacing: 3.06px; text-transform: none; } .opc-saddress-grid .field-select-shipping { grid-column-start: 1; grid-column-end: 1; grid-row-start: 1; grid-row-end: 1; } .opc-saddress-grid .opc-new-saddress { grid-column-start: 1; grid-column-end: 1; grid-row-start: 2; grid-row-end: 2; } .opc-saddress-grid .addresses { grid-column-start: 1; grid-column-end: 1; grid-row-start: 3; grid-row-end: 4; } .opc-wrapper .shipping-address-item.selected-item::after { content: url('data:image/svg+xml,'); } input[type=radio] { background-color: #ECECEC; border-radius: 50%; box-shadow: inset 0 0 0 0 white; cursor: pointer; font: inherit; height: 15px; outline: none; width: 15px; -moz-appearance: none; -webkit-appearance: none; } input[type=radio]:checked { background-color: #404040; box-shadow: inset 0 0 0 3px #ECECEC; -webkit-transition: background 0.15s, box-shadow 0.1s; transition: background 0.15s, box-shadow 0.1s; } .payment-method, .opc-block-summary .product-item .product-item-name-block, .table-checkout-shipping-method tbody td { font-size: 10px; line-height: 24px; letter-spacing: 4px; font-family: 'Helvetica', Arial, sans-serif; } .details-btn >.label>span { text-transform: capitalize; cursor:pointer; } #co-shipping-method-form .item-options .field.item label.label { position: relative; top: -2px; /* left: -2px; */ font-weight: 300; font-size: 9px; letter-spacing: 2.52px; } #amasty-extrafee-form .amasty-extrafee-fees:first-child { margin-bottom: 40px; } #checkout-step-shipping_method #co-shipping-method-form .item-options .field.item { margin-left: 0; } .product-out-stock-note-checkout { /* font-size: 9px; */ font-weight: 300; /* line-height: 11px; */ letter-spacing: 1.98px; color: #B20F0F; padding-left: 10px; padding-bottom: 10px; } .modal-popup.out-of-stock-popup.modal-slide._inner-scroll._show .modal-inner-wrap { background: #FAFAFA; } .out-of-stock-popup .modal-inner-wrap { font-size: 14px; text-align: center; font-weight: 300; line-height: 25px; letter-spacing: 3.36px; color: #020202; } body .modal-inner-wrap button:not(.action-close) { min-width: 195px; } #label_carrier_RUS_rush, #label_carrier_HRU_rush, #label_carrier_STD_rush { display: none; } img { font-size: 10px; } .checkout-payment-method .checkout-billing-address .billing-address-details, .checkout-payment-method .checkout-billing-address .shipping-address-details { font-weight: 400 !important; font-size: 10px; line-height: 18px; letter-spacing: 2.8px; font-family: 'Helvetica', Arial, sans-serif; } .checkout-payment-method .checkout-billing-address .shipping-address-details span.bold, .checkout-payment-method .checkout-billing-address .billing-address-details span.bold { font-weight: 400 !important; font-size: 14px; line-height: 17px; letter-spacing: 5.6px; margin-bottom: 0px; display: block; font-family: 'Helvetica', Arial, sans-serif; } .columns .cart-container .form-cart .actions.main .clear { color: #000; } #shipping-notes { display: none; } .cart-totals tbody .mark, .cart-totals tfoot .mark, .opc-block-summary .table-totals tbody .mark, .opc-block-summary .table-totals tfoot .mark, .cart-totals tbody .amount, .cart-totals tfoot .amount, .opc-block-summary .table-totals tbody .amount, .opc-block-summary .table-totals tfoot .amount { font-weight: 400; padding: 20px 0 5px; font-size: 10px; letter-spacing: 4px; color: #000000; font-family: 'Helvetica', Arial, sans-serif; } .cart-totals .grand strong, .opc-block-summary .table-totals .grand strong { padding: 8px 0 0; font-size: 14px; letter-spacing: 5.6px; font-family: 'Helvetica', Arial, sans-serif; letter-spacing: 5.6px; color: #000000; font-weight: normal; } .action.action-edit-address { display: none; } .opc-block-additional-shipping-info .control-action, .opc-block-shipping-information .mt-1 { position: absolute; top: -40px; right: 0; border-top: 0; text-decoration: underline; outline: 0; } .opc-block-shipping-information .mt-1 .btn.special, .opc-block-additional-shipping-info .control-action .btn.special { font-size: 9px; font-weight: 300; line-height: 19px; letter-spacing: 1.98px; color: #000000; border: 0; font-family: 'Helvetica', Arial, sans-serif; } .opc-block-shipping-information .mt-1 .btn.special:hover, .opc-block-additional-shipping-info .control-action .btn.special:hover { background-color: transparent; } .opc-block-additional-shipping-info { position: relative; } .opc-block-additional-shipping-info #ponumber_value, .opc-block-shipping-information .shipping-information-content { font-family: 'Helvetica', Arial, sans-serif; font-size: 10px; line-height: 18px; letter-spacing: 2.8px; color: #000000; } .shipping-information .ship-to, .shipping-information .ship-notes { display: none; } #po_info_content { margin-bottom: 40px; display: block; } .opc-block-shipping-information { position: relative; } .checkout-payment-method .actions-toolbar .primary .action.primary.checkout { margin-top: 25px; background: #000; color: #fff; } .opc-block-summary .table-totals { display: block; } .opc-block-summary .table-totals tbody { display: flex; flex-direction: column; } .opc-block-summary .table-totals tbody tr.totals { display: flex; justify-content: space-between; order: 1; align-items: flex-end; } .opc-block-summary .table-totals tbody tr.totals.amasty-extrafee { order: 2; } .opc-block-summary .table-totals tbody tr.totals.grand { order: 4; } .opc-block-summary .table-totals tbody tr.totals th { padding-right: 10px; } .opc-block-summary .table-totals tbody tr.totals.amasty-extrafee td, .opc-block-summary .table-totals tbody tr.totals.amasty-extrafee th { font-size: 9px; padding-top: 5px; padding-bottom: 22px; } .opc-block-summary .table-totals tbody tr.totals.grand { border-top: 1px solid #d1d1d1; } .opc-block-summary .table-totals tbody tr.totals.grand td, .opc-block-summary .table-totals tbody tr.totals.grand th { border: 0 none; padding-top: 10px; padding-bottom: 5px; } div.loading-mask { z-index: 99 !important; } .banner-content { position: absolute; top: 13%; right: 5%; color: #ffffff !important; /* force white color */ font-family: Arial, sans-serif; /* adjust to your preferred font */ } .banner-heading { font-size: 28px; /* slightly bigger for emphasis */ font-weight: 700; margin: 0 0 10px 0; text-transform: uppercase; color: #ffffff !important; /* ensure heading is white */ font-weight: 200 !important; } .banner-subtitle { font-size: 18.6px; margin: 0 0 20px 0; color: #ffffff !important; /* ensure subtitle is white */ letter-spacing: 1.3px; } .banner-btn { display: inline-block; padding: 7px 28px; border: 1px solid #ffffff; /* match text color */ background: transparent; /* keep button transparent */ color: #ffffff !important; /* white button text */ text-decoration: none; font-size: 14px; font-weight: 300; letter-spacing: 4px; transition: background 0.3s ease, color 0.3s ease; } .banner-btn:hover { background: #ffffff; color: #000 !important; text-decoration: none; } /* Styles for this specific banner */ .banner-block-mobile-center { position: relative; } .banner-block-mobile-center img { width: 100%; height: auto; display: block; } .vesdesc-mobile-center { position: absolute; top: 20%; right: 5%; text-align: right; color: #fff; } .vesdesc-text { display: block; font-size: 16px; margin-bottom: 10px; color: #fff; } .vesdesc-mobile-center h2 { font-size: 22px; margin: 0 0 20px 0; color: #fff; } .button-mobile-center { display: inline-block; padding: 10px 20px; border: 1px solid #fff; background: transparent; color: #fff; text-decoration: none; font-size: 14px; font-weight: 600; letter-spacing: 1px; } /* Mobile styles: center text inside banner for this banner only */ @media screen and (max-width: 768px) { .vesdesc-mobile-center { top: 50%; left: 50%; right: auto; transform: translate(-50%, -50%); text-align: center; width: 90%; padding: 0 10px; } .vesdesc-text { font-size: 19.5px; } .vesdesc-mobile-center h2 { font-size: 16px; margin-bottom: 12px; } .button-mobile-center { padding: 10px 30px; font-size: 14px; font-weight: 200; } .button-mobile-center:hover { background-color: #fff; color:#000 !important; text-decoration: none; } } .signatureiii .juicer-feed.slider li > .j-meta {background: #54565a;} .signatureiii .juicer-feed.image-grid .j-text, .signatureiii .juicer-feed.slider .j-text, .juicer-feed.hip .j-text { background: rgba(112,90,69,0.75)!important; } /*** Signature III ***/ .signatureiii .page-header .h-top { background: #54565a; } .signatureiii .page-header .h-top a{ color: #fff; } .signatureiii .page-header .h-store-link a {background: none; padding-top: 13px;} .signatureiii.page-layout-custom-home h2 { color:#54565a; } .signatureiii.page-layout-custom-home h2 { color:#54565a; } .signatureiii .customDesc h2 {color:#fff;} /*.signatureiii .products-grid .slick-slide .product-item-details {background:#54565a; }*/ .signatureiii .carousel-feature .carousel-caption {background:#54565a; } .signatureiii .page-footer .f-bottom {background:#54565a;} .signatureiii .page-footer .f-copyright {color:#fff;} .signatureiii i.fa-user-circle:before { background: transparent; } .signatureiii .page-header .h-links-items .h-link-favorites > a span, .signatureiii .page-header .h-cart-wrapper > a span { background-color: #54565a; } .signatureiii .page-header .h-cart-wrapper > a span { border: 1px solid #54565a; } /*** Magento_Theme module responsive styles ***/ .cms-contract .hotels-logos .slick-arrow{ z-index: 1; } .page-header .h-search-toggler { background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_loupe_black.png') no-repeat center center / auto 18px; width: 20px; height: 20px; cursor: pointer; line-height: 100%; padding: 0; margin-right: 2vw; } .wishlist-index-index .old-price{ display: none; } .mob760 {display: none} .nomob760, .studiohp.stahp {display: block} .assistform .formbuilder-form .form-list .field {min-height: 45px; margin-bottom: 0; padding-left: 0} .assistform form .select2-container {margin-bottom: 15px;} .hdform .assistform h2 { padding-top: 20px; } .assistform textarea { margin-top: 1rem; } .shop-all-brands-wrapper { text-align: center; padding: 40px 20%; } .shop-all-brands-wrapper h1 { text-transform: uppercase; margin-bottom: 0; } .shop-all-brands-wrapper p { padding-bottom: 30px; } .shop-all-brands-wrapper .shop-all-brands-container { display: table; margin-bottom: 50px; } .shop-all-brands-wrapper .shop-all-brands-container-left { width: 50%; display: table-cell; vertical-align: middle; } .shop-all-brands-wrapper .shop-all-brands-container-right { width: 50%; display: table-cell; vertical-align: middle; height: 100%; padding: 0 20px; } .page-footer .f-middle .j-three-cols-wrapper .j-col3 .f-studiohome h3:nth-of-type(2){ margin: 10px 0 0 0; } /*.catalog-category-view .page-main{*/ /* margin-top: 127px;*/ /*}*/ /*.cms-page-view .page-main{*/ /* margin-top: 145px;*/ /*}*/ /*.downloads-files-index .page-main{*/ /* margin-top: 127px;*/ /*}*/ /*.cms-contract.cms-page-view .page-main{*/ /* margin-top: 170px;*/ /*}*/ /*.cms-modified-design.cms-page-view .page-main{*/ /* margin-top: 170px;*/ /*}*/ /*.cms-custom-design.cms-page-view .page-main{*/ /* margin-top: 170px;*/ /*}*/ /*.cms-visual-presentation.cms-page-view .page-main{*/ /* margin-top: 170px;*/ /*}*/ /*.cms-senior-living.cms-page-view .page-main{*/ /* margin-top: 170px;*/ /*}*/ .page-with-filter.catalog-category-view .page-main .columns{ padding-top: 70px; } /*.catalog-product-view .page-main{*/ /* margin-top: 130px;*/ /*}*/ body.cms-terms-and-conditions .breadcrumbs, body.cms-privacypolicy .breadcrumbs { padding-left: 40px; } .account .page-main { max-width: 100%; padding-left: 40px; padding-right: 40px; /*margin-top: 130px;*/ } /*.customer-account-forgotpassword .page-main{*/ /* margin-top: 130px;*/ /*}*/ /*.customer-account-login .page-main{*/ /* margin-top: 130px;*/ /*}*/ .catalog-product-view .breadcrumbs { width: calc(100% - 130px); display: inline-block; } .checkout-cart-index .breadcrumbs{ text-align: left; } /*.checkout-cart-index .page-main{*/ /* margin-top: 100px;*/ /*}*/ /*.checkout-index-index .page-main{*/ /* margin-top: 115px;*/ /*}*/ .cms-thank-you-for-registering .column.main{ min-height: unset; } /*.customer-account-create .page-main{*/ /* margin-top: 100px;*/ /*}*/ body.customer-account-create .page-header .h-top a{ color: black; text-decoration: none; } /*.search-index-index .page-main{*/ /* margin-top: 110px;*/ /*}*/ @media screen and (min-width: 1025px) { .toolbar{ text-align: unset; } } /*.account .block-collapsible-nav {*/ /* left: 0;*/ /* position: absolute;*/ /* width: 26%;*/ /* z-index: 5;*/ /* top: 145px;*/ /* padding-left: 2rem;*/ /* padding-right: 2rem;*/ /*}*/ @media screen and (max-width: 1024px){ /*.search-index-index .page-main{*/ /* margin-top: 220px;*/ /*}*/ .search-index-index .page-main h1.page-title{ font-size: 3vw; } /*.customer-account-forgotpassword .page-main{*/ /* margin-top: 240px;*/ /*}*/ /*.customer-account-login .page-main{*/ /* margin-top: 240px;*/ /*}*/ /*.checkout-onepage-success .page-main{*/ /* margin-top: 250px;*/ /*}*/ .checkout-cart-index .breadcrumbs{ text-align: center; } /*.checkout-cart-index .page-main{*/ /* margin-top: 200px;*/ /*}*/ .checkout-cart-index h1.page-title{ margin-top: 2rem; } /*.page-products .page-main{*/ /* margin-top: 170px;*/ /*}*/ /*.catalog-product-view .page-main{*/ /* margin-top: 240px;*/ /*}*/ .catalog-product-view.product-high-point .breadcrumbs { text-align: center; } .catalog-product-view .breadcrumbs { width: 100%; text-align: center; } .page-with-filter.catalog-category-view .t-breadcrumbs .breadcrumbs{ padding-bottom: 20px; } .catalog-category-view .collections-main .breadcrumbs{ text-align: center; padding-top: 40px; } .page-products .toolbar-top{ position: unset; } /*.cms-page-view .page-main{*/ /* margin-top: 240px;*/ /*}*/ .cms-page-view .page-main .breadcrumbs{ text-align: center; } /*.downloads-files-index .page-main{*/ /* margin-top: 240px;*/ /*}*/ .downloads-files-index .page-main .breadcrumbs{ text-align: center; } body.cms-terms-and-conditions .breadcrumbs, body.cms-privacypolicy .breadcrumbs{ padding-left: unset; } .account .block-collapsible-nav { position: unset; margin: unset; /*top: 35px;*/ width: 100%; } /*.checkout-index-index .page-main{*/ /* margin-top: 200px;*/ /*}*/ /*.cms-contract.cms-page-view .page-main{*/ /* margin-top: 255px;*/ /*}*/ /*.cms-modified-design.cms-page-view .page-main{*/ /* margin-top: 255px;*/ /*}*/ /*.cms-custom-design.cms-page-view .page-main{*/ /* margin-top: 255px;*/ /*}*/ /*.cms-visual-presentation.cms-page-view .page-main{*/ /* margin-top: 255px;*/ /*}*/ /*.cms-senior-living.cms-page-view .page-main{*/ /* margin-top: 255px;*/ /*}*/ /*.customer-account-create .page-main{*/ /* margin-top: 180px;*/ /*}*/ .page-header .h-link-myaccount .h-myaccount-toggler-mobile a{ color: black; text-decoration: none; } .page-header .h-links-items .h-link-favorites > a { display: flex; align-items: center; position: absolute; top: 176px; z-index: 5; right: 100px; } .page-header .h-cart-wrapper>a .counter { min-width: unset; padding: 4px 0px 4px 4px; color: black; } .page-header .h-cart-wrapper > a span .fa { font-size: 21px; margin-right: 2px; color: black; } .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper .h-cart-wrapper.mobile-cart{ display: flex; } .page-with-filter.catalog-category-view .page-main .columns.sidebar-main-active{ z-index: 9999; } } @media only screen and (max-width: 768px) { /*.search-index-index .page-main{*/ /* margin-top: 240px;*/ /*}*/ .account h1.page-title{ font-size: 2.6rem; margin: unset; } /*.checkout-cart-index .page-main{*/ /* margin-top: 100px;*/ /*}*/ .page-header .h-links-items .h-link-favorites > a{ right: 85px; } } @media only screen and (max-width: 583px) { .account .page-main .page-title-wrapper h1.page-title{ letter-spacing: normal; line-height: normal; font-size: 1.6rem; padding: 10px 0; } .page-header .h-links-items .h-link-favorites > a{ right: 68px; } } @media only screen and (max-width: 425px) { .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper .block-search form{ width: 75%; } .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper .h-cart-wrapper.mobile-cart{ width: 25%; } .page-header .h-links-items .h-link-favorites > a{ right: 72px; top: 173px; } } @media only screen and (max-width: 375px) { .page-header .h-links-items .h-link-favorites > a{ right: 55px; } .page-header .block-search .actions { margin-left: 61.5vw; } } @media only screen and (max-width: 320px) { .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper .block-search form{ width: 75%; } .page-header .h-bottom .h-bottom-inner .h-bottom-right .h-search-wrapper .h-cart-wrapper.mobile-cart{ width: 25%; } .page-header .h-cart-wrapper > a span .fa{ font-size: 15px; } .page-header .h-cart-wrapper>a .counter{ font-size: 10px; } .page-header .h-links-items .h-link-favorites > a{ right: 45px; top: 173px; } .page-header .h-links-items .h-link-favorites > a .accst .fa{ font-size: 15px; } } @media only screen and (max-width: 767px) { .cms-thank-you-for-registering .column.main p{ color:#9A9A9B; font-size: 1.3rem; line-height: 1.5; text-align: center; } } .catalog-product-view .brand_image_product{ display: flex; justify-content: center; align-items: center; margin-bottom: 50px; } @media only screen and (max-width: 2000px) { .showroom-page .collections-sidebar .collections-side-content .item { letter-spacing: 0.05rem; } .newssign .studiohp .formbuilder-form .form-list .field {min-height: 45px;} .newssign .studiohp form .select2-container {margin-bottom: 20px;} } @media only screen and (max-width: 1900px) { .studiotxt {padding: 5vw} } @media only screen and (max-width: 1600px) { /* ============================================ * * Header - Navigation * ============================================ */ .page-header .navigation .level0 > .level-top { padding-right: 25px; padding-left: 25px; } .account .order_hist .sorting .date {width:calc(100% - 22rem);} .account .order_hist {width:100%} body .newssign .formbuilder-form .formbuilder-button.button { margin-top: 2.7vw; } .newssign.grid .studiotxt { padding: 4vw 5vw; } } @media only screen and (max-width: 1500px) { /* ============================================ * * Header - Navigation * ============================================ */ .page-header .navigation .level0 { margin-right: 0; } .page-header .navigation .level0 > .level-top { padding-right: 20px; padding-left: 20px; } .block.widget .products-grid .product-item.slick-slide .product-item-details * {font-size: 10px;} .block.widget .products-grid .product-item.slick-slide .product-item-details a { font-size: 11px; } .slick-prev, .slick-next {bottom: -5vw;} .slick-prev { display: flex; } .studiotxt {padding: 6vw} .newssign.grid .studiotxt { padding: 4vw 5vw; } .newslft { width: 42vw; margin-top: 1.5vw; } .newsrgt { width: 39vw; } .newsletter .right .g-recaptcha { margin-top: 1vw; } .newslft .button.longw {margin:2.85vw 0} .newssign.grid .studiotxt {height: 44vw} body .newssign .formbuilder-form .formbuilder-button.button { margin-top: 2.7vw; } /* ============================================ * * Collections page * ============================================ */ .collections-main .viewcollection-block-inner { width: 70%; } /* ============================================ * * Customer Service page * ============================================ */ .customerservice-block .customerservice-content-inner { padding-right: 60px; padding-left: 60px; } .customerservice-block-imgleft .customerservice-content-inner { padding-left: 90px; } .customerservice-block-imgright .customerservice-content-inner { padding-right: 90px; } .lifestyle-items .quick-view-button img { width:60px; } .category-lifestyle .quick-view-popup {/*height: 85%;*/} .catalog-product-view .product-info-main-inner {padding-top: 60px} } @media only screen and (min-width: 1025px) { .page-products .products-grid .product-item.five-items-odd .five-items-teaser .product-item-info-inner { height: 100%!important; } .megamenu-sidebar div.nav-brands { display: none; /* Just in case this gets loaded in desktop part of the menu */ } .page-header nav.navigation li.level0 { position: static; } } @media only screen and (max-width: 1440px) and (min-width: 1025px) { .hospstyle .newssign .formbuilder-form {margin-top: 20px} .hospstyle .newssign .formbuilder-form .formbuilder-button.button { width: 160px;} .hospstyle .newssign.grid .studiotxt {padding: 3vw 4vw;} .hospstyle .newslft { width: 41vw; } .getinspired-submenu-header > div:last-child { line-height: 12rem; border-left: 1px solid #c6c6c6; margin-top: -30px; min-height: 171px; min-width: 10rem; } .getinspired-submenu-header > div:last-child ul { display: inline-table; } .getinspired-submenu-header > div:last-child ul li { line-height: 1rem; } } @media only screen and (min-width: 1350px) { .cms-about-us .page-main p { font-size: 11px; margin-bottom: 20px; } } @media only screen and (min-width: 1441px) { html, body, p {font-size: 13px;} body .ves-menu .navigation .level0 .submenu a, body .shop-submenu-header, body .getinspired-submenu-header, body .catalogs-submenu-header { font-size: 0.9rem; } .page-layout-custom-home .page-main p {line-height: 2.4rem} body .ves-menu .navigation .level0 .submenu a { padding-bottom: 0.7rem; } .products-grid .slick-slide .product-item-info:hover, .products-grid .slick-slide.active .product-item-info, .products-grid .slick-slide .product-item-info:hover, .products-grid .slick-slide .product-item-info.active { box-shadow: none; border: 0px solid #bbbbbb; margin: 0px; /* padding: 0px; */ } .products-grid .slick-slide .product-item-info:hover .product-item-details, .products-grid .slick-slide.active .product-item-info .product-item-details { /*display:block;*/ opacity: 0.5; height: 100%; z-index: 4; pointer-events: auto; transform: translateY(0px); -webkit-transform: translateY(0px); } body .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.right-sidebar .col-xs-8 { font-size:1.1rem; max-width: 370px; } /* .longw, .page-layout-custom-home .button.longw, */ .page-layout-custom-home .wheelcms .widget.block.block-category-link a { width: 60%; } .wheelbtns{ width: 60%; text-align: center; } #but_prev {margin-left: 0} .getinspired-submenu-header > div:last-child { line-height: 12rem; border-left: 1px solid #c6c6c6; margin-top: -30px; min-height: 197px; } .getinspired-submenu-header > div:last-child ul { display: inline-table; } .getinspired-submenu-header > div:last-child ul li { line-height: 2rem; } .collection-image {width:70%} .collection-image img {width: 100%;} .cms-about-us .page-main p {font-size: 1.5rem; margin-bottom: 2.2rem;} .account .table>tbody>tr>td a.action span { font-size: 0.8rem; } .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div {width: 50%; max-width: none;} .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div img {max-width: none;} .awards:not(.arts) td img {min-width: 63%;} .awards.arts img {width: 23vw;} } @media only screen and (min-width: 1400px) { /*.category-lifestyle .quick-view-popup {width: 60%;} .category-lifestyle .quick-view-popup .quick-view-actions {height: 58vh;}*/ .category-lifestyle .quick-view-popup .quick-view-left-inner a.slimg { height: 60vh; overflow: hidden; } .category-lifestyle .quick-view-popup .quick-view-left-inner a img {max-height: none;width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);} .relslick .slick-next, .relslick .slick-prev {top:29vh} div.opc-wrapper .shipping-address-item {width:100%} .page-layout-presskits #request_a_catalog_embed #catalogs_request_cont h3, .page-products.page-layout-presskits #request_a_catalog_embed #catalogs_request_pdp h3 { letter-spacing: 0.4rem; } } @media only screen and (min-width: 1900px) { body .newssign .formbuilder-form .form-list .field { min-height: 63px;} .newssign .formbuilder .country select, .newssign .formbuilder .state select, form .select2-container {margin-bottom:38px;} h5, .product-grouped-wrapper .product-item-name, .product-grouped-wrapper .product-item-price .price, .table.grouped .price-box .price, .catalog-product-view .collapsible-wrapper .collapsible-title h3 {font-size: 1.2rem;} .product-grouped-wrapper .product-specifications .spec-label {font-size: 1.1rem;} .catalog-product-view .pdp-login-popup-toggler a, .catalog-product-view .product-addtocart-wrapper #product-addtocart-button, .catalog-product-view .product-addtofavorites .towishlist-view, .catalog-product-view .product-addtofavorites .towishlist, .catalog-product-view .product-addtocompare .tocompare { font-size: 1.1rem; height: 44px; } .catalog-product-view .product-social-icons-wrapper .product-social-left p {font-size: 10px;} .page-products .breadcrumbs .item:not(:last-child):after, .breadcrumbs .item:not(:last-child):after {font-size: 0.5vw;} .breadcrumbs .item a, .breadcrumbs .item strong, .page-products .t-breadcrumbs .item a, .page-products .t-breadcrumbs .item strong {font-size: 0.4vw;} /* body .leftxt, body .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.left-sidebar { width: 250px; } */ /* body .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.right-sidebar { width:calc(50% - 280px); } */ /* .page-header .h-store-link a img {max-height: 20px;} */ .sta .page-header .h-store-link a img { /* margin-top: -5px; */ } .page-header .h-store-link a {padding-top: 13px;} .customer-account-create .right .registration-message { font-size: 1rem; line-height: 2.1rem; } /* .customer-account-create #intro_msg p, .customer-account-login .page.messages p, .customer-account-create .page.messages p, .customer-account-create, .customer-account-create input[type="checkbox"] + label { font-size: 1.1rem; } */ body.customer-account-create .column .form.create.account {max-width: 1400px} ::-webkit-input-placeholder { font-size: 0.9rem; } ::-moz-placeholder { font-size: 0.9rem; } :-ms-input-placeholder { font-size:0.9rem; } :-moz-placeholder { font-size: 0.9rem; } .customer-account-create .form.create.account .right,.customer-account-create .form.create.account fieldset.fieldset.create.intro .radio:last-child {padding-left: 4%;} .customer-account-create .form.create.account .left {padding-right: 4%;} .login-container .field.note {font-size: 1.2rem;} .cms-page-view .page-title, .cms-page-view .page-title span { font-size: 2.6rem; } .menu-icon.icon-left { height: 28px; background-size:auto 28px; } body .ves-megamenu li.level0.gvlogo .nav-anchor > img { margin-bottom: 6px; } body.signatureiii .ves-megamenu li.level0.gvlogo .nav-anchor > img { margin-bottom: 0; } /*.category-lifestyle .quick-view-popup {width: 60%;} .category-lifestyle .quick-view-popup .quick-view-actions {height: 58vh;} .category-lifestyle .quick-view-popup .quick-view-left-inner a { height: 53vh; overflow: hidden; } .category-lifestyle .quick-view-popup .quick-view-left-inner a img {max-height: none;width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%);} .relslick .slick-next, .relslick .slick-prev {top:23vh}*/ .collections-main .collections-description-inner, .collections-main .featuredproducts-title h3, .collections-main .collections-description-inner p { font-size: 1.5rem; } .collections-main .collections-title h4, .collections-sidebar .collections-side-title, #get_inspired-sidebar .filter-options-title { font-size: 1.1rem; } .sales-page .collections-sidebar .collections-side-title:after, .filter-options-title:after { font-size: 2.1rem; font-weight: normal; } .collections-main .collections-title h1 { font-size: 2.1rem; } .collections-sidebar .collections-side-content .item a .label, #get_inspired-sidebar .filter-options-content .item a .label { font-size: 1rem; } .offers > img {width: 100px} .sales-page .collections-main .collections-info-wrapper.sales-wrapper { margin-top: 2%; } .showroom-title { margin-bottom: 80px; } .showroom-wrapper .gallery-placeholder:before { top: -100px; } .contcopy {width: 510px; height: 55px} .page-products .products-grid .product-item-details .item-link-name {font-size: 1rem} /*.page-products .products-grid .product-item-details .item-link-price .price {font-size: 1.1rem}*/ #payment {margin-top: 0px;} #shipping {margin-top: -2px} .checkout-success { width: 32%; margin: 10rem auto; max-width: 735px; } .account .form-address-edit .fieldset, .account .form-edit-account .fieldset, .account .form-edit-account .fieldset:nth-child(4) .field { width: 40%; } .account .form-address-edit > .fieldset:nth-child(2), .account .form-edit-account > .fieldset:nth-child(2), .account .form-edit-account .fieldset:nth-child(4) .field:last-child {margin-left: 10%; float:left;} .newssign .formbuilder-form .form-list .field .response-field-checkboxes {padding-bottom: 3.3rem;} .filter-options-content { } } @media only screen and (min-width: 1981px) { .slick-prev, .slick-next { bottom: -4vw; } .cms-about-us .page-main p { font-size: 0.8vw; margin-bottom: 1.5vw; } .copyborder {font-size: 0.8vw;} .checkout-cart-index .page-main .columns, .checkout-index-index .page-main .columns { max-width: 2000px; } .hdform.stahp .studiotxt { padding: 3rem 5rem; } } @media only screen and (min-width: 2500px) { html, body, p { font-size: 14px; } .page-header .h-top-right a, .page-header .h-cart-wrapper > a { /*font-size: 1rem;*/ } .page-header .h-cart-wrapper > a .counter {min-width: 2rem; } body .ves-megamenu li.level0 > a {font-size: 1.1rem; letter-spacing: 0.25rem} .page-header .h-myaccount-dropdown {top:44px;} .page-header .h-myaccount-item > a, .page-header .login-popup-toggler > a {padding: 13px} body .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.right-sidebar .col-xs-8 { max-width: 480px; } body .gvlogo .menu-icon { height: 32px; margin-bottom: 12px; } .checkout-index-index .modal-popup._inner-scroll .modal-inner-wrap { top: 43%; transform: translateY(-50%); } .checkout-index-index .page-main .columns { max-width: 2000px; } .payment-method, .opc-block-summary .product-item .product-item-name-block, .table-checkout-shipping-method tbody td, .checkout-payment-method .payment-option-title .action-toggle, .cart-totals tbody .mark, .cart-totals tfoot .mark, .opc-block-summary .table-totals tbody .mark, .opc-block-summary .table-totals tfoot .mark, .opc-block-shipping-information .shipping-information-content { font-size: 1rem; } .opc-block-summary .minicart-items-wrapper { max-height: 522px; } .checkout-index-index .opc-wrapper { width: 65%; } li.opc-progress-bar-item > span:after {line-height: 1.3;} .category-lifestyle .quick-view-popup { padding: 3.15vw; } .relslick .slick-prev {left:-75px} .relslick .slick-next {right:-70px;} /*.hovinfo.socials-wrapper ul li.soc-up-arrow a, .category-lifestyle .page-footer .hovinfo.socials-wrapper ul li.soc-up-arrow a {width: 37px; background-size: 21px auto;} .hovinfo.socials-wrapper:hover ul li.soc-up-arrow a, .category-lifestyle .page-footer .hovinfo.socials-wrapper:hover ul li.soc-up-arrow a {background-size: 21px auto;}*/ .offers img{width: 150px;} .offers h6 {padding: 2vw;} .offers {margin: 5.5vw auto;} .owl-dots {left: calc(76vw - 232px)} #payment {margin-top: -4px;} #shipping {margin-top: -7px} .page-title-wrapper .page-title { padding: 10rem 0 4rem; } .hdform.stahp .studiotxt { padding: 6rem 0 0 8rem; width: 48%; } .assistform textarea { margin-top: 3rem; } } @media only screen and (max-width: 1450px) { .modal-popup.quickModal .modal-inner-wrap {max-width: 1200px; width: 95%;} .product-quickview iFrame {height: 650px!important;} /*.quickview-override.catalog-product-view .page-main {*/ /* padding: 50px 45px 0px 0;*/ /*}*/ .modal-popup.quickModal .action-close, .modal-slide .action-close { /*right: 25px; top: 35px;*/ } .quickview-override .fancybox-skin { padding: 40px 40px!important; } .quickview-override .wshtt { padding-bottom: 15px; } .quickview-override .wishlist_btns {margin-bottom: 15px} .quickview-override .create-wishlist {margin-top: 15px} .quick-view-button .button-quickview {font-size: 11px;} .grid .studiotxt {padding-right: 5vw; } .wheelcms {width: 400px;} .page-products .filter-options-title { padding-left: 38px; } .filter-options-content { margin-left: 38px; } .hdform.stahp .stimglft { margin-top: 4.2rem; } .hdform.stahp .studiotxt {padding-left: 4rem} } @media only screen and (max-width: 1380px) { .page-products .filter-options-title { padding-left: 20px; } .filter-options-content { margin-left: 20px; } /* ============================================ * * Header - Navigation * ============================================ */ .page-header .navigation .level0 > .level-top { padding-right: 15px; padding-left: 15px; } .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { padding-right: 20px !important; } .cart.table-wrapper .product-image-wrapper .product-image-photo {width: 150px!important} .cart.table-wrapper .cart thead tr th:first-child span {font-size: 1.4rem;} .newslft {margin-top: 0;} /* ============================================ * * Collections page * ============================================ */ .collections-main .viewcollection-block-inner { width: 75%; } /* ============================================ * * Customer Service page * ============================================ */ .page-layout-customer-service .page-main .columns { padding-right: 5%; padding-left: 5%; } .customerservice-block .customerservice-content { height: 80%; top: 10%; } .customerservice-block .customerservice-content-inner { padding-right: 40px; padding-left: 40px; } .customerservice-block-imgleft .customerservice-content-inner { padding-left: 60px; } .customerservice-block-imgright .customerservice-content-inner { padding-right: 60px; } .relslick .product-item-name a { font-size: 13px; } .catalog-product-view .product-info-main-inner {padding-top: 40px} } @media only screen and (max-width: 1370px) { .stahp .studiotxt {padding: 5vw} .catalog-product-view .product-info-main .product-info-inner { position: static; } .block-collapsible-nav .item a, .block-collapsible-nav .item > strong { padding-right: 4px; } } @media only screen and (max-width: 1360px) { .newssign.grid .studiotxt { padding: 3.5vw 4.5vw; } .newsletter .left, .newsletter .right { padding-top: 37px; } .btnsline {height: 41vw} .continf { width: 80%; } } @media only screen and (max-width: 1280px) { .stahp .studiotxt {padding: 4vw} .hdform h2 {font-size: 1.8rem} .btnsline {left: calc(22% + 3px);} .page-products .filter-options-title { padding-left: 10px; } .filter-options-content { margin-left: 10px; } .catalog-product-view .pdp-login-popup-toggler a, .catalog-product-view .product-addtocart-wrapper #product-addtocart-button, .catalog-product-view .product-addtofavorites .towishlist-view, .catalog-product-view .product-addtocompare .tocompare { padding: 14px 5px; } #request_a_catalog_embed #catalogs_request_cont h3, #request_a_catalog_embed #catalogs_request_pdp h3 { padding-top: 0; margin-bottom: 0; } body.page-layout-catalogs_list.page-products .products-grid .product-items li:nth-child(even), body.page-layout-presskits.page-products .products-grid .product-items li:nth-child(even) { margin-top: -13%; height: 35vw; } .block-collapsible-nav .item a, .block-collapsible-nav .item > strong { text-indent: 0; line-height: normal; padding-left: 1.5rem; font-size: 1.2rem; } .getinspired-submenu-header > div:last-child { line-height: 12rem; border-left: 1px solid #c6c6c6; margin-top: -40px; min-height: 169px; min-width: 10rem; } body .newssign .formbuilder-form .formbuilder-button.button { margin-top: 1vw; } .wheelcms { width: 26vw; padding-top: 0; } /* ============================================ * * Collections page * ============================================ */ .collections-main .viewcollection-block-inner { width: 95%; } /* ============================================ * * Product Detail page * ============================================ */ .catalog-product-view .retaillocator-form { width: 80%; } /* ============================================ * * Customer Service page * ============================================ */ .customerservice-block .customerservice-content h3 { font-size: 18px; padding-bottom: 15px; } .customerservice-block .customerservice-content p { font-size: 11px; } .continf { width: 90%; } .continf h2 {margin-bottom: 40px} .product-item .price-box .price-label {font-size: 9px;} .modify-middle { padding: 0; margin: 3rem auto; } .mod-text { width: 90%; font-size: 13px; } .line-left:before, .line-right:before { width: 90px; } .modify1 { bottom:-3rem; max-height: none; } } @media only screen and (max-width: 1279px) { .checkout-cart-index .page-main .columns .cart-container .cart-summary { width:390px; } .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item { width: calc(100% - 400px)!important; } .cart.table-wrapper .cart > .item {display:block;} .cart.table-wrapper .product-image-wrapper .product-image-photo {width: 200px!important} .cart.table-wrapper .cart td {display: block; float:left;} .cart.table-wrapper .cart thead tr td:first-child { width:200px; } .cart.table-wrapper .cart thead tr th:not(:first-child) { display: none; } .cart.table-wrapper .cart tr td:not(:first-child) { width: calc(100% - 268px); padding-top: 10px; } .cart.table-wrapper .actions-toolbar > .action-delete:not(:focus), .cart.table-wrapper .actions-toolbar > .action-delete { right: 0; } .cart.table-wrapper .actions-toolbar > .action-edit:before, .cart.table-wrapper .actions-toolbar > .action-delete:before { width:25px; } .cart.table-wrapper .cart tr td.delcart { width: 40px; position: absolute; top: calc(50% - 30px); right: 0; } .cart.table-wrapper .cart tr td.notecart{ width: 100%; padding-bottom: 10px; } .cart.table-wrapper .cart tr td.infocart{ padding-top: 20px; } .cart.table-wrapper .item-actions td { height: 3rem; padding: 0; } .cart.table-wrapper .product-item-details { padding-bottom: 0px!important; max-width: 100%; } .cart.table-wrapper .col.price, .order-items.table-wrapper .col.price, .cart.table-wrapper .col.qty, .order-items.table-wrapper .col.qty, .cart.table-wrapper .col.subtotal, .order-items.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp, .order-items.table-wrapper .col.msrp { text-align: left; } .cart.table-wrapper .col.qty:before, .cart.table-wrapper .col.price:before, .cart.table-wrapper .col.subtotal:before, .cart.table-wrapper .col.msrp:before, .cart.table-wrapper .col.avl:before { content: attr(data-th)':'; display: inline-block; font-weight: 600; padding-bottom: 0px; text-transform: uppercase; width:90px; } .cart.table-wrapper .col.qty:before { line-height: 25px; vertical-align: top; } .cart.table-wrapper .col.price .price-excluding-tax, .cart.table-wrapper .col.subtotal .price-including-tax, .cart.table-wrapper .col.subtotal .price-excluding-tax, .cart.table-wrapper .col.msrp .price-including-tax, .cart.table-wrapper .col.msrp .price-excluding-tax, .cart.table-wrapper .col.avl > div { display: inline-block; font-size: 1.1rem; text-align: center; width: 110px; } .cart.table-wrapper .col.qty .field.qty {display: inline-block;} .checkout-cart-index .stock { max-width: none; } .page-products .products-grid.sales-team .product-item {width: 33.3333%} .sales-page .collections-main .collections-info-wrapper.sales-wrapper:before {width: 66.6666%;} .download-page-bottom div {width: 50%; margin-right: 0} .studiohp { padding: 1vw 2vw 1vw 3vw; } } @media only screen and (max-width: 1200px) { .newssign.grid .studiotxt { height: 52vw; } .nohp .studiotxt { height: auto; padding-bottom: 4vw!important; } .hdform.stahp .stimglft { margin-top: 0; } .hdform.stahp .studiotxt {padding: 3rem;} .hdform.stahp .studiotxt.assistform { /*float:none;*/ clear: both; padding: 3rem 0; width: 80%; margin: 0 10%; } .page-main, .page-footer .f-top-inner, .page-footer .f-middle-inner, .page-footer .f-bottom-inner { max-width: 90%; } .checkout-index-index #ponumber-form .control { min-width: 400px; } .hdform h2 { font-size: 1.6rem; } .hdform .assistform h2 { text-align: center; padding: 20px; } /* Account - Catalog Request */ /*.requestcatalog-holder .item {*/ /*padding-right: 5%;*/ /*}*/ } .level1.nav-dropdown.brand-partner-menu .brand-menu-heading{ text-transform: uppercase; display: block; margin-bottom: 25px; margin-top: unset; } .ves-menu .navigation .submenu .brand-menu-heading a{ color: black; } @media only screen and (max-width: 1024px) { .page-header .h-search-toggler{ position: absolute; display: none; top: 99px; left: 65px; right: unset; } .level1.nav-dropdown.brand-partner-menu .brand-menu-heading { margin-bottom: 10px; margin-top: 10px; } .level1.nav-dropdown.brand-partner-menu .brand-menu-heading:last-child{ margin-top: 20px; } .page-header .h-myaccount-toggler a:hover{ text-decoration: none; } .shop-all-brands-wrapper .shop-all-brands-container { display: block; } .shop-all-brands-wrapper .shop-all-brands-container-left { width: 100%; display: block; } .shop-all-brands-wrapper .shop-all-brands-container-right { width: 100%; display: block; height: 100%; padding: 30px 20px; } .catalogsearch-result-index.page-products .products-grid .product-item-photo img { position: unset; top: unset; left: unset; transform: none; } body.jolausa-teammessages-message-listing .actions_buttons {right: 2rem} .ves-menu .navigation li{ background-color: #000 !important; color:#fff; } .signature-home .ves-menu .navigation li, .page-header .signature-home { background-color: #545659 !important; } .sta .ves-menu .navigation li.level0 { background-color: #705A45 !important; } .signatureiii .ves-menu .navigation li.level0 { background-color: #545659 !important; } .strahome .megamenu-header .getinspired-submenu-header .col-lg-2.col-sm-1 ul li { background-color: #fff !important; } .ves-menu .navigation .level0:not(.shopmob) .submenu{ /*background: rgba(159,159,159,0.1) !important;*/ } .navigation .level0, .navigation .level1{ border-bottom: 1px solid #d1d1d1 !important; font-size: 1.6rem !important; } .jola-top-navigation img { display: none; } .catalog-product-view .message { width: 100%; } .slick-prev, .slick-next { bottom: -60px; } .slick-prev { display: block; left: calc(44vw - 35px); } .slick-next { right: calc(44vw - 35px); } .hovinfo.socials-wrapper ul li a:before { font-size: 23px; } .studiohp { padding: 1vw 1vw 1vw 2vw; } .studiotxt { padding: 6vw 1vw 2vw 6vw; width: 48.5vw; } .studiobtn img {display:none;} .studiobtn {position: relative; bottom: 0; } .newssign.grid .studiotxt { height: 59vw; } .studiobtn .button {margin-left: auto} .newslft {margin-top: 0;} .longw, .page-layout-custom-home .button.longw { margin: 1.5vw 0; } .newsletter .left, .newsletter .right { padding-top: 0; } .newssign.grid .stimglft { width: 12vw; } .insblock { clear: both; } .page-main .widget.block { margin-bottom: 0; } .selectBox-dropdown:not(.limiter-options), .newsletter input {margin-bottom: 22px; width: 100%!important;} .customDesc h2 {font-size: 22px; margin-bottom: 10px;} .newssign {display: none!important;} .newssign.assistform {display: block!important; margin-bottom: 30px;} .hovinfo {bottom: -25px; height: auto;} .mobno {display: none!important;} .mobyes .logo {text-align: center;} /* ============================================ * * Header * ============================================ */ .page-header { border-bottom: 0; } .nav-open .page-header .h-bottom { left: 80%; /*left: calc(100% - 54%);*/ /*position: relative;*/ /*height: 52px;*/ margin-bottom: 0; } .page-header .h-bottom-left { position: static; float: left; } .page-header .nav-toggle {left: 29px; top: 60px; width: 50px; display: block;} .page-header .h-search-wrapper { /*height: 30px;*/ position: relative; top: -1px; } .page-header .block-search .action.search { right: 35px; } .page-header .h-myaccount-toggler a.accst {padding: 11px 10px; display: flex} /*.accst {display: inline-block!important;}*/ .accst .fa {display: inline-block; font-size: 18px; padding-left: 5px;} .accst .fa.fa-user-circle {font-size: 20px;} .page-header .h-links-items .h-link-favorites > a span, .page-header .h-cart-wrapper > a span {border: 0; background: none; min-width: 22px;} .page-header .nav-toggle::before { color: transparent; height: 40px; width: 100%; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/menu.png) no-repeat center left; background-size: 50%; } .locover-inside div p {white-space: normal;} .locwrap p, .talkto a.button span {font-size: 10px;} p.title {font-size: 16px;} .collections-main .collections-title { text-align: center; } .collections-main .collections-title h1 { -webkit-tap-highlight-color:rgba(0,0,0,0); background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/select-bg.png) 100% 50% no-repeat; display: inline-block; padding: 25px 20px 25px 0; position: relative; cursor: pointer; } .collections-sidebar {float: none; width:0; display: none} .collections-main.sales-main, .collections-main {float: none; width:100%; border-left: 0;} .collections-main.market-main {padding-top: 30px;} .collections-main.market-main .collections-title { padding-bottom: 0; } .breadcrumbs .item a, .breadcrumbs .item strong { font-size: 8px; } .breadcrumbs .item:not(:last-child):after {margin-top: 1px;} .page-products .breadcrumbs .item:not(:last-child):after {margin-top: 0} /*body, p {font-size: 11px;}*/ .showroom-wrapper .gallery-placeholder:before {content: none;} .showroom-title {margin: 0; padding: 0;} .collections-main .collections-title.showroom-title h1 { background: none; font-size: 13px; padding: 0; } .showroom-wrapper .togglesidebar, body.category-recipes .togglesidebar, body.category-paint-decor .togglesidebar, body.page-layout-music .togglesidebar { width:300px; } /*sidebar menu - account page*/ .block-collapsible-nav .item { margin: 0; } .block-collapsible-nav .item a, .block-collapsible-nav .item > strong { font-size: 1.3rem; line-height: 2rem; } /* ============================================ * * My Dashboard * ============================================ */ .account .page-main .page-title-wrapper h1.page-title, .account .column.main .block:not(.widget) .block-title, .account .legend { text-align: center; } .abs-blocks-2columns, .abs-discount-block-desktop .block, .account .column.main .block:not(.widget) .block-content .box, .form-address-edit > .fieldset, .form-edit-account .fieldset, .storecredit .block, .paypal-review-discount .block, .cart-discount .block { float: none!important; width: 100%!important; margin-bottom: 20px; margin-left: 0!important; } .compare.wrapper, [class*='block-compare'] { display: none; } /* My Dashboard - My Favorites */ .account.multiwishlist-index-index .wk-primary { float: none; } .account.multiwishlist-index-index .wk-view-more { margin-left: 0; } /* My Dashboard Menu responsive */ /*body:not(.catalog-product-view):not(.category-lifestyle) .page-main {*/ /* margin-top: 240px;*/ /*}*/ body.cms-thank-you-for-registering .page-main { padding-left: 20px; padding-right: 20px; } .account .page-main { position: relative; min-height: 300px; padding-left: 2rem; padding-right: 2rem; /*margin-top: 240px;*/ } /*body.account.page-layout-2columns-left .page-main {*/ /* margin-top: 150px;*/ /*}*/ .account .columns { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; box-sizing: border-box; /*margin-top: 50px;*/ } /*.account .columns .column.main {*/ /* padding-bottom: 40px;*/ /* -webkit-flex-basis: 100%;*/ /* flex-basis: 100%;*/ /* -webkit-flex-grow: 1;*/ /* flex-grow: 1;*/ /* -ms-flex-order: 1;*/ /* -webkit-order: 1;*/ /* order: 1;*/ /* width: 100%;*/ /*}*/ .account .table-wrapper { border: 0; } .account .columns .sidebar-main { -webkit-flex-grow: 1; flex-grow: 1; -webkit-flex-basis: 100%; flex-basis: 100%; -ms-flex-order: 1; order: unset; z-index: 281; } .account.page-layout-2columns-left .page-main .sidebar-additional { width: 26%; margin-top: 40px; } .account .block .title strong { font-weight: 700; line-height: 1.1; font-size: 1.4rem; margin-top: 2rem; margin-bottom: 2rem; } .account .block-collapsible-nav .content { border-bottom: 1px solid #d1d1d1; display: none; padding: 15px 0; } .account .block-collapsible-nav .title { /* Override Defauult mage - Luma styles-l.css :127 */ border-top: 1px solid #d1d1d1!important; border-bottom: 1px solid #d1d1d1!important; height: auto; margin: inherit!important; padding: 10px 40px 10px 15px!important; position: relative!important; width: 100%!important; cursor: pointer; margin-bottom: 0!important; display: block; text-decoration: none; } .account .block .title strong { font-weight: 700; line-height: 18px; font-size: 17px; margin-top: 24px; margin-bottom: 24px; color: #000; font-family: 'IBM Plex Sans Regular', sans-serif; letter-spacing: 2px } .account .block-collapsible-nav .content.active { display: block; margin-top: 0!important; } /*.abs-toggling-title-mobile:after, .block-wishlist-management .wishlist-select .wishlist-name:after, */ .account .block-collapsible-nav .title:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 4rem; line-height: inherit; content: '\e622'; font-family: 'icons-blank-theme'; margin: 3px 0 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; color: #000; } /*.block-wishlist-management .wishlist-select .wishlist-name:after, */ .account .block-collapsible-nav .title:after { position: absolute; right: 10px; top: 10px; } .nohp .studiotxt { height: auto; } /*.page-products .products-grid:not(.quick-view-actions) .product-item-details, .products-grid:not(.quick-view-actions) .product-item-details {*/ /* opacity: 1;*/ /* transform: translateY(0px);*/ /* -webkit-transform: translateY(0px);*/ /*}*/ .block.widget.block-products-list .slick-slide .product-item-info { padding: 0; } .abs-product-link > a:visited, .product-item-name > a:visited, .product.name a > a:visited, .product-item-name > a, .product.name a > a, .cart.table-wrapper .product-item-name, .page-products .products-grid .product-item-details .product-item-name a, .products-grid .product-item-details .product-item-name a { letter-spacing: 1px; } .lifestyle-items .quick-view-button { height: 100%; width: 100%; } .lifestyle-items .quick-view-button img {display: none;} .lifestyle-wrapper .product-item-info-inner a.click-on-whole-img { cursor: pointer; } .hospitality-slider.topbanner.imageslider-widget { padding-top: 25px; } .cms-hospitaility h3 {font-size: 21px} .cms-hospitaility .breadcrumbs { display: none; } .desc-sm {/*font-size: 11px;*/ line-height: 1.5;} .desc-lg {/*font-size: 12px;*/} .offers h6 { /*font-size: 10px;*/ padding: 20px 0 12px; } a.btnlink {font-size: 10px;} .page-main .talkto p {font-size: 13px; margin-bottom: 0;} .talkto a.button {margin: 25px auto 0;} .hospstyle .newssign.assistform .studiotxt, .hospstyle .studiohp { height: auto; margin-bottom: 30px; } .hospstyle .newslft { width: 750px; position: relative; height: auto; } .hospstyle .newssign.grid .stimglft {width: 0; display: none;} .hospstyle .newssign.grid .studiotxt { width: 100%; } .hospstyle .newslft { margin: 20px auto; } /* TOP MENU - Mobile Override */ .getinspired-submenu-header .col-sm-2, .catalogs-submenu-header .col-sm-2 { width: 100%; padding: 0; } .getinspired-submenu-header .col-sm-2 .getinspired-image { display: none; } .getinspired-submenu-header > div:last-child { margin-top: 0; min-height: auto; min-width: 10rem; padding: 0 20px; width: 100%; border-left:0; } .navigation .submenu:not(:first-child) ul { padding-left: 0!important; } .ves-menu .getinspired-submenu-header > div:last-child li { background-color: transparent!important; width: 100%; display: block; } .navigation .submenu:not(:first-child) ul > li a { /* line-height: 45px!important; */ padding-left: 0; } .ves-megamenu .dropdown-menu a { line-height: 3; } .ves-megamenu .dropdown-menu .tothetrade-submenu-header .header-item { /*padding: 10px 0;*/ } .ves-megamenu .dropdown-menu .getinspired-image a { line-height: normal; } /* minus */ .ves-megamenu .opener.item-active { background: transparent!important; } .dateswrap { margin: 8vw auto 2vw; width: 80%; position: relative; height: 38vw; } .datesdesc { height: 22vw; } .datesdesc h2, .hostwrap h2 { font-size: 13px; } .collections-main.market-main .showroom-wrapper .collections-title h1 {display: inline-block} /*** PDP ***/ .catalog-product-view .product-info-main, .catalog-product-view .product.media { float: none; width: 100% !important; } .catalog-product-view .product.media {border-right: 0;} .catalog-product-view .product-info-main .product-info-inner { position: relative; } .catalog-product-view .product-info-main-inner, .catalog-product-view .gallery-placeholder, .product-info-left { padding: 4%; } .catalog-product-view .gallery-placeholder {padding-top: 10px;} .breadcrumbs ul li { line-height: 1; } .product-info-left { padding-bottom: 0; } .hovinfo.socials-wrapper ul li.soc-up-arrow a, .hovinfo.socials-wrapper ul li a {height: 24px;} .catalog-category-view:not(.categorypath-lifestyle) .quick-view-button, .page-products:not(.categorypath-lifestyle) .products-grid .product-item-info .quick-view-button {display: none!important;} .page-products .products-grid .lifestyle-items .product-item-info .quick-view-button {display: block!important;} .page-products.related-products-wrapper .products .product-item.five-items { width: 100% !important; } .page-products.related-products-wrapper .products .product-item.five-items .product-item-info, .page-products.recentlyviewed-products-wrapper .products-grid .product-item.four-items .product-item-info, .page-products.related-products-wrapper .products .product-item.five-items-odd .product-item-info:nth-child(1), .page-products.related-products-wrapper .products .product-item.five-items-odd .product-item-info:nth-child(2), .page-products.related-products-wrapper .products .product-item.five-items-odd .product-item-info:nth-child(3) { width: 100%; padding: 0 0 50px; } /*.page-products .products .product-item .product-item-info {width: 100%!important; float:none!important; margin-bottom:6%!important;}*/ .page-products.related-products-wrapper .products .product-item.five-items-odd, .page-products.related-products-wrapper .products .product-item.five-items {padding: 0; width: 100%;} /*.page-products .products-grid .product-item.five-items-odd .five-items-teaser {position: relative;}*/ .locator-img {width: 109%; margin-left: -4.5%;} .page-products .filterstoggle {top:41px;} .page-products .columns.sidebar-main-active .sidebar-main { width: 100%; position: fixed; top:0; left: 0; right: 0; background: #fff; z-index: 100; height: 100%; overflow-y: auto; border-right: 0; } .closefilter { width:100%; height: 55px; display:block; background: #eaeaea url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/close.png) no-repeat calc(100% - 20px) 50%; position: fixed; top: 0; left:0; right: 0; z-index: 2; } #layered-filter-block .filter-actions { /*display: block;*/ position: fixed; bottom: 0; left:0; right: 0; background: #fff; margin-bottom: 0; padding: 0 20px 20px; z-index: 1; } a.button {line-height: 1.2em} .filter-options { display: block; } #layered-filter-block .filter-actions a {width: 49%;} #layered-filter-block .filter-actions a.dark {float: right} .filter-content .item {padding: 0 28px;} .page-products .plp-loading-animation, .page-products .jola-filters-overlay { position: fixed; } .amscroll-navbar {display: none} /* TOP menu fix */ /* Catalogs */ #catalogs_request_pdp .request_catalog_button { font-size: 0.1rem; } body.page-layout-catalogs_list.page-products .products-grid.sales-team .product-item, body.page-layout-presskits.page-products .products-grid.sales-team .product-item { width: 100%; text-align: center; } body.page-layout-catalogs_list.page-products .products-grid .product-items li:nth-child(even), body.page-layout-presskits.page-products .products-grid .product-items li:nth-child(even) { margin-top: 0!important; } body.page-layout-catalogs_list.page-products #request_a_catalog_embed, body.page-layout-catalogs_list.page-products .products-grid .product-items li:nth-child(2n+1), body.page-layout-catalogs_list.page-products .products-grid .product-items li:nth-child(2n), body.page-layout-presskits.page-products #request_a_catalog_embed, body.page-layout-presskits.page-products .products-grid .product-items li:nth-child(2n+1), body.page-layout-presskits.page-products .products-grid .product-items li:nth-child(2n){ width: 100%; float: none; clear: both; height: auto!important; margin: 0 auto!important; margin-bottom: 15px!important; } #catalogs_request_pdp .block-content { padding-top: 0 } body.page-layout-catalogs_list.page-products .products-grid .product-items li#request_a_catalog_embed, body.page-layout-presskits.page-products .products-grid .product-items li#request_a_catalog_embed { padding-top: 0!important; margin: -15% auto 10%!important; } #catalogs_request_pdp .request_catalog_button { font-size: 1rem; background: #ffffff; } #catalogs_request_pdp .request_catalog_button span { padding: 0 1rem;} #catalogs_carousel_cont .slick-slider { padding-top: 0; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info .product-item-info-inner .product-item-name { padding: 0 0 25px!important; } /* Recipes */ .page-products .products-grid.recipes li.product-item:nth-child(odd) .product.details { padding-left: 7rem; } .page-products .products-grid.recipes li.product-item:nth-child(even) .product.details { padding-right: 7rem; } body.page-layout-catalogs_list.page-products li.product-item .product-item-info, body.page-layout-presskits.page-products li.product-item .product-item-info { margin: 0!important; } body.page-layout-catalogs_list.page-products li.product-item .product-item-name, body.page-layout-presskits.page-products li.product-item .product-item-name { padding: 0; } /* /Recipes */ /* Paint & Decor */ .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor { width: initial; } body.page-layout-paint-decor.page-products .products-grid.paint-decor li.product-item { display: block; max-width: 400px; } body.page-layout-paint-decor.page-products .products-grid.paint-decor li.product-item::before { width: 80%; } .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div { float: none; text-align: center; } .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div:nth-child(odd) { top: auto; left: auto; } .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div:nth-child(even) { right: auto; top: auto; } /* Customer service page */ .customerservice-block .formbuilder-form .buttons-set { bottom: -20px; left: 0; } .customerservice-block { padding-bottom: 5rem!important; padding-top: 5rem!important; } .customerservice-block .customerservice-content { height: auto!important; padding-bottom: 5rem!important; padding-top: 5rem!important; } .customerservice-block.visible-active .customerservice-content { padding-bottom: 2rem!important; padding-top: 2.5rem!important; } /* TERMS & CONDITIONS */ body.cms-terms-and-conditions .columns { border: 1px solid #C8C8C9; padding-right: 40px; padding-left: 40px; margin-left: 20px; margin-right: 20px; padding-bottom: 4rem; margin-bottom: 6rem; } /*body.cms-terms-and-conditions #maincontent.terms-page > img,*/ /*body.cms-privacypolicy #maincontent.privacypolicy-page >img {*/ /* margin-top: -1vw;*/ /*}*/ body.cms-terms-and-conditions .left_col, body.cms-terms-and-conditions .right_col { border: 0; width: auto; margin: 0; padding: 1rem 0; } body.cms-terms-and-conditions .left_col { padding-top: 2rem; } body.cms-terms-and-conditions .breadcrumbs { padding-left: 20px } /* PRIVACY POLICY */ body.cms-privacypolicy .columns { padding-bottom: 2rem; } body.cms-privacypolicy .left_col { width: 65%; } body.cms-privacypolicy .right_col { width: 35%; } /* .shipping */ .shipping-block1, .shipping-block3 { padding-top: 0; } .shipping-block1 .shipping-left, .shipping-block3 .shipping-left { position: relative; width: 76%; margin: 0 auto; float: none; } .shipping-block1 .shipping-right, .shipping-block3 .shipping-right { position: relative; margin-top: -3vw; width: 100%; } .zone-bottom .zone-icon-content { margin-right: 0; } .shipping-block4-bottom-content { min-height: 40rem; } .zone-bottom p { min-height: 6rem; } /* Account - Catalog Request */ #signupdates.newssign .formbuilder-form {margin-left: 0;} #signupdates.newssign {background-position: 50%} .checkout-success {width: 90%} body .checkout-success .primary a.action.primary {height: 36px; padding: 0 2rem; width: auto} .prods.empty { margin-top: 40px; } .page-header .widget.block {margin:10px 0;} .collections-main .viewcollection-block-inner, .collections-main .viewcollection-block { float:none; position: relative; top: auto; left: auto; width: auto; transform: none; -webkit-transform: none; margin: 0 auto; padding: 25px; } .collections-main .viewcollection-block-inner { margin: 0 auto; padding: 40px 25px; } .minicart-wrapper .action.showcart:before { content: "\f07a"; font-size: 32px; font-family: FontAwesome; } .minicart-wrapper .action.showcart .counter.qty { width:28px; height:28px; line-height:28px; border-radius: 50%; margin: 0; } .minicart-wrapper .action.showcart .counter-number { text-shadow: none; line-height: normal; font-weight: bold; font-size: 12px; padding-left: 2px; } .close-popup{ display: block; } .block .baslide p:last-child {margin: 0 60px;} .product-grouped-wrapper .product-specifications .spec-attributes { border-top: 1px solid #C8C8C9; } body .product-grouped-wrapper .product-specifications .attr-label { font-size:16px; padding: 15px 0; border-bottom: 1px solid #C8C8C9; margin-bottom: 15px; } .catalog-product-view .product-measurement-converter { padding: 10px 0; float:right; } .catalog-product-view .product-measurement-converter select { font-size:14px; } .lifestyle-imgs.learnmorehd { max-width: 80%; } .contract-url a, .lifestyle-imgs a { width: 100%; } body .ves-menu .navigation .level0 .submenu .mnsub a { line-height: 25px; } /* Brands manu navigation for mobile */ .megamenu-sidebar div.nav-brands { display: block; padding-left: 20px; padding-right: 20px; } .megamenu-sidebar div.nav-brands .nb-title { line-height: 45px; font-weight: normal; } .megamenu-sidebar div.nav-brands .nb-title .submenu-control { float: right; padding-right: 20px; margin-right: -20px; font-size: 1.8rem; font-weight: bold; } .navigation .megamenu-sidebar div.nav-brands .nb-links-wrapper { display: none; } .navigation .megamenu-sidebar div.nav-brands .nb-links { display: flex; flex-wrap: wrap; justify-content: flex-start; margin: 0 -5px; padding: 10px 0; } .navigation .megamenu-sidebar div.nav-brands .nb-links:after { display: none; } .navigation .megamenu-sidebar div.nav-brands .nb-links li { background-color: transparent !important; box-sizing: border-box; padding: 0 5px; margin-bottom: 20px; flex-basis: 33.33%; } .navigation .megamenu-sidebar div.nav-brands .nb-links li a { font-size: 12px; display: block; text-decoration: none; text-indent: 0; } .megamenu-sidebar div.nav-brands .nb-links li a span { display: block; line-height: 15px; min-height: 35px; box-sizing: border-box; padding-bottom: 5px; } .megamenu-sidebar div.nav-brands .nb-links li a img { display: block; width: 100%; } /*endof1024*/ } @media only screen and (max-width: 425px) { .page-header .h-myaccount-toggler a.accst {padding: 11px 0px;} .page-header .h-links-items .h-link-favorites > a {padding: 12px 0px;} .page-header .header-inner .mobyes a.logo img{ width: 50vw; } } @media screen and (orientation:landscape) and (max-width: 1024px) { .category-lifestyle .quick-view-popup .prod-name { padding: 0 20px 10px 0; margin: 0 0 10px 0; } .category-lifestyle .quick-view-popup .quick-view-left-bottom { margin-top: 40px; } .page-footer .quick-view-left-bottom .hovinfo.socials-wrapper { padding-top: 5px!important; } .category-lifestyle .quick-view-popup .quick-view-left-inner a { white-space: nowrap!important; } .hovinfo { bottom: 0!important; } .category-lifestyle .quick-view-popup { width: 70vw; } } @media screen and (orientation:portrait) and (max-width: 1024px) { .relslick .product-item-name a { font-size: 1.4rem!important; } } @media only screen and (max-width: 1000px) { .login-container { padding: 0 20px; } .page-products.catalogsearch-result-index .columns { padding-top: 0 !important; } .page-products.catalogsearch-result-index .toolbar-top { top: 0; } .product-item .hovinfo.socials-wrapper:hover ul li a, .product-social-right .hovinfo.socials-wrapper:hover ul li a, .product-item .hovinfo.socials-wrapper ul li a, .product-social-right .hovinfo.socials-wrapper ul li a, .product-item .hovinfo.socials-wrapper ul li a:before, .product-social-right .hovinfo.socials-wrapper ul li a:before { opacity: 1 !important; font-size: 0; } .product-item .hovinfo.socials-wrapper:hover ul li.soc-up-arrow a, .product-social-right .hovinfo.socials-wrapper:hover ul li.soc-up-arrow a, .product-item .hovinfo.socials-wrapper ul li.soc-up-arrow a, .product-social-right .hovinfo.socials-wrapper ul li.soc-up-arrow a, .product-item .hovinfo.socials-wrapper ul li.soc-up-arrow a:before , .product-social-right .hovinfo.socials-wrapper ul li.soc-up-arrow a:before { opacity: 1 !important; font-size: 23px; transition: 0.75s; transform: rotate(0); width: 25px; } .product-item .hovinfo.socials-wrapper.active-soclist:hover ul li a, .product-social-right .hovinfo.socials-wrapper.active-soclist:hover ul li a, .product-item .hovinfo.socials-wrapper.active-soclist ul li a, .product-social-right .hovinfo.socials-wrapper.active-soclist ul li a, .product-item .hovinfo.socials-wrapper.active-soclist ul li a:before, .product-social-right .hovinfo.socials-wrapper.active-soclist ul li a:before { opacity: 1 !important; font-size: 23px; } .product-item .hovinfo.socials-wrapper.active-soclist:hover ul li.soc-up-arrow a, .product-social-right .hovinfo.socials-wrapper.active-soclist:hover ul li.soc-up-arrow a, .product-item .hovinfo.socials-wrapper.active-soclist ul li.soc-up-arrow a, .product-social-right .hovinfo.socials-wrapper.active-soclist ul li.soc-up-arrow a, .product-item .hovinfo.socials-wrapper.active-soclist ul li.soc-up-arrow a:before, .product-social-right .hovinfo.socials-wrapper.active-soclist ul li.soc-up-arrow a:before { transition: 0.75s; transform: rotate(-90deg); width: 30px; } .product-item .socials-wrapper.hovinfo, .product-social-right .socials-wrapper.hovinfo { width: 80%; } .product-item .socials-wrapper.hovinfo .socials-list, .product-social-right .socials-wrapper.hovinfo .socials-list { position: absolute; right: 0; top: 0; padding-left: 30px; background: transparent; } .product-item .socials-wrapper.hovinfo.active-soclist .socials-list , .product-social-right .socials-wrapper.hovinfo.active-soclist .socials-list { position: absolute; right: 0; top: 0; padding-left: 30px; } .cms-index-index .products-grid .slick-slide .product-item-details { padding: 1.5rem; } .newsletter .left, .newsletter .right {padding-top: 5px} .longw, .page-layout-custom-home .button.longw { margin: 0; } .hospitality-slider .owl-stage-outer:after { height: 104px; } .hospitality-slider .slider-block > p { margin: 0 0 50px; } .insblock { padding-top: 40px; } .page-layout-custom-home h2 {/*text-align: center;*/ font-size: 21px;} .stahp .studiotxt h2 img { width: 180px; } .hospitality-slider .customDesc { height: 100px; bottom: 5px!important; width: 300px; left:calc(50vw - 150px); } .hospitality-slider .customDesc h2 {white-space:normal; width: 90%;} .page-layout-custom-home .button { padding: 0px 15px; } .hospitality-slider ul:after { width: 300px; left:calc(50vw - 150px); height: 130px; } /*.widget-product-grid .slick-list {margin: 0;}*/ .we-offer { margin: 50px 3.5vw; padding: 40px 0; } .offers { width: 80%; margin: 60px auto; padding: 40px 30px; } .offers > img {width: 65px;} .awards { width: 90%; margin: 60px auto; } .awards.arts img {max-width: 30vw;} .badesc {font-size: 14px;margin: 20px;} .column.main .product-items {margin-left: 0} /*.page-products.recentlyviewed-products-wrapper .products-grid .product-item.four-items .product-item-info {margin: 0;}*/ .fotorama__stage__frame .fotorama__img { /*width: 100% !important;*/ } .empty-right { display: none; } .empty-left { width: 100%; border: 1px solid #000; vertical-align: middle; display: block; max-width: 520px; } .empty-left h2 { font-size: 20px; } .empty-left div { padding: 40px; } .empty-left div a.button { float: none!important; } } @media (max-width: 950px), print { .checkout-cart-index .page-main .columns .cart-container .cart-summary, .abs-shopping-cart-items-desktop, .block-cart-failed, body .cart-container .form-cart, .cart-container .cart-gift-item { width:100%!important; float: none!important; margin: 0; } body .cart-container .form-cart {padding-right: 0!important;} .checkout-cart-index .page-main .columns .cart-container .cart-summary {z-index: 10; padding-top: 0;} .cart.table-wrapper .product-image-wrapper .product-image-photo{ width: 200px!important; } .stahp .studiotxt {padding-top: 33px; padding-bottom: 20px;} .page-products .products-grid.sales-team .product-item {width: 50%} .sales-page .collections-main .collections-info-wrapper.sales-wrapper:before {width: 50%;} .account .order_hist .sorting .date {width:100%;} .account .po_order_no, .account .order_hist {padding-bottom: 3rem} .account .po_order_no > div, .account .order_hist .sorting .date div.field-container, .account .order_hist .sorting input[type="submit"] { float:none; width: 100%; padding-right: 0; max-width: 500px; } .account .order_hist .sorting .date div.field-container {padding-bottom: 3rem;} .order_hist .date img, .order_hist .date div:last-of-type img {right: 0} .account .order_hist .sorting .date div.field-container input { width: calc(100% - 5rem); } } @media only screen and (max-width: 900px) { .page-layout-custom-home h2, .smallttlft {text-align: center;} .studiohp {height: auto; padding: 20px} .stimglft, .studiotxt, .wheelcms, .carousel-container {width:100%} .wheel .studiotxt { width:calc(100% - 80px); height: auto; margin: 30px 40px; position: absolute; top:20vw; border-top: 1px solid #C8C8C9; padding: 51vw 0 40px; } .wheel, .grid .stimglft, .carousel-container {width: 100vw; padding: 0;} .wheelwrap {padding-top: 90px;padding-bottom: 50vw;} .wheel {/*height: 112vw;*/ } #carousel {width: 100vw; height: 75vw;} .wheelcms, .stimglft {float:none; } .studiotxt { margin: 0; border-left: 1px solid #C8C8C9; border-top: 0; height: auto; text-align: center; } .hospstyle .newssign.grid .studiotxt {border-top: 1px solid #C8C8C9;} .studiobott {display: none} .studiobtn {bottom: 0} .page-layout-custom-home .button { margin: 20px auto 35px; } .page-layout-custom-home .button.atwolines { margin: 0 auto; } #but_prev, #but_next { width: 80px; margin: 40px 0 0; } .stahp .studiotxt { padding: 33px 30px 0!important; margin:0 20px; width: calc(100% - 40px); border-left: 1px solid #C8C8C9; } .smallttlft, .page-layout-custom-home .page-main p.smallttlft {text-align: center} .stimglft { transform: translateY(0); } .stahp .stimglft { width: 100%; } .studiohp.wheel { height: auto; } .hdform.stahp .studiotxt.assistform { /*float:none;*/ clear: both; padding: 0; width: auto; margin: 0 auto; text-align: left; } body .assistform .formbuilder-form .form-list .field:nth-child(4), .newssign .formbuilder-form .form-list .field:nth-child(4) { float:none; } } @media only screen and (max-width: 860px) { .newssign.grid .studiotxt { height: 62vw; } .download-page-bottom { padding-top: 60px; } .download-page-bottom div { width: 100%; float: none; margin-left: 0; margin-bottom: 60px; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) { border: none; display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > thead > tr > th { display: none; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th { border-bottom: none; display: block; padding: 5px 0; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr { display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody { display: block; } .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr td:before, .table-wrapper .table:not(.totals):not(.cart):not(.table-comparison) > tbody > tr th:before { padding-right: 10px; content: attr(data-th) ': '; display: inline-block; color: #111111; font-weight: 700; } .account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > th, .account .column.main .order-details-items .table-wrapper .data.table > tfoot > tr > td.right { width: 90%; } .order-links .item { float: left; margin: 0 5px 0 0; } .action.print {float:none;} .page-main, .page-footer .f-top-inner, .page-footer .f-middle-inner, .page-footer .f-bottom-inner { max-width: 100%; } .page-footer .j-col2 { padding: 0; } .page-footer .f-middle .f-signup { padding: 30px; } } @media only screen and (min-width: 768px) { .block-search .action.search:hover { background: url('../../frontend/Jola/jolatheme/web/images/icons/ico_loupe_black.png') no-repeat center center / auto 18px!important; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_loupe_black.png') no-repeat center center / auto 18px!important; } } /* IE specific */ @media only screen and (min-width: 768px) and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10+ specific styles go here */ /* Fix the footer overlapping in IE11 */ .page-wrapper { height: auto!important; } .toolbar select { font-size: 1.2rem; border: initial; margin-top: -5px; } #region_id { display: inline-block!important; } body.jolausa-teammessages-message-listing .actions_buttons { display: inline-block; width: 7%!important; } body.jolausa-teammessages-message-view .messages .container .message button, body.jolausa-teammessages-message-listing .container button { width: 3rem; } } @media only screen and (max-width: 768px) { .prods.empty { margin-top: 0px; } /* General style */ .cms-page-view .page-title-wrapper { padding: 0px 0 35px 0; } .slick-prev, .slick-next { bottom: -120px; } /* ============================================ * * Footer * ============================================ */ .page-footer .f-top .socials-wrapper li { margin-right: 13px; width: auto;} .page-footer .f-middle .j-three-cols-wrapper .j-col1, .page-footer .f-middle .j-three-cols-wrapper .j-col2, .page-footer .f-middle .j-three-cols-wrapper .j-col3 { float: none; width: auto; display: table; text-align: center; padding-right: 0; margin: 0 auto; } .page-footer .f-middle .j-three-cols-wrapper .j-col1 { padding-bottom: 35px; } .page-footer .f-middle .j-three-cols-wrapper .j-col2 {width: 100%; margin-bottom: 35px;} .page-footer .f-middle ul li { text-align: center; } .page-footer .f-middle .j-three-cols-wrapper .j-col1 {width: 100%;} .page-footer .f-middle .f-studiohome {border-bottom: 1px solid #FFFFFF; padding-bottom: 30px} .page-footer .f-middle .f-studiohome h3 { display: block; margin-bottom: 0; text-align: center; } .page-footer .f-middle .j-three-cols-wrapper .j-col3 .f-studiohome{ padding-bottom: unset; } .page-footer .f-middle .j-three-cols-wrapper .j-col3 .f-studiohome h3:nth-of-type(2){ margin: 10px auto; } .page-footer .f-middle .f-studiohome h3 a{ display: inline-block; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-right-middle-black.png) no-repeat center right; padding-right: 33px; margin-bottom: 30px; } .page-footer .f-middle ul li a {padding-bottom: 8px;} .page-footer .f-middle .f-signup { padding: 30px 45px; } .page-footer .f-middle .f-studiohome ul:before { /*content:'MORE ON GLOBAL VIEWS'; font-size: 1.3rem; font-weight: 600; height: 50px;*/ } .sta .page-footer .f-middle .f-studiohome ul:before { /*content: 'MORE ON STUDIO|A HOME';*/ } .page-footer .f-middle .f-studiohome ul li:first-child {padding-top: 30px} .page-footer .f-middle h3 a {font-weight: 600; text-decoration: none;} .page-footer .f-middle h3 a:hover {text-decoration: none;} .cart-summary, .abs-shopping-cart-items-desktop, .block-cart-failed, .cart-container .form-cart, .cart-container .cart-gift-item {width: 100%!important; float:none;} .cart.table-wrapper .product-item-photo { width: 220px!important; max-width: 220px!important; position: relative; top: 0; margin: 0 auto; } .gift-options-cart-item + .action-towishlist {} .cart.table-wrapper .actions-toolbar > .action-edit, .cart.table-wrapper .actions-toolbar > .action-delete { right:auto; } .btnsline {width: calc(80vw - 2px); left:calc(10vw + 1px); height:65vw;} .block.widget.block-products-list.grid .block-content {height: 65vw;} .widget-product-grid .slick-track, .mac .widget-product-grid .slick-track, .mac-os .widget-product-grid .slick-track { left: 0px; } .slick-prev, .slick-next { /* bottom: -105px; */ display: none; } /* .slick-prev { left: calc(50% - 80px); } .slick-next { right: calc(50% - 80px); } */ .wheelbtns {text-align: center} #but_prev, #but_next {margin: 10px 0; width: 60px;} .stahp .studiotxt {height: auto; padding-top: 70px;} .nohp.studiohp {height: auto;} .account .column.main { margin-top: 0px; } .block-collapsible-nav {top:95px;} .cms-locate-us .page-main { padding-left: 0px; padding-right: 0px; } .contlft, .contrth { width: 500px; float: none; margin: auto; padding: 0; max-width: 100%; } .continf {margin: 40px auto;} .continfbt {margin-top: 0px;} .continfbt .contlft, .continfbt .contrth {margin-top: 30px;} .contcopy {height: auto;} .pme { height: auto; } /* Account Dashboard Pages */ .nohp .stimglft { width: 100%; float: none; } .nohp .studiotxt { float: none; padding: 33px 30px 20px!important; margin: -2px 20px 20px; width: calc(100% - 40px); } /* TOP MENU - Mobile Override */ .ves-menu .navigation li:not(.shopmob) a { //padding: 0 20px; //line-height: 21px; } /* team messages */ body.jolausa-teammessages-message-listing .team-messaging-container .messages .container { padding: 2rem 0rem; } body.jolausa-teammessages-message-create .new-message .title span, body.jolausa-teammessages-message-edit .edit-message .title span, body.account.jolausa-teammessages-message-create .recepients h4, body.account.jolausa-teammessages-message-listing .recepients h4, body.account.jolausa-teammessages-message-edit .recepients h4, body.account.jolausa-teammessages-message-view .recepients h4 { width: 17%; } body.account.jolausa-teammessages-message-create .new-message input[type="text"], body.account.jolausa-teammessages-message-edit .edit-message input[type="text"], body.account.jolausa-teammessages-message-create .recepients .recepients_container { width: 83%; } /* RMA - rmasystem (webkul) */ body.rmasystem-newrma-index #save_rma_form .wk-pro-divide1, body.rmasystem-viewrma-index #shipping_table .wk-pro-divide1 { padding: 7rem 0; float: left; } body.rmasystem-newrma-index .fieldset.login .field select { width: 100%; } body.rmasystem-index-index #rma-table tbody tr:hover, body.rmasystem-newrma-index #wk_rma_order_details tbody tr:hover { border-left-color: #ffffff; } #wk_rma_order_details .return_item, body.rmasystem-index-index #rma-table a.selectBox-dropdown .selectBox-label, body.rmasystem-newrma-index #wk_rma_order_details .item_reason { width: 100%!important; } /* rma history - conversation */ body.rmasystem-viewrma-index .conversation-block { width: 100%; margin-right: 0; float: none; } body.rmasystem-viewrma-index .new-message-block { width: 100%; float: none; } /* ACCOUNT DOCUMENTS */ #document_list_table { border-spacing: 0; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin: 0; padding: 0; width: 100%; table-layout: fixed; font-size: 1.5vw; } #document_list_table th { width: auto!important; text-overflow: ellipsis; overflow: hidden; } #document_list_table .document-upload-btn { min-width: inherit; width: auto; padding: 0 1rem; } #document_list_table .upload-document input { color: #ffffff; } /* zopim - "Message" */ /* .zopim { position: static!important; bottom: 0!important; } */ /* Customer Service */ .customerservice-block { padding-top: 0!important; padding-bottom: 0!important; } .customerservice-block-imgleft .customerservice-content-inner, .customerservice-block-imgright .customerservice-content-inner { padding-right: 20px; padding-left: 20px; } .page-layout-customer-service .page-main .columns { padding-left: 0; padding-right: 0; } .customerservice-block .customerservice-img { position: relative; width: 100%; max-width: 100%; } .customerservice-block .customerservice-img img { max-width: 100%; width:100%; } .customerservice-block.visible-active .customerservice-content { margin-top: -5px; } .customerservice-block .customerservice-content { width: 100%; margin-top: -5px; margin-bottom: -1px; } .customerservice-block .customerservice-content h3 { padding-top: 15px; } .customerservice-block .formbuilder-form .buttons-set { bottom: 20px; position: relative; margin: 0 auto; width: 100%; } /* Google recaptcha responsive code */ .g-recaptcha { transform:scale(0.77)!important; -webkit-transform:scale(0.77)!important; transform-origin:0 0!important; -webkit-transform-origin:0 0!important; } /* /Google recaptcha responsive code */ .customerservice-block2-wrapper .customerservice-content ul:first-of-type { padding-bottom: 0; } .customerservice-block2-wrapper .customerservice-content ul:last-of-type { padding-bottom: 0; } .customerservice-block2-wrapper .customerservice-content ul:first-of-type, .customerservice-block2-wrapper .customerservice-content ul:last-of-type { width: 100%; } .customerservice-block .customerservice-content ul li { word-break: break-all; } .customerservice-block .customerservice-content h5 a { min-width: 150px; padding-right: 35px; } /* TERMS & CONDITIONS */ /*body.cms-terms-and-conditions #maincontent.terms-page > img {*/ /* margin-top: -5vw;*/ /* margin-bottom: 1vw;*/ /*}*/ /* PRIVACY POLICY */ body.cms-privacypolicy #maincontent.privacypolicy-page >img { margin-top: -8vw; margin-bottom: 1vw; } body.cms-privacypolicy .left_col { width: 100%; padding-right: 4.5rem; } body.cms-privacypolicy .right_col { width: 80%; top: -5rem; left: 10%; } /* Team messaging */ body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info_header{ max-width: 100%; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container:hover { border-left-color: transparent; } body.jolausa-teammessages-message-listing .actions_buttons { position: relative; width: 92px; float: right; text-align: right; right: 0; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info .content {width: calc(100% - 100px);margin-top: 15px;} body.rmasystem-index-index #rma-table .wk_rma_sorter th:hover, body.rmasystem-index-index #rma-table th:nth-child(3) { max-width: 12rem; } body.rmasystem-index-index #rma-table .wk_rma_filter th, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_filter th { max-width: 6rem; } .checkout-cart-index #maincontent, .customer-account-login #maincontent, .customer-account-create #maincontent, .customer-account-forgotpassword #maincontent { max-width: 100%; padding-left: 0px; padding-right: 0px; padding-top: 5px; } .cart-summary {padding: 1px 20px 25px;} .cart-summary .checkout-methods-items { padding: 0; margin: 0; } .cart.table-wrapper .cart tr td.notecart{ padding-left: 20px; padding-bottom: 20px } .cart.table-wrapper .actions-toolbar > .action-delete:not(:focus), .cart.table-wrapper .actions-toolbar > .action-delete { right: 20px; } .cart.table-wrapper thead .col.item { display: block; } #catalogs_request_pdp .request_catalog_button span { font-size: 10px; } body #catalogs_request_pdp img { height: 200px; object-fit: cover; } .hotels-logos { margin: 30px 0 70px; } .lifestyle-imgs.learnmorehd { max-width: 95%; } .contract-url { width: 50%; } /* endofmax768*/ } @media only screen and (min-width: 1201px) and (max-width: 1320px) { .footer-inner .f-top-inner .socials-wrapper ul.socials-list li { width: 3rem; } } @media only screen and (max-width: 320px) { .footer-inner .f-top-inner .socials-wrapper ul.socials-list li { margin-right: 25px; } } /* iPAD */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .megamenu-sidebar div.nav-brands { padding: 0 40px; } .getinspired-submenu-header a, .navigation .submenu:not(:first-child) ul > li a, .getinspired-submenu-header > div:last-child li a { /*line-height: 3!important;*/ text-indent: 2rem; } .tothetrade-submenu-header .col-sm-2 { width: 100%; } } @media all and (max-device-width: 1366px) { .page-with-filter.page-products .products.wrapper, .catalogsearch-result-index .products.wrapper, .featuredproducts-content .products.wrapper { margin: 20px 0 20px; } .page-with-filter.page-products .products.list.items.product-items, .catalogsearch-result-index .products.list.items.product-items, .featuredproducts-content .products.list.items.product-items { margin-top: 4rem; } .page-products .product-item-info { margin-bottom: 3rem; } .page-products .products-grid .product-item-info:hover, .products-grid .product-item-info:hover, .page-products .products-grid .product-item-info.active, .products-grid .product-item-info.active { margin-bottom: 3rem; } /*.page-products .product-item-info,*/ /*.page-products .products-grid:not(.quick-view-actions) .product-item-details,*/ /*.products-grid:not(.quick-view-actions) .product-item-details {*/ /* bottom: auto;*/ /* top: 100%;*/ /*}*/ .page-products .products-grid .product-item-details .item-link-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page-products .amscroll-load-button { margin-top: 1rem; } .page-products .products-grid .product-item-details .product-item-name a, .products-grid .product-item-details .product-item-name a { font-size: 9px; padding: 7px 15px; } .page-products .products-grid .product-item-details .item-link-price { padding-top: 0; } .page-products .products-grid .product-item-details .item-link-price .price-box p .price-label, .page-products .products-grid .product-item-details .item-link-price .price-box p .price-container .price { font-size: 7px; line-height: 7px; } .page-products .products-grid .product-item-details .item-link-price .price-box p { line-height: 7px; } .line-right:before {width:10rem;} } @media all and (device-width: 1024px) and (device-height: 1366px) { .page-with-filter.page-products .products.wrapper, .catalogsearch-result-index .products.wrapper, .featuredproducts-content .products.wrapper { margin: 20px 0 20px; } .page-with-filter.page-products .products.list.items.product-items, .catalogsearch-result-index .products.list.items.product-items, .featuredproducts-content .products.list.items.product-items { margin-top: 4rem; } .page-products .product-item-info { margin-bottom: 6rem; } /*.page-products .products-grid:not(.quick-view-actions) .product-item-details,*/ /*.products-grid:not(.quick-view-actions) .product-item-details {*/ /* bottom: auto;*/ /* top: 100%;*/ /*}*/ .page-products .products-grid .product-item-details .item-link-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .page-products .amscroll-load-button { margin-top: 1rem; } } @media only screen and (min-width : 1025px) and (max-width : 1370px) { .tothetrade-submenu-header .col-sm-2 { width: 16.66666667%; } .getinspired-submenu-header .col-sm-2 img{ max-width: 100%; display:block; } .getinspired-submenu-header a, .navigation .submenu:not(:first-child) ul > li a, .getinspired-submenu-header > div:last-child li a { text-indent: 0rem; } .getinspired-submenu-header > div:last-child { width:auto; } .getinspired-name { text-align: left; } .inner-name{ max-width: 100%; } } @media only screen and (max-width: 760px) { body .page-header .h-cart-wrapper {right:9px;} .catalog-product-view .product.media { -ms-flex-order: 0; -webkit-order: 0; order: 0; } .table-wrapper.grouped { margin-left: 0px; margin-right: 0px; border: 0; } .actions-toolbar a.button { width: 100%; margin-bottom: 10px; } .locwrap p:nth-child(odd),.locwrap p:nth-child(even) {float: none;width: 100%;} .locwrap p:nth-child(2) {margin-top: 0;} .category-lifestyle .quick-view-popup .quick-view-right {display: none;} .category-lifestyle .quick-view-popup .quick-view-left { float: none; width: 100%; border-right: 0px solid #C8C8C9; } .category-lifestyle .quick-view-popup .quick-view-left-inner {padding-right: 0; height: auto; padding-bottom: 0} .category-lifestyle .quick-view-popup { height: auto; } .category-lifestyle .quick-view-popup .quick-view-left-bottom {/*border-top: 0;*/ height: auto; margin-top: 10px; bottom: 0;} .page-footer .quick-view-left-bottom .hovinfo.socials-wrapper { position: relative!important; padding-top: 15px; padding-left: 0; text-align: center; right: 0; height: auto; top:auto; transform: none; -webkit-transform: none; bottom: auto; } .page-footer .quick-view-left-bottom .hovinfo.socials-wrapper ul li { display: inline-block; float: none; } .page-footer .quick-view-left-bottom .hovinfo.socials-wrapper ul li a {opacity:1; height: 30px; width: auto} .page-footer .quick-view-left-bottom .hovinfo.socials-wrapper ul li.soc-up-arrow {display: none} .talkto {width: 100%; margin-left: 0;} .talkto > div {width: 100%;position: relative; float: none;} .cms-locate-us .talkto { margin-left: 0px; width: 100%; } .talkinside {width: 88%; left: 6%;} .talkto p {font-size: 13px} .talkto a.button span {font-size: 10px} .talkrth .talkinside {left: 6%;} .awards {width: 100%} .awards td, .awards td:last-child {display: block; width: 100%; padding: 25px 10% 0; text-align: center;} .awards td:last-child {padding-top: 0;} .tdimg {text-align: center} .mob760 {display: block} .nomob760, .awards td.nomob760 {display: none} .awards.arts img { position: relative; transform: none; top: auto; max-width: 90%; } .awards td .desc-sm {text-align: center; padding:15px 0 } .hospstyle .newssign.grid .studiotxt {border: 0; text-align: left; } .hospstyle .newssign.grid .studiotxt h2 {text-align: left;} .hospstyle .newslft {max-width: 100%; } .hospstyle .newssign .formbuilder-form {margin-left: 0;} body .assistform .formbuilder-form .form-list .field:nth-child(2), .hospstyle .newssign .formbuilder-form .form-list .field:nth-child(4), .hospstyle .newssign .formbuilder-form .form-list .field:last-of-type > div > div { float:none; } .hospstyle .newssign .formbuilder-form .form-list .field {padding: 0;} .hospstyle .formbuilder select {background-position-x:calc(100% - 10px)!important;} .hospstyle .newssign .formbuilder-form .subtemplate-wrapper .input-box { text-align: left;} .hospstyle .buttons-set {text-align: center; margin-top: 15px;} .hospstyle .newssign .formbuilder-form .formbuilder-button.button {float: none;} .collections-main.market-main {padding-top: 10px;} .dateswrap {margin: 5px auto; height: auto;} .dateslft {position: relative; float: none; margin-right: 0; width: 100%} .datesdescwrap {float: none;width: 100%; margin: 35px auto;} .datesdesc {height: 100px; float: none; width: 80%} .toggle-cs-block {left: 10%;} .page-products .products-grid .items3 .product-item { width: 100%; margin-right: 0%!important; margin-bottom: 30px!important; } .toolbar-amount { display: block; float: left; } .limiter { float: right; } .brand-responsive .collections-main .collections-info-wrapper:before { content: none; } .collections-main .collections-logo, .collections-main .collections-description { float: none; width: auto; border-right: 0px solid #C8C8C9; display: block; vertical-align: middle; } .collections-main .collections-logo-inner { padding: 0 25px 25px; margin: 0; } .collections-main .collections-description-inner { padding: 25px 0 0; text-align:center; } .collections-info hr { margin: 0 auto; border-top:1px solid #C8C8C9; width:125px; } .collections-main .collections-info { padding: 5px 0; } } @media only screen and (max-width: 700px){ .contract-wrapper { margin: 0 0 -20px; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info_header { text-align: left; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info_header .customer { float:none; display: block; } .hospitality-slider .customDesc h2 {font-size: 20px;} /* ============================================ * * Footer * ============================================ */ .page-main, .page-footer .f-top-inner { padding-left: 0; padding-right: 0; padding-bottom: 35px; } .customer-account-createpassword, .checkout-index-index .page-main { padding-left: 15px; padding-right: 15px; padding-bottom: 15px; } .page-footer .f-top .j-three-cols-wrapper { position: relative; padding-top: 55px; } .page-footer .f-top .j-col1, .page-footer .f-top .j-col2, .page-footer .f-top .j-col3 { padding-right: 0; } .page-footer .f-top .j-col1, .page-footer .f-top .j-col3 { width: 48.5%; margin-top: 40px; padding-left: 15px; } .page-footer .f-top .j-col2 { position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 100%; border-bottom: 1px solid #C9C9CA; padding-bottom: 30px} .page-footer .f-top .j-col3 { float: right; padding-right: 15px;} .modify-middle .lifestyle-img { padding: 0; } } @media only screen and (max-width: 639px){ h1.page-title {font-size: 2.1rem;} .multicheckout .action.primary, .order-review-form .action.primary, .bundle-actions .action.primary.customize, .bundle-options-container .block-bundle-summary .box-tocart .action.primary, .box-tocart .action.tocart, .block-minicart .block-content > .actions > .primary .action.primary, .methods-shipping .actions-toolbar .action.primary, .block-authentication .action.action-register, .block-authentication .action.action-login, .checkout-payment-method .payment-method-content > .actions-toolbar > .primary .action.primary, .form-address-edit .actions-toolbar .action.primary { float:none; width: 100%; } .cart .table.items .col.qty { text-align: left; } /***PLP Mobile Theme***/ .page-products .product-item-info:nth-child(2n) {margin-right: 0} #searchsuite-autocomplete { width: 100%!important; } .searchsuite-autocomplete .product ul li { width: 28%!important; } .order-details-items .order-title .action, .action.print { margin: 20px 0; } .collections-main .collections-info { width: 100%; } .opc-wrapper .shipping-address-item { display: block; width: auto; } .opc-wrapper .methods-shipping { border-bottom: 0px solid #cccccc; padding-top: 0px; background: none; } .opc-wrapper .step-title { border-bottom: 1px solid #cccccc; margin-top: 40px; } } @media only screen and (max-width: 580px) { .page-products .products-grid.sales-team .product-item {width: 100%} .sales-page .collections-main .collections-info-wrapper.sales-wrapper:before {content: none} body .fotorama__arr--next { right: -8px; } body .fotorama__arr--prev { left: -8px; } .fotorama__arr, .fotorama__arr__arr { /*width: 13px !important;*/ } .lifestyle-wrapper { margin-left: 4%; margin-right: 4%; } .page-products .products-grid .product-item.lifestyle-items .product-item-info.item-6, .products-grid .product-item.lifestyle-items .product-item-info.item-6, .page-products .products-grid .product-item.lifestyle-items .product-item-info, .products-grid .product-item.lifestyle-items .product-item-info { width: 100%; margin-right: 0; float: none; margin-top: 0; margin-bottom: 20px; min-height: 65vw; } .products-grid .product-item.lifestyle-items .product-item-info .product-item-info-inner { min-height: 65vw; } .insblock {padding-top: 80px} .cms-index-index .insblock { padding-top: 0} /* Account - Catalog Request */ .requestcatalog-holder .item { width: 100%; min-height: 35vw; } .requestcatalog-holder .buttons { text-align: center; } .requestcatalog-holder .action.primary.add { float: none!important; } body.jolausa-teammessages-message-listing .team-messaging-container .new { position: relative; top: -8rem; } .cart.table-wrapper .cart tr { display: block; } .cart.table-wrapper .cart td, .cart.table-wrapper .col.price, .cart.table-wrapper .col.qty, .cart.table-wrapper .col.price, .cart.table-wrapper .col.subtotal, .cart.table-wrapper .col.msrp {float:none; width: 100%!important; padding: 10px 20px;} .cart.table-wrapper .cart td > * { margin: 0 auto} .cart.table-wrapper .cart.item .col.item {padding-right: 0;} .cart.table-wrapper .item-actions td {height: auto} .cart.table-wrapper .item-actions td.non {display: none;} .cart.table-wrapper .actions-toolbar > .action-delete:not(:focus), .cart.table-wrapper .actions-toolbar > .action-delete { right: -10px; } .cart.table-wrapper .cart tr td.delcart {top:10px;} .shiphandl { float: left; margin-top: -2rem; } } @media only screen and (max-width: 480px) { .page-header .h-top-right { padding-top: 5px; } .page-header .header-inner .mobyes a.logo img{ width: 45vw; } .page-header .nav-toggle{ top: 85px; } .page-header .h-search-toggler{ top: 97px; } .swatch-option.color:after, .swatch-option.image:after { font-size: 0.8rem; font-weight: bold; } /* ============================================ * * Footer * ============================================ */ .page-footer .f-top .j-col1, .page-footer .f-top .j-col3 { float: none; display: table; width: auto; margin: 0 auto; text-align: center; padding-left: 0; } .page-footer .f-top .j-col1 { padding-bottom: 20px; padding-top: 40px} .page-footer .f-top .socials-wrapper li:last-of-type {margin-right: 0;} .page-footer .f-top .retaillocator-link { float: none; text-align: center; } .page-footer .hovinfo.socials-wrapper {padding-left: 0} .page-footer .f-top .socials-wrapper li { margin-right: 40px; } /*.owl-stage-outer:after {*/ /* height: 200px;*/ /* width:360px;*/ /* left: calc(50vw - 180px);*/ /*}*/ /*.customDesc {*/ /* bottom: 75px;*/ /* width:300px;*/ /* left:calc(50vw - 150px);*/ /* text-align: center;*/ /* height:115px;*/ /*}*/ .page-layout-custom-home h2 {text-align: center} .customDesc h2 { font-size: 22px; margin-bottom: 15px; } .page-layout-custom-home .button { padding: 0px 15px; } /*.owl-nav { width: 260px; left:calc(50vw - 130px); height: 240px; } .owl-dots { left: calc(50vw - 100px); right: calc(50vw - 100px); } .owl-prev {left:2vw} .owl-prev, .owl-next, .owl-dots { bottom: 10px; }*/ .block.widget.block-products-list.grid .block-content, .btnsline { height: 120vw; } .slick-prev, .slick-next { bottom: -60px; } .wheelwrap { padding-bottom: calc(65vw + 50px); } .longw, .page-layout-custom-home .button.longw {max-width: 80%;} .offers { width: 90%; } .hospitality-stock.imageslider-widget { width: calc(100% + 60px); margin-left: -30px; } .block .baslide p:last-child { margin: 0 20px; } .awards td, .awards td:last-child { padding: 25px 20px 0; } .awards td:last-child { padding-top: 0; } .catalog-product-view .retaillocator-form { width: 100%; } /*** PLP Mobile Theme ***/ .page-products .product-item-info, .page-products .product-item-info:nth-child(3n), .page-products .products-grid .product-item-info:hover, .products-grid .product-item-info:hover, .page-products .products-grid .product-item-info.active, .products-grid .product-item-info.active{ width: 100%; margin-right: 0%; } .page-products .columns.sidebar-main-inactive .column.main, .page-products .columns .column.main {padding-right: 10px; padding-left: 10px;} .checkout-success .actions-toolbar {text-align: center} body.checkout-onepage-success .print, body .checkout-success .primary a.action.primary { margin-left: 0; margin-top: 30px; float: none; clear: left; display: inline-block; width: 250px; } .wheelwrap .wheelcms p { max-width: 70vw; margin: 0 auto 20px; } .wheelwrap .wheelcms p br {display: none;} .page-products.categorypath-trade-sales-team-united-states .products-grid .product-item-info:hover{ width: 70% !important; } } @media only screen and (max-width: 420px) { .contract-url, .lifestyle-img { width: 100%; float:none; } .modify-middle.right-m { margin-top: 8rem; } .custom-design .modify-middle.right-m { margin-top: 1rem; } .modify1 { bottom: -6rem; max-height: none; max-width: 350px; left: -95%; } .topbanner .owl-stage-outer:after { height: 200px; width:90%; left: 5%; } .topbanner .owl-nav { width: 64%; left:18%; height: 240px; } .hospitality-slider .owl-stage-outer:after { height: 104px; } .hospitality-slider ul:after { width: 70%; left:15%; } .topbanner .owl-prev { left: calc(50% - 80px); } .topbanner .owl-next { right: calc(50% - 80px); } .nohp .squarelink a { padding: 9px 35px 9px 5px; margin: 10px auto; /*margin: 0 -20px; width: calc(100% + 40px);*/ } .stahp .studiotxt { padding: 33px 15px 10px!important; } .talkto a.button {margin: 15px auto 0;} .catalog-product-view .product-social-icons-wrapper .socials-list li {margin-left: 10px;} .catalog-product-view .retaillocator-form-input, .catalog-product-view .retaillocator-form-buttons { float: none; width: 100%; } .catalog-product-view .retaillocator-form-buttons {margin-top: 25px} .locator-img { width: 100%; margin-left: 0%; } .empty-left div { padding: 30px; } .relslick .slick-next { right: -40px; } .relslick .slick-prev { left: -45px; } } @media only screen and (max-width: 380px) { /*** Header ***/ .page-header .h-bottom-right { padding: 0 15px; } .page-header .h-top{ padding: 0 15px; } .page-header .h-cart-wrapper {right: 15px} body .page-header .h-search-toggler, body .page-header .sticky .h-search-toggler { left: 55px; } .cart-summary .checkout-methods-items .action.primary.checkout, .action.continue { float:none; width: 100%; } .action.continue {margin-bottom: 20px;} .showroom-wrapper .togglesidebar { width: 300px; } } @media print { /* main elements print style */ .page-header { display: block; border: 0; height: 12pt; margin: 0; position: relative; } main#maincontent { margin-top: 0; } .page-header > *, .page-header .h-bottom { border: 0!important; } .page-header .h-top, .h-cart-wrapper, .page-title-wrapper, .menu-overlay, footer, .back_btn { display: none; } .page-header .navigation ul { display: block; } /* RMA DETAILS PRINTING */ .ves-megamenu li.jola-logo .nav-anchor > img { display: block; width: 200px; height: 100px; } .account .page-main .page-title-wrapper h1.page-title, .account .messages { display: none; } .page-title { padding-bottom: 7pt; } .page-title h1 { font-size: 12pt; line-height: normal; } .account h3 { display: block; font-size: 10pt; line-height: normal; margin: 0; } .account .column.main .block:not(.widget) .box-title { line-height: normal; display: block; width: 100%; margin: 0; padding: 0; } .account .column.main .block:not(.widget) .box-title h3 { line-height: 14pt; white-space: nowrap; } .account .column.main h2 { font-size: 12pt; line-height: normal; margin: 0; } .abs-blocks-2columns, .abs-discount-block-desktop .block, .login-container .block, .account .column.main .block:not(.widget) .block-content .box, .form-address-edit > .fieldset, .form-edit-account .fieldset, .storecredit .block, .paypal-review-discount .block, .cart-discount .block { width: 50%; float: left; margin: 0; } .box-content p, .box-content p a, .box-content p strong { font-family: monospace; color: #000000; background-color: red!important; height: 20pt; margin-left: 0!important; font-weight: normal; text-decoration: none!important; } .block-addresses-list address, .box-billing-address .box-content, .box-shipping-address .box-content, .box-address-billing .box-content, .box-address-shipping .box-content, .box-information .box-content, .box-newsletter .box-content { background: #f9f9f9!important; height: 20pt; } #shipping_table th { border-right: 0!important; } #shipping_table td { padding: 2pt; } #shipping_table th.col.name { width: 45%; } .wk-pro-divide1 { margin-right: 0!important; } .wk-pro-divide1 img { display: inline-block; } body.rmasystem-viewrma-index .wk_rma_onereply_cntnt.customer, body.rmasystem-viewrma-index .wk_rma_onereply_cntnt.admin { line-height: normal; text-transform: initial; font-size: 12pt; } .dashboard { padding: 0; } .wk_rma_onereply_cntnt { text-transform: initial!important; line-height: normal!important; padding: 0!important; } } /*PLP and CMS pages mobile fix for breadcrumbs, title */ @media only screen and (max-width: 767px) { .level1.nav-dropdown.brand-partner-menu .shop4 span a{ margin-left: 20px; } .level1.nav-dropdown.brand-partner-menu .brand-menu-heading { font-weight: bold; } /*PLP*/ .page-products .toolbar-top-inner { padding: 0; } .page-products .t-filters-toggler { padding: 15px 0; width: 30%; } .page-products .t-sorter { position: initial; width: 35%; float:left; } .page-products .toolbar select { padding: 15px 15px; font-size: 11px; width: 85%; margin-right: 0; float: left; font-family: 'IBM Plex Sans Regular', sans-serif; } .page-products a.action.sorter-action { display: none; } .page-products a.action.sorter-action.sort-asc { top: 0; right: 15px; } .page-products a.action.sorter-action.sort-desc { top: 0; right: 15px; } .page-products .toolbar-top { border-top: 1px solid #C8C8C9; } .page-products .amscroll-load-button { margin-top: 8rem; } .page-products .sorter { position: initial; width: 95%; float: left; } /*.catalog-category-view.page-layout-2columns-left.catalog-category-view .page-main {*/ /* margin-top: 0;*/ /* padding-top: 90px;*/ /*}*/ .backtohome { margin-bottom: 10px; display: none; } .backtohome a { font-size: 14px; color: #000; font-weight: 500; display: inline-block; text-decoration: none; padding-left: 30px; position: relative; } .backtohome a:before { content: "\f104"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 25px; position: absolute; left: 15px; top: -6px; } .page-products .toolbar-top { top: 55px; } .page-products .t-filters-toggler-item { font-size: 11px; } .page-footer .f-top { border-top: none; } .owl-dots { left: calc(50vw - 76px); width: 155px; } .topbanner .owl-prev { left: calc(50% - 100px); } .topbanner .owl-next{ right: calc(50% - 100px); } body .newssign .formbuilder-form .form-list .field:nth-child(2) { float: none; } body .newssign:not(.assistform) .formbuilder-form .form-list .field .response-field-checkboxes { width: 100%; } .customDesc { opacity: 1 !important; } .search-index-index h1.page-title { padding: 15px 15px 0; } .search-index-index .selectBox-dropdown .selectBox-label { padding: 0 0 0 10px !important; } .search-index-index .selectBox-dropdown { min-width: 80px; max-width: 100px !important; } .account .block-collapsible-nav { top: 80px; } } @media only screen and (max-width: 768px) { .custom-design .modify-middle { display: block; } .custom-design .modify-middle .half-div { width: 100%; padding-right: 0; padding-bottom: 2rem; } .custom-design .modify-middle .half-div .mod-text { position: relative; top: 0; left: 5%; transform: none; padding-bottom: 2rem; } .custom-design .modify-middle .half-div .mod-text.line-right { padding-right: 0; border-right: 0; border-bottom: 1px solid #000; text-align: center; } .custom-design .modify-middle .half-div .mod-text.line-right:before { content: none; } .custom-design .modify-middle .half-div .mod-text.line-left { padding-left: 0; border-left: 0; border-top: 1px solid #000; text-align: center; padding-bottom: 0; padding-top: 2rem; } .custom-design .modify-middle .half-div .mod-text.line-left:before { content: none; } .custom-design .modify-middle .half-div .modify1 { display: none; } /*Recepies pages */ .lifestyle-wrapper .t-category-title { margin-top: 9px; } .page-products .products { margin-top: 0; } .page-products .collections-wrapper .toolbar-bottom { margin-top: 0; padding-top: 61px; } .page-products .collections-wrapper .t-category-title { padding-top: 30px; margin-bottom: 35px; } .page-with-filter.page-products .products.list.items.product-items:first-child { margin-top: 20px; } .collections-main .collections-title h1 { padding: 10px 20px 10px 0; } .collections-main .collections-title { margin-bottom: 30px; } .page-products .collections-wrapper .products-grid.recipes li.product-item { margin-top: 0 !important; } body .get-inspired-wrapper { padding-top: 0; } body .collections-wrapper .collections-main.market-main { padding-top: 0; } body.category-video-library .columns .product-items .main-product-wrapper { padding-top: 0; } .video-lib h1.page-title { margin: 10px 0 32px; } body.page-products .products-grid.recipes li.product-item .product-image-container img { margin-top: 0; } body.page-products .products-grid.recipes li.product-item .product-image-container { width: 100% !important; } body.page-with-filter.page-products .products.list.items.product-items { display: block; } /*Paint & Decor */ body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor { width: 100%; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div { max-width: 400px; min-height: initial; margin-bottom: 35px; z-index: 1; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div:nth-child(odd), body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div:nth-child(even) { width: 100%; top: auto; right: auto; } .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor:after { content: ""; clear: both; display: table; } body.page-layout-paint-decor.page-products .products-grid.paint-decor li.product-item:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 230px; height: 100%; border: 1px solid #c8c8c9; transform: translateX(-50%); padding: 0; margin: 0; } /*PDP*/ .product-add-form .table-wrapper.grouped { margin-left: 0; margin-right: 0; } /* .catalog-product-view .product-addtofavorites { width: 30%; } */ .catalog-product-view .product-addtocompare { width: 68%; } .catalog-product-view .product-addtofavorites .towishlist span { /* display: none; */ font-size: 10px; } #validation-message-box { margin-bottom: 10px; } .product-grouped-wrapper .product-item-left { font-size: 13px; } .product-grouped-wrapper .product-item-name { width: 40%; } .product-grouped-wrapper .stock { width: 30%; } .catalog-product-view .field.qty .input-text.qty { width: 40px; } /*Cart*/ .checkout-cart-index .page-title-wrapper { padding-top: 11rem; } .checkout-cart-index .cart-container { display: flex; flex-direction: column; } .checkout-cart-index .cart-container .cart-summary { order: 2; } .checkout-cart-index .cart-container .form-cart { order: 1; } .cart.table-wrapper { margin-bottom: 0; border-top: none; } .cart-container .form-cart .actions.main { margin: 0 15px 0; padding: 15px 15px; border-top: 1px solid #c9c9c9; } .cart-container .form-cart .actions.main button { width: 100%; margin-top: 5px; } .cart-container .form-cart .actions.main button:first-child { margin-top: 0; } .cart.table-wrapper .col.qty[data-th]:before, .cart.table-wrapper .col.price[data-th]:before, .cart.table-wrapper .col.subtotal[data-th]:before, .cart.table-wrapper .col.msrp[data-th]:before { float: left; } .checkout-cart-index .product-item-details .sku { display: inline-block; width: 100%; border-bottom: 1px solid #d1d1d1; padding-bottom: 15px; font-size: 13px; } .checkout-cart-index .product-item-name > a { font-weight: 600; } .checkout-cart-index .page-title-wrapper { border-bottom: none; } .checkout-cart-index #shopping-cart-table thead tr { padding: 0 15px; } .cart.table-wrapper .cart > .item { border-bottom: none; } .cart.table-wrapper .cart tr td:not(:first-child).product-spec-attributes { padding-top: 0; } .cart.table-wrapper .cart tr { display: flex; flex-direction: column; } .cart.table-wrapper .cart tr td.avl { order: 9; padding-bottom: 20px; } .cart.table-wrapper .cart tr td.product-spec-attributes { order: 10; } .cart.table-wrapper .cart tr td.product-spec-attributes .spec-label { padding-top: 15px; padding-bottom: 5px; border-top: 1px solid #c9c9c9; } .cart.table-wrapper .cart tr .attr-dimensions .attr-label { font-size: 11px; color: #6d6d6d; margin-bottom: 5px; } .cart.table-wrapper .cart.item .col.item { padding-bottom: 25px; } .checkout-cart-index .action-towishlist { display: none; } .cart.table-wrapper .actions-toolbar > .action-delete:not(:focus), .cart.table-wrapper .actions-toolbar > .action-delete { top: 232px; } .cart.table-wrapper .actions-toolbar > .action-delete:before { width: 19px; } .cart.table-wrapper .spec-attributes.desktop { display: none; } .cart.table-wrapper .col.avl:before, .cart.table-wrapper .col.price:before, .cart.table-wrapper .col.subtotal:before { width: auto; } .cart.table-wrapper .col.qty:before { width: 35px; } .cart.table-wrapper .col.avl:before { content: attr(data-th); } .cart.table-wrapper .col.price .price-excluding-tax .price, .cart.table-wrapper .col.subtotal .price-excluding-tax .price { font-size: 13px; } .cart.table-wrapper .col.price[data-th]:before, .cart.table-wrapper .col.qty[data-th]:before, .cart.table-wrapper .col.subtotal[data-th]:before, .cart.table-wrapper .col.avl[data-th]:before { letter-spacing: normal; font-size: 13px; } .cart.table-wrapper:nth-child(3) .cart thead tr th.col { border-top: 1px solid #c9c9c9; } .cart.table-wrapper .cart.item { position: relative; } .cart.table-wrapper .cart.item:before { content: ""; display: block; width: calc(100% - 30px); background-color: #c9c9c9; height: 1px; position: absolute; left: 15px; } .cart.table-wrapper .cart thead tr th.col { border-bottom: none; } .cart.table-wrapper .table > tbody + tbody { border-top: none; } .cart.table-wrapper .col.qty .input-text { width: 40px; } .checkout-index-index h1.page-title { margin-top: 2rem; } h1.page-title { margin-top: 0; } .additional-info-left { width: 122px; min-width: 122px; flex-basis: 122px; } } /* End of max 768px */ /* iPhone landscape fix */ @media only screen and (device-width : 414px) and (device-height : 896px) and (-webkit-device-pixel-ratio : 2) and (orientation : landscape) { /*Cart*/ .cart.table-wrapper .cart tr { display: table-row; } .cart.table-wrapper .cart tr td.product-spec-attributes .spec-label { padding-top: 0; padding-bottom: 0; border-top: none; } .checkout-cart-index #shopping-cart-table thead tr { padding: 0; } .cart.table-wrapper .cart tr .attr-dimensions { border-bottom: none; padding-bottom: 0; } .cart.table-wrapper .cart thead tr th.col { border-bottom: none; } .checkout-cart-index .cart.item .spec-label, .checkout-cart-index .cart.item .attr-label { display: none; } .cart.table-wrapper .cart.item .col.item { padding-bottom: 25px; } .checkout-cart-index .product-item-details .sku { border-bottom: none; padding-bottom: 0; } .checkout-cart-index .page-title-wrapper { border-bottom: 1px solid #c9c9c9; } .cart.table-wrapper .cart > .item { border-bottom: 1px solid #d1d1d1; } .checkout-cart-index .action-towishlist { display: none; } .cart.table-wrapper .cart.item:before { content: none; } } @media only screen and (device-width : 375px) and (device-height : 812px) and (-webkit-device-pixel-ratio : 3) and (orientation : landscape) { /*Cart*/ .cart.table-wrapper .cart tr { display: table-row; } .cart.table-wrapper .cart tr td.product-spec-attributes .spec-label { padding-top: 0; padding-bottom: 0; border-top: none; } .checkout-cart-index #shopping-cart-table thead tr { padding: 0; } .cart.table-wrapper .cart tr .attr-dimensions { border-bottom: none; padding-bottom: 0; } .cart.table-wrapper .cart thead tr th.col { border-bottom: none; } .checkout-cart-index .cart.item .spec-label, .checkout-cart-index .cart.item .attr-label { display: none; } .checkout-cart-index .product-item-details .sku { border-bottom: none; padding-bottom: 0; } .checkout-cart-index .page-title-wrapper { border-bottom: 1px solid #c9c9c9; } .cart.table-wrapper .cart > .item { border-bottom: 1px solid #d1d1d1; } .checkout-cart-index .action-towishlist { display: none; } .cart.table-wrapper .cart.item:before { content: none; } } /* iPhone landscape fix end */ @media only screen and (min-width: 768px) { .custom-design .modify-middle .half-div { display: flex; } /*Recepies pages */ .lifestyle-wrapper .t-category-title { margin-top: 37px; } .page-products .products { margin-top: 20px; } .cms-page-view .page-title { padding-top: 30px; } .collections-main .collections-title h1 { padding: 25px 20px 25px 0; } .collections-main .collections-title { margin-bottom: 0; } .page-products .collections-wrapper .products-grid.recipes li.product-item:first-child { margin-top: 10px !important; } .page-products .collections-wrapper .t-category-title { margin-bottom: 0; } body .get-inspired-wrapper { padding: 2.5rem 0; } body .collections-wrapper .collections-main.market-main { padding-top: 30px; } body.category-video-library .columns .product-items .main-product-wrapper { padding-top: 25px; } .video-lib h1.page-title { margin: 2.5rem auto 0.5rem; } body.page-products .products-grid.recipes li.product-item .product-image-container img { margin-top: 0; position: initial; } .page-products .products-grid.recipes li.product-item .product.details .product-item-inner-recipe h3 { margin-bottom: 0; } body.page-products .products-grid.recipes li.product-item { width: 100%; } body.page-products .products-grid.recipes li.product-item img { max-width: 100%; } body.page-products .products-grid.recipes li.product-item:nth-child(odd) .product.details, body.page-products .products-grid.recipes li.product-item:nth-child(even) .product.details { padding: 15px; } body.page-products .products-grid.recipes ol.product-items { margin-top: 20px; } body.page-products .products-grid.recipes li.product-item { width: 100%; } body.page-products .products-grid.recipes li.product-item .product-image-container { width: 100% !important; } body.page-with-filter.page-products .products.list.items.product-items { display: block; } /*Paint & Decor */ .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor:after { content: ""; clear: both; display: table; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div:nth-child(odd), body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div:nth-child(even) { width: 100%; top: auto; right: auto; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div { min-height: 370px; z-index: 1; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor { width: 100%; } body.page-products .products-grid.paint-decor .product-paint-wrapper { max-width: 500px; margin: 0 auto; position: relative; } body.page-layout-paint-decor.page-products .products-grid.paint-decor li.product-item { max-width: initial; } body.page-layout-paint-decor.page-products .products-grid.paint-decor li.product-item:after { content: ''; display: block; position: absolute; bottom: 0; left: 50%; width: 230px; height: 100%; border: 1px solid #c8c8c9; transform: translateX(-50%); padding: 0; margin: 0; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div { max-width: 240px; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div img { max-width: 240px; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div:nth-child(odd) { float: left; position: relative; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div:nth-child(even) { float: right; position: relative; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div:nth-child(2) { margin-top: 150px; } /*PDP*/ .catalog-product-view .product-addtocompare { width: 49%; } .catalog-product-view .product-addtofavorites .towishlist span { display: inline-block; } #validation-message-box { margin-bottom: 10px; } .product-grouped-wrapper .product-item-left { font-size: 14px; } .catalog-product-view .field.qty .input-text.qty { width: 60px; } /*Cart*/ .checkout-cart-index .page-title-wrapper { //padding-top: 0; } .checkout-cart-index .cart-container { display: flex; flex-direction: column; } .checkout-cart-index .cart-container .cart-summary { order: 2; } .checkout-cart-index .cart-container .form-cart { order: 1; } .cart.table-wrapper { margin-bottom: 0; border-top: none; } .cart-container .form-cart .actions.main { margin: 15px 0; padding: 0; } .cart-container .form-cart .actions.main button { width: auto; } .checkout-cart-index .product-item-details .sku { display: inline; border-bottom: none; } .checkout-cart-index .page-title-wrapper { border-bottom: 1px solid #c9c9c9; } .cart.table-wrapper .cart > .item { border-bottom: 1px solid #d1d1d1; } .checkout-cart-index .cart.item .spec-label, .checkout-cart-index .cart.item .attr-label { display: none; } .cart.table-wrapper .cart.item .col.item { padding-bottom: 25px; } .cart.table-wrapper .cart tr td:not(:first-child).product-spec-attributes { padding-top: 0; } .cart.table-wrapper .cart tr { display: table-row; } .cart.table-wrapper .cart tr td.product-spec-attributes .spec-label { padding-top: 0; padding-bottom: 0; border-top: none; } .checkout-cart-index #shopping-cart-table thead tr { padding: 0; } .cart.table-wrapper .cart tr .attr-dimensions { border-bottom: none; } .cart.table-wrapper .cart thead tr th.col { border-bottom: 1px solid #c9c9c9; } .checkout-cart-index .action-towishlist { display: none; } .cart.table-wrapper .col.qty[data-th]:before, .cart.table-wrapper .col.avl[data-th]:before { content: attr(data-th)':'; } .cart.table-wrapper .actions-toolbar > .action-delete:not(:focus), .cart.table-wrapper .actions-toolbar > .action-delete { top: 0; } .cart.table-wrapper .cart tr td.avl { padding-bottom: 0; } .cart.table-wrapper .spec-attributes.desktop { display: none; } .cart.table-wrapper .col.price:before, .cart.table-wrapper .col.subtotal:before, .cart.table-wrapper .col.qty:before { width: 90px; } .cart.table-wrapper .col.avl:before { width: 110px; } .cart.table-wrapper .col.avl > div { text-align: left; } .cart.table-wrapper .col.price[data-th]:before, .cart.table-wrapper .col.qty[data-th]:before, .cart.table-wrapper .col.subtotal[data-th]:before, .cart.table-wrapper .col.avl[data-th]:before { letter-spacing: 2px; } .cart.table-wrapper:nth-child(3) .cart thead tr th.col { border-top: none; } .cart.table-wrapper .cart.item:before { content: none; } .cart-container .form-cart .actions.main { border-top: none; } .cart.table-wrapper .table > tbody + tbody { border-top: none; } .cart.table-wrapper .col.qty .input-text { width: 60px; } /* PLP */ .backtohome { display: none; } /*Brands*/ .collections-main .product-items-bottom .product-item.four-items { display: flex; justify-content: center; } } @media only screen and (min-width: 1024px) { /*Recepies pages */ body.page-products .products-grid.recipes li.product-item .product-image-container { max-width: 300px; } body.page-products .products-grid.recipes li.product-item .product-image-container img { max-width: 300px; } body.page-products .products-grid.recipes li.product-item:nth-child(odd) .product-image-container { left: -200px; top: -100px; } body.page-products .products-grid.recipes li.product-item:nth-child(even) .product-image-container { right: -200px; top: -100px; } body.page-products .products-grid.recipes li.product-item:nth-child(odd) .product.details, body.page-products .products-grid.recipes li.product-item:nth-child(even) .product.details { padding: 70px 70px 50px 120px; } body.page-products .products-grid.recipes li.product-item .product.details { margin-top: 0; } body.page-products .products-grid.recipes li.product-item { position: relative; } body.page-products .products-grid.recipes li.product-item .product-image-container { position: absolute; } body.page-products .products-grid.recipes li.product-item { width: 75%; } body.page-products .products-grid.recipes ol.product-items { margin-top: 110px; } /*Paint & Decor */ body.page-products .products-grid.paint-decor .product-paint-wrapper { max-width: 830px; width: auto; margin: 0 auto; position: relative; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor { margin-bottom: -250px; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div { max-width: 400px; min-height: 600px; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div img { max-width: 400px; } body.page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div:nth-child(2) { margin-top: 250px; } body.page-layout-paint-decor.page-products .products-grid.paint-decor li.product-item:after { width: 380px; } /*PDP*/ /*Cart*/ .checkout-cart-index .page-title-wrapper { padding-top: 3rem; } .checkout-cart-index .cart-container { display: block; } .cart.table-wrapper { margin-bottom: 3.5rem; } .cart-container .form-cart .actions.main { margin: 0; } .cart.table-wrapper .cart tr { display: table-row; } .cart-summary .title span { float: none; } /*PDP*/ .catalog-product-view .product-addtofavorites { width: 100%; margin-bottom: 20px; } .catalog-product-view .product-addtocompare { width: 100%; } .catalog-product-view .product-addtolinks-wrapper { padding-top: 0; } /*Cart*/ .cart.table-wrapper .cart.item .col.item { padding-bottom: 0; } .cart.table-wrapper .col.qty[data-th]:before { content: none; } .cart.table-wrapper .product-spec-attributes.mobile { display: none; } .cart.table-wrapper .spec-attributes.desktop { display: block; } .cart.table-wrapper .col.avl[data-th]:before { content: none; } /*Brands*/ .collections-main .product-items-bottom .product-item.four-items { display: flex; justify-content: flex-end; } .collections-main .product-items-bottom .viewcollection-block { z-index: 1; } } @media only screen and (min-width: 1440px) { /*Recepies pages */ body.page-products .products-grid.recipes li.product-item .product-image-container { max-width: 400px; } body.page-products .products-grid.recipes li.product-item .product-image-container img { max-width: 400px; } body.page-products .products-grid.recipes li.product-item:nth-child(odd) .product-image-container { left: -275px; top: -125px; } body.page-products .products-grid.recipes li.product-item:nth-child(even) .product-image-container { right: -275px; top: -125px; } body.page-products .products-grid.recipes li.product-item:nth-child(odd) .product.details, body.page-products .products-grid.recipes li.product-item:nth-child(even) .product.details { padding: 90px 65px 60px 170px; } .collections-main .collections-title h1 { padding: 0 0 25px 0; } /*Paint & Decor */ /*PDP*/ /* .catalog-product-view .product-addtofavorites { width: 49%; margin-bottom: 0; } */ .catalog-product-view .product-addtocompare { width: 49%; } .catalog-product-view .product-addtolinks-wrapper { padding-top: 2%; } /*Cart*/ .cart-summary .title span { float: right; } /* Toolbar adjustment */ .page-products .t-sorter { width: 150px; } .page-products .t-sorter select { min-width: 140px; } } /* Search Listing restyle */ .search-index-index #maincontent.page-main { padding-left: 0; padding-right: 0; } .search-index-index .page-main > .page-title-wrapper { /* border-bottom: 1px solid #C9C9CA; */ padding-bottom: 6px; min-height: 77px; } .search-index-index .page-main > .page-title-wrapper .page-title { margin-bottom: 0; padding: 0 140px 0 40px; margin-top: 26px; min-height: 44px; } .search-index-index div[data-container-id="ku_landing_main_container"][ku-container][data-container-role="main"] { width: auto; } .search-index-index div.kuContainer { max-width: 100%; padding: 0; background-color: transparent; } .search-index-index div.kuContainer .kuTabs { text-align: right; padding-right: 40px; margin-top: -46px; border-color: #c8c8c9; margin-bottom: 0; } .search-index-index div.kuSearchResultsPageContainer .kuDropdown .kuDropdownLabel { border: 0 none; font: 400 0.7rem 'Helvetica', sans-serif; text-transform: uppercase; line-height: 19px; padding: 8px 35px 8px 12px; } .search-index-index div.kuSearchResultsPageContainer .kuDropdown .kuDropdownLabel:after { padding: 5px; border-color: #777; top: 8px; } .search-index-index div.kuLandingResultsViewSwitchContainer a { width: 24px; height: 24px; } .search-index-index div.kuLandingResultsViewSwitchContainer a.kuViewSwitch { background: center center no-repeat transparent; opacity: 0.25; } .search-index-index div.kuLandingResultsViewSwitchContainer a.kuViewSwitch.kuCurrent { opacity: 1; } .search-index-index div.kuLandingResultsViewSwitchContainer a.kuGridViewBtn { background-image: url("../../frontend/Jola/jolatheme/en_US/images/icons/ico_grid_black.png"); } .search-index-index div.kuLandingResultsViewSwitchContainer a.kuListViewBtn { background-image: url("../../frontend/Jola/jolatheme/en_US/images/icons/ico_list_black.png"); } .search-index-index [data-container-id="ku_landing_main_content_center"] header[data-block-id="ku_landing_result_header"] { display: flex; justify-content: flex-end; flex-wrap: wrap; } .search-index-index [data-container-id="ku_landing_main_content_center"] header[data-block-id="ku_landing_result_header"] .kuPagination { position: absolute; left: 0; top: 0; } .search-index-index [ku-container][data-container-role="left"] { width: 20%; border-right: 1px solid #c8c8c9; } .search-index-index [ku-container][data-container-role="center"] { padding-left: 30px; padding-right: 30px; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul { display: flex; flex-wrap: wrap; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li { padding: 0; flex-basis: 50%; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li .kuProdWrap { border: 0 none; padding: 20px; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li:nth-child(odd) .kuProdWrap { border-right: 1px solid #ccc; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li .kuProdWrap:after { clear: both; display: table; content: ''; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li .kuProdWrap main { width: 40%; padding: 0 30px 0 0; float: left; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li .kuProdWrap main .kuProdTop { padding: 0; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li .kuProdWrap main .kuProdTop .klevuImgWrap { margin: 0; height: auto !important; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li .kuProdWrap main .kuProdTop .klevuImgWrap a { max-height: none !important; max-width: none !important; display: block; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li .kuProdWrap main .kuProdTop .klevuImgWrap a img { width: 100%; max-height: none !important; position: static; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li .kuProdWrap footer { width: 60%; float: left; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li .kuProdWrap footer .kuProdBottom { padding: 0; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li .kuProdWrap footer .kuProdBottom .kuName { margin: 5px 0; -webkit-line-clamp: unset; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li .kuProdWrap footer .kuProdBottom a { letter-spacing: 0.12rem; font-weight: bold; line-height: 1.6rem; color: #000; text-transform: uppercase; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul:after, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul:after { content: ''; display: table; clear: both; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li { float: left; width: 23.5%; margin: 0 2% 2% 0; padding: 0; overflow: hidden; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li:nth-child(4n + 4), .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li:nth-child(4n + 4) { margin-right: 0; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li .kuProdWrap, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li .kuProdWrap { border: 0 none; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li .kuProdWrap .klevuImgWrap, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li .kuProdWrap .klevuImgWrap { margin: 0; height: auto !important; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li .kuProdWrap main .kuProdTop, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li .kuProdWrap main .kuProdTop { padding: 0; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li .kuProdWrap main .kuProdTop .klevuImgWrap a, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li .kuProdWrap main .kuProdTop .klevuImgWrap a { max-height: none !important; max-width: none !important; display: block; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li .kuProdWrap main .kuProdTop .klevuImgWrap a img, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li .kuProdWrap main .kuProdTop .klevuImgWrap a img { width: 100%; max-height: none !important; position: static; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li .kuProdWrap footer, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li .kuProdWrap footer { background: #000000; position: absolute; bottom: 0; left: 0; width: 100%; opacity: 0; transition: opacity 0.75s; -webkit-transition: opacity 0.75s; margin: 0; padding: 0; transform: translateY(20px); -webkit-transform: translateY(20px); -webkit-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); -o-transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 400ms cubic-bezier(0.25, 0.46, 0.45, 0.94); } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li:hover .kuProdWrap footer, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li:hover .kuProdWrap footer { opacity: 1; transform: translateY(0px); -webkit-transform: translateY(0px); } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li .kuProdWrap footer .kuProdBottom, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li .kuProdWrap footer .kuProdBottom { padding: 0; height: auto; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li .kuProdWrap footer .kuProdBottom .kuName, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li .kuProdWrap footer .kuProdBottom .kuName { margin: 0; font: 400 0.9rem 'IBM Plex Sans Regular', sans-serif; display: block; text-transform: uppercase; padding: 15px; -webkit-line-clamp: unset; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li .kuProdWrap footer .kuProdBottom .kuName a, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li .kuProdWrap footer .kuProdBottom .kuName a { color: #bbb; text-decoration: none; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li .kuProdWrap footer .kuProdAdditional, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li .kuProdWrap footer .kuProdAdditional { display: none; } .search-index-index .kuSearchResultsPageContainer .kuFilters { padding: 0; } .search-index-index .kuSearchResultsPageContainer .kuFilters .kuFiltersTitleHeading { margin: 0; padding: 20px 40px 8px; border-bottom: 1px solid #d1d1d1; } .search-index-index .kuFilterBox { border-bottom: 1px solid #d1d1d1; margin: 0; padding: 0; } .search-index-index .kuFilters .kuFilterBox .kuFilterHead { font: 400 1rem 'IBM Plex Sans Regular', sans-serif; color: #000000; text-transform: uppercase; cursor: pointer; margin: 0; padding: 20px 40px; border: 0 none; position: relative; } .search-index-index .kuFilters .kuFilterBox .kuFilterHead:after { font-size: 14px; border: 0 none; padding: 0; content: '\002b'; color: #000000; position: absolute; top: 50%; right: 10px; transform: translateY(-50%); -webkit-transform: translateY(-50%); margin: 0; font-weight: normal; transition: none; font-family: 'icons-blank-theme'; } .search-index-index .kuFilters .kuFilterBox .kuFilterHead.kuCollapse:after { content: '\002d'; margin-top: -2px; } .search-index-index .kuFilterBox .kuFilterNames { padding: 0; margin: 0 0 20px; height: 140px; } .search-index-index .kuFilterBox .kuFilterNames.kuFilterCollapse { margin: 0; } .search-index-index .kuFilterBox .kuFilterNames ul { padding: 0 0 5px 0; margin: 0 0px 20px 0; display: block; padding-left: 40px; padding-right: 40px; } .search-index-index .kuFilterBox .kuFilterNames ul li a { padding: 6px 15px 5px; text-transform: uppercase; line-height: 17px; margin: 0; } .search-index-index .kuFilterBox .kuFilterNames ul li a.klevuFilterOptionActive, .search-index-index .kuFilterBox .kuFilterNames ul li a:hover, .search-index-index .kuFilterBox .kuFilterNames ul li a:active { background-color: #ebebec; } .search-index-index .kuFilterBox .kuFilterNames ul li a .kuFilterIcon { display: none; } .search-index-index .kuFilterBox .kuFilterNames ul li a .kufacet-text { font: 400 0.8rem 'IBM Plex Sans Regular', sans-serif; color: #000000; display: inline; vertical-align: middle; padding: 0; margin: 0; letter-spacing: 0.1rem; } .search-index-index .kuFilterBox .kuShowOpt { left: 54px; bottom: 2px; } @media only screen and (max-width: 1024px) { /* @media only screen and (max-width: 1024px) and (min-width: 768px) { */ .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li { flex-basis: 100%; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="list"] .kuResults ul li:nth-child(odd) .kuProdWrap { border: 0 none; } .search-index-index [data-container-id="ku_landing_main_content_center"] header[data-block-id="ku_landing_result_header"] { justify-content: center; } .search-index-index [data-container-id="ku_landing_main_content_center"] header[data-block-id="ku_landing_result_header"] .kuPagination { float: none; flex-basis: 100%; position: static; text-align: center; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li, .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li { width: 48%; margin-right: 4%; margin-bottom: 4%; } .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="productList"] .kuResults ul li:nth-child(2n), .search-index-index .kuSearchResultsPageContainer .productListActive .productList[data-result-view="grid"] .kuResults ul li:nth-child(2n) { margin-right: 0; } }/* IE-EDGE Fix */ @font-face { font-family: 'Helvetica'; src: url('../../frontend/Jola/jolatheme/en_US/typo3conf/ext/site/Resources/Public/Fonts/helveticaneue-webfont.eot?#iefix') format('embedded-opentype'); font-weight: 400; font-style: normal; } /* * Radio Buttons Styling * NOTE! Add the .radio class to container of input and label * must have an ID and label must have an for="ID" */ .minimum-order-amount-error { position: relative; display: block; float: right; margin-top: 10px; color: #B20F0F; } .radio input[type=radio] { opacity: 0 !important; margin: 0 !important; /* width: auto; */ /* height: auto; */ } .radio label { display: inline-block !important; cursor: pointer !important; position: relative !important; padding: 6px 0 6px 25px !important; margin: 0 0 0 -10px !important; font-family: 'Helvetica', arial, sans-serif; font-size: 1rem !important; text-indent: 0 !important; line-height: unset !important; max-width: none !important; max-height: none !important; min-height: auto !important; min-width: auto !important; } .radio label:hover { background: none !important; background-color: transparent !important; } .radio label:before { content: ""; display: inline-block; width: 7px; height: 7px; position: absolute; left: 0; bottom: 0; top: 0; margin-top: auto; margin-bottom: auto; background: #ECECEC; border: 5px solid #ECECEC; border-radius: 100%; } .radio input:checked+label:before { font-size: 32px; text-align: center; border: 5px solid #231F20; line-height: 6px; text-indent: -3px; content: ''; background: #231F20; } .customer-account-login .fieldset>.field>.label /*, .customer-account-create .fieldset .field .label */ { display: none; } .fieldset .selectBox-dropdown { max-width: 100%; font-size: 10px; font-family: Helvetica; font-weight: 100; } /* LOGIN page */ .customer-account-login .page-title span, .customer-account-create .page-title span, .customer-account-forgotpassword .page-title span { font-size: 2.6rem !important; letter-spacing: 0.4rem; text-transform: uppercase; margin: 50px auto 20px; } .customer-account-forgotpassword .page-title-wrapper { text-align: center; } .customer-account-login, .customer-account-create { line-height: 1.5; letter-spacing: 0.15rem; } .customer-account-login .page-title-wrapper { position: relative; overflow: visible; height: auto; width: auto; text-align: center; } .customer-account-login .page.messages, .customer-account-create .page.messages, .customer-account-forgotpassword .page.messages { border-bottom: 1px solid #c9c9c9; } .customer-account-login .page.messages p, .customer-account-create .page.messages p { font-family: "IBM Plex Sans Regular", Arial, sans-serif; font-size: 0.9rem; } .customer-account-login .message.error { text-align: left; text-indent: calc(50% - 440px); font-size: 1rem; } .customer-account-login .message.error>*:first-child:before { width: auto; } .customer-account-login #intro_msg, .customer-account-create #intro_msg, .customer-account-forgotpassword #intro_msg { text-align: center; padding-bottom: 18px; letter-spacing: 0.15rem; max-width: 970px; margin: 25px auto; } .customer-account-create #intro_msg, .customer-account-forgotpassword #intro_msg { max-width: 100%; border-bottom: 1px solid #c9c9c9; } .customer-account-create #intro_msg p, .customer-account-forgotpassword #intro_msg p { max-width: 970px; margin: 0 auto 10px; font-family: "IBM Plex Sans Regular", Helvetica, Arial, sans-serif; } .customer-account-forgotpassword #intro_msg p { max-width: 600px; } .customer-account-login #intro_msg a, .customer-account-create #intro_msg a, .customer-account-forgotpassword #intro_msg a { text-decoration: underline; color: #000000; } .customer-account-login .nested { position: relative; top: 86px; } /* .customer-account-login .login-container button { border: 0; position: absolute; } */ .customer-account-login .message.error>*:first-child:before, .customer-account-login .message.success-msg>*:first-child:before { font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 18px; padding-right: 0.5em; position: absolute; top: 17px; left: 15px; } .customer-account-login .message.error>*:first-child:before { content: "\f057"; color: #bd3c39; } .customer-account-login .message.success-msg>*:first-child:before { content: "\f058"; color: #0f7d26; } .out-of-stock-popup .modal-inner-wrap { text-align: center; font-family: 'Helvetica', Arial, sans-serif; color: #020202; } @media (min-width: 768px) { .out-of-stock-popup._show .modal-inner-wrap { margin: auto; top: 50%; transform: translateY(-50%); max-width: 514px; } } @media (max-width: 767px) { .out-of-stock-popup .modal-inner-wrap { min-height: auto !important; position: absolute !important; top: 150px !important; bottom: 30px !important; } .out-of-stock-popup .modal-inner-wrap .action-close { margin: 0; } } .out-of-stock-popup.modal-popup.modal-slide .modal-footer { text-align: center; } .checkout-index-index .totals.shipping.excl .label, .checkout-index-index .totals.amasty-extrafee.excl .label, .checkout-cart-index .totals.shipping.excl .label, .checkout-cart-index .totals.amasty-extrafee.excl .label { display: none; } .old-price.checkout { /** font-size: 1.2rem; **/ font-size: 12px; text-decoration: line-through; font-family: "IBM Plex Sans Regular"; font-weight: normal; line-height: 30px; } .customer-account-login .password:after { color: #727273; font-family: 'IBM Plex Sans Regular', Arial, sans-serif; font-size: 0.8rem; margin: 10px 0 0; content: attr(data-hasrequired); display: block; letter-spacing: 1px; word-spacing: normal; text-align: center; text-transform: uppercase; } .login-container .block .block-title { margin-bottom: 35px; padding-bottom: 20px; margin-top: 40px; font-size: 2.1rem; text-transform: uppercase; } .login-container .block .block-title strong { font-weight: 400; } ul.reg_benefits { /*list-style:*/ } ul.reg_benefits li { font-family: 'IBM Plex Sans Regular', Arial, sans-serif; font-size: 1rem; line-height: 2rem; letter-spacing: 1px; } ul.reg_benefits li::before { content: "-"; background: #ECECEC; width: 12px; height: 12px; display: inline-block; text-align: center; vertical-align: text-top; line-height: 12px; margin-right: 5px; } .login-container .block-new-customer p { margin-bottom: 0; margin-top: 10px; } .login-container .block-new-customer p span { font-size: 0.9rem; font-family: 'IBM Plex Sans Regular', Arial, sans-serif; display: block; margin-left: 10px; letter-spacing: 0.15rem; } .customer-account-login .action.primary:hover .customer-account-create .action.primary:hover { background-color: #ECECEC; border: 1px solid #ECECEC; color: #000000; } /* .customer-account-create */ .customer-account-create .page-main label { visibility: hidden; display: none; } .customer-account-create .radio label { visibility: visible; letter-spacing: 0.15rem; max-width: 380px !important; } .customer-account-create .registration-message { color: #868787; letter-spacing: 0.2rem; margin-bottom: 8px; font-size: 0.9rem; font-style: italic; font-family: "IBM Plex Sans Regular", Arial, sans-serif; } .customer-account-create .g-recaptcha { margin-top: 20px; } /* 404 Error page */ body.cms-no-route img.top_image { width: 100%; } body.cms-no-route h1.page-title { text-align: center; line-height: 6rem; border-bottom: 1px solid #C9C9CA; font-size: 2.6rem; letter-spacing: .5rem; } body.cms-no-route .message { max-width: 66.6666%; padding: 4rem 30px; margin: 0 auto; } body.cms-no-route .message p, body.cms-no-route .message dt, body.cms-no-route .message li { text-transform: uppercase; } body.cms-no-route .message p { font-size: 1rem; line-height: 2rem; } body.cms-no-route dt { font-family: 'IBM Plex Sans Regular', Helvetica, Arial, sans-serif; font-size: 1.8rem; font-weight: lighter; padding: 3rem 0; line-height: normal; } body.cms-no-route .message li { font-size: 0.9rem; line-height: 1.88rem; list-style-position: inside; padding-left: 2.5em; position: relative; } body.cms-no-route .message li::before { content: '-'; display: unset; background: #ECECEC; text-align: center; line-height: 1.2rem; margin-right: 1rem; padding: 0.2rem 0.6rem; position: absolute; left: 0; } body.cms-no-route .message li a { text-decoration: underline; } /* /404 Error page */ .customer-account-forgotpassword #maincontent { max-width: 100%; padding-left: 0px; padding-right: 0px; } .customer-account-forgotpassword .form.password.forget { width: 95%; max-width: 1440px; padding: 0 30px; margin: 50px auto 20px; text-transform: uppercase; letter-spacing: 0.2rem; } .customer-account-forgotpassword .note { letter-spacing: 0.2rem; color: #868787; } .customer-account-forgotpassword input { max-width: 450px; } .customer-account-forgotpassword form.password .actions-toolbar>.primary .action { width: 350px; max-width: 100%; float: left; } /* CATALOGS - PLP */ body.page-layout-catalogs_list .collections-category-main, body.page-layout-presskits .collections-category-main { text-transform: uppercase; font-size: 1rem; padding: 10px; } body.page-layout-catalogs_list .collections-sidebar-inner, body.page-layout-presskits .collections-sidebar-inner { border-bottom: 0; padding: 0 } body.page-layout-catalogs_list .collections-side-title, body.page-layout-presskits .collections-side-title { padding: 5px 10px 5px 5px; font-size: 9px; margin-left: 30px; } body.page-layout-catalogs_list .collections-side-title:hover, body.page-layout-presskits .collections-side-title:hover { background: #EBEBEC; } /* catalogs(products) listing */ body.page-layout-catalogs_list .collections-main .collections-info-wrapper::before, body.page-layout-presskits .collections-main .collections-info-wrapper::before { width: 90%; top: 5%; z-index: -1; } body.page-layout-catalogs_list .products.wrapper, body.page-layout-presskits .products.wrapper { padding: 10%; } body.page-layout-catalogs_list .products.product-items, body.page-layout-presskits .products.product-items { margin-top: 0; } body.page-layout-catalogs_list.page-products .products-grid.sales-team .product-item, body.page-layout-presskits.page-products .products-grid.sales-team .product-item { width: 50%; text-align: center; } body.page-layout-catalogs_list.page-products .sales-team .product-item-name, body.page-layout-presskits.page-products .sales-team .product-item-name { text-transform: uppercase; font-size: 1rem; } body.page-layout-catalogs_list.page-products .products-grid .product-items li:nth-child(odd), body.page-layout-presskits.page-products .products-grid .product-items li:nth-child(odd) { margin-top: -25% !important; } body.page-layout-catalogs_list.page-products .products-grid .product-items li:nth-child(even), body.page-layout-presskits.page-products .products-grid .product-items li:nth-child(even) { margin-top: -10% !important; height: 35vw; } body.page-layout-catalogs_list.page-products .products-grid .product-items li:nth-child(1), body.page-layout-presskits.page-products .products-grid .product-items li:nth-child(1) { margin-top: 0 !important; } body.page-layout-catalogs_list.page-products .sales-team .product-item-info, body.page-layout-catalogs_list.page-products #catalogs_request_pdp, body.page-layout-presskits.page-products .sales-team .product-item-info, body.page-layout-presskits.page-products #catalogs_request_pdp { width: 75%; } body.page-layout-catalogs_list.page-products #catalogs_request_pdp, body.page-layout-presskits.page-products #catalogs_request_pdp { margin: 0 auto; } body.catalog-product-view.catalog-product-type-item .breadcrumbs { padding-top: 2.5rem; } /* Account - Catalog Request */ /*.requestcatalog-holder .item { margin-bottom: 30px; width: 25%; min-height: 25rem; margin-left: 0!important; }*/ /* .block-compare .counter */ #block-compare-heading { margin-right: 1rem; } .block-compare .counter { color: #000000; font-size: 0.9rem; letter-spacing: 0.25rem; } .block-compare .counter:before, .block-compare .counter:after { content: none; } .block-compare .action.delete { border-bottom: 0; } .block-compare .abs-remove-button-for-blocks:active:before { color: #000; } .sidebar #compare-items { padding-left: 1.5rem; } .sidebar .block-compare .product-items .action.delete:before { background: #EBEBEC !important; width: 2.6rem; height: 2.4rem; line-height: normal; margin-left: 0; color: #000; font-weight: 600; } .sidebar .block-compare .product-item .product-item-name { line-height: 2.6rem; text-indent: 4rem; margin-left: 0; } .get-inspired-wrapper { padding: 2.5rem 0; } @media screen and (max-width: 1024px) { .get-inspired-wrapper { padding: 2.5rem 5rem; } } /* #get_inspired-sidebar */ #get_inspired-sidebar .filter-options-content { padding-left: 28px; } #get_inspired-sidebar .item { padding: 0; margin: 0 0 5px 0; } #get_inspired-sidebar .item.subitem { margin-left: 20px; } #get_inspired-sidebar .item.active { background-color: #EBEBEC; } #get_inspired-sidebar .item.active a:before { content: ''; background: #EBEBEC url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-x-sign-black.png) no-repeat center center / 8px auto; display: block; width: 25px; height: 100%; position: absolute; top: 0; left: -27px; padding: 0; margin: 0; } /* page-layout-recipes */ .page-products .products-grid.recipes { clear: both; } .page-products .products-grid.recipes li.product-item { width: 75%; position: relative; margin-top: 10rem !important; margin-bottom: 10rem !important; border: 1px solid #c6c6c6; z-index: 1; } .page-products .products-grid.recipes li.product-item:nth-child(odd) { /* margin-left: 25%!important; */ float: right !important; } .page-products .products-grid.recipes li.product-item:nth-child(even) { /* margin-left: 0; */ float: left !important; } .page-products .products-grid.recipes li.product-item .product-item-info-inner:before { content: none; } .page-products .products-grid.recipes li.product-item img { position: absolute; max-width: 40%; margin-top: -10rem; z-index: 10; } .page-products .products-grid.recipes li.product-item:nth-child(odd) img { left: -32.5%; } .page-products .products-grid.recipes li.product-item:nth-child(even) img { margin-left: auto; right: -32.5%; } .page-products .products-grid.recipes li.product-item .product.details { width: 100%; } .page-products .products-grid.recipes li.product-item:nth-child(odd) .product.details { padding: 7.5rem 7rem 5.5rem 14rem; } .page-products .products-grid.recipes li.product-item:nth-child(even) .product.details { padding: 7.5rem 14rem 5.5rem 7rem; } .page-products .products-grid.recipes li.product-item .product.details h2.product-item-name { text-transform: uppercase; font-size: 1.2rem; margin-bottom: 20px; } .page-products .products-grid.recipes li.product-item .product.details .product-item-inner-recipe, .page-products .products-grid.recipes li.product-item .product.details .product-item-inner-recipe h3, .page-products .products-grid.recipes li.product-item .product.details .product-item-inner-recipe p { color: #7c7c7c; font-size: 1.2rem; letter-spacing: normal; } .page-products .products-grid.recipes li.product-item .product.details .product-item-inner-recipe h3 { font-weight: bold; } .page-products .products-grid.recipes li.product-item .product.details .product-item-inner-recipe li { display: block; margin-bottom: 1rem; } /* page-layout-paint-decor */ body.page-layout-paint-decor.page-products .products-grid .product-items { text-align: center; } body.page-layout-paint-decor.page-products .products-grid.paint-decor { clear: both; } body.page-layout-paint-decor.page-products .products-grid.paint-decor li.product-item { display: block; width: 100%; position: relative; margin: 0 auto 19rem auto !important; z-index: 1; padding-top: 5px; } body.page-layout-paint-decor.page-products .products-grid.paint-decor li.product-item::before { /* top: -60px; */ height: calc(100% + 80px); /*content: '';*/ display: block; position: absolute; bottom: 0; left: 50%; z-index: 100; width: 35%; height: 100%; border: 1px solid #C8C8C9; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding: 0; margin: 0; z-index: 0; } .page-products .products-grid.paint-decor li.product-item .product-item-name { margin: 5rem 0 5rem 0; font-size: 1.3rem; } .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor { width: 85rem; margin: 0 auto; } .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div { display: inline-block; max-width: 400px; min-height: 55rem; text-align: left; float: left; } .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div img { margin-bottom: 15px; max-width: 400px; width: 100%; } .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div p { color: #707070; text-indent: 1.5rem; margin: 0; line-height: 2rem; } .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div:nth-child(odd) { position: relative; top: -3rem; } .page-products .products-grid.paint-decor li.product-item .product-item-inner-paintdecor div:nth-child(even) { position: relative; right: -5%; top: 20rem; } /* Category MUSIC */ .page-layout-music .music_wrapper { text-align: center; } .page-layout-music .music_wrapper .category_image img { width: 100%; } /* .page-layout-music .music_intro_text:before { height: calc(100%); content: ''; display: block; position: absolute; bottom: 0; left: 50%; z-index: 100; width: 35%; height: 100%; border: 1px solid #C8C8C9; transform: translateX(-50%); -webkit-transform: translateX(-50%); padding: 0; margin: 0; z-index: 0; } */ .music_content_wrap { border: 1px solid #C8C8C9; border-top-color: #ffffff; margin: -3px auto 0; width: 90%; padding: 0 1rem 10rem 1rem; } .page-layout-music .music_wrapper .music_intro_text { margin: 5rem 0; } .page-layout-music .music_wrapper p { color: #868787; line-height: normal; } /* "request_a_catalog_pdp" on P L P - Catalogs static Block */ #request_a_catalog_embed { width: 50%; float: left; display: inline-block; } #request_a_catalog_embed #catalogs_request_cont h3, #request_a_catalog_embed #catalogs_request_cont p, #request_a_catalog_embed #catalogs_request_pdp h3, #request_a_catalog_embed #catalogs_request_pdp .block-content { text-align: left; } #request_a_catalog_embed #catalogs_request_cont h3, #request_a_catalog_embed #catalogs_request_pdp h3 { letter-spacing: 0.5rem; white-space: nowrap; padding-top: 1vw; } .page-layout-presskits #request_a_catalog_embed #catalogs_request_cont h3, .page-layout-presskits #request_a_catalog_embed #catalogs_request_pdp h3 { letter-spacing: 0.25rem; } #request_a_catalog_embed #catalogs_request_pdp, #request_a_catalog_embed #catalogs_request_pdp .block-content { height: auto; } #request_a_catalog_embed #catalogs_request_pdp img, #request_a_catalog_embed #catalogs_request_pdp .btnsline { display: none; } #request_a_catalog_embed #catalogs_request_pdp p { max-width: none; margin: auto; margin-bottom: 15px; } #request_a_catalog_embed #catalogs_request_pdp .block-content { height: auto; } #request_a_catalog_embed #catalogs_request_pdp .request_catalog_button { margin: 0; } /* Catalogs PLP BLOCK new_introduction_carousel_pdp */ #catalogs_carousel_cont { width: 100%; } #catalogs_carousel_cont .block.widget.block-products-list.grid { /* overflow: visible; */ margin-bottom: 7vw; } #catalogs_carousel_cont .slick-slider { height: 35vw !important; } #catalogs_request_cont h3, #catalogs_request_cont p, #catalogs_request_cont img, #catalogs_request_pdp h3, #catalogs_request_pdp .block-content { text-align: center; } /* Catalogs static Block "request_a_catalog_pdp" on PDP */ #catalogs_request_pdp p { max-width: 510px; display: block; margin: 3% auto; font-size: 1.3rem; color: #707070; } #catalogs_request_pdp img { margin: 0 auto; position: relative; display: block; } #catalogs_request_pdp .block-content { position: relative; height: 32vw; padding-top: 3%; } #catalogs_request_pdp .block-content .btnsline { z-index: -1; height: 32vw; } #catalogs_request_pdp .request_catalog_button { border: 1px solid #A5A2A2; display: table; margin: 30px auto 0; font-size: 0.7vw; } #catalogs_request_pdp .request_catalog_button span { display: table-cell; vertical-align: middle; line-height: 36px; border-right: 1px solid #A5A2A2; padding: 0 0.7vw; } #catalogs_request_pdp .request_catalog_button:hover { background: #A5A2A2; text-decoration: none; } #catalogs_request_pdp .request_catalog_button:hover span { border-right-color: #000000; } #catalogs_request_pdp .request_catalog_button::after { content: ""; background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/images/slickRightDark.png) no-repeat 50%; display: table-cell; width: 36px; height: 30px; } /* Catalogs PDP - catalog-product-type-item */ body.catalog-product-type-item .page-main { padding-right: 0; } body.catalog-product-type-item .product-name-wrapper { text-align: center; margin-top: 1rem; margin-bottom: 0rem; } body.catalog-product-type-item .product-name-wrapper h1 { font-size: 1.3rem; } body.catalog-product-type-item #issuu_container { text-align: center; max-width: 1390px; padding: 0 65px 65px; margin: 0 auto 60px; border-bottom: 1px solid #C8C8C9; } body.catalog-product-type-item #issuu_container .iframe_wrapper { position: relative; padding-bottom: 56.25%; /* set the aspect ratio here as (height / width) * 100% */ height: 0; overflow: hidden; max-width: 100%; } body.catalog-product-type-item #issuu_container .iframe_wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } body.catalog-product-type-item .products-grid .slick-slide .product-item-details { padding: 0.5vw 1.75vw; } body.catalog-product-type-item .block.widget .products-grid .product-item.slick-slide .product-item-details a { font-size: 1.3rem; } body.catalog-product-type-item #catalogs_request_pdp { height: 45vw; } @media only screen and (max-width: 1024px) { .music_content_wrap .category_description { overflow: hidden; padding-top: 56.25%; position: relative; margin: 0 40px; } .music_content_wrap .category_description iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } } @media only screen and (max-width: 1500px) { body.catalog-product-type-item #catalogs_request_pdp .block-content .btnsline { height: 40vw; } } @media only screen and (max-width: 1360px) { body.catalog-product-type-item #catalogs_request_pdp { height: 45vw; } body.catalog-product-type-item #catalogs_request_pdp .block-content .btnsline { height: 38vw; width: calc(80vw - 2px); left: calc(10vw + 1px); } } /* team messages */ body.account.jolausa-teammessages-message-create body.account.jolausa-teammessages-message-create .page-main .page-title-wrapper h1.page-title, body.account.jolausa-teammessages-message-listing .page-main .page-title-wrapper h1.page-title, body.account.jolausa-teammessages-message-edit .page-main .page-title-wrapper h1.page-title, body.jolausa-teammessages-message-view .page-main .page-title-wrapper h1.page-title { display: none; } body.jolausa-teammessages-message-create .new-message { position: relative; } body.account.jolausa-teammessages-message-create h2, body.account.jolausa-teammessages-message-listing h2, body.account.jolausa-teammessages-message-edit h2, body.account.jolausa-teammessages-message-view h2 { display: block; line-height: 6rem; border-bottom: 1px solid #c6c6c6; padding-top: 2rem; margin-bottom: 6rem; text-transform: uppercase; } body.account.jolausa-teammessages-message-view h2 { margin-bottom: 3rem; } body.account.jolausa-teammessages-message-create .recepients h4, body.account.jolausa-teammessages-message-listing .recepients h4, body.account.jolausa-teammessages-message-edit .recepients h4, body.account.jolausa-teammessages-message-view .recepients h4 { display: table-row; float: left; font-size: 1.1rem; min-height: 4rem; width: 15%; } body.account.jolausa-teammessages-message-create .recepients .recepients_container, body.account.jolausa-teammessages-message-edit .recepients .recepients_container { display: table-row; width: 85%; } body.account.jolausa-teammessages-message-create .page-main .column.main, body.account.jolausa-teammessages-message-listing .page-main .column.main, body.account.jolausa-teammessages-message-edit .page-main .column.main, body.account.jolausa-teammessages-message-view .page-main .column.main { text-transform: none; } body.account.jolausa-teammessages-message-create button, body.account.jolausa-teammessages-message-edit button, body.account.jolausa-teammessages-message-view button { min-width: auto; } body.account.jolausa-teammessages-message-create .actions button, body.account.jolausa-teammessages-message-edit .actions button, body.jolausa-teammessages-message-view .actions button, body.jolausa-teammessages-message-view button.quote-button { line-height: 4rem; min-width: 20rem; padding: 0; transition: 0.25s; } body.account button.back_btn { border: 0; min-width: auto !important; background: url(../../frontend/Jola/jolatheme/web/images/icons/ico-arrow-left-middle-black.png) no-repeat center left; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-left-middle-black.png) no-repeat center left; font-size: 1.4rem; float: left; text-indent: 2rem; } body.account button.back_btn:hover { color: #000000; text-decoration: underline; } body.jolausa-teammessages-message-create .new-message .title, body.jolausa-teammessages-message-create .new-message .content, body.account.jolausa-teammessages-message-edit .edit-message .title, body.account.jolausa-teammessages-message-edit .edit-message .content { position: relative; margin-bottom: 3rem; } body.jolausa-teammessages-message-create .new-message .title, body.account.jolausa-teammessages-message-edit .edit-message .title { overflow: hidden; } body.jolausa-teammessages-message-create .new-message .content, body.jolausa-teammessages-message-edit .edit-message .content { margin-top: 3rem; } body.jolausa-teammessages-message-create .new-message .title span, body.jolausa-teammessages-message-edit .edit-message .title span { position: absolute; top: 0.7rem; background: #fff; min-width: 9rem; padding-bottom: 0.5rem; text-transform: uppercase; width: 15%; /* min-width: 116px; */ } /*Content (insert wyswyg editor)*/ body.jolausa-teammessages-message-create .new-message .content>span, body.jolausa-teammessages-message-edit .edit-message .content>span { display: none; /* position: absolute; top: -0.5rem; left: 1rem; background: #ffffff; min-width: 9rem; padding: 0 1rem 0.5rem 1rem; */ } body.jolausa-teammessages-message-create .new-message .content textarea, body.jolausa-teammessages-message-edit .edit-message .content textarea { padding: 2rem; font-size: 1.5rem; } /* jolausa-teammessages-message-listing */ body.jolausa-teammessages-message-listing h1.page-title { margin-bottom: 3rem; } body.jolausa-teammessages-message-listing .team-messaging-container .new { display: inline; float: right; } body.jolausa-teammessages-message-listing .team-messaging-container .pagination, body.jolausa-teammessages-message-view .team-messaging-container .pagination { display: inline; display: block; margin-bottom: 6rem; width: 100%; } /* .pagination > .page-number*/ body.jolausa-teammessages-message-listing .team-messaging-container .pagination .page-number, body.jolausa-teammessages-message-view .team-messaging-container .pagination .page-number { display: inline; float: left; } body.jolausa-teammessages-message-listing .team-messaging-container .pagination>span:first-child, body.jolausa-teammessages-message-view .team-messaging-container .pagination>span:first-child { padding-right: 2rem; } body.jolausa-teammessages-message-listing .team-messaging-container .pagination span.page, body.jolausa-teammessages-message-view .team-messaging-container .pagination span.page, body.jolausa-teammessages-message-listing .team-messaging-container .pagination span.current-page, body.jolausa-teammessages-message-view .team-messaging-container .pagination span.current-page { padding-left: 1rem; float: left; margin-right: 2px; } body.jolausa-teammessages-message-listing .team-messaging-container .pagination span.page.prev, body.jolausa-teammessages-message-view .team-messaging-container .pagination span.page.prev { background: url(../../frontend/Jola/jolatheme/web/images/icons/ico-arrow-left-middle-black.png) no-repeat center left; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-left-middle-black.png) no-repeat center left; padding-left: 2rem; } body.jolausa-teammessages-message-listing .team-messaging-container .pagination span.page.prev:hover, body.jolausa-teammessages-message-view .team-messaging-container .pagination span.page.prev:hover { background-position: 5px center; } body.jolausa-teammessages-message-listing .team-messaging-container .pagination span.page.next, body.jolausa-teammessages-message-view .team-messaging-container .pagination span.page.next { background: url(../../frontend/Jola/jolatheme/web/images/icons/ico-arrow-right-middle-black.png) no-repeat right center; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-right-middle-black.png) no-repeat right center; padding-right: 2rem; } body.jolausa-teammessages-message-listing .team-messaging-container .pagination span.page.next:hover, body.jolausa-teammessages-message-view .team-messaging-container .pagination span.page.next:hover { background-position: 48px center; } /* .pagination > .page-size*/ body.jolausa-teammessages-message-listing .team-messaging-container .pagination .page-size, body.jolausa-teammessages-message-view .team-messaging-container .pagination .page-size { display: inline; float: right; } body.jolausa-teammessages-message-listing .team-messaging-container .pagination .page-size form, body.jolausa-teammessages-message-view .team-messaging-container .pagination .page-size form { margin: 0 5px; width: 75px; float: left; } body.jolausa-teammessages-message-listing .team-messaging-container .pagination .page-size form .selectBox-dropdown, body.jolausa-teammessages-message-view .team-messaging-container .pagination .page-size form .selectBox-dropdown { min-width: auto; height: 18px; line-height: 14px; text-indent: 4px; } body.jolausa-teammessages-message-listing .team-messaging-container .new button { line-height: 4rem; min-width: 20rem; padding: 0; background: #000000; color: #ffffff; transition: 0.25s; } body.jolausa-teammessages-message-listing .team-messaging-container .new button:hover { color: #000000; background: #ffffff; border-color: #000000; } body.jolausa-teammessages-message-listing .team-messaging-container .new button span { letter-spacing: 0.1rem; } body.jolausa-teammessages-message-listing .team-messaging-container .new button span:before { content: ""; width: 28px; height: 14px; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_envelope.png) 0 center no-repeat; display: inline-block; vertical-align: text-bottom; } body.jolausa-teammessages-message-listing .team-messaging-container .new button:hover span:before { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_envelope_hover.png); } /* for retina displays */ @media only screen and (-moz-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 1.5dppx) { body.jolausa-teammessages-message-listing .team-messaging-container .new button span:before { background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_envelope@2x.png) 0 center no-repeat; background-size: contain; } body.jolausa-teammessages-message-listing .team-messaging-container .new button:hover span:before { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_envelope@2x_hover.png); background-size: contain; } } body.jolausa-teammessages-message-listing .team-messaging-container .messages { clear: both; border: 0; margin-top: 3rem; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container { border-top: 1px solid #C9C9CA; border-left: 4px solid #ffffff; padding: 3rem 1rem 3rem 3rem; } body.jolausa-teammessages-message-listing ul.list li.container:last-of-type { border-bottom: 1px solid #C9C9CA; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container:hover { border-left-color: #000000; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info_header { display: block; text-align: center; max-width: 90%; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info_header .customer, body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info_header .title, body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info_header .created-at { display: inline-block; font-size: 1.2rem; letter-spacing: 0.25rem; text-transform: uppercase; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info_header .customer { float: left; text-transform: uppercase; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info_header .created-at { float: right; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info .content { display: inline-block; color: #858586; text-transform: none; clear: both; text-align: justify; margin-top: 2rem; width: 82%; overflow: hidden; font-family: 'Open Sans', 'IBM Plex Sans Regular', Helvetica, Arial, sans-serif; font-size: 1.3rem; letter-spacing: normal; text-overflow: ellipsis; line-height: 1.6rem; /* fallback */ max-height: 3.2rem; /* fallback */ line-clamp: 2; /* number of lines to show */ -webkit-line-clamp: 2; /* number of lines to show */ -webkit-box-orient: vertical; float: left; position: relative; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info .content * { font: inherit; color: inherit; text-transform: none; line-height: normal; margin: 0; padding: 0; font-style: normal; font-weight: normal; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info p.content:after { content: '...'; position: absolute; top: 16px; background: #fff; right: 0; } body.account .actions_buttons { display: inline-block; width: 12%; float: left; text-align: right; } body.jolausa-teammessages-message-listing .actions_buttons { width: 18%; position: absolute; right: 40px; } /*delete button */ body.account .actions_buttons button { font-size: 0; border: 0 !important; width: 17px; min-width: auto; display: table-cell; margin: 0 3px; } body.account .actions_buttons button.quote-button { font-size: 0; background: #ffffff url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/icon_quote.png) no-repeat center center; } body.account .actions_buttons button.view-button { font-size: 0; background: #ffffff url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/icon_view.png) no-repeat center center; } body.account .actions_buttons button.edit-button { font-size: 0; background: #ffffff url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/icon_edit.png) no-repeat center center; } body.account .actions_buttons button.delete-button { font-size: 0; background: #ffffff url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/icon_delete.png) no-repeat center center; } body.account.jolausa-teammessages-message-create .recepients, body.account.jolausa-teammessages-message-edit .recepients { text-transform: uppercase; } body.account.jolausa-teammessages-message-create .recepient, body.account.jolausa-teammessages-message-edit .recepient { display: inline-block; float: left; margin-right: 1rem; padding: 0.25rem 0.25rem 0.25rem 0; text-transform: uppercase; min-width: 32%; } body.account.jolausa-teammessages-message-create input[type=checkbox], body.account.jolausa-teammessages-message-edit input[type=checkbox] { display: none; } body.account.jolausa-teammessages-message-create .recepient label:hover, body.account.jolausa-teammessages-message-edit .recepient label:hover { cursor: pointer; } body.account.jolausa-teammessages-message-create textarea, body.account.jolausa-teammessages-message-edit textarea { height: inherit; line-height: inherit; } body.account.jolausa-teammessages-message-create .new-message input[type="text"], body.account.jolausa-teammessages-message-edit .edit-message input[type="text"] { text-transform: uppercase; width: 85%; float: right; } /* body.jolausa-teammessages-message-view - message thread */ body.jolausa-teammessages-message-view .messages .container { border-bottom: 1px solid #C9C9CA; border-left: 5px solid #ffffff; cursor: pointer; padding: 0 1.5rem; } body.jolausa-teammessages-message-view .messages .container .title { width: 90%; } body.jolausa-teammessages-message-view .messages .container:hover { border-left-color: #000000; } body.jolausa-teammessages-message-view .messages .container .title p { line-height: 7rem; margin: 0; } body.jolausa-teammessages-message-view .messages .container .customer, body.jolausa-teammessages-message-view .messages .container .created-at { display: inline-block; text-transform: uppercase; font-weight: bold; } body.jolausa-teammessages-message-view .messages .container .customer>span { /*display: none;*/ font-weight: normal; } body.jolausa-teammessages-message-view .messages .container:last-of-type .customer>span { display: inline; } body.jolausa-teammessages-message-view .messages .container .created-at { float: right; } body.jolausa-teammessages-message-view .messages .container .message { padding-bottom: 1.5rem; transition: opacity 2s linear; /*display: none;*/ } body.jolausa-teammessages-message-view .messages .container:last-of-type .message { display: block; } body.jolausa-teammessages-message-view .messages .message .content-message { font-family: 'Open Sans', 'IBM Plex Sans Regular', Helvetica, Arial, sans-serif; font-size: 1.3rem; font-weight: normal; letter-spacing: normal; line-height: normal; color: #858586; padding-bottom: 2rem; text-transform: none; width: 88%; float: left; display: inline-block; } body.jolausa-teammessages-message-view .messages .message .content-message * { font: inherit; color: inherit; text-transform: none; line-height: normal; margin: 0; padding: 0; font-style: normal; font-weight: normal; } body.jolausa-teammessages-message-view .messages .message .content-message q { display: block; border-left: 4px solid #DDD; padding: 5px 10px !important; margin: 3px 0; color: #777; } body.jolausa-teammessages-message-view .messages .message .info .created-at { display: none; } body.jolausa-teammessages-message-view .messages .container .message button, body.jolausa-teammessages-message-listing .container button { /* visibility: hidden; */ opacity: 1; transition: opacity 0.76s linear; line-height: 2rem; min-height: 2rem; min-width: 2rem } body.jolausa-teammessages-message-view .messages .container .message:hover button, body.jolausa-teammessages-message-listing .container:hover button { visibility: visible; opacity: 1; } body.jolausa-teammessages-message-view .recepients { margin-bottom: 2rem; } body.jolausa-teammessages-message-view .actions { display: inline-block; position: relative; width: 100%; } body.jolausa-teammessages-message-view .messages .actions { width: auto; } body.jolausa-teammessages-message-view .actions button, body.jolausa-teammessages-message-edit .actions button { line-height: 4rem; min-width: 20rem; padding: 0; font-size: 1rem; letter-spacing: 0.25rem; } body.jolausa-teammessages-message-view .actions button[type="submit"], body.jolausa-teammessages-message-edit .actions button[type="submit"], body.jolausa-teammessages-message-create .actions button[type="submit"] { float: right; background: #000000; color: #ffffff; transition: 0.25s; } body.jolausa-teammessages-message-view .actions button:hover[type="submit"], body.jolausa-teammessages-message-edit .actions button:hover[type="submit"], body.jolausa-teammessages-message-create .actions button:hover[type="submit"] { color: #000000; background: #ffffff; border-color: #000000; } /* Content (insert wyswyg editor)*/ body.jolausa-teammessages-message-view .actions>form>span { display: none; /* position: absolute; top: 0.5rem; left: 1rem; background: #ffffff; min-width: 9rem; padding: 0 1rem 0.5rem 1rem; */ } body.jolausa-teammessages-message-view .actions h2, body.jolausa-teammessages-message-view .actions input[name="title"] { display: none; } body.jolausa-teammessages-message-view .actions>form>textarea { padding: 1.5rem 2rem; font-size: 1.2rem; } body.jolausa-teammessages-message-view .actions>form>#reply-content::placeholder { text-transform: none; font-size: 1.3rem; } /* trumbowyg editor */ .trumbowyg-box, .trumbowyg-editor { border-color: #C9C9CA !important; } .trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before { text-transform: none; } body.account .trumbowyg-box .trumbowyg-button-pane { z-index: 5; } body.account .trumbowyg-box .trumbowyg-editor, body.account .trumbowyg-box .trumbowyg-editor p { color: #000000; font-size: 1.3rem; line-height: normal; letter-spacing: normal; text-transform: none; } body.account .actions .trumbowyg-button-group button { min-width: auto; } body.account .trumbowyg-box .trumbowyg-editor q { display: block; border-left: 4px solid #DDD; padding: 5px 10px !important; margin: 3px 0; color: #777; } /* body.account .modal-popup .modal-title */ body.jolausa-teammessages-message-listing .modal-popup .modal-inner-wrap { width: 40%; top: 25%; } body.jolausa-teammessages-message-listing .modal-popup .action-close { top: 10px; right: 10px; } body.jolausa-teammessages-message-listing .modal-popup .modal-title { letter-spacing: 0.25rem; } body.jolausa-teammessages-message-listing .modal-popup .modal-content { font-size: 1.4rem; letter-spacing: 0.25rem; text-align: center; } body.jolausa-teammessages-message-listing .modal-popup .modal-footer { text-align: center; } body.jolausa-teammessages-message-listing .modal-popup .modal-footer button { border-color: #000000; line-height: 4rem; min-width: 20rem; padding: 0; background: #ffffff; color: #000000; letter-spacing: 0.25rem; } body.jolausa-teammessages-message-listing .modal-popup .modal-footer button:hover { background: #000000; color: #ffffff; } /* Search and list messages */ body.account .messages .filter_msgs { display: inline-block; position: relative; top: -3rem; } body.account .messages .filter_msgs input.search { line-height: 2rem; min-width: 20rem; padding: 0.5rem; letter-spacing: 0.3rem; border: 1px solid #000; margin-right: 1rem; } body.account .messages .filter_msgs button { min-width: auto; border: none; font-size: 1.2rem; } /* RMA - rmasystem (webkul) */ body.rmasystem-index-index .page-title-wrapper { display: none; } body.rmasystem-viewrma-index h1.page-title { display: block; line-height: 6rem; border-bottom: 1px solid #c6c6c6; padding-top: 3rem; margin-bottom: 5rem; text-transform: uppercase; margin-top: 0; } /* heading */ body.rmasystem-index-index .legend { border-bottom: 0; width: 100%; margin-bottom: -3.5rem; } body.rmasystem-index-index .legend>span, body.body.rmasystem-index-index h1.page-title, body.rmasystem-newrma-index h1.page-title { display: block; line-height: 6rem; border-bottom: 1px solid #c6c6c6; padding-top: 2rem; margin-bottom: 5rem; text-transform: uppercase; margin-top: 0; font-size: 2.2rem; } body.rmasystem-newrma-index h4.wk_rma_label { line-height: 4rem; } /* button */ body.rmasystem-index-index #wk_rma_new_request, body.rmasystem-index-index button.action, body.rmasystem-newrma-index .action-secondary, #wk_rma_button_submit { line-height: 4rem; width: 20rem; padding: 0; margin: 0; border: 1px solid #000; transition: 0.25s; } body.rmasystem-index-index #wk_rma_new_request, body.rmasystem-newrma-index .action-secondary, #wk_rma_button_submit { background: #000000; color: #ffffff; transition: 0.25s; } body.rmasystem-index-index button.action { margin-top: -8px; } body.rmasystem-index-index #wk_rma_new_request:hover, body.rmasystem-newrma-index .action-secondary:hover { background: #ffffff; } body.rmasystem-index-index button.action:hover, #wk_rma_button_submit:hover { color: #000000; border-color: #000000; background: #ffffff; } body.rmasystem-index-index #wk_rma_new_request a, body.rmasystem-newrma-index .action-secondary span { font-family: Helvetica, Arial, sans-serif; font-size: 1.1rem; font-weight: normal; letter-spacing: 0.1rem; padding: 0; text-shadow: none; transition: 0.25s; } body.rmasystem-index-index #wk_rma_new_request:hover a, body.rmasystem-newrma-index .action-secondary:hover span { color: #000000; } /* table head - mixed for 2 table */ body.rmasystem-index-index #rma-table .wk_rma_sorter, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_sorter { border-top: 1px solid #ccc; } body.rmasystem-index-index #rma-table .wk_rma_sorter th, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_sorter th { padding-top: 2rem; } body.rmasystem-index-index #rma-table .wk_rma_sorter th:hover>span, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_sorter th:hover>span { text-decoration: underline; } body.rmasystem-index-index #rma-table .wk_rma_table_title, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_table_title { letter-spacing: 0.25rem; width: 85%; } body.rmasystem-index-index #rma-table .wk_rma_desc, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_desc { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/arr-dwn.png) no-repeat 50%; background-size: contain; } body.rmasystem-index-index #rma-table .wk_rma_asc, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_asc { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/arr-up.png) no-repeat 50%; background-size: contain; transition: 0.75s; } body.rmasystem-index-index #rma-table .wk_rma_desc, body.rmasystem-index-index #rma-table .wk_rma_asc, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_desc, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_asc { background-size: contain; width: 15px; } body.rmasystem-index-index #rma-table .wk_rma_filter, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_filter { border-bottom: 1px solid #ccc; padding-bottom: 2rem; } body.rmasystem-index-index #rma-table .wk_rma_filter th, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_filter th { padding-bottom: 2rem; } body.rmasystem-index-index #rma-table th.wk_rma_selected, body.rmasystem-index-index #rma-table .wk_rma_sorter th:hover, body.rmasystem-index-index #rma-table th, body.rmasystem-newrma-index #wk_rma_orders th.wk_rma_selected, body.rmasystem-newrma-index #wk_rma_orders .wk_rma_sorter th:hover, body.rmasystem-newrma-index #wk_rma_orders th { background: transparent; box-shadow: none; border: 0; } body.rmasystem-index-index #rma-table th.wk_rma_selected span, body.rmasystem-newrma-index #wk_rma_orders th.wk_rma_selected span { font-weight: bold; } body.rmasystem-index-index #rma-table { margin-bottom: 2rem; } body.rmasystem-index-index #rma-table td { padding: 2rem 1rem 2rem 0.5rem; font-size: 1.1rem; } body.rmasystem-index-index #rma-table .wk_separator { margin: auto 5px; } body.rmasystem-index-index #rma-table a.selectBox-dropdown .selectBox-label, body.rmasystem-newrma-index #wk_rma_order_details .item_reason { letter-spacing: normal; } body.rmasystem-newrma-index select { margin-bottom: initial; } /* .mage-error */ body.rmasystem-newrma-index textarea.mage-error, body.rmasystem-newrma-index select.mage-error { border-color: #000000; } body.rmasystem-newrma-index div.mage-error[generated] { position: absolute; } body.rmasystem-newrma-index .rma-order-items { background: #ffffff; } body.rmasystem-newrma-index #wk_rma_orders tbody tr { cursor: pointer; } body.rmasystem-index-index #rma-table tbody tr, body.rmasystem-newrma-index #wk_rma_order_details tbody tr { border-left: 4px solid #ffffff; } body.rmasystem-index-index #rma-table tbody tr:hover, body.rmasystem-newrma-index #wk_rma_order_details tbody tr:hover { border-left-color: #000000; } /* button - upload image */ body.account button#wk_rma_label_image { border-radius: 0; letter-spacing: 0.1rem; text-shadow: none; line-height: 4rem; width: 20rem; padding: 0; transition: 0.25s; } body.account #wk_rma_label_image #wk_rma_upload_icon { width: 28px; height: 18px; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/icon_img_upload.png) 0 center no-repeat; margin-right: 0; vertical-align: inherit; } body.account #wk_rma_label_image:hover #wk_rma_upload_icon { background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/icon_img_upload_hover.png) 0 center no-repeat; } body.account #wk_rma_upload_text { float: none; top: auto; padding: 0; } body.account input[type='file'].wk-showcase-img { cursor: pointer; } body.rmasystem-newrma-index .fieldset>.field { margin-bottom: 4rem; } /* form elemnts */ .ui-datepicker .ui-datepicker-next span { border-color: transparent transparent transparent #000000; } .ui-datepicker .ui-datepicker-prev span { border-color: transparent #000000 transparent transparent; } body.rmasystem-newrma-index .fieldset.login .field select { width: 50%; } body.rmasystem-newrma-index #save_rma_form .rma-order-items .name { width: auto; } body.rmasystem-newrma-index #wk_rma_additional_info { line-height: 1.5; padding: 1%; font-size: 1.3rem; } body.rmasystem-newrma-index #save_rma_form .wk-pro-divide1, body.rmasystem-viewrma-index #shipping_table .wk-pro-divide1 { margin: 0; width: 30%; height: 10rem } body.rmasystem-newrma-index #save_rma_form .wk-pro-divide1 img, body.rmasystem-viewrma-index #shipping_table .wk-pro-divide1 img { position: relative; float: left; top: 50%; left: 0px; transform: translate(0%, -50%); } body.rmasystem-newrma-index #save_rma_form .wk-pro-divide2, body.rmasystem-viewrma-index #shipping_table .wk-pro-divide2 { height: 10rem; padding-left: 1rem; width: 70%; } body.rmasystem-newrma-index #save_rma_form .wk-pro-divide2 a, body.rmasystem-viewrma-index #shipping_table .wk-pro-divide2 p { line-height: normal; font-family: 'IBM Plex Sans Regular', Helvetica, Arial, sans-serif; font-size: 1.1rem; position: relative; float: left; top: 50%; left: 0px; transform: translate(0%, -50%); } body.rmasystem-newrma-index #save_rma_form table>tbody>tr>td, body.rmasystem-viewrma-index #shipping_table>tbody>tr>td { vertical-align: middle; } body.rmasystem-viewrma-index #shipping_table>tbody>tr>td:not(.col.name) { text-align: center; } body.rmasystem-newrma-index .wk-option-input { z-index: 5; } body.rmasystem-viewrma-index .wk-pro-divide1 p { vertical-align: middle; } /*back button */ body.rmasystem-newrma-index .back_btn, body.rmasystem-viewrma-index .back_btn, body.rmasystem-viewrma-printrma .back_btn { background: url('../../frontend/Jola/jolatheme/web/images/icons/ico-arrow-left-middle-black.png') no-repeat center left; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-left-middle-black.png') no-repeat center left; display: table; clear: both; font-size: 1.4rem; float: left; line-height: 5rem; text-indent: 2rem; } /* rmasystem-viewrma-index */ body.rmasystem-viewrma-index h2.legend, body.rmasystem-viewrma-index legend.legend, body.rmasystem-viewrma-index .admin__page-section-title .title { border-bottom: 1px solid #c6c6c6; line-height: 2rem; margin-top: 3rem; white-space: nowrap; width: 100%; } body.rmasystem-viewrma-index .admin__table-secondary tbody tr:nth-child(odd) th, body.rmasystem-viewrma-index .admin__table-secondary tbody tr:nth-child(odd) td { background: transparent; } body.rmasystem-viewrma-index .admin__table-secondary tbody tr { border-bottom: 1px dotted #f1f1f1; } body.rmasystem-viewrma-index .admin__table-secondary tbody tr:last-of-type { border: 0; } body.rmasystem-viewrma-index .order-information-table input[type="text"] { text-align: right; } body.rmasystem-viewrma-index #shipping_table th { color: #000000; background-color: transparent; border-color: #000000 transparent; } body.rmasystem-newrma-index #save_rma_form th.name, body.rmasystem-viewrma-index #shipping_table th.name { text-align: center; } body.rmasystem-viewrma-index legend.legend>span { line-height: 5rem; } body.rmasystem-viewrma-index .link-print { line-height: 4rem; } body.rmasystem-viewrma-index .link-print button { background: #000000; border-color: #ffffff; color: #ffffff; border-radius: 0; letter-spacing: 0.1rem; text-shadow: none; line-height: 4rem; width: 20rem; padding: 0; } body.rmasystem-viewrma-index .link-print button:not(.action) span { padding: 6px 10px; } body.rmasystem-viewrma-index .link-print:hover button { color: #000000; background: #ffffff; border-color: #000000; } body.rmasystem-viewrma-index .link-print #wk_rma_print_icon { width: 28px; height: 18px; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/icon_print.png) 0 center no-repeat; margin-right: 0; vertical-align: inherit; } body.rmasystem-viewrma-index .link-print:hover #wk_rma_print_icon { background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/icon_print_hover.png) 0 center no-repeat; } /* rma history - conversation */ body.rmasystem-viewrma-index .conversation-block { width: 45%; margin-right: 5%; float: left; } body.rmasystem-viewrma-index .new-message-block { width: 45%; float: left; } body.rmasystem-viewrma-index .wk_rma_onereply_head { padding: 0 10px 10px 10px; } body.rmasystem-viewrma-index .wk_rma_onereply_cntnt.customer, body.rmasystem-viewrma-index .wk_rma_onereply_cntnt.admin { background: #ffffff !important; border-left: 1px solid #ece9e9; border-right: 1px solid #ece9e9; border-top: 1px solid #ece9e9; background: #f6f6f6; line-height: 1.5; text-transform: initial; font-size: 1.2rem; } /* RMA SEND NEW MESSAGE */ body.rmasystem-viewrma-index .new-message-block .field label:first-child { padding-bottom: 10px; font-size: 8pt; margin-bottom: 0; } body.rmasystem-viewrma-index .new-message-block .allowed { font-size: 1.1rem; line-height: 1.5; letter-spacing: 0.1rem } body.rmasystem-viewrma-printrma .wk_rma_onereply_cntnt { background: #ffffff; text-transform: initial !important; line-height: normal !important; padding: 0 !important; } /* ACCOUNT DOCUMENTS */ body.jolausa-documents-customer-index .jolausa-customerdocuments-index h4 { font-size: 2.1rem; letter-spacing: 0.5rem; margin-top: 3rem; } body.jolausa-documents-customer-index .requirements-status .status-ok { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #e5efe5; color: #006400; padding-left: 40px; position: relative; } body.jolausa-documents-customer-index .requirements-status .status-ok>span:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #006400; content: '\e610'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } body.jolausa-documents-customer-index .requirements-status .status-fail { margin: 0 0 10px; padding: 10px 20px; display: block; line-height: 1.2em; font-size: 1.3rem; background: #fae5e5; color: #e02b27; padding-left: 40px; position: relative; } body.jolausa-documents-customer-index .requirements-status .status-fail>span:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 28px; line-height: 28px; color: #b30000; content: '\e602'; font-family: 'icons-blank-theme'; margin: -14px 0 0; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; left: 0; top: 18px; width: 40px; position: absolute; text-align: center; } /* table#document_list_table */ #document_list_table thead tr { border: 1px solid #c9c9c9; border-width: 1px 0; } #document_list_table th { font-weight: normal; padding: 2rem 1rem; line-height: normal; } #document_list_table td { vertical-align: middle; padding: 2rem 1rem; } #document_list_table th:nth-child(1) { /*DOCUMENT NAME*/ width: 15%; } #document_list_table th:nth-child(2) { /*DOCUMENT DESCRIPTION*/ width: 40%; } #document_list_table th:nth-child(3) { /*EXAMPLE FILE*/ width: 15%; } #document_list_table th:nth-child(4) { /*REQUIRED*/ width: 5%; } #document_list_table th:nth-child(5) { /*DOCUMENT FILE*/ width: 20%; } #document_list_table th:nth-child(6) { /*STATUS*/ width: 5%; } #document_list_table tr.item { border-bottom: 1px solid #c9c9c9; min-height: 12rem; } #document_list_table tr.item td { text-align: left; height: 7vw; } #document_list_table .upload-document input { color: #9B9B9B; } #document_list_table .document-upload-btn { border-radius: 0; letter-spacing: 0.1rem; text-shadow: none; line-height: 4rem; width: 20rem; padding: 0; margin-top: 1rem; transition: 0.25s; } #document_list_table .download-document a { display: block; line-height: 2rem; } #document_list_table .download-document a.document-file { background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_doc_universal.png) 5% center no-repeat; background-size: contain; min-height: 25px; display: block; padding: 1px 0px; line-height: 4rem; font-size: 0; transition: 0.25s; } #document_list_table .download-document a.document-file:hover { opacity: 0.5; filter: alpha(opacity=50); /* For IE8 and earlier */ } #document_list_table .download-document a.document-file[href$=".doc"], #document_list_table .download-document a.document-file[href$=".docx"] { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_png.png); } #document_list_table .download-document a.document-file[href$=".pdf"] { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_pdf.png); } #document_list_table .download-document a.document-file[href$=".png"] { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_png.png); } #document_list_table .download-document a.document-file[href$=".jpeg"], #document_list_table .download-document a.document-file[href$=".jpg"] { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_jpg.png); } #document_list_table .download-document a.document-file[href$=".gif"] { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_gif.png); } #document_list_table .download-document a:hover { text-decoration: none; border-top-color: #000000; } #document_list_table tbody tr td:nth-child(3) a { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_pdf.png); background-size: contain; min-height: 25px; display: block; padding: 1px 0px; line-height: 4rem; font-size: 0; transition: 0.25s; background-repeat: no-repeat; } #document_list_table tbody tr td:nth-child(3) a:hover { opacity: 0.5; } /* */ body.subaccounts-order-approve-waiting h1.page-title { margin-bottom: 7.6rem; } body.subaccounts-order-approve-waiting tr.quote-items>td { border-top: 0 !important; } body.subaccounts-order-approve-waiting #order-approve-manage-items-table>tbody>tr>td { padding: 4rem 1rem 1rem 0; line-height: 22px; } body.subaccounts-order-approve-waiting #order-approve-manage-items-table>tbody>tr>td .product-image-wrapper { margin-top: -2.5rem; } body.subaccounts-order-approve-waiting .quote-reject-reason-container .quote-reject-reason textarea { padding: 1rem; line-height: 1.5; font-size: 1.3rem; } /* - TERMS & CONDITIONS - PRIVACY POLICY */ body.cms-terms-and-conditions h3, body.cms-privacypolicy h3 { font-size: 1.3rem; margin: 3.2rem 0; } body.cms-terms-and-conditions p, body.cms-terms-and-conditions li, body.cms-privacypolicy p, body.cms-privacypolicy li { font-size: 1.3rem; font-weight: lighter; color: #707070; letter-spacing: 0.1rem; } body.cms-terms-and-conditions p, body.cms-privacypolicy p { margin-bottom: 2.2rem; } body.cms-terms-and-conditions #maincontent.terms-page, body.cms-privacypolicy #maincontent.privacypolicy-page { padding:0; } body.cms-privacypolicy #maincontent.privacypolicy-page p img{ width: 100%; } /*body.cms-terms-and-conditions #maincontent.terms-page>img,*/ /*body.cms-privacypolicy #maincontent.privacypolicy-page>img {*/ /* width: 100%;*/ /* margin-top: -2px;*/ /*}*/ body.cms-terms-and-conditions .left_col ul li, body.cms-terms-and-conditions .right_col ul li, body.cms-privacypolicy .left_col ul li { list-style-type: disc; list-style-position: inside; text-indent: -1em; padding-left: 1em; line-height: 1.5; } body.cms-terms-and-conditions .left_col ul li ul li, body.cms-terms-and-conditions .right_col ul li ul li { list-style-type: circle; } body.cms-terms-and-conditions .columns, body.cms-privacypolicy .columns { padding-bottom: 16rem; padding-right: 40px; padding-left: 40px; } body.cms-terms-and-conditions .left_col, body.cms-terms-and-conditions .right_col, body.cms-privacypolicy .left_col, body.cms-privacypolicy .right_col { border: 1px solid #C8C8C9; float: left; width: 49.5%; padding: 7.5rem 4.5rem; } body.cms-terms-and-conditions .left_col { margin-right: 0.5%; } body.cms-terms-and-conditions .right_col { margin-left: 0.5%; } body.cms-privacypolicy .left_col { padding-right: 15rem; } body.cms-privacypolicy .right_col { border: 0; padding: 0; position: relative; top: 10rem; left: -10rem; } /* MULTIWISHLIST */ body.account .form-wishlist-items ul.tabs { /*overflow: hidden; display: block;*/ max-width: 100%; border-bottom: 1px solid #C9C9CA; } body.account .form-wishlist-items ul.tabs li { display: inherit; margin: 2px 0 0 0; } body.account .form-wishlist-items .tabs-wishlist .wishlist .product-items { display: flex; flex-direction: column; } body.account.wishlist-index-index .products-grid.wishlist .product-item { width: 100%; border-bottom: 1px solid #E8E8E8; padding-bottom: 20px; margin-left: 0; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-photo { float: left; width: 10%; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner { position: relative; overflow: visible; height: 100%; width: 90%; float: left; box-shadow: none; display: block; margin: 0; padding-left: 20px; padding-top: 0; min-height: 130px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-tooltip { bottom: 30px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-tooltip .tooltip.content { display: block; border: none; padding: 0; background: transparent; min-width: 310px; position: relative; margin-top: 0; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-tooltip .tooltip.content .label { font-size: 12px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-tooltip .tooltip.content .subtitle { display: none; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-tooltip .tooltip.content:before, body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-tooltip .tooltip.content:after { display: none; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-tooltip .details { display: none; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info:hover .product-item-inner { padding: 0 0 0 20px; border: none; margin: 0; clip: auto; box-shadow: none; right: 0; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner span { color: #000; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-name a { font-weight: bold; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart { position: absolute; right: 90px; bottom: -20px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .field.qty { padding-top: 41px; /*padding-right: 45px;*/ } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .field.qty .qty-dec, body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .field.qty .qty-inc { height: 40px; padding-top: 5px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .field.qty .qty-inc { width: 20px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions .edit span { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/Write.svg); width: 40px; height: 40px; color: transparent; background-repeat: no-repeat; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions .copy_to_wishlist span { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/Photos.svg); width: 25px; height: 25px; color: transparent; background-repeat: no-repeat; display: inline-block; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions { padding-top: 0; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions a { margin: 0; text-decoration: none; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions .tocart:hover { background: #000; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions .tocart:hover span { color: #fff; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions .move_to_wishlist span { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/Share.svg); width: 30px; height: 25px; color: transparent; background-repeat: no-repeat; display: inline-block; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions .delete span { background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/Trash.svg); color: transparent; background-repeat: no-repeat; line-height: normal; /*font-size: 3.5px;*/ } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions .delete { position: absolute; right: 40px; bottom: 17px; border: 1px solid #000000; width: 40px; height: 40px; padding: 8px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .product-item-actions button { border: 1px solid #000; margin-top: 18px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .product-item-actions .tocart span { font-size: 9px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .qty input[type="number"] { border: 1px solid #000; color: #000; width: 30px; height: 40px; } body.account.wishlist-index-index .products-grid.wishlist .actions-toolbar { border-bottom: 1px solid #E8E8E8; padding-bottom: 30px } body.account.wishlist-index-index .products-grid.wishlist .actions-toolbar .primary button { width: 200px; margin-right: 25px; } body.account.wishlist-index-index .products-grid.wishlist .actions-toolbar .primary button span { font-size: 10px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-image-photo { width: 130px; height: 130px; object-fit: cover; } body.account .products-grid.wishlist .product-item .price-box { min-height: 40px; padding-bottom: 30px; } body.account .products-grid.wishlist .product-item .price-box .price-as-configured { margin-bottom: 12px; } /*MULTIWISHLIST - Responsive*/ @media only screen and (min-width: 768px) and (max-width: 1320px) { body.account.wishlist-index-index .products-grid.wishlist .actions-toolbar .primary button { width: 160px; margin-right: 10px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-photo { width: 15%; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner { width: 85%; } } @media only screen and (max-width: 768px) { body.account.wishlist-index-index .products-grid.wishlist .product-item { max-width: initial; margin: 0 auto; border-bottom: none; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info { display: flex; flex-direction: column; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-photo { width: 100%; margin: 0 auto; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner { width: 100%; background-color: #000; padding: 10px 15px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-name a { font-size: 16px; color: #fff; line-height: 20px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .price-box { /*padding-bottom: 20px;*/ } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .price-box span { font-size: 9px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-image-photo { width: 100%; height: 100%; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner span { color: #fff; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .product-item-actions button { border: 1px solid #fff; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions span { background-image: none !important; width: auto; height: auto; color: #fff !important; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .field.qty { padding-top: 0; padding-right: 55px; float: left; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions a { /*width: calc(25% - 10px) !important;*/ float: left; margin-right: 10px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions a.delete { position: relative; right: 0; bottom: 0; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions a span, body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions a.delete span { font-size: 9px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions { padding-top: 3px; float: left; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart { position: relative; right: 0; bottom: 0; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .field.qty .qty-dec, body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .field.qty .qty-inc, body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-tooltip .tooltip.content .label, body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-tooltip .tooltip.content .values { color: #fff; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .product-item-actions .tocart span { font-size: 9px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info:hover .product-item-inner { padding: 10px 15px; } body.account.wishlist-index-index .products-grid.wishlist .actions-toolbar .primary button { width: 100%; margin-right: 0; margin-bottom: 10px; } body.account.wishlist-index-index .products-grid.wishlist .actions-toolbar .primary button span { font-size: 12px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-tooltip .tooltip.content { min-width: 270px; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .box-tocart .product-item-actions button { margin-top: 7px; } } @media only screen and (max-width: 480px) { body.account .form-wishlist-items ul.tabs { border-bottom: none; } body.account.wishlist-index-index .products-grid.wishlist .product-item .product-item-info .product-item-inner .product-item-actions { /*padding-top: 10px;*/ } } /* My Dashboard - MY ORDERS */ .account .filters h4 { font-size: 1.4rem; } .account .filters h5 { color: #868787; line-height: 1.5rem; padding: 1rem 0; } .account #my-orders-table { /*margin-top: 3rem;*/ /*table-layout: fixed;*/ } .account #my-orders-table tr>td { line-height: 22px; } /*.account .order-details-items table tr>th.col.subtotal {width:120px;}*/ .account .po_order_no, .account .order_hist { clear: both; width: 100%; display: block; padding-bottom: 7rem; } .account .order_hist { padding-bottom: 4rem; } .account .po_order_no>div { display: inline-block; float: left; width: 50%; padding-right: 5%; } .account .po_order_no>div:last-child { padding-left: 0; padding-left: 5%; } .table tfoot th, .table tfoot td, .table tfoot { background-color: #fff; } .account .po_order_no>div>div, .account .order_hist { width: calc(100% - 10rem); float: left; line-height: 5rem; } .account input::placeholder { color: #000000 !important; font-size: 0.9rem; } .account input::-webkit-input-placeholder { color: #000000 !important; font-size: 0.9rem; } .account input::-moz-placeholder { color: #000000 !important; font-size: 0.9rem; } .account input:-ms-input-placeholder { color: #000000 !important; font-size: 0.9rem; } .account .filters input[type="submit"] { float: right; display: inline; width: 8.5rem; height: 4rem; border: 1px solid #000000; background: #ffffff; font-size: 1rem; } .account .filters input[type="submit"]:hover { background: #000000; color: #ffffff; } .account .order_hist .sorting { margin-top: 3rem; } .account .order_hist .sorting .date { width: 70%; } .account .order_hist .sorting .date div.field-container span { width: 3rem; } .account .order_hist .sorting .date div.field-container span, .account .order_hist .sorting .date div.field-container input { display: table-cell; } .account .order_hist .sorting .date div.field-container { display: table; float: left; position: relative; line-height: initial; border: 0; width: 50%; } .account .order_hist .sorting .date div.field-container::after { position: absolute; right: 9rem; top: 0.5rem; content: ''; width: 2rem; height: 1.6rem; background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/calendar_ico.svg) no-repeat center; display: none; content: none; } .account .order_hist .sorting .date div.field-container:last-child::after { right: 10rem; } .account .order_hist .sorting .date div.field-container input { width: calc(100% - 9rem); margin: 0 4rem 0 1rem; border-width: 0 0 1px 0; border-color: #000000; height: 25px; line-height: 25px; } .account .order_hist .sorting input[type="submit"] { float: left; height: 4rem; width: 20rem; border: 0; background: #000000; color: #ffffff; margin-top: -2rem; border: 1px solid #000; } .account .order_hist .sorting input[type="submit"]:hover { background: #ffffff; color: #000000; border: 1px solid #000; } .account #my-orders-table th { /*font-size: 1.2rem;*/ } .subtotal { /*border-top: 2px solid #ddd;*/ } .account #my-orders-table .col.actions a span { border-bottom: 1px solid #000000; padding-bottom: 2px; } .account #my-orders-table .col.actions a:hover { text-decoration: none; font-weight: bold; } .account .pages a.page:active, .account .pages a.page:visited, .account .pages a.page, .account .pages strong.page { color: #000000; } .account .pages .action { background: transparent; border: 0; box-shadow: none; } .pages .action.previous { margin-right: -1rem; } .pages .action.next { margin-left: -1rem; } .pages .action.previous:visited:before, .pages .action.next:hover:before { color: #000000; } /* View order */ .account .page-title .order-status { font-size: 12px; padding: 3px 3px 3px 6px; border: 1px solid #d1d1d1; border-radius: 5px; background: #FAFAFA; margin-left: 20px; margin-top: 0; line-height: normal; position: relative; top: 1.5rem; } .account .page-main .page-title-wrapper .order-date { margin-top: 0 !important; } .account.page-layout-2columns-left .legend { margin: 2.5rem 0 3.5rem; } .account.page-layout-2columns-left .legend span { display: inline-block; font-size: 2rem; } .checkout-cart-index .fieldset.coupon { display: none; } /* VARIOUS RESPONSIVE STYLES */ @media (min-width: 768px), print { .customer-account-create .fieldset .left, .customer-account-create .fieldset .right { padding-top: 40px; } .customer-account-create .fieldset.create .right>.field~.field { margin-top: 0; } .customer-account-create .right .registration-message { color: #000; float: right; font-size: 0.8rem; /*padding-top: 29px;*/ } .customer-account-create .right .actions-toolbar { margin-top: 0; } .navigation, .breadcrumbs, .page-header .header.panel, .header.content, .footer.content, .page-wrapper>.widget, .page-wrapper>.page-bottom, .block.category.event, .top-container, .page-main { box-sizing: border-box; margin-left: auto; margin-right: auto; max-width: 1380px; padding-left: 30px; padding-right: 30px; width: auto; } /* * page-layout-custom-home */ .page-layout-custom-home .page-header .h-bottom { margin-bottom: 0; } .page-layout-custom-home .page-main { max-width: 100%; position: relative; padding: 0; } /* Home - carousel */ .page-layout-custom-home .carousel .item { position: relative; } .page-layout-custom-home .carousel .item .container { background: rgba(0, 0, 0, 0.8); position: relative; margin: -7% 18% 0; padding: 30px 80px 55px; } .page-layout-custom-home .carousel .item .container h1 { color: #ffffff; font-size: 4rem; } .page-layout-custom-home .carousel .item .container p { color: #ffffff; } .page-layout-custom-home .carousel .item .container a.btn { background: #ffffff; color: #000000; letter-spacing: 0.5rem; padding: 20px 30px; height: 40px; width: 140px; } .page-layout-custom-home .carousel .item .container a.btn:hover { text-decoration: none; color: #ffffff; background: #000000; } .page-layout-custom-home .carousel .carousel-control-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; 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; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .page-layout-custom-home ol.carousel-indicators { left: 30%; } .page-layout-custom-home .carousel-control-indicators a, .page-layout-custom-home .carousel-control-indicators li::before, .page-layout-custom-home .slider .carousel-controls a.left:before, .page-layout-custom-home .slider .carousel-controls a.right:before { font-family: 'FontAwesome'; font-size: 2.5rem; color: #ffffff; } .page-layout-custom-home .carousel-control-indicators a:hover { text-decoration: none; color: inherit; } .page-layout-custom-home .carousel-control-indicators a.left:before { content: "\f053"; -webkit-text-stroke: 4px #333; } .page-layout-custom-home .carousel-control-indicators a.right:before { content: "\f054"; -webkit-text-stroke: 4px #333; } .page-layout-custom-home .carousel-indicators { position: absolute; right: 0; bottom: 10px; left: 0; z-index: 15; 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; padding-left: 0; margin-right: 15%; margin-left: 15%; list-style: none; } .page-layout-custom-home .carousel-control-indicators li { cursor: pointer; margin: 0 1rem; line-height: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .page-layout-custom-home .carousel-control-indicators li::before { color: transparent; border: 1px solid #ffffff; content: "\f45c"; font-size: 1.3rem; } .page-layout-custom-home .carousel-control-indicators li.active::before, .page-layout-custom-home .carousel-indicators li:hover::before { background: #ffffff; } /*Thank you for registering*/ .cms-thank-you-for-registering .column.main { text-align: center; } .cms-thank-you-for-registering .column.main a { text-decoration: underline; } /* Home - slider */ /*.page-layout-custom-home .slider { padding: 80px 0 0; } .page-layout-custom-home .slider .slider-wrapper { background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/slider_rectangle.png) no-repeat center; background-size: contain; height: 580px; } .page-layout-custom-home .slider .slider-caption { text-align: center; } .page-layout-custom-home .slider .slider-caption h2 { font-size: 2.6rem; } .page-layout-custom-home .slider .carousel-controls { height: 37px; width: 50px; left: calc(50% - 25px); position: absolute; bottom: 0; bottom: 2%; } .page-layout-custom-home .slider .carousel-controls a:hover { display: none; color: #000000; } .page-layout-custom-home .slider .carousel-controls a.left:before { color: #333; content: "\f053"; -webkit-text-stroke: 4px #fff; } .page-layout-custom-home .slider .carousel-controls a.right:before { color: #333; content: "\f054"; -webkit-text-stroke: 4px #fff; } .page-layout-custom-home .slider .slick-list.draggable { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; height: 530px; } .page-layout-custom-home .slider .slick-track { position: relative; display: block; top: 0; left: 0; opacity: 1; width: 2500px; padding-top: 50px; margin-left: -160px; } .slick-track:before, .slick-track:after { display: table; content: ''; } .page-layout-custom-home .slider .slide-item { width: 420px; display: block; float: left; height: 100%; min-height: 1px; padding: 0 0.5%; } .page-layout-custom-home .slider .slide-item:not(.active) .prod-info { display: none; }*/ .page-layout-custom-home .slider .slide-item.active { position: relative; top: -25px; /* left:-25px; */ width: 450px; height: auto; display: block; z-index: 999; } .page-layout-custom-home .slider .product-info-wrapper { position: relative; } .page-layout-custom-home .slider .slide-item.active .prod-info { background: #ffffff; display: block; position: absolute; bottom: -70px; width: 100%; } .page-layout-custom-home .slider .slide-item.active .prod-info .prod-name { background: #000000; padding: 25px 30px 20px 30px; } .page-layout-custom-home .slider .slide-item.active .prod-info .prod-name h3, .page-layout-custom-home .slider .slide-item.active .prod-info .prod-name p, .page-layout-custom-home .slider .slide-item.active .prod-info .prod-name p a { color: #ffffff; margin: 0; } .page-layout-custom-home .slider .slide-item.active .prod-info .prod-name h3 { line-height: 4rem; } .page-layout-custom-home .slider .slide-item.active .prod-info .prod-name p a { font-size: 0.9rem; } .page-layout-custom-home .slider .socials-wrapper { color: #000000; height: 40px; padding: 10px 0; } .page-layout-custom-home .slider .socials-list { display: inline-block; float: right; } .page-layout-custom-home .slider .socials-wrapper li { float: left; line-height: 100%; margin: 0 30px 0 0; padding: 0; } .page-layout-custom-home .slider .socials-wrapper ul li.soc-up-arrow a:before { border-top: 1px solid #000; padding-left: 1px; padding-top: 1px; content: '\f062'; -webkit-text-stroke: 2px #ffffff; } /* * .checkout-cart-index */ .checkout-cart-index #maincontent, .customer-account-login #maincontent, .customer-account-create #maincontent, .customer-account-forgotpassword #maincontent { max-width: 100%; padding-left: 0px; padding-right: 0px; } .checkout-cart-index .page-main .columns, .customer-account-login .page-main .columns, .customer-account-create .page-main .columns { /* max-width: 970px; */ padding-left: 30px; padding-right: 30px; margin: 0 auto; letter-spacing: 0.2rem; } .customer-account-login .page-main .columns { max-width: 970px; } .customer-account-create .page-main .columns { max-width: 100%; padding: 0; } .login-container .block:nth-child(1), .login-container .block:nth-child(2) { position: relative; height: 535px; } .login-container .block:nth-child(1) { border-right: 1px solid #c9c9c9; width: 50%; } .login-container .block:nth-child(1)>div, .login-container .block:nth-child(2) { max-width: 330px; } .login-container .block:nth-child(2) { padding-right: 30px; } .login-container .field.note { font-size: 1rem; text-transform: uppercase; letter-spacing: 0.15rem; } .customer-account-login .login-container .fieldset>.field>.control, .customer-account-login .login-container .actions-toolbar>.primary, .customer-account-login .login-container .actions-toolbar>.primary .action, .customer-account-login .login-container .actions-toolbar>.secondary .action { width: 100%; } .customer-account-login .login-container .actions-toolbar>.secondary .action.remind { display: block; margin-bottom: -10px; border: 0; } .customer-account-login .login-popup-wrapper .block a:hover, body.customer-account-login .block a.action:hover { border-bottom: 1px solid #ffffff !important; border-bottom-color: #ffffff; text-decoration: none; } .customer-account-login .login-container .block-customer-login .actions-toolbar::before { position: absolute; content: ""; width: 48px; max-width: 312px; background-color: #ccc; height: 1px; margin: 0 auto; bottom: 200px; left: calc(50% - 48px); } .customer-account-login .login-container .block-customer-login .actions-toolbar::before { left: calc(40% - 48px); } .customer-account-login .columns .column.main, .customer-account-login .page-main .block { margin-bottom: 0; padding-bottom: 0; } .customer-account-login a.action span { text-align: center; } .customer-account-login .actions-toolbar>.secondary:last-child { width: 100%; } .customer-account-login a.action.remind span { color: #323232; font-size: 0.8rem; text-align: center; text-transform: uppercase; text-decoration: underline; } .customer-account-login .block-customer-login .actions-toolbar>.primary .action:last-child, .customer-account-login .block-new-customer .actions-toolbar>.primary .action:last-child { margin-top: 0; position: absolute; bottom: 70px; left: 0; width: 312px; } .customer-account-login .actions-toolbar .action span { font-family: 'IBM Plex Sans Regular', Helvetica, Arial, sans-serif; font-size: 1rem; } .customer-account-login .actions-toolbar>.remember_me_box { position: absolute; bottom: 145px; left: 0; font-size: 1rem; font-family: 'IBM Plex Sans Regular', Helvetica, Arial, sans-serif; letter-spacing: 0.1rem; } .customer-account-login .actions-toolbar>.secondary:last-child { width: 312px; position: absolute; bottom: 50px; left: 0; } /* * .form.create.account */ .customer-account-create .form.create.account { display: block; width: 100%; } .customer-account-create .form.create.account fieldset { display: block; width: 100%; } .customer-account-create .form.create.account fieldset.fieldset.create.intro { margin-bottom: 0; /*margin-top:4rem;*/ } .customer-account-create .form.create.account fieldset.fieldset.create.intro .have_account { /*height: 50px;*/ display: block; clear: both; border: none; margin-top: 50px; } .customer-account-create .form.create.account fieldset.fieldset.create.info, .customer-account-create .form.create.account fieldset.fieldset.address { opacity: 0.3; transition: opacity 0.2s ease-in-out; } .customer-account-create .form.create.account fieldset.fieldset.create.intro .radio { width: 100%; float: left; } .customer-account-create .form.create.account fieldset.fieldset.create.intro .radio::after { content: ""; clear: both; } .customer-account-create .form.create.account fieldset.fieldset.create.intro .radio:last-child { padding-left: 20px; } .customer-account-create .form.create.account .left { padding-right: 2%; padding-top: 0; /*padding-bottom: 20px;*/ float: left; width: 50%; border-right: 1px solid #c9c9c9; } .customer-account-create .form.create.account .left.noborder { border: 0; } .customer-account-create .form.create.account .right { padding-top: 48px; padding-left: 2%; padding-bottom: 0; float: left; width: 50%; } .customer-account-create .form.create.account .fieldset .right { padding-top: 62px; } .customer-account-create .form.create.account .fieldset.intro .right { padding-top: 45px; } .customer-account-create .form.create.account .reg_also { padding-bottom: 80px; } .customer-account-create .page-main .actions-toolbar>.primary .action { margin-top: 76px; } .customer-account-login .login-container .actions-toolbar>.primary { height: 40px; } /* .customer-account-create .actions-toolbar > .primary .action, .actions-toolbar > .secondary .action { width: 260px; } */ .customer-account-create .file_upload_radio_box { display: inline; width: 65%; margin-left: 2%; float: left; } .customer-account-create .file_upload_radio_box input { display: contents; } .customer-account-create .file_upload_radio_box label { text-overflow: ellipsis; overflow: hidden; width: 100%; white-space: nowrap; text-transform: uppercase; color: #868787; } .customer-account-create .field.file_upload_input_box { display: inline-block; width: 33% !important; float: left; } .customer-account-create .field.file_upload_input_box span { color: #9b9b9b; font-size: 0.7rem; } .customer-account-create .file_upload_input_box input#w_tax_file { display: none; } .customer-account-create .file_upload_input_box label#w_tax_file_label, .customer-account-create .file_upload_input_box label#w_tax_file_label_remove { visibility: visible; width: 0.6rem; border: 1px solid #000; padding: 0.5rem; color: #000000; font-size: 1.1rem; display: table; float: left; margin-right: 0.5rem; margin-top: 0.1rem; cursor: pointer; } .customer-account-create .file_upload.error-message { color: #ed8380; font-size: 0.9rem; position: relative; top: 5px; } .customer-account-create .file_upload_input_box label#w_tax_file_label.failed-validation, .customer-account-create .file_upload_input_box label#w_tax_file_label_remove.failed-validation { color: #ed8380 !important; border-color: #ed8380 !important; } .customer-account-create .file_upload_input_box label#w_tax_file_label.failed-validation:hover, .customer-account-create .file_upload_input_box label#w_tax_file_label_remove.failed-validation:hover { color: #fff !important; border-color: #000 !important; } .customer-account-create .file_upload_input_box label#w_tax_file_label:hover, .customer-account-create .file_upload_input_box label#w_tax_file_label_remove:hover { background: #000000; color: #ffffff; } .customer-account-create .file_upload_input_box label#w_tax_file_label_remove { display: none; } /* RETAIL LOCATOR */ .amlocator-index-index .page-main { padding-left: 0; padding-right: 0; } .amlocator-index-index .breadcrumbs { border-bottom: 1px solid #C9C9CA; } .amlocator-index-index .page-title-wrapper { text-align: center; border-bottom: 1px solid #C9C9CA; } .amlocator-index-index h1.page-title { font-size: 1.3rem; } .amlocator-index-index #amasty_locator_filter, .amlocator-index-index .amlocator_store_list { width: 25%; padding-right: 20px; padding-left: 20px; float: left; } .amlocator-index-index.page-layout-1column .column.main { padding-bottom: 0; } .amlocator-index-index .amlocator_center { display: flex; } .amlocator-index-index .amlocator_center:after { display: table; clear: both; content: ''; } .amlocator-index-index .amlocator_store_list { padding-left: 0; padding-right: 0; margin-bottom: 0; order: 1; } .amlocator-index-index #amasty_locator_filter { padding-top: 15px; width: 100%; } .amlocator-index-index #amasty_locator_filter .column_right, .amlocator-index-index #amasty_locator_filter .column_left .block-title, .amlocator-index-index #amasty_locator_filter .column_left .block-content label { display: none; } .amlocator-index-index #amasty_locator_filter .column_left .block-content .amlocator_input { margin-top: 18px; } .amlocator-index-index #amasty_locator_filter .column_left .block-content .amlocator_input .input-box span.selectBox-label { padding-left: 10px; } .amlocator-index-index #current-address .input-box { position: relative; } .amlocator-index-index #current-address .input-box input { padding-right: 20px; padding-bottom: 7px; padding-left: 10px; } .amlocator-index-index #current-address .input-box input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; } .amlocator-index-index #current-address .input-box input::-moz-placeholder { /* Firefox 19+ */ color: #000000; } .amlocator-index-index #current-address .input-box input:-ms-input-placeholder { /* IE 10+ */ color: #000000; } .amlocator-index-index #current-address .input-box input:-moz-placeholder { /* Firefox 18- */ color: #000000; } .amlocator-index-index .serch-icon-locator { position: absolute; top: 0; right: 0; width: 20px; height: 100%; background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_loupe_black.png') no-repeat top center; } .amlocator-index-index #amasty_locator_filter .column_left .block-content .amlocator_input .selectBox-dropdown { width: 100% !important; } .amlocator-index-index #amlocator_left p { padding: 2.5rem 4rem; font-size: .9rem; } .amlocator-index-index #amasty_locator_filter .column_left { width: 100%; padding-right: 0; } .amlocator-index-index #amasty_locator_filter .column_left .block-content #sortByFilter { float: left; width: 30%; /* margin-right: 16rem; */ } .amlocator-index-index #amasty_locator_filter .column_left .block-content #locateNearBy { float: right; margin-left: 0; width: 60%; } /* .amlocator-index-index #amasty_locator_filter .column_left .block-content button:not(.action) { padding: 0.5rem 2rem; } */ .amlocator-index-index #amasty_locator_filter .column_left .block-content button:not(.action) span { font-size: 1rem; padding: 0; } .amlocator-index-index #amlocator_left { background: #FAFAFA; border-bottom: 1px solid #C8C8C9; border-top: 1px solid #C8C8C9; width: 100%; height: 480px; } .amlocator-index-index #amlocator_left span { background: #ffffff; border: 1px solid #C8C8C9; border-width: 1px 1px 0 1px; padding: 2.5rem 4rem; font-size: .9rem; } .amlocator-index-index #amlocator_left span:hover { background: #FAFAFA; } .amlocator-index-index #amlocator_left span .locator_arrow { background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/select-bg.png) 50% center no-repeat; } .amlocator-index-index #amlocator_left span .locator_arrow.arrow_active { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Safari 3-8 */ transform: rotate(180deg); } .amlocator-index-index #amlocator_left .active { background: #FAFAFA; border-width: 1px 1px 0 1px; } .amlocator-index-index #amlocator_left span .location_header { font-size: 1rem; text-transform: uppercase; margin-bottom: 2.2rem; } .amlocator-index-index .amlocator_mapblock { order: 2; float: right; width: 75%; } .amlocator-index-index #amlocator-map-canvas { height: 100%; } .amlocator-index-index #amlocator-map-canvas .popup { padding: 5%; } .amlocator-index-index #amlocator-map-canvas .popup h2 { font-size: 1.3rem; text-transform: uppercase; } } @media (max-width: 1600px), print { .customer-account-create .form.create.account fieldset.fieldset.create.intro { margin-bottom: 12rem; } } @media (max-width: 1200px) { body.cms-no-route .message { max-width: 90%; } } @media (max-width: 1024px) { .music_content_wrap .category_description { overflow: hidden; padding-top: 80%; position: relative; margin: 0 40px; } .music_content_wrap .category_description iframe { border: 0; height: 100%; left: 0; position: absolute; top: 0; width: 100%; margin: 0 auto; } } @media (max-width: 1024px), print { .amlocator-index-index #amasty_locator_filter .column_left .block-content #sortByFilter { width: 50%; } .amlocator-index-index #amasty_locator_filter .column_left .block-content #locateNearBy { margin-top: 15px; width: 90%; float: left; } } @media (max-width: 768px), print { .customer-account-login .actions-toolbar>.remember_me_box { margin-bottom: 10px; } .customer-account-create .fieldset.create .right>.field { margin-top: 15px; } .customer-account-create .fieldset.address .right>.field { margin-top: 15px; } .customer-account-create .file_upload_radio_box { margin-left: 1rem; } .customer-account-create .file_upload_radio_box input { display: contents; } .customer-account-create .field.file_upload_input_box { margin-top: 1rem; } .customer-account-create .field.file_upload_input_box span { color: #9b9b9b; font-size: 0.7rem; } .customer-account-create .file_upload_input_box input#w_tax_file { display: none; } .customer-account-create .file_upload_input_box label#w_tax_file_label { visibility: visible; width: 0.6rem; border: 1px solid #000; padding: 0.5rem; color: #000000; font-size: 1.1rem; display: table; float: left; margin-right: 0.5rem; margin-top: 0.1rem; cursor: pointer; } .customer-account-create .file_upload_input_box label#w_tax_file_label:hover { background: #000000; color: #ffffff; } .amlocator-index-index #amasty_locator_filter .column_right, .amlocator-index-index #amasty_locator_filter .column_left .block-title, .amlocator-index-index #amasty_locator_filter .column_left .block-content label { display: none; } .amlocator-index-index #amlocator_left { /*width: auto;*/ margin-right: 0; } .amlocator-index-index #amasty_locator_filter .column_left .block-content #locateNearBy { margin-left: 0; margin-top: 1rem; } .amlocator-index-index #amlocator_left span { padding: 1rem 1.5rem; } .amlocator-index-index .selectBox-dropdown { width: 100% !important; } /* 404 Error page */ body.cms-no-route .page-main { padding: 0; padding-top: 94px; } body.cms-no-route .page-title-wrapper { display: none; } /* /404 Error page */ /* Recipes */ .page-products .products-grid.recipes li.product-item:nth-child(odd), .page-products .products-grid.recipes li.product-item:nth-child(even) { margin-left: 2% !important; float: none !important; width: 96%; } .page-products .products-grid.recipes li.product-item:nth-child(odd) img { position: relative; left: 0; max-width: 100%; } .page-products .products-grid.recipes li.product-item:nth-child(even) img { position: relative; right: 0; max-width: 100%; } .page-products .products-grid.recipes li.product-item:nth-child(odd) .product.details, .page-products .products-grid.recipes li.product-item:nth-child(even) .product.details { padding: 1rem !important; } } @media (max-width: 1024px) { .customer-account-login #intro_msg, .customer-account-create #intro_msg, .customer-account-forgotpassword #intro_msg { padding-left: 20px; padding-right: 20px; } .customer-account-login .message.error { text-indent: 0px; } .amlocator-index-index #maincontent { margin: 0 auto; padding: 0 30px; } .amlocator-index-index .page-title-wrapper { padding-top: 60px !important; } .amlocator-index-index .page-title-wrapper h1.page-title { font-size: 13px; text-align: center; } .amlocator-index-index #amasty_locator_filter { width: 100% !important; } .amlocator-index-index .page-title-wrapper { border-bottom: none; } .amlocator-index-index #amasty_locator_filter .column_left .block-content button.button { float: left; width: calc(50% - 5px) !important; } .amlocator-index-index #amasty_locator_filter .column_left .block-content button.button span { padding: 0; } .amlocator-index-index #amasty_locator_filter .column_left .block-content button#sortByFilter { margin-right: 5px; } .amlocator-index-index #amasty_locator_filter .column_left .block-content button#locateNearBy { margin-top: 0; margin-left: 5px; } .amlocator-index-index #amasty_locator_filter, .amlocator-index-index .amlocator_store_list, .amlocator-index-index #amasty_locator_filter .column_left { padding-right: 0; } .amlocator-index-index #amasty_locator_filter { padding-right: 20px; } .amlocator-index-index #amasty_locator_filter .column_left, .amlocator-index-index .amlocator_mapblock, .amlocator-index-index .amlocator_store_list { width: 100%; } .amlocator-index-index .amlocator_mapblock { width: 50%; } .amlocator-index-index .amlocator_store_list { width: 50%; } .amlocator-index-index .columns { display: block !important; } } @media (max-width: 768px) { .amlocator-index-index .amlocator_center { display: block; } .amlocator-index-index .amlocator_mapblock { width: 100%; height: 500px; } .amlocator-index-index #amlocator-map-canvas { height: 500px; } .amlocator-index-index #amlocator_left { width: 100%; } .amlocator-index-index .amlocator_store_list { width: 100%; } .amlocator-index-index #amasty_locator_filter { padding-right: 0; padding-left: 0; } body.cms-no-route .message { max-width: 100%; } .account.page-layout-2columns-left .legend span, .account.page-layout-2columns-left .form-edit-account .legend span { font-size: 17px; letter-spacing: 1px; padding-bottom: 15px; } } @media (max-width: 480px) { .amlocator-index-index .amlocator_mapblock { width: 100%; height: 350px; } .amlocator-index-index #amlocator-map-canvas { height: 350px; } body.cms-no-route dt { font-size: 1.4rem; } .account.page-layout-2columns-left .legend { margin: 15px 0; } } #init-loader{ position: fixed; background: lightslategrey; height: 100%; width: 100%; z-index: 100000000; top: 0; } .cssload-piano { margin: auto; width: 50px; height: 13px; font-size: 13px; top: 50%; position: absolute; left: 50%; } .cssload-piano > div { height: 100%; width: 100%; display: block; margin-bottom: 0.6em; animation: stretchdelay 1.38s infinite ease-in-out; -o-animation: stretchdelay 1.38s infinite ease-in-out; -ms-animation: stretchdelay 1.38s infinite ease-in-out; -webkit-animation: stretchdelay 1.38s infinite ease-in-out; -moz-animation: stretchdelay 1.38s infinite ease-in-out; } .cssload-piano .cssload-rect2 { animation-delay: -1.15s; -o-animation-delay: -1.15s; -ms-animation-delay: -1.15s; -webkit-animation-delay: -1.15s; -moz-animation-delay: -1.15s; } .cssload-piano .cssload-rect3 { animation-delay: -0.92s; -o-animation-delay: -0.92s; -ms-animation-delay: -0.92s; -webkit-animation-delay: -0.92s; -moz-animation-delay: -0.92s; } /* checkout card address */ .checkout-index-index .fieldset.sage-address .field.payment.items input { width: 225px; } @keyframes stretchdelay { 0%, 40%, 100% { transform: scaleX(0.8); background-color: rgb(26,26,26); box-shadow: 0 0 0 rgba(10,10,10,0.1); } 20% { transform: scaleX(1); background-color: rgb(199,199,199); box-shadow: 0 6px 8px rgba(10,10,10,0.4); } } @-o-keyframes stretchdelay { 0%, 40%, 100% { -o-transform: scaleX(0.8); background-color: rgb(26,26,26); box-shadow: 0 0 0 rgba(10,10,10,0.1); } 20% { -o-transform: scaleX(1); background-color: rgb(199,199,199); box-shadow: 0 6px 8px rgba(10,10,10,0.4); } } @-ms-keyframes stretchdelay { 0%, 40%, 100% { -ms-transform: scaleX(0.8); background-color: rgb(26,26,26); box-shadow: 0 0 0 rgba(10,10,10,0.1); } 20% { -ms-transform: scaleX(1); background-color: rgb(199,199,199); box-shadow: 0 6px 8px rgba(10,10,10,0.4); } } @-webkit-keyframes stretchdelay { 0%, 40%, 100% { -webkit-transform: scaleX(0.8); background-color: rgb(26,26,26); box-shadow: 0 0 0 rgba(10,10,10,0.1); } 20% { -webkit-transform: scaleX(1); background-color: rgb(199,199,199); box-shadow: 0 6px 8px rgba(10,10,10,0.4); } } @-moz-keyframes stretchdelay { 0%, 40%, 100% { -moz-transform: scaleX(0.8); background-color: rgb(26,26,26); box-shadow: 0 0 0 rgba(10,10,10,0.1); } 20% { -moz-transform: scaleX(1); background-color: rgb(199,199,199); box-shadow: 0 6px 8px rgba(10,10,10,0.4); } } .studiohp, .wheelwrap, .newssign, .insblock, .shopnow, .homepage-shop-our-brands, .homepage-aboutus-block { display: none; } /* .homepage-brand-partners-slider { opacity: 0 } */ /* utility classes */ input:focus::-webkit-contacts-auto-fill-button{ opacity: 0; } @media only screen and (min-width: 1025px){ .menu-icon.icon-left.gw-small-logo{ height: 23px; } } @media only screen and (min-width: 1900px){ .menu-icon.icon-left.gw-small-logo{ height: 25px; } } .checkout-onepage-success.sta .checkout-success .actions-toolbar .primary a.action.primary{ background: #705A45; } /* ========== Breadcrumbs ========== */ /* Default */ body .breadcrumbs .items{ font-size: 0; } body .breadcrumbs .item a, body .breadcrumbs .item strong{ font-size: 0.8rem; font-weight: 400; text-transform: uppercase; } body .breadcrumbs .item{ position: relative; display: inline-block; vertical-align: middle; } body .breadcrumbs .item:not(:last-child){ padding-right: 14px; } body .breadcrumbs .item:not(:last-child):after{ content: "\00BB"; font-size: 0.8rem; font-weight: 400; position: absolute; top: -1px; right: 2px; margin: 0; line-height: 100%; } /* Page Products */ body.page-products .breadcrumbs .item:not(:last-child):after{ content: "\00BB"; font-size: 0.7rem; font-weight: 400; position: absolute; top: -1px; right: 2px; margin: 0; line-height: 100%; } /* Terms and Conditions */ body.cms-terms-and-conditions .terms-page > p{ margin-bottom: 0; } body.cms-terms-and-conditions .terms-page > p img{ display: block; } body.cms-terms-and-conditions.cms-page-view .page-title-wrapper{ padding-top: 0; } body.cms-terms-and-conditions .terms-page .breadcrumbs{ padding-top: 30px; } /* Privacy Policy */ body.cms-page-view .page-title-wrapper{ padding-top: 0; } /* Shipping and handling */ body.cms-shipping-and-handling.cms-page-view .page-title-wrapper .breadcrumbs{ padding-left: 0; } /* Credit application - Downloads */ .catalog-product-view.product-download-files .page-main.download-main > p img{ display: block; } body .download-main.page-main > .page-title-wrapper{ padding-top: 0; } body .download-main.page-main > .page-title-wrapper .breadcrumbs{ padding-top: 30px; } /* PDP */ body.catalog-product-view .product.media .breadcrumbs{ padding: 18px 0 28px 40px; } /* Search Page */ .catalogsearch-result-index.page-products .t-breadcrumbs{ top: 90%; } .catalogsearch-result-index.page-products .t-breadcrumbs .item{ position: relative; display: inline-block; vertical-align: middle; } .catalogsearch-result-index.page-products .t-breadcrumbs .item:not(:last-child){ padding-right: 14px; } .catalogsearch-result-index.page-products .t-breadcrumbs .item:not(:last-child):after{ content: "\00BB"; font-size: 0.7rem; font-weight: 400; position: absolute; top: -1px; right: 2px; margin: 0; line-height: 100%; } .catalogsearch-result-index.page-products .t-breadcrumbs .item a, .catalogsearch-result-index.page-products .t-breadcrumbs .item strong{ font-size: 0.7rem; font-weight: 400; text-transform: uppercase; } /* Locate us */ body.cms-locate-us.cms-page-view .page-title-wrapper .breadcrumbs{ padding-top: 20px; padding-left: 20px; } /* Lifestyle */ body.page-products .t-breadcrumbs .breadcrumbs ul li{ position: relative; display: inline-block; vertical-align: middle; } body.page-products .t-breadcrumbs .breadcrumbs ul li.item:not(:last-child){ padding-right: 14px; } body.page-products .t-breadcrumbs .breadcrumbs ul li.item:not(:last-child):after{ content: "\00BB"; font-size: 0.7rem; font-weight: 400; position: absolute; top: -1px; right: 2px; margin: 0; line-height: 100%; } body.page-products .t-breadcrumbs .breadcrumbs ul li.item a, body.page-products .t-breadcrumbs .breadcrumbs ul li.item strong{ font-size: 0.7rem; font-weight: 400; text-transform: uppercase; } /* Video */ .page-products .products.wrapper.video-lib{ margin-top: 0; } body.category-video-library .product-items .main-product-wrapper{ padding-top: 25px; } body.customer-address-index div.block-addresses-list ol.items.addresses .item.actions a.action.edit{ position: relative; border-bottom: none; } body.customer-address-index div.block-addresses-list ol.items.addresses .item.actions a.action.edit:before{ position: absolute; bottom: 0; width: 100%; height: 1px; background: #000; content: ""; } body.customer-address-index div.block-addresses-list ol.items.addresses .item.actions a.action.edit:hover:before{ background: #c6c6c6; } body.customer-address-index div.block-addresses-list ol.items.addresses .item.actions a.action.edit:after{ position: absolute; bottom: 0; right: -11px; width: 1px; height: 25px; background: #a6a6a6; content: ""; border: 0; margin: 0; } body.customer-address-index div.block-addresses-list ol.items.addresses .item.actions a.action.delete{ margin-left: 15px; } body.customer-address-index .modal-popup footer.modal-footer button{ width: 48%; } body.customer-address-index .modal-popup footer.modal-footer button.action-primary:hover{ border: 1px solid #000; } body.customer-address-index .modal-popup footer.modal-footer button:last-of-type{ float: right; } body.customer-address-index .modal-popup .modal-content{ text-align: center; } /*******************/ /* Retail CMS Block */ .retailwrap { display: flex; flex-direction: row; flex-wrap: wrap; width: 53.2%; justify-content: start; position: relative; min-width: 830px; margin: 0 auto; } .retailwrap:before{ content: ''; border: 1px solid #c8c8c9; width: 44.93%; position: absolute; height: calc(100% + 80px); left: 26.69%; top: -40px; } .retailwrap h2{ flex: 100%; text-align: center; margin-bottom: 34px; font-family:IBM Plex Sans Regular, Regular; font-size: 1.3rem; line-height: 16px; color: #000; text-transform: uppercase; } .retailwrap div img{ width: 100%; } .retailwrap div p { margin-top: 15px; margin-bottom: 0px; text-transform: uppercase; font-size: 1.1rem; line-height: 12px; position: absolute; } .retailwrap .box{ flex: 0 0 48%; margin-bottom: 60px; position: relative; z-index: 1; } .retailwrap .box:nth-child(even){ margin-right: 15px; } .retailwrap .box:nth-child(odd){ margin-left: 15px; top: 150px; } .retailwrap .overlay{ position: absolute; top: 0; display: flex; flex-direction: column; align-items: center; vertical-align: middle; width: 100%; height: calc(100% - 3px); justify-content: center; background-color: rgba(0,0,0,0.5); color: #fff; opacity: 0; z-index: -1; transition: 0.2s ease-in-out; } .retailwrap .box:hover > a > .overlay{ opacity: 1; z-index:1; transition: 0.2s ease-in-out; } .retailwrap .overlay div{ text-transform: uppercase; } .retailwrap .overlay div:first-of-type { min-width: 203px; font-size: 21px; line-height: 21px; padding-bottom: 11.5px; border-bottom: 1px solid #fff; margin-bottom: 18.5px; text-align: center; } .retailwrap .overlay div:last-of-type{ font-size: 10px; line-height: 12px; font-weight: 700; } /******************/ /*** Shipping Page ***/ body.cms-shipping-and-handling .page-title span{ font-size: 18px; } .cms-shipping-and-handling.page-layout-customer-service .page-main .columns{ padding-left: 0; padding-right: 0; } .shipping-handling-page p{ color: #707070; line-height: 175%; } .shipping-block .shipping-left img{ width: 100%; display: block; } .shipping-block .shipping-right h3{ text-transform: uppercase; } .shipping-block .shipping-right ol{ padding-left: 20px; color: #707070; } .shipping-block .shipping-right ol li{ margin-bottom: 20px; } .shipping-block .shipping-right ul{ padding-left: 14px; } .shipping-block .shipping-right ul:first-of-type{ margin-bottom: 35px; } .shipping-block .shipping-right ul li{ list-style: disc; } /* Block 1 */ .shipping-block1{ position: relative; padding-top: 110px; /* padding-bottom: 110px;*/ margin-bottom: 65px; } .shipping-block1:after{ display: table; clear: both; content: ""; } .shipping-block1 .shipping-left{ position: absolute; top: 0; left: 0; width: 48.66%; } .shipping-block1 .shipping-left .iframe-wrapper { width: 100%; height: 0; padding-bottom: 56.3%; position: relative; } .shipping-block1 .shipping-left .iframe-wrapper iframe { position: absolute; width: 100% !important; height: 100% !important; left: 0; top: 0; } .shipping-block1 .shipping-right{ width: 55%; float: right; border: 1px solid #C8C8C9; padding: 8%; } .cms-shipping-and-handling .shipping-handling-page{ transition: all 0.4s ease; } /* Block 2 */ .cms-shipping-and-handling.page-layout-customer-service .shipping-block2 .page-title{ margin-bottom: 65px; } .shipping-block2{ margin-bottom: 95px; } .additional-block-content{ padding-top: 45px; } .additional-block-content:after{ display: table; content: ""; clear: both; } .additional-block{ width: 23.5%; float: left; margin-right: 2%; border: 1px solid #C8C8C9; text-align: center; padding: 2%; padding-bottom: 4%; padding-top: 60px; position: relative; } .additional-block:last-of-type{ margin-right: 0; } .additional-block span{ display: block; position: absolute; top: -37px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 75px; height: 75px; border: 2px solid #C8C8C9; content: ""; z-index: 1; background: #fff; } .additional-block span:before{ position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .additional-block:nth-of-type(1) span:before{ content: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/additionalblock/ico_rush_fee.png); } .additional-block:nth-of-type(2) span:before{ content: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/additionalblock/ico_hot_rush_fee.png); } .additional-block:nth-of-type(3) span:before{ font-family: FontAwesome; content: "\f256"; color: #707070; font-size: 44px; line-height: 100%; /*content: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/additionalblock/additional3.png); */ } .additional-block:nth-of-type(4) span:before{ content: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/additionalblock/ico_drop_ship.png); } .additional-block p{ margin-bottom: 0; color: #000000; text-transform: uppercase; line-height: 100%; } .additional-block p:nth-of-type(2){ margin-bottom: 25px; color: #000000 !important; } .additional-block p:last-of-type{ color: #707070; text-transform: none; line-height: 175%; } .additional-block .toggle{ width: 60px; height: 40px; position: absolute; bottom: -20px; background-color: #ffffff; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 1; background-image: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico-arrow-bottom-middlesize-black.png); background-repeat: no-repeat; background-position: center center; } .additional-block .toggle:hover{ background-color: #efefef; cursor: pointer; } .additional-block .toggle.open{ -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); transform: rotate(180deg); } .additional-block-text-hidden{ display: none; } /* Block 3 */ .shipping-block3{ position: relative; padding-top: 110px; margin-bottom: 65px; /*padding-bottom: 110px;*/ } .shipping-block3 .shipping-right{ position: absolute; top: 0; left: 0; width: 60%; border: 1px solid #C8C8C9; padding: 8%; padding-left: 2.5%; padding-right: 11%; } .shipping-block3 .shipping-left{ float: right; position: relative; z-index: 1; width: 49%; } /* Block 4 */ .shipping-block4{ margin-bottom: 65px; } .shipping-block4-top{ max-width: 670px; margin: 0 auto; text-align: center; margin-bottom: 65px; } .cms-shipping-and-handling .shipping-block4-top .page-title{ margin-bottom: 65px; } .shipping-block4-bottom:after{ display: table; content: ""; clear: both; } .shipping-block4-bottom{ padding-top: 65px; } .shipping-block4-bottom-left{ float: left; width: calc(50% - 1.2rem); border: 1px solid #C8C8C9; } .shipping-block4-bottom-right{ float: right; width: calc(50% - 1.2rem); border: 1px solid #C8C8C9; } .shipping-block4-bottom-content{ text-align: center; } .shipping-block4-bottom-content img{ display: inline-block; max-width: 90%; margin-bottom: 85px; } .zone-bottom{ margin-bottom: 75px; } .zone-bottom .zone-icon-content{ width: 40px; height: 47px; display: inline-block; vertical-align: middle; position: relative; margin-right: 15px; } .zone-bottom .zone-icon-content:before { position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/pdf-icon.png); } .zone-bottom p{ text-transform: uppercase; margin-bottom: 25px; color: #000000; font-size: 15px; } .zone-bottom div{ border: 1px solid #A5A2A2; font-size: 1rem; padding: 6px; padding-right: 32px; position: relative; text-transform: uppercase; cursor: pointer; line-height: 1.6rem; display: inline-block; } .zone-bottom div:before{ position: absolute; top: 0; right: 0; width: 28px; height: 100%; content: ""; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/select-bg-right.png) no-repeat center center; border-left: 1px solid #A5A2A2; } .zone-bottom div:hover, .zone-bottom div:focus{ background: transparent; color: #000; text-decoration: underline; } /* Downaload Page */ body.cms-downloads #maincontent.page-main{ margin-top: 0; } .download-page-top{ text-align: center; } .download-page-top p{ text-transform: uppercase; margin-bottom: 80px; } .download-page-bottom{ padding: 8%; padding-top: 100px; padding-bottom: 0; margin-bottom: 50px; } .download-page-bottom:after{ display: table; clear: both; content: ""; } .download-page-bottom div{ width: 32%; float: left; margin-right: 2%; text-align: center; margin-bottom: 100px; } .download-page-bottom div:nth-of-type(3n){ margin-right: 0; } .download-page-bottom div p{ text-transform: uppercase; font-size: 23px; } .downloads-files-index main#maincontent { padding: 0; } .download-page-bottom div span, .download-page-bottom div[data-grouped] span.pdf-icon{ width: 40px; height: 47px; display: inline-block; vertical-align: middle; position: relative; margin-right: 15px; } .download-page-bottom div span:before, .download-page-bottom div[data-grouped] span.pdf-icon:before{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/pdf-icon.png); } .download-page-bottom div[data-grouped] select{ width: 300px; } .download-page-bottom .w100 { width: 100%; margin-bottom: 0; } #amlocator_left a { text-decoration: underline; } .downloads-files-index .page-title{ text-align: center; } .download-page-bottom div[data-grouped] span{ height: auto; width: 275px; border: none; } .download-page-bottom div[data-grouped] span.selection { border-bottom: 1px solid #000; margin-right: -18px; } .downloads-files-index .select2-container--open .select2-dropdown { top: -40px; } .download-page-bottom div[data-grouped] span:before{ display:none; } .download-page-bottom div[data-grouped] span.pdf-icon:before{ display:block; } .download-page-bottom div a{ border: 1px solid #A5A2A2; font-size: 10px; position: relative; padding: 6px; padding-right: 40px; text-transform: uppercase; display: inline-block; } .download-page-bottom div a:before{ position: absolute; top: 0; right: 0; width: 28px; height: 100%; content: ""; background: url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/select-bg-right.png) no-repeat center center; border-left: 1px solid #A5A2A2; } /*** Blog List Post ***/ /* Left */ .vesblog-page .page-title-wrapper{ width: 75%; float: right; margin-bottom: 75px; margin-top: 50px; position: relative; padding-right: 20px; } .vesblog-page.vesblog-search-result .page-title-wrapper{ padding-top: 15px; } .vesblog-page .page-title-wrapper:before{ position: absolute; width: calc(100% - 20px); height: 1px; background: #C9C9CA; content: ""; bottom: -21px; left: 0; } .vesblog-page .page-main > .page-title-wrapper h1.page-title{ margin-bottom: 0; margin-top: 0; } .vesblog-page .sidebar-additional{ display: none; } .vesblog-page .sidebar-main{ margin-top: -96px; } .vesblog-page .sidebar-main .ves-block{ margin: 0; } .vesblog-page .sidebar-main .blog-searchform{ margin-bottom: 60px; } .vesblog-page .blog-searchform form{ float: none; } .vesblog-page .blog-searchform input{ border-bottom: 1px solid #C9C9CA; background: transparent; } .vesblog-page .blog-searchform input:focus{ border-color: #000000; } .vesblog-page .blog-searchform form:after{ display: none; } .vesblog-page .blog-searchform button.search-submit{ background: url('../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/icons/ico_loupe_black.png') no-repeat center center / auto 18px; } .vesblog-page .blog-searchform button.search-submit .fa{ display: none; } .vesblog-page .blog-searchform .search-field::placeholder { color: #000000; opacity: 1; font-size: 9px; } .vesblog-page .blog-searchform .search-field:-ms-input-placeholder { color: #000000; font-size: 9px; } .vesblog-page .blog-searchform .search-field::-ms-input-placeholder { color: #000000; font-size: 9px; } .vesblog-page .blog-searchform .search-field:-webkit-autofill, .vesblog-page .blog-searchform .search-field:-webkit-autofill:focus, .vesblog-page .blog-searchform .search-field:-webkit-autofill:hover{ -webkit-box-shadow: 0 0 0 30px white inset; } .vesblog-page .sidebar-main .recentposts-block .block-title{ background: transparent !important; margin-bottom: 30px; } .vesblog-page .sidebar-main .recentposts-block .block-title strong{ font-weight: 300; color: #000000; font-size: 21px; text-transform: none; } .vesblog-page .sidebar-main .recentposts-block .post-listing{ box-shadow: none; border: 0; padding: 0; margin-bottom: 50px; } .vesblog-page .sidebar-main .recentposts-block .post-listing .post-item{ background: #FAFAFA; margin-bottom: 0; padding: 25px 25px; border: 0; } .vesblog-page .sidebar-main .recentposts-block .post-listing .post-item .post-meta{ position: relative; } .vesblog-page .sidebar-main .recentposts-block .post-listing .post-item .post-meta:before{ position: absolute; content: ""; left: 0; bottom: -25px; width: 100%; height: 1px; background: #C9C9CA; } .vesblog-page .sidebar-main .recentposts-block .post-listing .post-item:last-of-type .post-meta:before{ display: none; } .vesblog-page .sidebar-main .recentposts-block .post-listing .post-item .post-meta .post-title{ margin-bottom: 10px; } .vesblog-page .sidebar-main .recentposts-block .post-listing .post-item .post-meta .post-title a{ color: #000000; line-height: 150%; letter-spacing: 3px; } .vesblog-page .sidebar-main .recentposts-block .post-listing .post-item .post-meta .post-title a:hover{ opacity: 0.7; } .vesblog-page .sidebar-main .recentposts-block .post-listing .post-item .post-meta .post-date{ font-size: 9px; color: #858586; margin-right: 10px; } .vesblog-page .sidebar-main .recentposts-block .post-listing .post-item .post-meta .post-hits{ font-size: 9px; color: #858586; } /* Right */ .vesblog-page .post-list .blog-toolbar{ display: none; } .vesblog-page .post-list .post-item .post-wrapper{ padding: 25px 20px 30px 20px; } .vesblog-page .post-list .post-item .post-wrapper .post-image{ margin-bottom: 15px; } .vesblog-page .post-list .post-item .post-wrapper .post-image .post-categories{ display: none; } .vesblog-page .post-list .post-item .post-wrapper .post-title{ font-size: 14px; padding: 0; margin: 0; } .vesblog-page .post-list .post-item .post-wrapper .post-title a{ color: #020202; letter-spacing: 3px; } .vesblog-page .post-list .post-item .post-wrapper .post-title a:hover{ opacity: 0.7; } .vesblog-page .post-list .post-item .post-wrapper .post-meta{ padding: 0; } .vesblog-page .post-list .post-item .post-wrapper .post-meta .post-date{ font-size: 9px; color: #858586; } .vesblog-page .post-list .post-item .post-wrapper .post-meta .post-author{ display: none; } .vesblog-page .post-list .post-item .post-readmore{ padding-bottom: 0; } .vesblog-page .post-list .post-item .post-readmore a{ font: 400 10px 'IBM Plex Sans Regular', sans-serif; background-color: #ffffff; color: #000000; display: block; width: 100%; border: 1px solid #000000; text-align: center; text-transform: uppercase; letter-spacing: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; line-height: 120%; } .vesblog-page .post-list .post-item .post-readmore a:hover{ background-color: #000000; color: #ffffff; text-decoration: none; } /*** Single Post Page ***/ .vesblog-post-view .post-meta .post-date, .vesblog-post-view .post-meta .post-comment, .vesblog-post-view .post-meta .post-hits{ font-size: 9px; color: #858586; margin-right: 10px; } .vesblog-post-view .post-meta-bottom .post-social.post-bottom span.td-post-share-title{ background: #000000; color: #ffffff; } .vesblog-post-view #comments .comment-form > h2 strong{ font-size: 18px; } .vesblog-post-view #comments .comment-counter{ padding-top: 10px; } .vesblog-post-view .blog-toolbar{ display: none; } .vesblog-post-view .post-meta-bottom .post-social.post-bottom .addthis_toolbox a{ width: 35px; height: 35px; position: relative; } .vesblog-post-view .post-meta-bottom .post-social.post-bottom .addthis_toolbox a:before{ font-family: 'FontAwesome'; font-size: 25px; color: #000000; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); } .vesblog-post-view .post-meta-bottom .post-social.post-bottom .addthis_toolbox a.addthis_button_facebook:before{ content: '\f09a'; } .vesblog-post-view .post-meta-bottom .post-social.post-bottom .addthis_toolbox a.addthis_button_twitter:before{ content: '\f099'; } .vesblog-post-view .post-meta-bottom .post-social.post-bottom .addthis_toolbox a.addthis_button_pinterest_share:before{ content: '\f0d2'; } .vesblog-post-view .post-meta-bottom .post-social.post-bottom .addthis_toolbox a span{ display: none; } .vesblog-post-view .post-content-wrap{ border: 0 !important; } .vesblog-post-view .post-meta-bottom .post-social.post-bottom > .addthis_toolbox{ border: 0 !important; } .vesblog-post-view #form-comment{ border: 0 !important; } .vesblog-post-view .comment-form #form-comment button{ font: 400 10px 'IBM Plex Sans Regular', sans-serif; background-color: #ffffff; color: #000000; display: block; border: 1px solid #000000; text-align: center; text-transform: uppercase; letter-spacing: 2px; transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; line-height: 120%; } .vesblog-post-view .comment-form #form-comment button:hover{ background-color: #000000; color: #ffffff; text-decoration: none; } .vesblog-post-view .comment-form > h2{ background: transparent !important; } .vesblog-post-view .blog-comments textarea.input-text{ width: 50%; margin-bottom: 10px; } .vesblog-post-view .blog-comments .comment-form ul li{ margin-bottom: 20px; } .cms-about-us.cms-page-view .studiohp{ display: flex !important; align-items: center; height: auto; margin-bottom: 6vw; padding-top: 2vw; padding-right: 2%; padding-left: 2%; } .cms-about-us.cms-page-view .stimglft{ height: 40vw; float: none; width: 48%; } .cms-about-us.cms-page-view .stimglft img{ object-fit: cover; height: 100%; } .cms-about-us.cms-page-view .studiotxt{ height: 30vw; margin: 0; padding: 0; float: none; border-left: 0; position: relative; width: 52%; /*padding: 5vw;*/ } .cms-about-us.cms-page-view .studiotxt .studiotxt-inner{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 85%; } .cms-about-us.cms-page-view .studiotxt .studiotxt-inner p{ font-size: 1.3rem; } /*.cms-about-us.cms-page-view .talkinside{ left: calc(6.8% + 20px); } .cms-about-us.cms-page-view .talkrth .talkinside{ right: calc(6.8% + 20px); left: auto; }*/ /*.cms-about-us.cms-page-view .talkto a.button span{ padding-top: 1rem; }*/ .cms-about-us.cms-page-view a.btnlink{ padding-top: 15px; } .cms-environmental-statement.cms-page-view .copyborder{ padding: 3vw 7vw; font-size: 1.3rem; } /*.cms-environmental-statement.cms-page-view .talkto a.button span{ padding-top: 1rem; }*/ /* Showroom */ .showroom-page .collections-sidebar .collections-side-content .item{ padding-left: 58px; } .showroom-page .collections-sidebar .collections-side-content .item a{ padding-left: 15px; } .showroom-page .collections-sidebar .collections-side-content .item .active-cross{ position: absolute; top: 0; left: 30px; width: 25px; height: 100%; background: #EBEBEC; font-size: 15px; color: #000000; display: none; } .showroom-page .collections-sidebar .collections-side-content .item.active .active-cross{ display: block; } .showroom-page .collections-sidebar .collections-side-content .item .active-cross-inner{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .togglesidebar .sidemobnav { min-width:300px } .togglesidebar .sidemobnav-content .item{ position: relative; padding: 0; /*padding-left: 10px;*/ } .togglesidebar .sidemobnav-content .item.active{ background: transparent; } .togglesidebar .sidemobnav-content .item a{ padding: 5px 10px 5px 20px; display: block; /*width: calc(100% - 37px);*/ /*float: right;*/ } .togglesidebar .sidemobnav-content .item a span{ padding-left: 0; } .togglesidebar .sidemobnav-content .item:after{ display: table; clear: both; content: ''; } .togglesidebar .sidemobnav-content .item.active a{ background: #EBEBEC; } .togglesidebar .sidemobnav-content .item .active-cross{ position: absolute; top: 0; left: 10px; width: 35px; height: 100%; background: #EBEBEC; font-size: 15px; color: #000000; display: none; } .togglesidebar .sidemobnav-content .item.active .active-cross{ display: block; } .togglesidebar .sidemobnav-content .item .active-cross-inner{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .showroom-page .collections-main.sales-main .fotorama__nav--thumbs { margin: 2vw auto 0!important; text-align: center; } .bold-gen{ font-weight: 600; } /* Market Dates */ .page-layout-market .datesdesc{ margin-top: 4vw; } /* Catalog Page */ body.page-layout-catalogs_list .catalog-main-page .collections-category-main, body.page-layout-presskits .catalog-main-page .collections-category-main { padding: 0; padding-left: 40px; padding-right: 40px; position: relative; } body.page-layout-catalogs_list .catalog-main-page .collections-category-main:after, body.page-layout-presskits .catalog-main-page .collections-category-main:after { content: '\002d'; font-size: 2.1rem; font-weight: normal; color: #000000; position: absolute; top: 0; right: 10px; margin: 0; padding: 0; display: block; } body.page-layout-catalogs_list .catalog-main-page .collections-category-main.signplus:after, body.page-layout-presskits .catalog-main-page .collections-category-main.signplus:after { content: '\002b'; } .catalog-main-page .collections-sidebar{ padding-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #C8C8C9; } .catalog-main-page .collections-sidebar .collections-side-content{ padding-top: 16px; } .catalog-main-page .collections-sidebar .collections-side-content .item{ padding-left: 15px; } body.page-layout-catalogs_list .catalog-main-page .products.wrapper, body.page-layout-presskits .catalog-main-page .products.wrapper { padding: 0; margin-top: 4vw; padding-top: 0; position: relative; padding-right: 18rem; padding-left: 18rem; } body.page-layout-catalogs_list .catalog-main-page .products.wrapper:before, body.page-layout-presskits .catalog-main-page .products.wrapper:before { content: ''; display: block; position: absolute; top: 0; left: 0; z-index: 100; width: 100%; height: calc(100% - 9vw); border: 1px solid #C8C8C9; padding: 0; margin: 0; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items, body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items { position: relative; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items:after, body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items:after { display: table; clear: both; content: ''; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li:nth-child(even), body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items li:nth-child(even) { margin-top: 0vw !important; padding-left: 1.2rem; box-sizing: border-box; height: auto; float: right !important; clear: none; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li:nth-child(odd), body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items li:nth-child(odd) { padding-right: 1.2rem; box-sizing: border-box; height: auto; float: left !important; margin-top: 0!important; clear: none; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li:nth-of-type(2), body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items li:nth-of-type(2) { margin-top: -4vw !important; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li:nth-of-type(3), body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items li:nth-of-type(3) { clear: none; margin-top: 0px !important; } body.page-layout-catalogs_list .catalog-main-page .collections-main .collections-info-wrapper::before, body.page-layout-presskits .catalog-main-page .collections-main .collections-info-wrapper::before { display: none; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid.sales-team .product-item, body.page-layout-presskits.page-products .catalog-main-page .products-grid.sales-team .product-item { overflow: hidden; margin-bottom: 3vw !important; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info, body.page-layout-presskits.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info { width: 100%; height: auto; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info a, body.page-layout-presskits.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info a { display: block; height: auto; text-decoration: none; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info .product-item-info-inner, body.page-layout-presskits.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info .product-item-info-inner { height: 100%; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info .product-item-info-inner .product-catalog-image, body.page-layout-presskits.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info .product-item-info-inner .product-catalog-image { height: auto; position: relative; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info .product-item-info-inner .product-catalog-image img, body.page-layout-presskits.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info .product-item-info-inner .product-catalog-image img { width: 100%; height: auto; object-fit: cover; display: block; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info .product-item-info-inner .product-item-name, body.page-layout-presskits.page-products .catalog-main-page .products-grid.sales-team .product-item .product-item-info .product-item-info-inner .product-item-name { padding: 0; margin: 0; padding-top: 25px; font-weight: 400; } .catalog-main-page .collections-main .collections-info-wrapper{ padding-left: 40px; padding-right: 60px; padding-top: 5rem; } .catalog-main-page #request_a_catalog_embed{ float: left; padding-left: 0; margin-top: 0 !important; padding-right: 1.2rem; height: auto !important; position: relative; z-index: 101; position: relative; top: 0; margin-bottom: 3vw; } .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp { width: 100%; } .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp h3{ margin-bottom: 1.8rem; padding-top: 40px; } .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp .block-content{ padding-top: 0; } .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp .block-content p{ margin-bottom: 1.8rem; padding-left: 0; } .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp .request_catalog_button{ display: inline-block; position: relative; } .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp .request_catalog_button span{ display: block; padding-right: calc(40px + 0.7vw); position: relative; border-right: 0; line-height: 140%; padding-top: 12px; padding-bottom: 8px; } .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp .request_catalog_button:after{ position: absolute; top: 0; right: 0; width: 40px; content: ''; background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/css/slick/images/slickRightDark.png) no-repeat 50%; height: 100%; border-left: 1px solid #A5A2A2; } .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp .request_catalog_button:hover{ background: transparent; } .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp .request_catalog_button:hover span{ border-right-color: #A5A2A2; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-item-info:hover .product-item-inner, body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-item-info.active .product-item-inner, body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-item-info:hover .product-item-inner, body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-item-info.active .product-item-inner { display: none; } .hover-catalog{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.75); transition: 0.5s ease-in-out; opacity: 0; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid.sales-team .product-item:hover .hover-catalog, body.page-layout-presskits.page-products .catalog-main-page .products-grid.sales-team .product-item:hover .hover-catalog { opacity: 1; } .hover-catalog .hover-catalog-text{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; padding: 15px; } .hover-catalog .hover-catalog-text p{ color: #ffffff; text-transform: uppercase; text-align: center; margin-bottom: 0; letter-spacing: 0.4rem; font-size: 0.7vw; } .hover-catalog .hover-catalog-text p.hover-catalog-title{ font-size: 1.4vw; position: relative; } .hover-catalog-title span{ position: relative; display: inline-block; } .hover-catalog-title span:after{ position: absolute; bottom: -12px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 90%; height: 1px; background: #fff; content: ''; } .hover-catalog-more{ padding-top: 34px; } /* Issue Catalogs */ .issuu-wrapper{ position: relative; } .issuu-wrapper:before{ position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 96%; height: 1px; background: #C8C8C9; content: ''; } body.catalog-product-type-item .issuu-wrapper #issuu_container{ border: 0; margin-bottom: 6vw; max-width: 90%; padding-left: 5%; padding-right: 5%; margin-left: auto; margin-right: auto; } .column.main #catalogs_carousel_cont .slick-slider{ height: 38vw !important; } body.catalog-product-type-item #catalogs_carousel_cont .block-title h2{ font-size: 2.6rem; } body.catalog-product-type-item #catalogs_carousel_cont .products-grid .slick-slide .product-item-details{ padding: 1.5vw 1.75vw; } #catalogs_carousel_cont .block.widget .products-grid .product-items.slick-slider{ transform: none; } body #catalogs_request_pdp .block-content{ height: auto; } body #catalogs_request_pdp img{ width: 100%; } body #catalogs_request_pdp .block-content .btnsline{ width: calc(54vw - 2px); top: 0; left: 0; right: 0; margin: 0 auto; height: calc(100% + 40px) !important; } body #catalogs_request_pdp .request_catalog_button:hover{ background: transparent; text-decoration: none; } body #catalogs_request_pdp .request_catalog_button:hover span{ border-right-color: #A5A2A2; } body #catalogs_request_pdp p{ padding-left: 20px; padding-right: 20px; max-width: 600px; margin-top: 40px; margin-bottom: 40px; } body.catalog-product-type-item .main #catalogs_request_pdp{ height: auto; padding-bottom: 40px; margin-bottom: 150px; } body.catalog-product-type-item .main #catalogs_request_pdp h3{ font-size: 1.5vw; } /* Sales Team */ .sales-team-container .sw{ min-height: 35px; height: auto; } .sales-team-container .collections-sidebar .collections-side-content .item{ padding-left: 58px; } .sales-team-container .collections-sidebar .collections-side-content .item.active .active-cross{ display: block; } .sales-team-container .active-cross{ position: absolute; top: 0; left: 30px; width: 25px; height: 100%; background: #EBEBEC; font-size: 15px; color: #000000; display: none; } .sales-team-container .active-cross .active-cross-inner{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } /* Terms and condition */ .cms-terms-and-conditions.cms-page-view .page-title-wrapper { padding-bottom: 40px; } /* Privacy Policy */ .privacy-container{ position: relative; display: flex; flex-wrap: nowrap; align-items: flex-start; } .privacy-container:after{ display: table; clear: both; content: ''; } body.cms-privacypolicy .privacy-container .left_col{ float: left; width: 50%; border: 0; padding: 0; position: relative; padding: 7.5rem 5rem; } body.cms-privacypolicy .privacy-container .left_col:before{ position: absolute; top: 0; left: 0; width: 120%; height: 100%; border: 1px solid #C8C8C9; content: ""; } body.cms-privacypolicy .privacy-container .right_col{ float: left; width: 50%; top: auto; left: auto; padding-top: 10rem; padding-left: 1rem; order: 2; z-index: 1; } body.cms-privacypolicy .privacy-container .right_col img{ width: 100%; height: 100%; object-fit: cover; } .privacy-container .left_col p{ margin-bottom: 40px; } .privacy-container .left_col .ppli li{ margin-bottom: 15px; } .account .modal-popup .action-close, .account .modal-popup .action-close:hover, .account .modal-popup .action-close:focus, .account .modal-slide .action-close{ background: #fff url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/close.png) no-repeat 90%; background-color: transparent; } /* ===== Two divs full width image ===== */ body .talkto{ height: auto !important; margin-bottom: 70px; } body .talkto:after{ display: table; clear: both; content: ''; } body .talkto a.button span{ padding-top: 0.8rem; } body .page-main .talkto p { font-size: 1.3rem; text-transform: uppercase; margin-bottom: 1.4vw; color: #000; letter-spacing: 0.3rem; } body .talkto > div{ position: relative; padding-top: 60px; width: 50%; float: left; height: auto !important; } .talkleft:before{ position: absolute; top: 0; right: 15px; width: 82%; height: 100%; border: 1px solid #C8C8C9; content: ''; } .talkrth:before{ position: absolute; top: 0; left: 15px; width: 82%; height: 100%; border: 1px solid #C8C8C9; content: ''; } body .talkinside{ text-align: right; } body .talkto > div > img{ margin-top: 0; display: block; margin-bottom: 70px; } body .talkinside{ height: auto !important; position: relative; top: auto; left: auto; right: auto; width: auto; border: 0; padding-bottom: 70px; text-align: right; } body .talkrth .talkinside{ right: auto; left: auto; text-align: left; } body .talkin{ position: relative; bottom: auto; left: auto; right: auto; width: 82%; text-align: center; display: inline-block; margin-right: 15px; } body .talkrth .talkin{ margin-right: 0; margin-left: 15px; } /* Home Page form error*/ .cms-index-index .newssign div.mage-error[generated]{ position: absolute; } .cms-index-index.sta .formbuilder-form .formbuilder-button.button:hover{ background: #705A45; } /* ===== Home Page ===== */ .page-header .block-search input#search::placeholder{ font-family: "IBM Plex Sans Regular"; color: #636366; font-weight:600; letter-spacing: 3.6px; padding-left: 10px; } .page-header .block-search input#search:-ms-input-placeholder{ font-family: "IBM Plex Sans Regular"; color: #636366; font-weight:600; letter-spacing: 3.6px; padding-left: 10px; } .page-header .block-search input#search::-ms-input-placeholder{ font-family: "IBM Plex Sans Regular"; color: #636366; font-weight:600; letter-spacing: 3.6px; padding-left: 10px; } .form.minisearch .searchbox h4{ font-family: "IBM Plex Sans Regular"; } .cms-index-index .smalltitle{ font-family: "IBM Plex Sans Regular"; } .cms-index-index .stahp .studiotxt p:first-of-type{ font-family: "IBM Plex Sans Regular"; font-size: 1rem; } .cms-index-index .newssign .newslft p:first-of-type{ font-family: "IBM Plex Sans Regular"; font-size: 1rem; } .wheelwrap{ padding-top: 2vw; } /* Team Messages */ .account.jolausa-teammessages-message-listing .team-messaging-container > h2{ font-size: 2.4rem; } #sort-form .selectBox-dropdown .selectBox-label{ font-size: 0.9rem; } .team-messaging-container .new button span{ font-size: 10px; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .list .container .info_header{ max-width: calc(100% - 110px); } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info_header .customer, body.jolausa-teammessages-message-listing .team-messaging-container .messages .container:hover .info_header .customer { font-family:"IBM Plex Sans Bold"; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container .info_header .title, body.jolausa-teammessages-message-listing .team-messaging-container .messages .container:hover .info_header .title { font-family:"IBM Plex Sans Bold"; } body.jolausa-teammessages-message-listing .team-messaging-container .messages .container{ position: relative; } body.jolausa-teammessages-message-listing .info .actions_buttons{ width: auto; right: 0; top: 50%; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } body.jolausa-teammessages-message-listing .sidebar .nav.items .nav.item.current strong { font-family: "IBM Plex Sans Regular";} .trumbowyg-box .trumbowyg-dropdown button{ min-width: 0 !important; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit{ right: auto !important; line-height: 140%; min-width: 45%; background: #000000 !important; color: #ffffff; transition: 0.25s; font-size: 1rem; letter-spacing: 0.25rem; } .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset{ line-height: 140%; min-width: 45%; color: #555; background: #e6e6e6; font-size: 1rem; letter-spacing: 0.25rem; } .trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before{ content: 'Reply to the message' !important; } .jolausa_teammessages-message-create .trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before{ content: 'Message' !important; } .jolausa_teammessages-message-view .trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before{ content: 'Click here to reply' !important; } body.jolausa-teammessages-message-create .new-message button{ font-size: 1rem; } body.jolausa-teammessages-message-create .new-message .actions button{ font-size: 1rem; } body.page-layout-locateus .locline img{ max-width: 85%; display: inline-block; } body.page-layout-locateus .locline p:nth-child(odd) a{ display: block; text-align: right; } body.page-layout-locateus .locwrap p:nth-child(even) a{ display: block; text-align: left; } body.page-layout-locateus .locline a span{ display: inline-block; width: 85%; } body.page-layout-locateus .locover-inside{ width: 85%; right: 0; } body.page-layout-locateus .locwrap p:nth-child(even) .locover-inside{ right: auto; left: 0; } body.cms-terms-and-conditions .terms-page img{ width: 100%; } body.cms-customer-service .customerservice-content{ padding-top: 70px; padding-bottom: 70px; height: auto !important; } .rmasystem-viewrma-index .wk-mp-fieldset .legend span{ border-bottom: 0; } .rmasystem-viewrma-index .wk-mp-fieldset .admin__page-section-title .title{ margin: 2.5rem 0 3.5rem; border-bottom: 0; } body.rmasystem-newrma-index #wk_rma_order_details tbody tr { border-left: 0 !important; position: relative; } body.rmasystem-newrma-index #wk_rma_order_details tbody td.col.rma-select{ border-left: 0 !important; position: relative; } body.rmasystem-newrma-index #wk_rma_order_details tbody td.col.rma-select:after{ position: absolute; top: 0; left: 0; width: 4px; height: 100%; content: ''; background: transparent; } body.rmasystem-newrma-index #wk_rma_order_details tbody tr:hover td.col.rma-select:after{ background: #000000; } /*body.rmasystem-newrma-index #wk_rma_order_details tbody tr:after{ position: absolute; top: 0; left: 0; width: 4px; height: 50px; content: ''; background: #000000; }*/ body.rmasystem-newrma-index #wk_rma_order_details tbody tr:hover { border-left: 0 !important; } .account .table.subaccounts>tbody>tr>td{ text-transform: uppercase; padding-left: 8px; padding-right: 8px; padding-top: 25px; padding-bottom: 25px; } .account .table.subaccounts>tbody>tr>td.email{ text-transform: none; } .account .table.subaccounts>tbody>tr>td.permission{ text-transform: none; } .account .table.subaccounts>tbody>tr>td.permission ul{ padding-left: 0; } body.account .form-edit-account .fieldset { width: 42%; } body.account .form-edit-account .fieldset:nth-child(3){ width: 100%; } body.account .form-edit-account .fieldset:nth-child(3) > .field{ margin-bottom: 20px; } body.account .form-edit-account .fieldset:nth-child(4){ width: 100%; } body.account .form-edit-account .fieldset:nth-child(4) .field{ width: 42%; } body.account .form-edit-account .fieldset:nth-child(2){ float: right; } .account .form-edit-account .fieldset:nth-child(4) .field:last-child { float: left; } body.account .form-edit-account .actions-toolbar div.primary{ width: 42%; } body.account .form-edit-account .actions-toolbar button.primary{ width: 100%; max-width: 100%; } .account.sales-order-view #my-orders-table tfoot tr{ background: #FAFAFA; } .account.sales-order-view .notes:after{ display: table; clear: both; content: ''; } .account.sales-order-view .notes #po_info_content{ width: 45%; float: left; } .account.sales-order-view .notes #po_info_content .shipping-information-title{ line-height: normal; } .account.sales-order-view .notes #po_info_content:last-of-type{ float: right; } .amlocator-index-index .selectBox-dropdown-menu .selectBox-disabled{ display: none !important; } .account.sales-order-view .block-order-details-view .block-content .box-order-billing-method .payment-method{ padding-top: 0; padding-bottom: 0; } .account.sales-order-view .block-order-details-view .block-content .box-order-billing-method .payment-method table > tbody > tr > th{ line-height: 4rem; padding-left: 0; } .account.sales-order-view .block-order-details-view .block-content .box-order-billing-method .payment-method table > tbody > tr > td{ padding-left: 0; } .cms-index-index .juicer-feed.slider li.feed-item a.j-image{ height: 100%; } .cms-index-index .juicer-feed.slider.j-modern li.feed-item a.j-image img{ height: 100% !important; } .cms-index-index .juicer-feed.slider.j-modern li.feed-item .j-meta{ bottom: 10px; } .cms-index-index .juicer-feed.slider.j-modern li.feed-item:hover .j-meta{ bottom: 0; margin: 0; right: 0; } /* ==================== RESPONSIVE ==================== */ @media only screen and (min-width: 1900px) { .cms-about-us.cms-page-view .page-title{ font-size: 1.6rem; } .cms-about-us.cms-page-view .page-title span{ font-size: 1.6rem; } .cms-environmental-statement.cms-page-view .page-title{ font-size: 1.6rem; } .cms-environmental-statement.cms-page-view .page-title span{ font-size: 1.6rem; } .cms-terms-and-conditions.cms-page-view .page-title, .cms-terms-and-conditions.cms-page-view .page-title span{ font-size: 1.6rem; } } @media only screen and (max-width: 1800px) { /*body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li:nth-child(odd){ margin-top: calc(-32vw + 190px)!important; }*/ } @media only screen and (max-width: 1650px) { .privacy-container .left_col p { margin-bottom: 35px; } .privacy-container .left_col .ppli li{ margin-bottom: 10px; } body.cms-privacypolicy .privacy-container .left_col{ padding: 4.5rem 4rem; } body.account.jolausa-teammessages-message-listing .modal-popup .modal-inner-wrap{ width: 90%; max-width: 600px; } } @media only screen and (max-width: 1600px) { /*body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li:nth-child(odd){ margin-top: calc(-32vw + 200px)!important; }*/ .cms-about-us.cms-page-view .stimglft{ height: 45vw; } .cms-about-us.cms-page-view .studiotxt{ height: 35vw; } } @media only screen and (max-width: 1440px) { #rma-table tr:last-of-type th:nth-child(6){ text-align: right; top: -30px; } #rma-table tr:last-of-type th:last-of-type{ right: 0; top: auto; bottom: 10px; } #rma-table tr:last-of-type th:nth-child(6), #rma-table tr:last-of-type th:nth-child(6):hover{ border-right: 0 !important; } body.rmasystem-newrma-index #save_rma_form thead th.rt-qty{ min-width: 125px; } body.rmasystem-newrma-index #save_rma_form thead th.reason{ min-width: 160px; } .cms-about-us.cms-page-view .studiotxt{ height: 44vw; } } @media only screen and (max-width: 1360px) { body.catalog-product-type-item .main #catalogs_request_pdp .block-content .btnsline{ left: 0; } } @media only screen and (max-width: 1350px) { .cms-about-us.cms-page-view .studiotxt{ height: 40vw; } /*body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li:nth-child(odd) { margin-top: calc(-32vw + 235px)!important; }*/ .shipping-block3 { margin-bottom: 100px; } .cms-shipping-and-handling .shipping-block4-top .page-title { margin-bottom: 35px; } } @media only screen and (max-width: 1320px) and (min-width: 1005px) { .sta .customDesc h2{ font-size: 20px; } } @media only screen and (max-width: 1199px) { .cms-about-us.cms-page-view .studiotxt .studiotxt-inner p{ font-size: 11px; } .cms-about-us.cms-page-view .studiohp{ display: block !important; min-height: auto; } .cms-about-us.cms-page-view .stimglft{ position: absolute; top: 2vw; left: 2%; width: 46%; height: auto; } .cms-about-us.cms-page-view .studiotxt{ width: 100%; border: 0; padding: 0 !important; height: auto; } .cms-about-us.cms-page-view .studiotxt:after{ content: ""; clear: both; display: table; } .cms-about-us.cms-page-view .studiotxt .studiotxt-inner{ position: relative; width: calc(52% + 6vw); top: auto; left: auto; transform: none; float: right; border: 1px solid #C8C8C9; padding: 3vw; padding-left: 10%; height: 100%; margin-top: 5vw; } .cms-about-us.cms-page-view .studiotxt .studiotxt-inner:after{ content: ""; clear: both; display: table; } .catalog-main-page .collections-sidebar .collections-side-content .item{ padding-left: 0; } } @media only screen and (max-width: 1024px) { /* Header */ .sta .page-header .h-cart-wrapper > a span{ border: 0 !important; background: transparent !important; color: #BEBFBF !important; } .column.main #catalogs_carousel_cont .slick-slider { height: 39vw !important; } body.catalog-product-type-item #catalogs_carousel_cont .products-grid .slick-slide .product-item-details{ padding: 20px; } body.catalog-product-type-item #catalogs_carousel_cont .block-title h2{ font-size: 21px; } body.catalog-product-type-item .main #catalogs_request_pdp h3{ font-size: 18px; } body.catalog-product-type-item .main #catalogs_request_pdp .block-content .btnsline{ width: 80%; } #catalogs_carousel_cont .block.widget .products-grid .product-items.slick-slider{ padding-top: 35px; } #catalogs_carousel_cont .block.widget.block-products-list.grid .block-content{ height: auto; padding-bottom: 60px; } .column.main #catalogs_carousel_cont .slick-slider{ height: auto !important; padding-bottom: 20px; } #catalogs_carousel_cont .btnsline{ height: 100%; left: 0; right: 0; margin: 0 auto; } #catalogs_carousel_cont .slick-prev, #catalogs_carousel_cont .slick-next{ width: 50px; height: 50px; bottom: -70px; } #catalogs_carousel_cont .slick-prev:before, #catalogs_carousel_cont .slick-next:before{ font-size: 50px; width: 100%; height: 100%; } /* Shipping and handling */ body .shipping-block1 { position: relative; padding-top: 110px; margin-bottom: 65px; } body .shipping-block1 .shipping-left { position: absolute; top: 0; left: 0; width: 48.66%; } body .shipping-block1 .shipping-right{ width: 55%; float: right; border: 1px solid #C8C8C9; padding: 8%; margin-top: 0; position: static; } body .shipping-block3{ position: relative; padding-top: 110px; margin-bottom: 65px; } body .shipping-block3 .shipping-right { position: absolute; top: 0; left: 0; width: 60%; border: 1px solid #C8C8C9; padding: 8%; padding-left: 2.5%; padding-right: 11%; } body .shipping-block3 .shipping-left{ float: right; position: relative; z-index: 1; width: 49%; } body .talkto > div{ padding-top: 40px; } body .talkto > div > img{ margin-bottom: 50px; } body .talkinside{ padding-bottom: 50px; } body .page-main .talkto p{ font-size: 13px; margin-bottom: 0; } body.account .form-edit-account .fieldset:nth-child(4) .field{ width: 100%; } body.account .form-edit-account .actions-toolbar div.primary{ width: 100%; } } @media only screen and (max-width: 860px) { body.rmasystem-newrma-index #wk_rma_order_details tbody td.col.rma-select:after{ display: none !important; } } @media only screen and (max-width: 900px) and (min-width: 800px) { .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content{ /*height: 47vw;*/ } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .btnsline{ height: 45vw; } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-prev.slick-arrow{ left: calc(44vw - 3px); } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-next.slick-arrow{ right: calc(44vw - 23px); } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-prev.slick-arrow, .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-next.slick-arrow{ width: 50px; height: 50px; bottom: -80px; } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-prev.slick-arrow:before, .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-next.slick-arrow:before{ width: 50px; height: 50px; content: ""; display: block; } .cms-index-index .insblock .block-content{ height: 39vw; } .cms-index-index .insblock .btnsline{ height: 39vw; } .cms-index-index .insblock .juicer-feed.slider li.feed-item{ height: 32vw !important; } } @media only screen and (max-width: 768px) { .cms-about-us.cms-page-view .stimglft{ width: 100%; position: relative; top: auto; left: auto; } .cms-about-us.cms-page-view .studiotxt{ width: calc(100% - 40px); margin: 0 auto; } .cms-about-us.cms-page-view .studiotxt .studiotxt-inner{ width: 100%; float: none; padding: 0; height: auto; margin-top: 0; padding: 20px; } .showroom-page .collections-main.sales-main{ margin-top: 0; } .showroom-page .breadcrumbs{ margin-bottom: 20px; } /* More or our catalogs */ #catalogs_carousel_cont .block.widget.block-products-list.grid .block-content{ height: auto; padding-bottom: 60px; } .column.main #catalogs_carousel_cont .slick-slider{ height: auto !important; padding-bottom: 20px; } #catalogs_carousel_cont .btnsline{ height: 100%; left: 0; right: 0; margin: 0 auto; } #catalogs_carousel_cont .slick-prev, #catalogs_carousel_cont .slick-next{ width: 50px; height: 50px; bottom: -70px; } #catalogs_carousel_cont .slick-prev:before, #catalogs_carousel_cont .slick-next:before{ font-size: 50px; width: 100%; height: 100%; } body #catalogs_request_pdp p{ max-width: 80%; padding-left: 5%; padding-right: 5%; margin-top: 30px; margin-bottom: 30px; } body #catalogs_request_pdp .block-content .btnsline{ height: calc(100% + 30px) !important; } body.catalog-product-type-item .issuu-wrapper #issuu_container{ padding-right: 40px; padding-left: 40px; padding-bottom: 25px; margin-bottom: 20px; } body.catalog-product-type-item .main #catalogs_request_pdp{ margin-bottom: 50px; } .issuu-wrapper{ margin-bottom: 50px; } body #catalogs_carousel_cont .block.widget.block-products-list.grid{ margin-bottom: 50px; } body .shipping-block1{ padding-top: 0px; margin-bottom: 45px; } body .shipping-block1 .shipping-left{ position: relative; top: auto; left: auto; width: 100%; } body .shipping-block1 .shipping-right{ float: none; padding: 20px; width: calc(100% - 40px); margin: 0 auto; } body .shipping-block3{ padding-top: 0px; margin-bottom: 45px } body .shipping-block3 .shipping-left{ float: none; padding: 0; width: 100%; margin: 0 auto; } body .shipping-block3 .shipping-right{ position: relative; top: auto; left: auto; padding: 20px; width: calc(100% - 40px); margin: 0 auto; } .shipping-block4-bottom{ padding: 0 !important; } .shipping-block4-bottom-content{ float: none; width: 100%; border: 0; } .shipping-block4-bottom-content img{ max-width: 100%; width: 100%; display: block; margin-bottom: 0; margin-top: 0 !important; } .zone-bottom{ margin-bottom: 0; position: relative; top: auto; left: auto; padding: 10px; width: calc(100% - 40px); margin: 0 auto; border: 1px solid #C8C8C9; padding-top: 45px; padding-bottom: 45px; } body .zone-bottom p{ min-height: auto; } .shipping-block4-bottom-content{ margin-bottom: 65px; } .shipping-block4-bottom-content:last-of-type{ margin-bottom: 0; } .additional-block{ width: 49%; margin-bottom: 95px; } .additional-block:nth-of-type(2n){ margin-right: 0; } .shipping-block2{ margin-bottom: 0; } body .talkto{ margin-bottom: 40px; } #rma-table tr:last-of-type th:nth-child(6){ top: 10px; text-align: center; } body.rmasystem-index-index #rma-table tr:last-of-type th:last-of-type{ bottom: auto; } table#wk_rma_orders thead.wk_rma_sorter th:before{ display: none; } table#wk_rma_orders thead.wk_rma_filter th input{ width: 100% !important; } body.jolausa-teammessages-message-create .new-message .title span, body.jolausa-teammessages-message-edit .edit-message .title span{ min-width: 0 !important; } } @media only screen and (max-width: 760px) { .cms-about-us.cms-page-view .talkto{ height: auto !important; } /*.cms-environmental-statement.cms-page-view .talkto{ height: auto !important; }*/ /*.cms-about-us.cms-page-view .talkinside{ left: 6%; }*/ /*.cms-environmental-statement.cms-page-view .talkinside{ left: 6%; }*/ /*.cms-about-us.cms-page-view .talkrth .talkinside{ right: 6%; }*/ /*.cms-environmental-statement.cms-page-view .talkrth .talkinside{ right: 6%; }*/ body .talkto > div{ width: 100%; float: none; height: auto !important; } body .talkto > div:first-of-type{ margin-bottom: 40px; } .talkleft:before{ right: 0; left: 0; width: 88%; margin: 0 auto; } .talkrth:before{ right: 0; left: 0; width: 88%; margin: 0 auto; } body .talkin{ width: 88%; margin-right: 0; padding-left: 10px; padding-right: 10px; } body .talkinside{ text-align: center; } body .talkrth .talkinside{ text-align: center; } body .talkrth .talkin{ margin-right: 0; margin-left: 0; } body.page-layout-locateus .locline img{ max-width: 100%; } body.page-layout-locateus .locline a span{ width: 100%; text-align: left; } body.page-layout-locateus .locover-inside{ width: 100%; } } /* Media Queries */ /*@media only screen and (min-width: 1925px) {*/ /* Shiiping Page */ .shipping-block .shipping-right h3{ font-size: 1.3rem; } .shipping-handling-page p{ font-size: 1.3rem; } body.cms-shipping-and-handling .page-title span{ font-size: 1.3rem; } /* Downloads Page */ body.cms-downloads .page-title span{ font-size: 1.3rem; } .download-page-top p{ font-size: 1.3rem; } /*}*/ @media only screen and (max-width: 1390px){ .shipping-block1 .shipping-right{ padding: 3% 2% 3% 8%; } .shipping-block .shipping-right h3{ /*font-size: 15px;*/ } .shipping-block .shipping-right ol li{ margin-bottom: 0; } .shipping-block1.shipping-block .shipping-right ol{ margin-bottom: 0; } .shipping-block1.shipping-block .shipping-right ul:first-of-type{ margin-bottom: 15px; } .shipping-block1{ padding-top: 80px; } } @media only screen and (max-width: 1290px){ body.page-layout-catalogs_list .catalog-main-page .products.wrapper, body.page-layout-presskits .catalog-main-page .products.wrapper { padding-right: 8rem; padding-left: 8rem; } } @media only screen and (max-width: 1024px){ .product-info-left{ overflow: hidden; } .vesblog-page #maincontent{ margin-top: 100px !important; } .vesblog-page .page-title-wrapper{ margin-top: 20px; } .vesblog-page .page-main > .page-title-wrapper h1.page-title{ font-size: 21px; } /* Catalog */ body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li#request_a_catalog_embed, body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items li#request_a_catalog_embed { float: left !important; padding-left: 0; margin-top: 0 !important; padding-right: 1.2rem; height: auto !important; position: relative; z-index: 101; width: 50% !important; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid.sales-team .product-item, body.page-layout-presskits.page-products .catalog-main-page .products-grid.sales-team .product-item { width: 50% !important; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li:nth-child(odd), body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items li:nth-child(odd) { /*margin-top: calc(-32vw + 170px)!important;*/ } body.page-layout-catalogs_list .catalog-main-page .products.wrapper:before, body.page-layout-presskits .catalog-main-page .products.wrapper:before { height: calc(100% - 15vw); } .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp .request_catalog_button span{ padding-right: calc(40px + 1rem); } .catalog-main-page .collections-main .collections-info-wrapper{ padding-right: 40px; } .catalog-main-page .togglesidebar{ min-width: 250px; text-align: center; padding-bottom: 0; margin-top: 15px; } .catalog-main-page .togglesidebar .sidemobnav{ margin-bottom: 5px; } .catalog-main-page .togglesidebar .sidemobnav-side-title{ padding: 0; } .catalog-main-page .togglesidebar .sidemobnav-side-title a{ display: block; } body.cms-page-view.cms-shipping-and-handling .page-title-wrapper{ padding: 0px 0 35px 0; } body .shipping-block1 { padding-top: 0px; margin-bottom: 45px; } body .shipping-block1 .shipping-left{ position: relative; top: auto; left: auto; width: 100%; } body .shipping-block1 .shipping-right{ float: none; padding: 20px; width: calc(100% - 40px); margin: 0 auto; } } @media only screen and (max-width: 1000px) { body.cms-privacypolicy .columns{ padding-left: 2% !important; padding-right: 2% !important; } .privacy-container{ display: block; } body.cms-privacypolicy .privacy-container .left_col{ width: 100%; float: none; } body.cms-privacypolicy .privacy-container .left_col:before{ width: calc(100% - 40px); height: 100%; left: 0; right: 0; margin: 0 auto; } body.cms-privacypolicy .privacy-container .right_col{ width: 100%; padding: 0; float: none; } body.cms-privacypolicy .privacy-container .right_col img{ display: block; } } @media only screen and (max-width: 950px){ body.account .po_order_no > div.search-ord:last-child{ padding-left: 0; } } @media only screen and (max-width: 900px) { body.page-layout-catalogs_list .catalog-main-page .products.wrapper, body.page-layout-presskits .catalog-main-page .products.wrapper { padding-right: 4rem; padding-left: 4rem; } .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp .request_catalog_button span{ letter-spacing: 1px; font-size: 9px; } } @media only screen and (max-width: 860px) { .retailwrap{ flex-direction: column; width: 100%; min-width:unset; } .retailwrap .overlay{ width:100%; } .retailwrap .box{ max-width:400px; } .retailwrap .box:nth-child(odd), .retailwrap .box:nth-child(even){ top: 0; margin: 30px auto; } .retailwrap:before{ content:none; } .overlay{ width: 100%; } } @media only screen and (max-width: 768px){ .vesblog-post-view .blog-comments textarea.input-text{ width: 100%; } .account.sales-order-view .notes #po_info_content{ width: 100%; float: none; } body.account.jolausa-teammessages-message-listing .modal-popup .modal-inner-wrap .modal-header h1{ font-weight: 400; } body.account.jolausa-teammessages-message-listing .modal-popup .modal-inner-wrap .modal-footer{ padding-top: 0; } body.account.jolausa-teammessages-message-listing .modal-popup .modal-inner-wrap .modal-footer button{ min-width: 45%; } body.account.jolausa-teammessages-message-listing{ position: static; } body.jolausa-teammessages-message-view .messages .container{ padding-left: 0 !important; border: 0 !important; } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content{ height: auto; } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .btnsline{ height: calc(100% + 70px); } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-prev.slick-arrow, .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-next.slick-arrow{ width: 50px; height: 50px; bottom: -90px; } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-prev.slick-arrow:before, .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-next.slick-arrow:before{ width: 50px; height: 50px; content: ""; display: block; } .cms-index-index .juicer-feed.slider.j-modern li.feed-item:hover .j-meta{ margin: 0; right: 0; } } @media only screen and (max-width: 767px){ body.account.jolausa-teammessages-message-listing .modal-popup .modal-inner-wrap .modal-header h1{ font-weight: 400; } .vesblog-page .page-title-wrapper{ width: 100%; float: none; margin-top: 0; padding-top: 15px; margin-bottom: 50px; } .vesblog-page.vesblog-search-result .page-title-wrapper{ padding-top: 30px; } .vesblog-page .sidebar-main{ margin-top: 0; padding-right: 20px; } .vesblog-page #maincontent{ padding-right: 30px; padding-left: 30px; } .ves-blog > .blog-masonry > .post-item, .vesblog-page .page-title-wrapper {padding-right: 0;} .vesblog-page .page-title-wrapper:before {width: 100%} /*.vesblog-page .post-list .post-item{ position: relative !important; top: auto !important; left: auto !important; } .vesblog-page .post-list .post-item:nth-of-type(2n){ padding-right: 0 !important; } .vesblog-page .post-list .post-item:nth-of-type(2n + 1){ clear: both; }*/ /* Catalog Page */ body.page-layout-catalogs_list .catalog-main-page .products.wrapper:before, body.page-layout-presskits .catalog-main-page .products.wrapper:before { height: 100%; } .catalog-main-page .collections-main .collections-info-wrapper{ padding-top: 0; } body.page-layout-catalogs_list .catalog-main-page .products.wrapper, body.page-layout-presskits .catalog-main-page .products.wrapper { padding-right: 6rem; padding-left: 6rem; margin-top: 0; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid.sales-team .product-item, body.page-layout-presskits.page-products .catalog-main-page .products-grid.sales-team .product-item { padding-right: 0 !important; padding-right: 0 !important; height: auto !important; margin-top: 0 !important; width: 100% !important; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li:nth-of-type(2), body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items li:nth-of-type(2) { margin-top: 0 !important; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li#request_a_catalog_embed, body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items li#request_a_catalog_embed { margin: 0 !important; margin-bottom: 3vw !important; padding-right: 0; width: 100% !important; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li:nth-child(odd), body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items li:nth-child(odd) { margin-top: 0 !important; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li:nth-child(even), body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items li:nth-child(even) { padding: 0 !important; } .catalog-main-page #request_a_catalog_embed #catalogs_request_pdp .request_catalog_button span{ font-size: 1rem; letter-spacing: 0.2rem; } body.account.customer-account-index .column.main .block-dashboard-addresses .block-title strong{ display: block; padding-bottom: 10px; } body.account.customer-account-index .column.main .block-dashboard-addresses .block-title > a.action.edit{ float: left; margin-left: 0; margin-top: 0; margin-bottom: 15px; } body.customer-address-index .modal-popup.confirm .modal-inner-wrap{ max-width: 85%; } body.customer-address-index .modal-popup.confirm .modal-inner-wrap .modal-content{ padding: 20px; } body.customer-address-index .modal-popup.confirm .modal-inner-wrap .modal-footer{ padding: 20px; } body.customer-address-index .block-addresses-list + .actions-toolbar .primary{ width: 100%; } } @media only screen and (max-width: 700px){ .catalog-product-view .page-main{ padding-bottom: 0; } } @media only screen and (max-width: 640px){ .account.sales-order-view .block-order-details-view .block-content .box-order-billing-method .payment-method table > tbody > tr > th{ border-top: 1px solid #ddd; line-height: normal; padding-top: 15px; padding-bottom: 15px; } .account.sales-order-view .block-order-details-view .block-content .box-order-billing-method .payment-method table > tbody > tr > td{ border-top: 1px solid #ddd; line-height: normal; padding-top: 15px; padding-bottom: 15px; } } @media only screen and (max-width: 580px){ body.jolausa-teammessages-message-listing .team-messaging-container .new{ float: left !important; } } @media only screen and (max-width: 480px){ /* Home Page */ .cms-index-index .block.widget.block-products-list.grid.shopnow{ padding-bottom: 50px; } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content{ height: auto; } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .btnsline{ height: calc(100% + 50px); } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-prev.slick-arrow, .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-next.slick-arrow{ width: 50px; height: 50px; bottom: -75px; } .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-prev.slick-arrow:before, .cms-index-index .block.widget.block-products-list.grid.shopnow .block-content .slick-next.slick-arrow:before{ width: 50px; height: 50px; content: ""; display: block; } .retailwrap{ margin: 0; } .retailwrap h2{ margin: 5vw auto 0; } .retailwrap .box{ width:90%; } .retailwrap .box:nth-child(odd), .retailwrap .box:nth-child(even){ top: 0; margin: 25px auto; } /* Shipping Page */ body.cms-shipping-and-handling #maincontent.page-main{ padding-left: 10px; padding-right: 10px; } body.cms-shipping-and-handling .breadcrumbs{ text-align: center; padding-left: 0; } .shipping-block{ margin-bottom: 40px; } .shipping-block1{ padding-top: 0; } .shipping-block1 .shipping-left{ position: relative; width: 100%; top: auto; left: auto; } .shipping-block .shipping-left img{ display: block; } .shipping-block1 .shipping-right{ float: none; width: 90%; margin: 0 auto; border-top: 0; } .shipping-block2{ margin-bottom: 70px; } .additional-block{ width: 100%; float: none; margin-right: 0; margin-bottom: 75px; padding-bottom: 30px; } .additional-block:last-of-type{ margin-bottom: 0; } .shipping-block3{ padding-top: 0; } .shipping-block3 .shipping-left{ width: 100%; float: none; } .shipping-block3 .shipping-left img{ display: block; } .shipping-block3 .shipping-right{ position: relative; top: auto; left: auto; width: 90%; margin: 0 auto; border-top: 0; padding-left: 8%; } .shipping-block4-bottom{ padding-top: 0 !important; } .shipping-block4-bottom-content{ float: none; width: 100%; margin-bottom: 45px; border: 0; } .shipping-block4-bottom-content:last-of-type{ margin-bottom: 0; } .shipping-block4-bottom-content img{ margin-top: 0 !important; max-width: 100%; margin-bottom: 0; display: block; } .zone-bottom{ width: calc(100% - 40px); margin-right: auto; margin-left: auto; border: 1px solid #C8C8C9; padding: 10px; margin-bottom: 0; padding-top: 45px; padding-bottom: 45px; } /* Downloads Page */ .download-page-bottom{ padding-top: 8%; padding-bottom: 8%; } .download-page-bottom div{ width: 100%; float: none; margin-left: 0; margin-bottom: 40px; } .download-page-top p{ margin-bottom: 40px; } .download-page-bottom div p{ font-size: 18px; } .catalog-main-page .collections-main .collections-info-wrapper{ padding-left: 20px; padding-right: 20px; } body.page-layout-catalogs_list .catalog-main-page .products.wrapper, body.page-layout-presskits .catalog-main-page .products.wrapper { padding-left: 20px; padding-right: 20px; } body.page-layout-catalogs_list.page-products .catalog-main-page .products-grid .product-items li#request_a_catalog_embed, body.page-layout-presskits.page-products .catalog-main-page .products-grid .product-items li#request_a_catalog_embed { margin-bottom: 25px !important; } body.catalog-product-type-item .main #catalogs_request_pdp .block-content .btnsline { width: 94%; } body.catalog-product-type-item .issuu-wrapper #issuu_container{ padding-left: 10px; padding-right: 10px; } body .talkto > div{ padding-top: 30px; } body .talkto > div > img{ margin-bottom: 35px; } body .talkinside{ padding-bottom: 35px; } .account.sales-order-view #my-orders-table tbody tr td.qty .items-qty{ vertical-align: middle; } .account.sales-order-view #my-orders-table tbody tr td.qty .items-qty .item{ margin-top: 0; } .account.sales-order-view #my-orders-table tfoot tr th{ width: 100%; } .account.sales-order-view #my-orders-table tfoot tr td{ width: 100%; } body.jolausa-teammessages-message-create .new-message .title span, body.jolausa-teammessages-message-edit .edit-message .title span{ width: 22% !important; } body.jolausa-teammessages-message-create .new-message .title input[type="text"], body.jolausa-teammessages-message-edit .edit-message .title input[type="text"]{ width: 78% !important; } body.account.jolausa-teammessages-message-edit .recepients h4, body.account.jolausa-teammessages-message-create .recepients h4{ width: 22% !important; } body.account.jolausa-teammessages-message-create .recepients .recepients_container, body.account.jolausa-teammessages-message-edit .recepients .recepients_container{ width: 78% !important; } body.account.jolausa-teammessages-message-create .recepient, body.account.jolausa-teammessages-message-edit .recepient{ margin-right: 0 !important; padding-right: 0 !important; } body.account.jolausa-teammessages-message-edit .edit-message .actions button{ min-width: 48% !important; } body.account.jolausa-teammessages-message-listing .modal-popup .modal-inner-wrap .modal-header{ padding-right: 20px; padding-left: 20px; } body.account.jolausa-teammessages-message-listing .modal-popup .modal-inner-wrap .modal-header h1{ font-size: 16px; } body.account.jolausa-teammessages-message-listing .modal-popup .modal-inner-wrap .modal-content{ padding-top: 30px; padding-bottom: 30px; padding-right: 20px; padding-left: 20px; } body.account.jolausa-teammessages-message-listing .modal-popup .modal-inner-wrap .modal-footer{ padding-bottom: 30px; padding-right: 20px; padding-left: 20px; } body.account.jolausa-teammessages-message-listing .modal-popup .modal-inner-wrap .modal-footer button{ } } @media only screen and (max-width: 479px){ .vesblog-page #maincontent{ padding-right: 30px; } .vesblog-page .page-title-wrapper{ padding-right: 0; } .vesblog-page .page-title-wrapper:before{ width: 100%; } .vesblog-page .sidebar-main{ padding-right: 0px; } body.account .form-edit-account .fieldset:nth-child(3) > .field{ width: 100%; } } @media only screen and (max-width: 420px){ .retaillocator-content .locator-img { width: 109%; margin-left: -4.5%; } } span.default-shipping-label, span.default-billing-label, span.default-shipping-billing-label{ font-weight: 700; text-transform: uppercase; font-size: 13px; background-color: #000; color: #fff; padding: 1px 3px; } .checkout-payment-method .billing-address-same-as-shipping-block{ font-size: 15px; margin-left:47%; text-transform: uppercase; } .checkout-payment-method .billing-address-same-as-shipping-block.field.choice input{ display: none; } .checkout-payment-method .billing-address-same-as-shipping-block label{ position: relative; top: -3px; } .field-select-billing select{ border: 1px solid; height: 50px; padding-right: 30px; background: transparent url(../../frontend/Jola/jolatheme/en_US/Magento_Theme/images/select-bg.png) no-repeat 98% 56% !important; padding-left: 10px; } @media screen and (max-width: 550px) { .checkout-payment-method .billing-address-same-as-shipping-block{ margin-left:0; } } .select2-container { box-sizing: border-box; display: inline-block; margin: 0; position: relative; vertical-align: middle } .select2-container .select2-selection--single { box-sizing: border-box; cursor: pointer; display: block; height: 28px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--single .select2-selection__rendered { display: block; padding-left: 8px; padding-right: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-selection--single .select2-selection__clear { position: relative } .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered { padding-right: 8px; padding-left: 20px } .select2-container .select2-selection--multiple { box-sizing: border-box; cursor: pointer; display: block; min-height: 32px; user-select: none; -webkit-user-select: none } .select2-container .select2-selection--multiple .select2-selection__rendered { display: inline-block; overflow: hidden; padding-left: 8px; text-overflow: ellipsis; white-space: nowrap } .select2-container .select2-search--inline { float: left } .select2-container .select2-search--inline .select2-search__field { box-sizing: border-box; border: none; font-size: 100%; margin-top: 5px; padding: 0 } .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-dropdown { background-color: white; border: 1px solid #aaa; border-radius: 4px; box-sizing: border-box; display: block; position: absolute; left: -100000px; width: 100%; z-index: 1051 } .select2-results { display: block } .select2-results__options { list-style: none; margin: 0; padding: 0 } .select2-results__option { padding: 6px; user-select: none; -webkit-user-select: none } .select2-results__option[aria-selected] { cursor: pointer } .select2-container--open .select2-dropdown { left: 0 } .select2-container--open .select2-dropdown--above { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--open .select2-dropdown--below { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-search--dropdown { display: block; padding: 4px } .select2-search--dropdown .select2-search__field { padding: 4px; width: 100%; box-sizing: border-box } .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button { -webkit-appearance: none } .select2-search--dropdown.select2-search--hide { display: none } .select2-close-mask { border: 0; margin: 0; padding: 0; display: block; position: fixed; left: 0; top: 0; min-height: 100%; min-width: 100%; height: auto; width: auto; opacity: 0; z-index: 99; background-color: #fff; filter: alpha(opacity=0) } .select2-hidden-accessible { border: 0 !important; clip: rect(0 0 0 0) !important; -webkit-clip-path: inset(50%) !important; clip-path: inset(50%) !important; height: 1px !important; overflow: hidden !important; padding: 0 !important; position: absolute !important; width: 1px !important; white-space: nowrap !important } .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #aaa; border-radius: 4px } .select2-container--default .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--default .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold } .select2-container--default .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--default .select2-selection--single .select2-selection__arrow { height: 26px; position: absolute; top: 9px; right: 1px; width: 20px; width: 1.15rem; height: 0.615rem; background: url(../../frontend/Jola/jolatheme/en_US/images/icons/ico-arrow-bottom-black.png) no-repeat; background-size: 1.15rem 0.615rem; } .select2-container--default .select2-selection--single .select2-selection__arrow b { /*border-color: #888 transparent transparent transparent;*/ /*border-style: solid;*/ /*border-width: 5px 4px 0 4px;*/ /*height: 0;*/ /*left: 50%;*/ /*margin-left: -4px;*/ /*margin-top: -2px;*/ /*position: absolute;*/ /*top: 50%;*/ /*width: 0*/ } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow { left: 1px; right: auto } .select2-container--default.select2-container--disabled .select2-selection--single { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear { display: none } .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--default .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text } .select2-container--default .select2-selection--multiple .select2-selection__rendered { box-sizing: border-box; list-style: none; margin: 0; padding: 0 5px; width: 100% } .select2-container--default .select2-selection--multiple .select2-selection__rendered li { list-style: none } .select2-container--default .select2-selection--multiple .select2-selection__placeholder { color: #999; margin-top: 5px; float: left } .select2-container--default .select2-selection--multiple .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-top: 5px; margin-right: 10px } .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: #999; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover { color: #333 } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline { float: right } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice { margin-left: 5px; margin-right: auto } .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--default.select2-container--focus .select2-selection--multiple { border: solid black 1px; outline: 0 } .select2-container--default.select2-container--disabled .select2-selection--multiple { background-color: #eee; cursor: default } .select2-container--default.select2-container--disabled .select2-selection__choice__remove { display: none } .select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple { border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #aaa } .select2-container--default .select2-search--inline .select2-search__field { background: transparent; border: none; outline: 0; box-shadow: none; -webkit-appearance: textfield } .select2-container--default .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--default .select2-results__option[role=group] { padding: 0 } .select2-container--default .select2-results__option[aria-disabled=true] { color: #999 } .select2-container--default .select2-results__option[aria-selected=true] { background-color: #ddd } .select2-container--default .select2-results__option .select2-results__option { padding-left: 1em } .select2-container--default .select2-results__option .select2-results__option .select2-results__group { padding-left: 0 } .select2-container--default .select2-results__option .select2-results__option .select2-results__option { margin-left: -1em; padding-left: 2em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -2em; padding-left: 3em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -3em; padding-left: 4em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -4em; padding-left: 5em } .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option { margin-left: -5em; padding-left: 6em } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #5897fb; color: white } .select2-container--default .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic .select2-selection--single { background-color: #f7f7f7; border: 1px solid #aaa; border-radius: 4px; outline: 0; background-image: -webkit-linear-gradient(top, #fff 50%, #eee 100%); background-image: -o-linear-gradient(top, #fff 50%, #eee 100%); background-image: linear-gradient(to bottom, #fff 50%, #eee 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic .select2-selection--single:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--single .select2-selection__rendered { color: #444; line-height: 28px } .select2-container--classic .select2-selection--single .select2-selection__clear { cursor: pointer; float: right; font-weight: bold; margin-right: 10px } .select2-container--classic .select2-selection--single .select2-selection__placeholder { color: #999 } .select2-container--classic .select2-selection--single .select2-selection__arrow { background-color: #ddd; border: none; border-left: 1px solid #aaa; border-top-right-radius: 4px; border-bottom-right-radius: 4px; height: 26px; position: absolute; top: 1px; right: 1px; width: 20px; background-image: -webkit-linear-gradient(top, #eee 50%, #ccc 100%); background-image: -o-linear-gradient(top, #eee 50%, #ccc 100%); background-image: linear-gradient(to bottom, #eee 50%, #ccc 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0) } .select2-container--classic .select2-selection--single .select2-selection__arrow b { border-color: #888 transparent transparent transparent; border-style: solid; border-width: 5px 4px 0 4px; height: 0; left: 50%; margin-left: -4px; margin-top: -2px; position: absolute; top: 50%; width: 0 } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear { float: left } .select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow { border: none; border-right: 1px solid #aaa; border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; left: 1px; right: auto } .select2-container--classic.select2-container--open .select2-selection--single { border: 1px solid #5897fb } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow { background: transparent; border: none } .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b { border-color: transparent transparent #888 transparent; border-width: 0 4px 5px 4px } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--single { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0; background-image: -webkit-linear-gradient(top, #fff 0%, #eee 50%); background-image: -o-linear-gradient(top, #fff 0%, #eee 50%); background-image: linear-gradient(to bottom, #fff 0%, #eee 50%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0) } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--single { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: -webkit-linear-gradient(top, #eee 50%, #fff 100%); background-image: -o-linear-gradient(top, #eee 50%, #fff 100%); background-image: linear-gradient(to bottom, #eee 50%, #fff 100%); background-repeat: repeat-x; filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0) } .select2-container--classic .select2-selection--multiple { background-color: white; border: 1px solid #aaa; border-radius: 4px; cursor: text; outline: 0 } .select2-container--classic .select2-selection--multiple:focus { border: 1px solid #5897fb } .select2-container--classic .select2-selection--multiple .select2-selection__rendered { list-style: none; margin: 0; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__clear { display: none } .select2-container--classic .select2-selection--multiple .select2-selection__choice { background-color: #e4e4e4; border: 1px solid #aaa; border-radius: 4px; cursor: default; float: left; margin-right: 5px; margin-top: 5px; padding: 0 5px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove { color: #888; cursor: pointer; display: inline-block; font-weight: bold; margin-right: 2px } .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover { color: #555 } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice { float: right; margin-left: 5px; margin-right: auto } .select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove { margin-left: 2px; margin-right: auto } .select2-container--classic.select2-container--open .select2-selection--multiple { border: 1px solid #5897fb } .select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple { border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .select2-container--classic .select2-search--dropdown .select2-search__field { border: 1px solid #aaa; outline: 0 } .select2-container--classic .select2-search--inline .select2-search__field { outline: 0; box-shadow: none } .select2-container--classic .select2-dropdown { background-color: #fff; border: 1px solid transparent } .select2-container--classic .select2-dropdown--above { border-bottom: none } .select2-container--classic .select2-dropdown--below { border-top: none } .select2-container--classic .select2-results>.select2-results__options { max-height: 200px; overflow-y: auto } .select2-container--classic .select2-results__option[role=group] { padding: 0 } .select2-container--classic .select2-results__option[aria-disabled=true] { color: grey } .select2-container--classic .select2-results__option--highlighted[aria-selected] { background-color: #3875d7; color: #fff } .select2-container--classic .select2-results__group { cursor: default; display: block; padding: 6px } .select2-container--classic.select2-container--open .select2-dropdown { border-color: #5897fb; }[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}body { font-family:"IBM Plex Sans Regular"; } *, *:before, *:after { box-sizing: border-box; } .aos-all { width: 1000px; max-width: 98%; margin: 10vh auto 0 auto; } .aos-item { display: inline-block; float: left; width: 33.3333%; height: 300px; padding: 20px; } .aos-item__inner { position: relative; width: 100%; height: 100%; float: left; background: #1da4e2; line-height: 260px; text-align: center; color: #fff; } @media screen and (max-width: 800px) { .aos-item { width: 50%; } } /*Compatible magento 2 style and bootstrap 3*/ .product-item, .product-item-info, .product-item-details { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; } .label{ color: #333; padding: inherit; } .page-header { margin: inherit; padding: 0px; }/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */ .fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp { padding: 0; margin: 0; border: 0; outline: none; vertical-align: top; } .fancybox-wrap { position: absolute; top: 0; left: 0; z-index: 8020; } .fancybox-skin { position: relative; background: #f9f9f9; color: #444; text-shadow: none; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .fancybox-opened { z-index: 8030; } .fancybox-opened .fancybox-skin { -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5); } .fancybox-outer, .fancybox-inner { position: relative; } .fancybox-inner { overflow: hidden; } .fancybox-type-iframe .fancybox-inner { -webkit-overflow-scrolling: touch; } .fancybox-error { color: #444; font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0; padding: 15px; white-space: nowrap; } .fancybox-image, .fancybox-iframe { display: block; width: 100%; height: 100%; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../../frontend/Jola/jolatheme/en_US/Lof_All/lib/fancybox/fancybox_sprite.png'); } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -22px; margin-left: -22px; background-position: 0 -108px; opacity: 0.8; cursor: pointer; z-index: 8060; } #fancybox-loading div { width: 44px; height: 44px; background: url('../../frontend/Jola/jolatheme/en_US/Lof_All/lib/fancybox/fancybox_loading.gif') center center no-repeat; } .fancybox-close { position: absolute; top: -18px; right: -18px; width: 36px; height: 36px; cursor: pointer; z-index: 8040; } .fancybox-nav { position: absolute; top: 0; width: 40%; height: 100%; cursor: pointer; text-decoration: none; background: transparent url('../../frontend/Jola/jolatheme/en_US/Lof_All/lib/fancybox/blank.gif'); /* helps IE */ -webkit-tap-highlight-color: rgba(0,0,0,0); z-index: 8040; } .fancybox-prev { left: 0; } .fancybox-next { right: 0; } .fancybox-nav span { position: absolute; top: 50%; width: 36px; height: 34px; margin-top: -18px; cursor: pointer; z-index: 8040; visibility: hidden; } .fancybox-prev span { left: 10px; background-position: 0 -36px; } .fancybox-next span { right: 10px; background-position: 0 -72px; } .fancybox-nav:hover span { visibility: visible; } .fancybox-tmp { position: absolute; top: -99999px; left: -99999px; visibility: hidden; max-width: 99999px; max-height: 99999px; overflow: visible !important; } /* Overlay helper */ .fancybox-lock { overflow: hidden !important; width: auto; } .fancybox-lock body { overflow: hidden !important; } .fancybox-lock-test { overflow-y: hidden !important; } .fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 8010; background: url('../../frontend/Jola/jolatheme/en_US/Lof_All/lib/fancybox/fancybox_overlay.png'); } .fancybox-overlay-fixed { position: fixed; bottom: 0; right: 0; } .fancybox-lock .fancybox-overlay { overflow: auto; overflow-y: scroll; } /* Title helper */ .fancybox-title { visibility: hidden; font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position: relative; text-shadow: none; z-index: 8050; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 8050; text-align: center; } .fancybox-title-float-wrap .child { display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; /* Fallback for web browsers that doesn't support RGBa */ background: rgba(0, 0, 0, 0.8); -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; text-shadow: 0 1px 2px #222; color: #FFF; font-weight: bold; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: #fff; } .fancybox-title-inside-wrap { padding-top: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: #fff; padding: 10px; background: #000; background: rgba(0, 0, 0, .8); } /*Retina graphics!*/ @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5){ #fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span { background-image: url('../../frontend/Jola/jolatheme/en_US/Lof_All/lib/fancybox/fancybox_sprite@2x.png'); background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/ } #fancybox-loading div { background-image: url('../../frontend/Jola/jolatheme/en_US/Lof_All/lib/fancybox/fancybox_loading@2x.gif'); background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/ } }/*! * Bootstrap v3.3.4 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=335bf7d52918f3a2c58f) * Config saved to config.json and https://gist.github.com/335bf7d52918f3a2c58f */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ .formbuilder-form .col-xs-1, .formbuilder-form .col-sm-1, .formbuilder-form .col-md-1, .formbuilder-form .col-lg-1, .formbuilder-form .col-xs-2, .formbuilder-form .col-sm-2, .formbuilder-form .col-md-2, .formbuilder-form .col-lg-2, .formbuilder-form .col-xs-3, .formbuilder-form .col-sm-3, .formbuilder-form .col-md-3, .formbuilder-form .col-lg-3, .formbuilder-form .col-xs-4, .formbuilder-form .col-sm-4, .formbuilder-form .col-md-4, .formbuilder-form .col-lg-4, .formbuilder-form .col-xs-5, .formbuilder-form .col-sm-5, .formbuilder-form .col-md-5, .formbuilder-form .col-lg-5, .formbuilder-form .col-xs-6, .formbuilder-form .col-sm-6, .formbuilder-form .col-md-6, .formbuilder-form .col-lg-6, .formbuilder-form .col-xs-7, .formbuilder-form .col-sm-7, .formbuilder-form .col-md-7, .formbuilder-form .col-lg-7, .formbuilder-form .col-xs-8, .formbuilder-form .col-sm-8, .formbuilder-form .col-md-8, .formbuilder-form .col-lg-8, .formbuilder-form .col-xs-9, .formbuilder-form .col-sm-9, .formbuilder-form .col-md-9, .formbuilder-form .col-lg-9, .formbuilder-form .col-xs-10, .formbuilder-form .col-sm-10, .formbuilder-form .col-md-10, .formbuilder-form .col-lg-10, .formbuilder-form .col-xs-11, .formbuilder-form .col-sm-11, .formbuilder-form .col-md-11, .formbuilder-form .col-lg-11, .formbuilder-form .col-xs-12, .formbuilder-form .col-sm-12, .formbuilder-form .col-md-12, .formbuilder-form .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .cms-customer-service .response-field-checkboxes .row .col-lg-12 {padding: 0;} .cms-customer-service .response-field-checkboxes .row .col-lg-12 .checklabel a {text-decoration: underline;} .cms-customer-service .customerservice-content-hidden ul li.mobile-number{display: none;} .cms-customer-service .customerservice-content-hidden ul li.desktop-number{display: block;} @media screen and (max-width: 1024px){ .cms-customer-service .customerservice-content-hidden ul li.mobile-number { display:block; } .cms-customer-service .customerservice-content-hidden ul li.desktop-number{ display: none; } } .formbuilder-form .col-xs-1, .formbuilder-form .col-xs-2, .formbuilder-form .col-xs-3, .formbuilder-form .col-xs-4, .formbuilder-form .col-xs-5, .formbuilder-form .col-xs-6, .formbuilder-form .col-xs-7, .formbuilder-form .col-xs-8, .formbuilder-form .col-xs-9, .formbuilder-form .col-xs-10, .formbuilder-form .col-xs-11, .formbuilder-form .col-xs-12 { float: left; } .formbuilder-form .col-xs-12 { width: 100%; } .formbuilder-form .col-xs-11 { width: 91.66666667%; } .formbuilder-form .col-xs-10 { width: 83.33333333%; } .formbuilder-form .col-xs-9 { width: 75%; } .formbuilder-form .col-xs-8 { width: 66.66666667%; } .formbuilder-form .col-xs-7 { width: 58.33333333%; } .formbuilder-form .col-xs-6 { width: 50%; } .formbuilder-form .col-xs-5 { width: 41.66666667%; } .formbuilder-form .col-xs-4 { width: 33.33333333%; } .formbuilder-form .col-xs-3 { width: 25%; } .formbuilder-form .col-xs-2 { width: 16.66666667%; } .formbuilder-form .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .formbuilder-form .col-sm-1, .formbuilder-form .col-sm-2, .formbuilder-form .col-sm-3, .formbuilder-form .col-sm-4, .formbuilder-form .col-sm-5, .formbuilder-form .col-sm-6, .formbuilder-form .col-sm-7, .formbuilder-form .col-sm-8, .formbuilder-form .col-sm-9, .formbuilder-form .col-sm-10, .formbuilder-form .col-sm-11, .formbuilder-form .col-sm-12 { float: left; } .formbuilder-form .col-sm-12 { width: 100%; } .formbuilder-form .col-sm-11 { width: 91.66666667%; } .formbuilder-form .col-sm-10 { width: 83.33333333%; } .formbuilder-form .col-sm-9 { width: 75%; } .formbuilder-form .col-sm-8 { width: 66.66666667%; } .formbuilder-form .col-sm-7 { width: 58.33333333%; } .formbuilder-form .col-sm-6 { width: 50%; } .formbuilder-form .col-sm-5 { width: 41.66666667%; } .formbuilder-form .col-sm-4 { width: 33.33333333%; } .formbuilder-form .col-sm-3 { width: 25%; } .formbuilder-form .col-sm-2 { width: 16.66666667%; } .formbuilder-form .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .formbuilder-form .col-md-1, .formbuilder-form .col-md-2, .formbuilder-form .col-md-3, .formbuilder-form .col-md-4, .formbuilder-form .col-md-5, .formbuilder-form .col-md-6, .formbuilder-form .col-md-7, .formbuilder-form .col-md-8, .formbuilder-form .col-md-9, .formbuilder-form .col-md-10, .formbuilder-form .col-md-11, .formbuilder-form .col-md-12 { float: left; } .formbuilder-form .col-md-12 { width: 100%; } .formbuilder-form .col-md-11 { width: 91.66666667%; } .formbuilder-form .col-md-10 { width: 83.33333333%; } .formbuilder-form .col-md-9 { width: 75%; } .formbuilder-form .col-md-8 { width: 66.66666667%; } .formbuilder-form .col-md-7 { width: 58.33333333%; } .formbuilder-form .col-md-6 { width: 50%; } .formbuilder-form .col-md-5 { width: 41.66666667%; } .formbuilder-form .col-md-4 { width: 33.33333333%; } .formbuilder-form .col-md-3 { width: 25%; } .formbuilder-form .col-md-2 { width: 16.66666667%; } .formbuilder-form .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .formbuilder-form .col-lg-1, .formbuilder-form .col-lg-2, .formbuilder-form .col-lg-3, .formbuilder-form .col-lg-4, .formbuilder-form .col-lg-5, .formbuilder-form .col-lg-6, .formbuilder-form .col-lg-7, .formbuilder-form .col-lg-8, .formbuilder-form .col-lg-9, .formbuilder-form .col-lg-10, .formbuilder-form .col-lg-11, .formbuilder-form .col-lg-12 { float: left; } .formbuilder-form .col-lg-12 { width: 100%; } .formbuilder-form .col-lg-11 { width: 91.66666667%; } .formbuilder-form .col-lg-10 { width: 83.33333333%; } .formbuilder-form .col-lg-9 { width: 75%; } .formbuilder-form .col-lg-8 { width: 66.66666667%; } .formbuilder-form .col-lg-7 { width: 58.33333333%; } .formbuilder-form .col-lg-6 { width: 50%; } .formbuilder-form .col-lg-5 { width: 41.66666667%; } .formbuilder-form .col-lg-4 { width: 33.33333333%; } .formbuilder-form .col-lg-3 { width: 25%; } .formbuilder-form .col-lg-2 { width: 16.66666667%; } .formbuilder-form .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } }.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png { font-size: 2em; } @font-face { font-family: "raty"; font-style: normal; font-weight: normal; src: url("../../frontend/Jola/jolatheme/en_US/Lof_Formbuilder/js/raty/fonts/raty.eot"); src: url("../../frontend/Jola/jolatheme/en_US/Lof_Formbuilder/js/raty/fonts/raty.eot?#iefix") format("embedded-opentype"); src: url("../../frontend/Jola/jolatheme/en_US/Lof_Formbuilder/js/raty/fonts/raty.svg#raty") format("svg"); src: url("../../frontend/Jola/jolatheme/en_US/Lof_Formbuilder/js/raty/fonts/raty.ttf") format("truetype"); src: url("../../frontend/Jola/jolatheme/en_US/Lof_Formbuilder/js/raty/fonts/raty.woff") format("woff"); } .cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-family: "raty"; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; speak: none; text-transform: none; } .cancel-on-png:before { content: "\e600"; } .cancel-off-png:before { content: "\e601"; } .star-on-png:before { content: "\f005"; } .star-off-png:before { content: "\f006"; } .star-half-png:before { content: "\f123"; } .form-foundation label { font-size: 1.4rem !important; } .formbuilder-form .clear { clear: both; } .formbuilder-popup { display: none; } .field-section-break { position: relative; } .field-section-break .sm-section-break { position: relative; text-align: center; } .field-section-break .sm-section-break:before { content: ''; display: block; height: 1px; width: 100%; background: -moz-radial-gradient(center, ellipse cover, #fff 25%, #cecece 100%); background: -webkit-gradient(radial, center center, 0, center center, 100%, color-stop(25%, #fff), color-stop(100%, #cecece)); background: -webkit-radial-gradient(center, ellipse cover, #fff 25%, #cecece 100%); background: -ms-radial-gradient(center, ellipse cover, #fff 25%, #cecece 100%); background: radial-gradient(ellipse at center, #fff 0%, #cecece 100%); position: absolute; top: 50%; z-index: -1; } .field-section-break .sm-section-break span { background: #FFF; padding: 0 20px; font-size: 1.5em; padding: 0; top: -15px; margin: 0; } .formbuilder-form .ves-rating-play img { display: inline; } .formbuilder-form .workflow_table th, .formbuilder-form .workflow_table td { padding-bottom: 10px; padding-right: 15px; } .formbuilder-form .calendar { z-index: 99999 } .formbuilder-form .response-field-draggable-helper { border: 1px dashed #ddd; background: #eee } .formbuilder-form .response-field-text input.rf-size-small { width: 130px } .formbuilder-form .response-field-text input.rf-size-medium { width: 300px } .formbuilder-form .response-field-text input.rf-size-large { width: 100% } .formbuilder-form .response-field-paragraph textarea.rf-size-medium { width: 400px; min-height: 100px } .formbuilder-form .response-field-paragraph textarea.rf-size-large { width: 100%; min-height: 200px } .formbuilder-form .response-field-date .month,.response-field-date .day,.response-field-date .year { width: 50px } .formbuilder-form .response-field-time .hours,.response-field-time .minutes,.response-field-time .seconds { width: 50px } .formbuilder-form .response-field-checkboxes .fb-option,.response-field-radio .fb-option { margin-bottom: 5px; display: inline-block } .formbuilder-form .response-field-website input { width: 200px } .formbuilder ul { padding: 0; margin: 0; } .formbuilder li { list-style: none; } .formbuilder .required em { color: #f00; } .response-field-time select { width: auto } .formbuilder input, .formbuilder select { width: auto; } .formbuilder .input-line { clear: both; margin-bottom: 10px; } .formbuilder .subtemplate-wrapper > label { display: block; padding-bottom: 3px; margin-bottom: 10px; } .newssign .formbuilder .subtemplate-wrapper > label {display:none;} .response-field-address .street input { width: 100% } .response-field-address .city, .response-field-address .state { display: inline-block } .response-field-address input { width: 100% } .formbuilder .country select,.formbuilder .state select { width: 100% } .response-field-google_map .form-group input { width: 100% } .response-field-price .form-input input, .response-field-email .input-box input, .response-field-website .input-box input, .response-field-number .input-box input, .response-field-dropdown .input-box select, .response-field-date .input-box input, .response-field-text input, .response-field-paragraph textarea { width: 100%; } .formbuilder-form .form-list .field { margin-bottom: 10px; min-height: 60px; } .formbuilder label { font-weight: normal; } .formbuilder input[type=checkbox] {width: 1px; margin: 0;} .formbuilder label.checklabel {font-size: 0.9rem} .newssign .formbuilder label, .assistform .formbuilder label {display:none;} .newssign .formbuilder label.checklabel, .assistform .formbuilder label.checklabel { display:block; line-height: normal; visibility: visible; margin-top: -8px; padding-bottom: 8px; } .newssign .formbuilder label.checklabel a {text-decoration: underline;} .newssign .response-field-address .state, .newssign .response-field-address .zipcode, .newssign .response-field-address .country, .assistform .response-field-address .state, .assistform .response-field-address .zipcode, .assistform .response-field-address .country { width: 100%; /*margin-bottom: 30px;*/ } .assistform .response-field-address .state { margin-bottom: 5px; } .newssign .response-field-address .state div.mage-error[generated], .newssign .response-field-address .country div.mage-error[generated] { position: absolute; bottom: 0; } .newssign .response-field-address .zipcode {margin-bottom: 15px} .newssign .response-field-address .state input {margin-bottom: 30px;} .newssign .formbuilder-form .form-list .field {margin-bottom: 0; min-height: 55px;} .assistform .formbuilder-form .form-list .field:nth-child(4), .newssign .formbuilder-form .form-list .field:nth-child(4) {float: right} .assistform .formbuilder-form .form-list .field:nth-child(2), .newssign .formbuilder-form .form-list .field:nth-child(2) {float: right} .newssign .formbuilder-form {} .newssign:not(.assistform) .formbuilder-form .form-list .field .response-field-checkboxes, .newssign:not(.assistform) .formbuilder-form .g-recaptcha { float: right; clear: both; width: 50%; padding-left: 15px; padding-right: 15px; } .newssign .formbuilder-form .g-recaptcha {} @media only screen and (max-width:1360px) { .newssign:not(.assistform) .formbuilder-form .g-recaptcha { width: auto; padding-right: 0; } } @media only screen and (max-width: 767px) { #signupdates.newssign { background-image: none; } #signupdates.newssign .formbuilder-form .form-list .field:nth-child(4), #signupdates.newssign .formbuilder-form .form-list .field:last-of-type > div > div, .newssign .formbuilder-form .form-list .field .response-field-checkboxes, .newssign .formbuilder-form .g-recaptcha { float: none; } .newssign .formbuilder-form .form-list .field .response-field-checkboxes, .newssign .formbuilder-form .g-recaptcha, body .newssign .formbuilder-form .formbuilder-button.button {width: 100%} } @media only screen and (max-width: 599px) { .workflow_table colgroup, .workflow_table thead { display: none; } .workflow_table tr { display: block; margin-bottom: 10px; padding-bottom: 10px; position: relative; width: 100%; } .workflow_table tr:after { content: ''; display: block; clear: both; } .workflow_table tr:after:before, .workflow_table tr:after:after { content: " "; display: table; } .workflow_table tr:after:after { clear: both; } .workflow_table tr:last-child { margin-bottom: 0; } .workflow_table tfoot tr { padding-bottom: 0; } .workflow_table td { border: none; display: block; } .workflow_table td[data-rwd-label] { padding-left: 15px; margin-bottom: 6px; } .workflow_table td[data-rwd-label] .price { font-weight: normal; } .workflow_table td[data-rwd-label]:before { content: attr(data-rwd-label) ":"; font-size: 12px; font-family: "Roboto", sans-serif; padding-right: 5px; text-transform: uppercase; } .workflow_table td.product-cart-price { text-align: left; } } .fancybox-inner { overflow-x: hidden !important; } .formbuilder-loading.ajax-loading { background: rgba(0, 0, 0, 0) url("../../frontend/Jola/jolatheme/en_US/Lof_Formbuilder/css/image/ajax-loader.gif") repeat scroll center center; height: 30px; left: 50%; position: fixed; top: 50%; width: 30px; z-index: 9999; } .subtemplate-wrapper .form-field-icon { position: absolute; right: 0; top: 0; cursor: text; line-height: 1.4em; font-size: 1.05em; color: inherit; background-color: transparent; padding: 7px 10px 0 0; display: none; } .subtemplate-wrapper .input-text, .subtemplate-wrapper .input-box { position: relative; } .response-field-section_break .subtemplate-wrapper { height: 100%; margin: 0; } .response-field-section_break .field-section-break span { background: #fff none repeat scroll 0 0; padding: 0 10px; text-align: center; } .ratings-table .rating.small { position: relative; } .star.on { float: left; background-image: url("../../frontend/Jola/jolatheme/en_US/Lof_Formbuilder/css/image/rating/star-on.png"); background-position: left 2px; background-repeat: no-repeat; height: 16px; width: 16px; } .formbuilder-row .title { font-size: 18px; font-weight: 700; } .value-formbuilder-attr.description { padding: 10px 0; } .formbuilder-container .formbuilder-row { margin-bottom: 30px; padding: 15px 0; } .box-formbuilder .info { color: #f1703d; font-size: 13px; font-weight: 700; padding-bottom: 10px; text-transform: uppercase; } .box-formbuilder .info { color: #f1703d; font-size: 13px; font-weight: 700; text-transform: uppercase; } .box-formbuilder .info .lable { color: #bbb; font-size: 12px; font-weight: 400; } .formbuilder-form.animation { position: fixed; top: 100px; transition: all 0.6s; border: solid 1px #CCC; -webkit-box-shadow: 1px -1px 3px #888888; box-shadow: 1px -1px 3px #888888; z-index: 9999; background-color: #fff; padding: 0px 15px 10px; } .formbuilder-form.animation.animation-right { -webkit-box-shadow: 1px -1px 3px #888888; box-shadow: none; border-left: 0; box-shadow: -1px 1px 3px #888888; } .formbuilder-form.animation.animation-right .panelbutton { border-right: 0px; } .formbuilder-form .panelbutton { border: solid 1px #CCC; background: #FFF; padding: 2px 12px; position: absolute; right: -52px; top: 100px; border-left: none; cursor: pointer; font-size: 2em; } .formbuilder-form.animation.animation-right .panelbutton { left: -52px; right: auto; border-radius: 3px 0 0 3px; } .formbuilder-form .panelbutton:before { } .formbuilder-form .panelbutton { background: #1979c3 } .formbuilder-form.animation.animation-left.active { left: 0px !important; transition: all 0.6s; } .formbuilder-form.animation.animation-right.active { right: 0px !important; transition: all 0.6s; } .formbuilder-form.animation .form-content { overflow-y: auto; overflow-x: hidden; } .formbuilder-messages ul { list-style: none; padding: 0; margin: 0 } .formbuilder-messages ul li { margin-bottom: 2rem } .formbuilder-form .form-content > h2 { text-align: center } .form-list > .field { position: relative; } .subtemplate-wrapper .columns > label { font-weight: bold; } .subtemplate-inner { position: relative; } .formbuilder-form .formbuilder-button.button{ border: 1px solid #000; text-transform: uppercase; padding: 13px; } .newssign .formbuilder-form {margin-left: -15px; margin-top: 3vw} .newssign .formbuilder-form .formbuilder-button.button{ float: right; width: calc(50% - 15px); margin-top: 1.5vw; } .assistform { position: relative; } .assistform .formbuilder-form .formbuilder-button.button { width: 100%; margin: 0; } .formbuilder-form .formbuilder-button.button span { padding: 0; margin: 0; line-height: 100%; } .formbuilder-form .g-recaptcha { margin: 10px 0; } .form-fieldtype-price .form-currency{ position: absolute; top: 20%; z-index: 9; left: 2%; } .form-fieldtype-price .input-box { position: relative; float: left; width: 100%; } .form-fieldtype-price .input-box input{ padding-left: 30px; } .formbuilder-form .form-list .field.hidden { display: block !important; clear: both; height: 1px; visibility: hidden; line-height: 1px; margin-bottom: 0; min-height: 0; } .formbuilder-form .form-list .row{ margin-bottom: 5px; margin-left: -15px; margin-right: -15px; } @media (min-width: 768px) { .hospstyle .formbuilder-form textarea { margin-top: 10px; padding: 5px 10px; margin-bottom: 10px; } .hospstyle .response-field-address .zipcode { margin-bottom: 10px; } .hospstyle .newssign .formbuilder-form .form-list .field:last-of-type > div > div { float: left; } .hospstyle .formbuilder-form .buttons-set, .assistform .formbuilder-form .buttons-set { position: absolute; bottom: 15px; right: 12px; z-index: 100; width: 30%; padding: 0; margin: 0; } } @media (max-width: 768px){ .hospstyle .newslft { width: 680px; } } @media screen and (max-width: 980px){ #sitemap .column { width: 100%; } } @media (max-width: 1900px) { .hospstyle .newssign.grid .studiotxt { padding: 2.5vw 4.5vw; } } @media (min-width: 1440px) and (max-width: 1920px) { .hospstyle .response-field-address .zipcode { margin-bottom: 0px; } } @media (max-width: 1440px) { .hospstyle .newssign .formbuilder-form .form-list .field { min-height: 45px; } .hospstyle .formbuilder select {margin-bottom: 20px} .hospstyle .formbuilder-form textarea {margin-top: 22px;} .hospstyle .response-field-address .zipcode { margin-bottom: 0px; } } @media (max-width: 1280px) { .hospstyle .newssign .formbuilder-form .form-list .field { /*min-height: 40px;*/ } .hospstyle .formbuilder select {margin-bottom: 15px} .hospstyle .formbuilder-form textarea {margin-top: 15px;} .newssign .formbuilder label.checklabel { letter-spacing: 0; } }/* Alert block */ .scommerce-gdpr-cookienotice{padding: 5px 0; font: 12px/18px Arial, Helvetica, sans-serif; text-align: center} .scommerce-gdpr-cookienotice .message{max-width: 960px; margin: 0 auto;} .scommerce-gdpr-cookienotice .message span.cookie-title{display: block; font-size: 16px; font-weight: bold; margin: 0.4em 0 0;} .scommerce-gdpr-cookienotice .message a{color: #f90; text-decoration: underline;} .scommerce-gdpr-cookienotice .message a:hover{text-decoration: underline;} .scommerce-gdpr-cookienotice .message .close a{font-size: 16px; text-decoration: none; font-weight: bold;} .scommerce-gdpr-cookienotice .message .close a:hover{text-decoration: underline;} .scommerce-gdpr-disabled {pointer-events: none;opacity: 0.4;} .scommerce-gdpr-bottom-position {position: fixed;width: 100%;z-index: 1000;bottom: 0;left: 0;} .scommerce-gdpr-top-position {width: 100%; z-index: 1000;} #newsletter-validate-detail .scommerce_gdpr_privacy_consent_newsletter label {position:relative;} /* Delete account attention block */ .scommerce-gdpr-attention-message {color: red;} #js-cookienotice p { color: #fff; font-size: 1em; margin-bottom: 0; max-width: 1200px; margin: 0 auto; } #js-cookienotice .accept, #js-cookienotice .decline { display: inline-block; padding: 0 10px; margin-top: 10px; } .scommerce-gdpr-cookienotice{ padding: 20px 0; z-index: 999999; } .scommerce-gdpr-cookienotice .message { max-width: 100%; margin: 0 20px; padding: 20px 0 !important; border: 1px solid #fff; } .scommerce-gdpr-cookienotice .message span.cookie-title{ margin-bottom: 10px; } .scommerce-gdpr-cookienotice .message a{ margin-top:10px; display: block; } #js-gdpr-accept, #js-gdpr-decline{ margin-top: 0; }/** * Owl Carousel v2.2.0 * Copyright 2013-2016 David Deutsch * Licensed under MIT (https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE) */ /* * Owl Carousel - Core */ .owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; /* position relative and z-index fix webkit rendering fonts issue */ position: relative; z-index: 1; } .owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; } .owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; } .owl-carousel .owl-stage-outer { position: relative; overflow: hidden; /* fix for flashing background */ -webkit-transform: translate3d(0px, 0px, 0px); } .owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; } .owl-carousel .owl-item img { display: block; width: 100%; -webkit-transform-style: preserve-3d; } .owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled { display: none; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-loaded { display: block; } .owl-carousel.owl-loading { opacity: 0; display: block; } .owl-carousel.owl-hidden { opacity: 0; } .owl-carousel.owl-refresh .owl-item { visibility: hidden; } .owl-carousel.owl-drag .owl-item { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .owl-carousel.owl-grab { cursor: move; cursor: grab; } .owl-carousel.owl-rtl { direction: rtl; } .owl-carousel.owl-rtl .owl-item { float: right; } /* No Js */ .no-js .owl-carousel { display: block; } /* * Owl Carousel - Animate Plugin */ .owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .owl-carousel .owl-animated-in { z-index: 0; } .owl-carousel .owl-animated-out { z-index: 1; } .owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } @keyframes fadeOut { 0% { opacity: 1; } 100% { opacity: 0; } } /* * Owl Carousel - Auto Height Plugin */ .owl-height { transition: height 500ms ease-in-out; } /* * Owl Carousel - Lazy Load Plugin */ .owl-carousel .owl-item .owl-lazy { opacity: 0; transition: opacity 400ms ease; } .owl-carousel .owl-item img.owl-lazy { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; } /* * Owl Carousel - Video Plugin */ .owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; } .owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("../../frontend/Jola/jolatheme/en_US/Ves_All/lib/owl.carousel/assets/owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; transition: -webkit-transform 100ms ease; transition: transform 100ms ease; } .owl-carousel .owl-video-play-icon:hover { -webkit-transform: scale(1.3, 1.3); -ms-transform: scale(1.3, 1.3); transform: scale(1.3, 1.3); } .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; } .owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; transition: opacity 400ms ease; } .owl-carousel .owl-video-frame { position: relative; z-index: 1; height: 100%; width: 100%; } /*! * Bootstrap v3.3.4 (http://getbootstrap.com) * Copyright 2011-2015 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE) */ /*! * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=335bf7d52918f3a2c58f) * Config saved to config.json and https://gist.github.com/335bf7d52918f3a2c58f */ /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-rounded { border-radius: 6px; } .img-thumbnail { padding: 4px; line-height: 1.42857143; background-color: #ffffff; border: 1px solid #dddddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; display: inline-block; max-width: 100%; height: auto; } .img-circle { border-radius: 50%; } hr { margin-top: 20px; margin-bottom: 20px; border: 0; border-top: 1px solid #eeeeee; } .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } [role="button"] { cursor: pointer; } .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float: left; } .col-xs-12 { width: 100%; } .col-xs-11 { width: 91.66666667%; } .col-xs-10 { width: 83.33333333%; } .col-xs-9 { width: 75%; } .col-xs-8 { width: 66.66666667%; } .col-xs-7 { width: 58.33333333%; } .col-xs-6 { width: 50%; } .col-xs-5 { width: 41.66666667%; } .col-xs-4 { width: 33.33333333%; } .col-xs-3 { width: 25%; } .col-xs-2 { width: 16.66666667%; } .col-xs-1 { width: 8.33333333%; } .col-xs-pull-12 { right: 100%; } .col-xs-pull-11 { right: 91.66666667%; } .col-xs-pull-10 { right: 83.33333333%; } .col-xs-pull-9 { right: 75%; } .col-xs-pull-8 { right: 66.66666667%; } .col-xs-pull-7 { right: 58.33333333%; } .col-xs-pull-6 { right: 50%; } .col-xs-pull-5 { right: 41.66666667%; } .col-xs-pull-4 { right: 33.33333333%; } .col-xs-pull-3 { right: 25%; } .col-xs-pull-2 { right: 16.66666667%; } .col-xs-pull-1 { right: 8.33333333%; } .col-xs-pull-0 { right: auto; } .col-xs-push-12 { left: 100%; } .col-xs-push-11 { left: 91.66666667%; } .col-xs-push-10 { left: 83.33333333%; } .col-xs-push-9 { left: 75%; } .col-xs-push-8 { left: 66.66666667%; } .col-xs-push-7 { left: 58.33333333%; } .col-xs-push-6 { left: 50%; } .col-xs-push-5 { left: 41.66666667%; } .col-xs-push-4 { left: 33.33333333%; } .col-xs-push-3 { left: 25%; } .col-xs-push-2 { left: 16.66666667%; } .col-xs-push-1 { left: 8.33333333%; } .col-xs-push-0 { left: auto; } .col-xs-offset-12 { margin-left: 100%; } .col-xs-offset-11 { margin-left: 91.66666667%; } .col-xs-offset-10 { margin-left: 83.33333333%; } .col-xs-offset-9 { margin-left: 75%; } .col-xs-offset-8 { margin-left: 66.66666667%; } .col-xs-offset-7 { margin-left: 58.33333333%; } .col-xs-offset-6 { margin-left: 50%; } .col-xs-offset-5 { margin-left: 41.66666667%; } .col-xs-offset-4 { margin-left: 33.33333333%; } .col-xs-offset-3 { margin-left: 25%; } .col-xs-offset-2 { margin-left: 16.66666667%; } .col-xs-offset-1 { margin-left: 8.33333333%; } .col-xs-offset-0 { margin-left: 0%; } @media (min-width: 768px) { .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float: left; } .col-sm-12 { width: 100%; } .col-sm-11 { width: 91.66666667%; } .col-sm-10 { width: 83.33333333%; } .col-sm-9 { width: 75%; } .col-sm-8 { width: 66.66666667%; } .col-sm-7 { width: 58.33333333%; } .col-sm-6 { width: 50%; } .col-sm-5 { width: 41.66666667%; } .col-sm-4 { width: 33.33333333%; } .col-sm-3 { width: 25%; } .col-sm-2 { width: 16.66666667%; } .col-sm-1 { width: 8.33333333%; } .col-sm-pull-12 { right: 100%; } .col-sm-pull-11 { right: 91.66666667%; } .col-sm-pull-10 { right: 83.33333333%; } .col-sm-pull-9 { right: 75%; } .col-sm-pull-8 { right: 66.66666667%; } .col-sm-pull-7 { right: 58.33333333%; } .col-sm-pull-6 { right: 50%; } .col-sm-pull-5 { right: 41.66666667%; } .col-sm-pull-4 { right: 33.33333333%; } .col-sm-pull-3 { right: 25%; } .col-sm-pull-2 { right: 16.66666667%; } .col-sm-pull-1 { right: 8.33333333%; } .col-sm-pull-0 { right: auto; } .col-sm-push-12 { left: 100%; } .col-sm-push-11 { left: 91.66666667%; } .col-sm-push-10 { left: 83.33333333%; } .col-sm-push-9 { left: 75%; } .col-sm-push-8 { left: 66.66666667%; } .col-sm-push-7 { left: 58.33333333%; } .col-sm-push-6 { left: 50%; } .col-sm-push-5 { left: 41.66666667%; } .col-sm-push-4 { left: 33.33333333%; } .col-sm-push-3 { left: 25%; } .col-sm-push-2 { left: 16.66666667%; } .col-sm-push-1 { left: 8.33333333%; } .col-sm-push-0 { left: auto; } .col-sm-offset-12 { margin-left: 100%; } .col-sm-offset-11 { margin-left: 91.66666667%; } .col-sm-offset-10 { margin-left: 83.33333333%; } .col-sm-offset-9 { margin-left: 75%; } .col-sm-offset-8 { margin-left: 66.66666667%; } .col-sm-offset-7 { margin-left: 58.33333333%; } .col-sm-offset-6 { margin-left: 50%; } .col-sm-offset-5 { margin-left: 41.66666667%; } .col-sm-offset-4 { margin-left: 33.33333333%; } .col-sm-offset-3 { margin-left: 25%; } .col-sm-offset-2 { margin-left: 16.66666667%; } .col-sm-offset-1 { margin-left: 8.33333333%; } .col-sm-offset-0 { margin-left: 0%; } } @media (min-width: 992px) { .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float: left; } .col-md-12 { width: 100%; } .col-md-11 { width: 91.66666667%; } .col-md-10 { width: 83.33333333%; } .col-md-9 { width: 75%; } .col-md-8 { width: 66.66666667%; } .col-md-7 { width: 58.33333333%; } .col-md-6 { width: 50%; } .col-md-5 { width: 41.66666667%; } .col-md-4 { width: 33.33333333%; } .col-md-3 { width: 25%; } .col-md-2 { width: 16.66666667%; } .col-md-1 { width: 8.33333333%; } .col-md-pull-12 { right: 100%; } .col-md-pull-11 { right: 91.66666667%; } .col-md-pull-10 { right: 83.33333333%; } .col-md-pull-9 { right: 75%; } .col-md-pull-8 { right: 66.66666667%; } .col-md-pull-7 { right: 58.33333333%; } .col-md-pull-6 { right: 50%; } .col-md-pull-5 { right: 41.66666667%; } .col-md-pull-4 { right: 33.33333333%; } .col-md-pull-3 { right: 25%; } .col-md-pull-2 { right: 16.66666667%; } .col-md-pull-1 { right: 8.33333333%; } .col-md-pull-0 { right: auto; } .col-md-push-12 { left: 100%; } .col-md-push-11 { left: 91.66666667%; } .col-md-push-10 { left: 83.33333333%; } .col-md-push-9 { left: 75%; } .col-md-push-8 { left: 66.66666667%; } .col-md-push-7 { left: 58.33333333%; } .col-md-push-6 { left: 50%; } .col-md-push-5 { left: 41.66666667%; } .col-md-push-4 { left: 33.33333333%; } .col-md-push-3 { left: 25%; } .col-md-push-2 { left: 16.66666667%; } .col-md-push-1 { left: 8.33333333%; } .col-md-push-0 { left: auto; } .col-md-offset-12 { margin-left: 100%; } .col-md-offset-11 { margin-left: 91.66666667%; } .col-md-offset-10 { margin-left: 83.33333333%; } .col-md-offset-9 { margin-left: 75%; } .col-md-offset-8 { margin-left: 66.66666667%; } .col-md-offset-7 { margin-left: 58.33333333%; } .col-md-offset-6 { margin-left: 50%; } .col-md-offset-5 { margin-left: 41.66666667%; } .col-md-offset-4 { margin-left: 33.33333333%; } .col-md-offset-3 { margin-left: 25%; } .col-md-offset-2 { margin-left: 16.66666667%; } .col-md-offset-1 { margin-left: 8.33333333%; } .col-md-offset-0 { margin-left: 0%; } } @media (min-width: 1200px) { .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float: left; } .col-lg-12 { width: 100%; } .col-lg-11 { width: 91.66666667%; } .col-lg-10 { width: 83.33333333%; } .col-lg-9 { width: 75%; } .col-lg-8 { width: 66.66666667%; } .col-lg-7 { width: 58.33333333%; } .col-lg-6 { width: 50%; } .col-lg-5 { width: 41.66666667%; } .col-lg-4 { width: 33.33333333%; } .col-lg-3 { width: 25%; } .col-lg-2 { width: 16.66666667%; } .col-lg-1 { width: 8.33333333%; } .col-lg-pull-12 { right: 100%; } .col-lg-pull-11 { right: 91.66666667%; } .col-lg-pull-10 { right: 83.33333333%; } .col-lg-pull-9 { right: 75%; } .col-lg-pull-8 { right: 66.66666667%; } .col-lg-pull-7 { right: 58.33333333%; } .col-lg-pull-6 { right: 50%; } .col-lg-pull-5 { right: 41.66666667%; } .col-lg-pull-4 { right: 33.33333333%; } .col-lg-pull-3 { right: 25%; } .col-lg-pull-2 { right: 16.66666667%; } .col-lg-pull-1 { right: 8.33333333%; } .col-lg-pull-0 { right: auto; } .col-lg-push-12 { left: 100%; } .col-lg-push-11 { left: 91.66666667%; } .col-lg-push-10 { left: 83.33333333%; } .col-lg-push-9 { left: 75%; } .col-lg-push-8 { left: 66.66666667%; } .col-lg-push-7 { left: 58.33333333%; } .col-lg-push-6 { left: 50%; } .col-lg-push-5 { left: 41.66666667%; } .col-lg-push-4 { left: 33.33333333%; } .col-lg-push-3 { left: 25%; } .col-lg-push-2 { left: 16.66666667%; } .col-lg-push-1 { left: 8.33333333%; } .col-lg-push-0 { left: auto; } .col-lg-offset-12 { margin-left: 100%; } .col-lg-offset-11 { margin-left: 91.66666667%; } .col-lg-offset-10 { margin-left: 83.33333333%; } .col-lg-offset-9 { margin-left: 75%; } .col-lg-offset-8 { margin-left: 66.66666667%; } .col-lg-offset-7 { margin-left: 58.33333333%; } .col-lg-offset-6 { margin-left: 50%; } .col-lg-offset-5 { margin-left: 41.66666667%; } .col-lg-offset-4 { margin-left: 33.33333333%; } .col-lg-offset-3 { margin-left: 25%; } .col-lg-offset-2 { margin-left: 16.66666667%; } .col-lg-offset-1 { margin-left: 8.33333333%; } .col-lg-offset-0 { margin-left: 0%; } } .clearfix:before, .clearfix:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after { content: " "; display: table; } .clearfix:after, .container:after, .container-fluid:after, .row:after { clear: both; } .center-block { display: block; margin-left: auto; margin-right: auto; } .pull-right { float: right !important; } .pull-left { float: left !important; } .hide { display: none !important; } .show { display: block !important; } .invisible { visibility: hidden; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .hidden { display: none !important; } .affix { position: fixed; } @-ms-viewport { width: device-width; } .visible-xs, .visible-sm, .visible-md, .visible-lg { display: none !important; } .visible-xs-block, .visible-xs-inline, .visible-xs-inline-block, .visible-sm-block, .visible-sm-inline, .visible-sm-inline-block, .visible-md-block, .visible-md-inline, .visible-md-inline-block, .visible-lg-block, .visible-lg-inline, .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .visible-xs { display: block !important; } table.visible-xs { display: table; } tr.visible-xs { display: table-row !important; } th.visible-xs, td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm { display: block !important; } table.visible-sm { display: table; } tr.visible-sm { display: table-row !important; } th.visible-sm, td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md { display: block !important; } table.visible-md { display: table; } tr.visible-md { display: table-row !important; } th.visible-md, td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .visible-lg { display: block !important; } table.visible-lg { display: table; } tr.visible-lg { display: table-row !important; } th.visible-lg, td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .hidden-md { display: none !important; } } @media (min-width: 1200px) { .hidden-lg { display: none !important; } } .visible-print { display: none !important; } @media print { .visible-print { display: block !important; } table.visible-print { display: table; } tr.visible-print { display: table-row !important; } th.visible-print, td.visible-print { display: table-cell !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } }@charset "UTF-8"; /*! * animate.css -http://daneden.me/animate * Version - 3.5.1 * Licensed under the MIT license - http://opensource.org/licenses/MIT * * Copyright (c) 2016 Daniel Eden */ .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}@media (min-width:426px) and (max-width:1024px) { .page-header .header-inner .sections.nav-sections{ top: 148px !important; } } @media only screen and (max-width:1024px){ .page-header .header-inner .nav-toggle {z-index: 999999;} .page-header .header-inner .h-search-wrapper { top: 139px; position: absolute; } .page-header .header-inner .sections.nav-sections{ z-index: 99999999; top: 95px; } .page-header .header-inner .mobyes a.logo img { object-fit: cover; } .page-header .nav-toggle, .page-header .nav-sections {display: block;} .ves-megamenu .dropdown-menu a {line-height: 45px;position: relative;} .page-header .nav-sections-item-title, .page-header .nav-sections-item-content > * {display: block;} .page-header .nav-sections-items:before, .page-header .nav-sections-items:after { content: ''; display: table; } .nav-sections-items { position: relative; z-index: 1; } .navigation { padding: 0; } .navigation .parent .level-top { position: relative; display: block; text-decoration: none; } .navigation .parent .level-top:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .parent .level-top:after { position: absolute; right: 7px; top: -8px; } .navigation .parent .level-top.ui-state-active:after { content: '\e621'; } .nav-sections { -webkit-overflow-scrolling: touch; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: -80%; left: calc(-1 * (100% - 54px)); overflow: auto; position: fixed; top: 0; width: 80%; width: calc(100% - 54px); } .nav-sections .switcher { border-top: 1px solid #d1d1d1; font-size: 1.6rem; font-weight: 700; margin: 0; padding: .8rem 3.5rem .8rem 2rem; } .nav-sections .switcher .label { display: block; margin-bottom: 5px; } .nav-sections .switcher:last-child { border-bottom: 1px solid #d1d1d1; } .nav-sections .switcher-trigger strong { position: relative; display: block; text-decoration: none; } .nav-sections .switcher-trigger strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-sections .switcher-trigger strong:after { position: absolute; right: -40px; top: -16px; } .nav-sections .switcher-trigger.active strong:after { content: '\e621'; } .nav-sections .switcher-dropdown { margin: 0; padding: 0; list-style: none none; padding: 10px 0; } .nav-sections .header.links { margin: 0; padding: 0; list-style: none none; border-bottom: 1px solid #d1d1d1; } .nav-sections .header.links li { font-size: 1.6rem; margin: 0; } .nav-sections .header.links li.greet.welcome { border-top: 1px solid #d1d1d1; font-weight: 700; padding: 0.8rem 20px; } .nav-sections .header.links li > a { border-top: 1px solid #d1d1d1; } .nav-sections .header.links a, .nav-sections .header.links a:hover { color: #575757; text-decoration: none; display: block; font-weight: 700; padding: 0.8rem 20px; } .nav-sections .header.links .header.links { border: 0; } .nav-before-open { height: 100%; overflow-x: hidden; width: 100%; } .nav-before-open .page-wrapper { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: 0; overflow: hidden; position: relative; } .nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100%; } .nav-open .page-wrapper { left: 80%; left: calc(100% - 54px); } .nav-open .nav-sections { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; z-index: 99; top:43px; } .nav-open .nav-toggle:after { background: rgba(0, 0, 0, 0.5); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 95px; width: 100%; z-index: 1; } .nav-sections-items { position: relative; z-index: 1; } .nav-sections-items:before, .nav-sections-items:after { content: ''; display: table; } .nav-sections-items:after { clear: both; } .nav-sections-item-title { background: #e8e8e8; border: solid #dbdbdb; border-width: 0 0 1px 1px; box-sizing: border-box; float: left; height: 71px; padding-top: 24px; text-align: center; width: 33.33%; } .nav-sections-item-title.active { background: transparent; border-bottom: 0; } .nav-sections-item-title .nav-sections-item-switch:hover { text-decoration: none; } .nav-sections-item-content { box-sizing: border-box; float: right; margin-left: -100%; margin-top: 71px; width: 100%; padding: 25px 0; } .nav-sections-item-content:before, .nav-sections-item-content:after { content: ''; display: table; } .nav-sections-item-content:after { clear: both; } .nav-sections-item-content.active { display: block; } .navigation { background: #f5f5f5; box-sizing: border-box; } .navigation ul { margin: 0; padding: 0; } .navigation li { margin: 0; } .navigation a { display: block; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 15px; } .navigation a, .navigation a:hover { color: #575757; text-decoration: none; } .navigation .level0 { border-top: 0px solid #d1d1d1; font-size: 1.6rem; } .ves-menu .navigation .level0 .submenu {border: 0} .navigation .level0 > .level-top { font-weight: 700; padding: 8px 40px 8px 15px; text-transform: uppercase; word-wrap: break-word; } .navigation .level0.active .all-category .ui-state-focus { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; padding-left: 7px; display: inline-block; } .navigation .level0 > .level1 { font-weight: 600; } .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) { border-color: #ff5501; border-style: solid; border-width: 0 0 0 0px; } .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { margin-left: 0px; } .navigation li.level0:last-child { border-bottom: 1px solid #d1d1d1; } .navigation .submenu > li { word-wrap: break-word; } .navigation .submenu:not(:first-child) { font-weight: 400; line-height: 1.3; left: auto !important; overflow-x: hidden; padding: 0; position: relative; top: auto !important; transition: left 0.3s ease-out; text-transform: uppercase; } .navigation .submenu:not(:first-child) > li > a { padding-left: 15px; } .navigation .submenu:not(:first-child) > li:last-child { margin-bottom: 0; } .navigation .submenu:not(:first-child) ul { display: block; padding-left: 15px; } .navigation .submenu:not(:first-child) ul > li { margin: 0; } .navigation .submenu:not(:first-child) ul > li a { color: #575757; display: block; line-height: normal; } .navigation .submenu:not(:first-child).expanded { display: block !important; padding-right: 0; top: 0 !important; } .ves-menu .navigation .submenu:not(:first-child) .active > a { border-color: #fff; border-style: solid; border-width: 0 0 0 0px; padding-left: 20px; } .navigation .submenu:not(:first-child) .level1.active > a { padding-left: 20px; } } .ves-menu { padding: 0; margin: 0; } .ves-megamenu { padding: 0; float: left; width: 100%; background: #f0f0f0; } .ves-menu .ves-megamenu { padding: 0 } .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar, .ves-megamenu .dropdown-menu .content-wrap .megamenu-content { float: left; } .ves-megamenu .dropdown-menu { border: 0 none; color: #333; display: block; margin-top: 0; padding: 20px; min-width: 230px; } .ves-megamenu .dropdown-menu a { color: #333; padding: 0; } .ves-megamenu .dropdown > .dropdown-menu { top: 100%; } .ves-megamenu .dropdown.submenu-alignleft > .dropdown-menu { left: 0; right: auto; } .ves-megamenu .dropdown.submenu-alignright > .dropdown-menu { right: 0; left: auto; } .ves-megamenu .dropdown.submenu-left { position: relative; } .ves-megamenu .dropdown.submenu-right { position: static; } .ves-megamenu .dropdown.submenu-right > .dropdown-menu { left: auto !important; right: 0 !important; background: red; } .ves-megamenu .dropdown-menu .subgroup > a > .caret { display: none; } .ves-megamenu .dropdown-menu .subgroup a { color: #333; font-weight: normal; text-transform: none; } .ves-megamenu .dropdown-menu .subgroup>.submenu { box-shadow: none; } .ves-megamenu .dropdown-menu .subgroup .dropdown-mega { display: block; position: static; } .ves-megamenu .dropdown-menu .subgroup.level1 > .dropdown-mega { padding: 20px; max-width: 100%; min-width: auto; } .ves-megamenu .dropdown-menu .subgroup.level1 > a { color: #333; display: block; font-weight: bold; text-transform: uppercase; padding-left: 20px; } .ves-megamenu .dropdown-menu .subgroup .subgroup .dropdown-mega a { color: #888; } .ves-megamenu .dropdown-menu .subgroup.level1 > .submenu > .content-wrap > .megamenu-content { margin: 10px 0; } .ves-megamenu .dropdown-menu .megamenu-header { border-bottom: 0px solid #e6e6e6; float: left; margin-bottom: 20px; padding-bottom: 12px; width: 100%; } .ves-megamenu li.level0 > a { position: relative; line-height: 45px; float: left; color: #333; font-weight: bold; text-transform: uppercase; } .ves-megamenu li.level0 .nav-anchor > img { margin-bottom: -4px; } .ves-megamenu li.level0.gvlogo .nav-anchor > img { margin-bottom:2px; } .ves-megamenu .nav-item > a { line-height: 45px; padding: 0 20px; } .ves-megamenu .opener { position: absolute; right: 0; padding: 18px; top: 0; font: normal normal normal 14px/1 'FontAwesome'; } .ves-megamenu .opener:before { content: "\f067" } .ves-megamenu .opener.item-active:before { content: "\f068"; } .ves-megamenu img:hover { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .cat-label { color: #fff; font-size: 14px; padding: 0 4px; text-transform: none; vertical-align: middle; font-weight: normal; } .cat-label-v1 { background: #5bd2ec none repeat scroll 0 0; } .cat-label-v2 { background: #d52462 none repeat scroll 0 0; } .cat-label-v3 { background: #0cc485 } .cat-label.pin-top { line-height: 16px; padding: 0 4px; position: absolute; right: 20px; top: -10px; } .cat-label.pin-top::before { border-color: transparent; border-style: solid; border-width: 4px; content: ""; height: 0; position: absolute; right: 6px; top: 16px; width: 0; } .cat-label-v1.pin-top::before { border-top-color: #5bd2ec; } .cat-label-v2.pin-top::before { border-top-color: #d52462; } .ves-megamenu .megamenu-widget .product-item-info { text-align: center; } .ves-megamenu .megamenu-widget .block-title strong { font-weight: 700; } .ves-megamenu .megamenu-widget .owl-item img { float: none; margin: auto; } .ves-megamenu .owl-carousel > .owl-stage-outer { padding-top: 10px; padding-left: 10px; } .ves-megamenu .megamenu-widget .block-title { text-transform: uppercase; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #e5e5e5; font-size: 1.5em; line-height: 1.2222em; } .ves-megamenu .products-widget { position: relative; margin: 0; } .ves-megamenu .products-widget .owl-nav { position: absolute; right: 0; top: 0; z-index: 888; } .ves-megamenu .products-widget .owl-nav a { float: left; width: 20px; cursor: pointer; border: 1px solid transparent; padding: 0; text-align: center; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; font-size: 18px; } .ves-megamenu .products-widget .owl-nav a:hover { color: #f00; border-color: #f00 } .ves-megamenu .products-widget .product-block .product-item-info { margin-bottom: 0; } .products-widget .owl-nav.disabled { display: none; } .ves-megamenu .megamenu-header .links li, .ves-megamenu .megamenu-footer .links li { display: inline-block; padding: 0 5px } .ves-megamenu .dynamic-items a { width: 100%; float: left; padding-top: 0 !important; padding-bottom: 0 !important; } .ves-megamenu .dynamic-content > .nav-item { display: none; } .ves-megamenu .dynamic-items li > a > .caret { position: absolute; right: 20px; top: 20px; border-left: 4px dashed; border-left: 4px solid\9; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } .ves-megamenu .dynamic-items li:hover { cursor: pointer; } .ves-megamenu .dynamic-content > .nav-item.dynamic-active { display: block } .ves-megamenu .dropdown-menu .megamenu-footer { float: left; margin-top: 20px; width: 100%; } .ves-megamenu .megamenu-widget .owl-item .product-item { width: 100% !important; } .ves-megamenu .megamenu-widget .product-item { text-align: center; } .ves-megamenu .product-item .product-item-actions { margin: 0; } .ves-megamenu .onsale { background: #5bd2ec; color: #FFF; text-transform: uppercase; padding: 0px 4px; } .ves-megamenu .reviews-actions { display: none; } .new-icon { background: #d52462; color: #FFF; text-transform: uppercase; padding: 0px 4px; } .ves-megamenu .product-item .product-item-name { font-weight: bold; } .feature-box-v3 .fbox-icon .icons { border-radius: 50%; padding: 20px 28px; } .feature-box-v3 .fbox-icon .icons.icons-plain { width: auto; height: auto; line-height: 100% } .feature-box-v3 .fa:before { font-size: 30px } .fbox-icon a { text-align: center; display: inline-table !important; background: #f1f1f1; border-radius: 50%; } .fbox-icon { text-align: center; } .ves-megamenu .product-image-container { max-width: 180px; } .ves-megamenu li { list-style: none; margin: 0; } .ves-megamenu.ves-vertical { border: 1px solid #DDD; border-top: 0; } .ves-megamenu.ves-vertical li.level0 { position: static !important; } .ves-megamenu.ves-vertical li.level0>.submenu { box-shadow: none; border: 1px solid #DDD; border-radius: 1px; } .ves-menu > .block-title { margin: 0; text-align: center; padding: 10px; background: #333; color: #FFF; text-transform: uppercase; } .ves-megamenu li:not(.level0).active>a { background: #333; } .ves-menu .navigation .level0 .submenu { background: none; } .ves-menu .navigation .level0 > .submenu { background: #FFF; } .ves-menu .submenu .products-grid .product-item-photo { padding: 0; float: left; width: 100%; text-align: center; } .ves-menu .level0 .submenu .products-grid a { padding: 0 } .navigation .level0 .submenu .products-grid a:hover { background: none; } .ves-megamenu .level0 {float:none;} .ves-megamenu .level0 .products-grid .product-item .product-item-actions { margin: 10px 0 10px; } .ves-megamenu .level0 .products-grid .product-item .product-item-actions .actions-secondary > .action { color: #999 } .ves-megamenu .level0 .products-grid .product-item .product-item-actions .actions-secondary > .action:hover { color: #333 } .ves-megamenu .level0 .products-grid .product-item .product-item-name { font-weight: 400; } .ves-megamenu .icon { position: absolute; right: 10px; color: #FFF; z-index: 999; } .ves-megamenu .row { margin-left: -15px; margin-right: -15px; } .ves-megamenu .submenu .megamenu-sidebar.right-sidebar a, .ves-megamenu .submenu .megamenu-sidebar.left-sidebar a { padding: 0; } .nav-sections.scroll-to-fixed-fixed .cat-label.pin-top { top: 2px; } .ves-megamenu iframe { max-width: 100%; } .ves-megamenu .level0 .submenu { z-index: 99; } .ves-menu.navigation > ul { background: #f0f0f0; padding: 0; } .ves-menu.navigation { position: static } .navigation .ves-megamenu .level1 .submenu { background: transparent; z-index: 999; } @media (min-width: 768px) and (max-width: 992px) { .ves-menu .dorgin-items, .ves-menu .dynamic-items, .ves-menu .dynamic-content { display: block !important } } @media only screen and (min-width: 1025px) { .ves-megamenu .mega-col { float: left; } .ves-column1 > .item-content1 > .mega-col { width: 100%; } .ves-column2 > .item-content1 > .mega-col { width: 50%; } .ves-column3 > .item-content1 > .mega-col { width: 33.3333%; } .ves-column4 > .item-content1 > .mega-col { width: 25%; } .ves-column5 > .item-content1 > .mega-col { width: 20%; } .ves-column6 > .item-content1 > .mega-col { width: 16.6666%; } .ves-column7 > .item-content1 > .mega-col { width: 14.2857%; } .ves-column8 > .item-content1 > .mega-col { width: 12.5%; } .ves-column9 > .item-content1 > .mega-col { width: 11.1111%; } .ves-column10 > .item-content1 > .mega-col { width: 10%; } .ves-column11 > .item-content1 > .mega-col { width: 9.0909%; } .ves-column12 > .item-content1 > .mega-col { width: 8.3333%; } .nav-sections-item-content.scroll-to-fixed-fixed { width: 100% !important; background: #f0f0f0; } .ves-menu .navigation .level0 > .submenu { border: 1px solid #ccc; box-shadow: 0 5px 5px rgba(0,0,0,0.19); } .ves-menu.mgm-widget .navigation { z-index: auto; } .menu-click.ves-vertical .orgin-items.hidden-lg { display: block !important } .navigation .ves-megamenu .level0 .submenu .submenu-right .submenu { left: auto !important; right: 80% !important; background: red; } .ves-megamenu .dynamic-content > .nav-item > .content-wrap { float: left; width: 100%; } .ves-megamenu .level0 .megamenu-widget > .carousel > .products-grid .product-item { width: 100%; } .ves-megamenu .level0 .megamenu-widget > .carousel > .carousel-inner > .item { padding-left: 10px } .ves-megamenu .level0 .submenu .dynamic-items li, .navigation .ves-megamenu .level0 .submenu .dynamic-items li { float: left; width: 100% } .ves-megamenu .level0 .submenu .dynamic-items > ul > li > a { padding: 10px 0 !important; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-indent: 10px; float: left; width: 100%; position: relative; margin: 0; } .ves-megamenu .level0 .submenu .dynamic-items > ul > li > a:hover { background: #FFF } .ves-megamenu .level0 .submenu .dynamic-items li a:hover { border-right-color: #FFF } .navigation .ves-megamenu .submenu .feature-box a { padding: 0; } .megamenu-title { display: none; } .ves-navbar { display: none; } .menu-click.ves-vertical .caret, .ves-megamenu .opener { display: none; } .menu-click.ves-vertical .opener { display: block; } .ves-megamenu .level0 .submenu { min-width: 230px; } .ves-vertical-right.ves-vertical .level0 > a > .caret { left: 0; border-right: 4px solid black; border-left: 0; } .ves-vertical-right.ves-vertical .dropdown > .dropdown-menu { right: 100%; left: auto !important; } .ves-vertical .caret { position: absolute; right: 18px; top: 50%; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid black; } /* VERTICAL */ .ves-vertical li.level0>a { width: 100%; } .ves-vertical li.level0 { width: 100% } .ves-vertical .dropdown > .dropdown-menu { left: 100% !important; top: 0; } .ves-megamenu.ves-vertical .dropdown.submenu-left { position: relative; } .ves-megamenu.ves-vertical .subhover:hover .dropdown-menu { top: 0; } /* VERTICAL */ .ves-megamenu .level0 .submenu .dynamic-items ul { padding: 0; float: left; width: 100%; } .navigation .ves-megamenu .level0 .submenu .submenu, .ves-megamenu .subgroup > .submenu { padding: 0; width: 100%; } .navigation .ves-megamenu .level0 .level2 .submenu .submenu, .ves-megamenu .level0 .level2 .subgroup > .submenu { padding-left: 15px; } .ves-megamenu .product-item a { display: inline-block !important; } .navigation .ves-megamenu .level0 .submenu .submenu { left: 70% !important; } .ves-megamenu .level0 .submenu .submenu { border: 0; left: 70% !important; float: left; } .ves-megamenu .level0 { float: left; } .nav-sections-item-content .ves-menu { display: block } .ves-megamenu.menu-hover li .dropdown-menu { position: absolute; } .level0 .submenu a:hover, .level0 .submenu a.ui-state-focus { background: none; } .ves-megamenu .level0 .submenu a { padding: 0; } .ves-megamenu .level0 .nav-item>a { padding: 0 20px; line-height: 45px; } .level0 .submenu { min-width: auto } .level0 .submenu { position: static; } .ves-megamenu { position: relative; display: inline-block; margin: 0; padding: 0; } .ves-megamenu.menu-hover .nav-item:hover>.dropdown-menu { display: block } .ves-megamenu a:hover { text-decoration: none; } .ves-megamenu.menu-hover .dropdown:hover > .dropdown-menu { display: block; z-index: 99; } .ves-megamenu.menu-hover .subhover:hover .dropdown-menu { padding: 20px; } .dynamic-items li:hover, .dynamic-items li.dynamic-active { border-right: transparent; } .ves-megamenu .level0 .submenu .dynamic-items > ul > li.dynamic-active > a { border-right-color: transparent } .dynamic-items li:hover .caret, .ves-megamenu .dropdown-menu, .dynamic-items li.dynamic-active .caret { display: none; } .ves-megamenu li.level0:hover > a { background: #333; color: #FFF; } .ves-megamenu .level0>.dropdown-mega { width: 100%; display: block; top: 100%; } .ves-megamenu .dropdown-menu { padding: 20px; } .ves-megamenu.menu-click .mega-col, .ves-megamenu.menu-click .dropdown-menu .content-wrap .megamenu-sidebar, .ves-megamenu.menu-click .dropdown-menu .content-wrap .megamenu-content, .ves-megamenu.menu-click .dropdown-menu .megamenu-footer, .ves-megamenu.menu-click .dropdown-menu .megamenu-header { float: left; width: 100% !important; } .ves-megamenu.menu-click .level0 .submenu, .ves-megamenu.menu-click .level0 .dropdown-submenu .submenu { max-width: 100%; border-radius: 0; box-shadow: none; display: none; position: static; } .ves-megamenu.menu-click li, .ves-megamenu.menu-click img, .ves-megamenu.menu-click video, .ves-megamenu.menu-click iframe { max-width: 100% } .ves-megamenu.menu-click .dropdown-menu .subgroup.level1 > .dropdown-mega { width: 100% } .ves-megamenu.menu-click .submenu, .ves-megamenu.menu-click .subgroup .submenu { padding-left: 20px; display: none; padding-right: 0; padding-top: 0; padding-bottom: 0; } .ves-megamenu.menu-click .level0 .submenu { width: 100%; } .ves-megamenu.menu-click .level0 > .submenu { padding-right: 10px; } .orgin-items { display: none; } .ves-megamenu.menu-click .orgin-items { display: block } .ves-megamenu.menu-click .dorgin-items { display: none; } .feature-box:hover .icons { background: #ef2840; color: #fff; } } .navigation ul .level0:last-child { margin-right: 0; } @media only screen and (max-width: 1025px) { .ves-menu .carousel-indicators { padding: 20px; width: auto; } .ves-menu .carousel-indicators li { padding: 10px; height: auto; display: inline-block; float: left; } .ves-menu .carousel-inner .item { text-align: center } .ves-menu .product-items.owl-carousel { width: 100% !important; max-width: 100%; } .ves-menu .level0 .submenu { width: 100% !important; position: relative; } .ves-menu .navigation .level0 > .submenu { width: 100% !important; display: none; padding-left: 0; } .ves-menu .block-title { display: none; } .megamenu-title { display: block; } .ves-megamenu.nav-mobile .dropdown-menu .subgroup.level1 > a { padding-left: 0; } .ves-nav-before-open { height: 100%; width: 100% } .ves-nav-before-open .page-wrapper { -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; transition: left .3s; height: 100%; left: 0; overflow: hidden; position: relative } .ves-nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100% } .ves-navopen .page-wrapper { left: 80%; left: calc(100% - 54px) } .ves-navopen .offcanvas-menu, .ves-navopen .drill-down-menu { -webkit-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -moz-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -ms-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); z-index: 99 } .ves-navopen .nav-toggle:after { background: rgba(0,0,0,0.01); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1 } .offcanvas-menu { -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; transition: left .3s; height: 100%; left: calc(-1 * (100% - 53px)); overflow: auto; position: fixed; top: 0; width: calc(100% - 54px); background: #f0f0f0; } .ves-navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; background-color: #222; border-color: #080808; } .ves-navbar { display: block; padding-left: 15px; } .ves-navtoggle { display: inline-block; text-decoration: none; cursor: pointer; display: block; font-size: 0; position: absolute; top: 15px; z-index: 10; float: left; top: 10%; } .ves-navtoggle:before { -webkit-font-smoothing: antialiased; font-size: 28px; line-height: inherit; color: #FFF; content: '\e609'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center } .ves-navtoggle:hover:before{ color: #FFF; } .ves-navtoggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .dorgin-items { display: none; } .orgin-items { display: block } .ves-megamenu .dropdown-menu .subgroup.level1 > .dropdown-mega { padding: 0 0 0 20px; } .ves-megamenu .level0 .submenu .submenu { background: none; position: relative; } .ves-megamenu .products-widget .owl-nav a { padding: 5px 15px; width: auto; font-size: 20px; } .ves-megamenu .products-widget .owl-nav { width: 80px; } .ves-megamenu img, .ves-megamenu video, .ves-megamenu iframe { max-width: 100% } .nav-mobile .nav-item.level1 { padding-left: 20px; } .ves-megamenu.nav-mobile .submenu, .ves-megamenu.nav-mobile .subgroup .submenu { padding-left: 20px; display: none; } .nav-mobile .submenu { max-width: 100% !important; } .nav-mobile .nav-item > a { padding: 0; width: 100%; float: left; } .nav-mobile li a { /* position: relative; */ width: 100%; width: auto; } .nav-mobile .caret { display: none; } .nav-mobile { background-color: #f8f8f8; float: left; } .nav-mobile li { float: left; position: relative !important; border-bottom: 1px solid #e5e5e5; } .ves-megamenu.ves-vertical li.level0, .nav-mobile .nav-item { width: 100% !important; position: relative !important; } .nav-mobile .cat-label.pin-top{ top: 2px } .submenu.dropdown-menu { position: relative; padding: 0; border-radius: 0; box-shadow: none; } .nav-mobile .submenu { border: 0; padding: 0; transition: left .3s ease-out; width: 100%; background: #f8f8f8; } .nav-mobile li.level0 > a { padding: 0 20px; position: static; line-height: 51px; float: left; color: #333; font-weight: bold; text-transform: uppercase; } .nav-mobile .dropdown-menu .content-wrap .megamenu-sidebar, .nav-mobile .dropdown-menu .content-wrap .megamenu-content, .nav-mobile .dropdown-menu .megamenu-footer, .nav-mobile .dropdown-menu .megamenu-header { float: left; width: 100% !important; margin-bottom: 0; } .ves-overlay { position: absolute; width: 100%; height: 100%; z-index: 80; top: 0; background: rgba(0, 0, 0, 0.701961); left: 0; display: none; } .offcanvas-menu, .drill-down-menu { padding-top: 30px; } .ves-megamenu .opener.item-active { background: rgba(0,0,0, 0.05) } .nav-mobile.hide-blocks .megamenu-header, .nav-mobile.hide-blocks .megamenu-sidebar, .nav-mobile.hide-blocks .megamenu-footer { display: none; } .nav-mobile .megamenu-title { padding-left: 20px; padding-bottom: 20px; font-size: 20px; } .nav-mobile li a { width: auto } } /** Bootstrap Carousel */ .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; padding-top: 0; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner .item:first-child { padding-top: 10px; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: relative; float: left; width: 100%; bottom: 0; left: 0; right: 0; top: 0; margin: 0; padding: 0; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #1979c3; border-radius: 10px; } .carousel-indicators .active { background-color: #1979c3; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } .ves-megamenu .carousel-controls { position: absolute; top: 20px; right: 10px; width: 62px; } .ves-megamenu .submenu .carousel-control.left, .ves-megamenu .submenu .carousel-control.right { border: 1px solid rgba(0, 0, 0, 0.1); text-shadow: none; top: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 12px; position: absolute; background: #f5f5f5; color: #333333; opacity: 1; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; line-height: 1.5em; } .ves-megamenu .submenu .carousel-control.left:before, .ves-megamenu .submenu .carousel-control.right:before { top: 0; position: absolute } .carousel-control.left:hover, .carousel-control.right:hover { background: #ee2f2f; color: white; } .ves-megamenu .submenu .carousel-control.left:hover, .ves-megamenu .submenu .carousel-control.right:hover { background-color: #000000; color: #ffffff; } .ves-megamenu .submenu .carousel-control.left:hover:before, .ves-megamenu .submenu .carousel-control.right:hover:before { color: #ffffff; } html.nav-before-open { overflow: hidden; } .ves-megamenu * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 1025px) { .view-submenu.ves-megamenu , .view-submenu.submenu{ -webkit-transform: translateX(-100%); transform: translateX(-100%); } .drill-down-menu .submenu.dropdown-menu { position: absolute; } .drill-down-menu { opacity: 0; transition: background-color 0.25s ease-out 0s, opacity 0.15s ease-out 0s; } .visually-hidden { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .is-visible .ves-navdrilldown span::before { bottom: auto; transform: rotate(45deg); } .ves-navdrilldown span::before, .ves-navdrilldown span::after { background-color: #ededed; border-radius: 100px; content: ""; height: 100%; position: absolute; transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; width: 100%; } .drill-down-menu.is-visible { opacity: 1; } .ves-drill-down.ves-menu { overflow: hidden; } .navdrilldown .drill-down-menu .submenu { position: absolute; left: 100% !important; } .navdrilldown .drill-down-menu .submenu:not(:first-child), .ves-drill-down-menu .navigation .submenu:not(:first-child) { overflow-x: visible!important; } .navdrilldown { position: relative; } .hide-submenu { position: absolute; top: 0; left: 0; width: 60px; height: 100%; cursor: pointer; background-color: #313131; -webkit-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; } .view-submenu .hide-submenu { background-color: #3e3e3e; z-index: 9999; } .hide-submenu::before { border-bottom: 2px solid #ededed; border-right: 2px solid #ededed; bottom: 0; content: ""; cursor: pointer; font-size: 0; height: 6px; left: 0; margin: auto; opacity: 0; padding: 4px; position: absolute; right: -6px; top: 0; transform: rotate(135deg); transition: opacity 0.1s ease-out 0s; width: 6px; } .view-submenu .hide-submenu::before { opacity: 1; transition: opacity 0.15s ease-out 0.3s; } .ves-navdrilldown { align-items: center; bottom: 0; cursor: pointer; display: flex; left: 18px; margin: auto; position: absolute; top: 0; } .ves-navdrilldown span::before { bottom: calc(100% + 6px); } .ves-navdrilldown span::before, .ves-navdrilldown span::after { background-color: #ededed; border-radius: 100px; content: ""; height: 100%; position: absolute; transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; width: 100%; } .ves-navdrilldown span::after { top: calc(100% + 6px); } .ves-navdrilldown span::before, .ves-navdrilldown span::after { background-color: #ededed; border-radius: 100px; content: ""; height: 100%; position: absolute; transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; width: 100%; } .ves-navdrilldown span { align-self: center; background-color: #ededed; border-radius: 100px; font-size: 0; height: 2px; position: relative; transition: background-color 0.2s ease-out 0s; width: 26px; } .is-visible .ves-navdrilldown span:after { top: auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .is-visible .ves-navdrilldown span:before { bottom: auto; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .is-visible .ves-navdrilldown span { background-color: transparent; } .block .fa-arrow-right { cursor: pointer; display: block; height: 30px; line-height: 30px; position: absolute; right: 0; text-align: center; top: 2px; width: 30px; } .navdrilldown ul.drill-down-menu, ul.drill-down-menu .submenu.dropdown-menu { background-color: #313131 !important; color: #ededed; border: 0px !important; padding: 0; } ul.drill-down-menu.nav-mobile li.level0 > a, ul.drill-down-menu.ves-megamenu .dropdown-menu a { color: #ededed; text-decoration: none; } ul.drill-down-menu.nav-mobile li.level0 > a:hover { text-decoration: none; } .navbar.ves-navbar, ul.drill-down-menu.nav-mobile li.level0 { border: 0px; } ul.drill-down-menu.ves-megamenu .dropdown-menu a { margin-left: 80px; } .ves-drill-down-menu.ves-menu .level0 .submenu { left: 100% !important; position: absolute; } .ves-drill-down-menu.ves-menu .level0 > .submenu { top: 0px!important; } .ves-drill-down-menu .ves-megamenu.nav-mobile .dropdown-menu .megamenu-header, .ves-drill-down-menu .megamenu-content { padding-left: 40px; } .ves-drill-down-menu .ves-megamenu img:hover { transition: none; } .ves-drill-down-menu .hide-submenu { width: 40px; background-color: #006bb4; } } @media(max-width: 1200px) and (min-width: 1025px) { .ves-megamenu .nav-item > a { padding: 0 10px; } .filter-options-content {margin-left: 10px;} .page-products .filter-options-title {padding-left: 10px; padding-right: 25px} } @media(max-width: 1025px){ .ves-megamenu .dropdown-menu .subgroup.level1 > a{ position:relative!important; } } @media only screen and (max-width: 1025px){ .view-submenu.ves-megamenu, .ves-drill-down-menu .submenu, .ves-drill-down-menu .dropdown-submenu { -webkit-transform: translateX(0px); transform: translateX(0px); } .ves-drill-down-menu .ves-megamenu.view-submenu, .ves-drill-down-menu .submenu.view-submenu, .ves-drill-down-menu .dropdown-submenu.view-submenu { transform: translateX(-100%); } } .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out}.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px,0,0)}.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;-webkit-transform-style:preserve-3d}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{display:none}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-item img{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../frontend/Jola/jolatheme/en_US/Ves_ImageSlider/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}@charset "UTF-8"; /*! Animate.css - http://daneden.me/animate Version - 3.4.0 Licensed under the MIT license - http://opensource.org/licenses/MIT Copyright (c) 2015 Daniel Eden */ .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; } .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; } @-webkit-keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } @keyframes bounce { from, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 70% { -webkit-animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -15px, 0); transform: translate3d(0, -15px, 0); } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); } } .bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; } @-webkit-keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } @keyframes flash { from, 50%, to { opacity: 1; } 25%, 75% { opacity: 0; } } .flash { -webkit-animation-name: flash; animation-name: flash; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes pulse { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .pulse { -webkit-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes rubberBand { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 30% { -webkit-transform: scale3d(1.25, 0.75, 1); transform: scale3d(1.25, 0.75, 1); } 40% { -webkit-transform: scale3d(0.75, 1.25, 1); transform: scale3d(0.75, 1.25, 1); } 50% { -webkit-transform: scale3d(1.15, 0.85, 1); transform: scale3d(1.15, 0.85, 1); } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1); } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; } @-webkit-keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } @keyframes shake { from, to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } } .shake { -webkit-animation-name: shake; animation-name: shake; } @-webkit-keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } @keyframes swing { 20% { -webkit-transform: rotate3d(0, 0, 1, 15deg); transform: rotate3d(0, 0, 1, 15deg); } 40% { -webkit-transform: rotate3d(0, 0, 1, -10deg); transform: rotate3d(0, 0, 1, -10deg); } 60% { -webkit-transform: rotate3d(0, 0, 1, 5deg); transform: rotate3d(0, 0, 1, 5deg); } 80% { -webkit-transform: rotate3d(0, 0, 1, -5deg); transform: rotate3d(0, 0, 1, -5deg); } to { -webkit-transform: rotate3d(0, 0, 1, 0deg); transform: rotate3d(0, 0, 1, 0deg); } } .swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; } @-webkit-keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes tada { from { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg); } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg); } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg); } to { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .tada { -webkit-animation-name: tada; animation-name: tada; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } @keyframes wobble { from { -webkit-transform: none; transform: none; } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg); } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg); } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg); } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg); } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg); } to { -webkit-transform: none; transform: none; } } .wobble { -webkit-animation-name: wobble; animation-name: wobble; } @-webkit-keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } @keyframes jello { from, 11.1%, to { -webkit-transform: none; transform: none; } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); } 66.6% { -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg); transform: skewX(-0.78125deg) skewY(-0.78125deg); } 77.7% { -webkit-transform: skewX(0.390625deg) skewY(0.390625deg); transform: skewX(0.390625deg) skewY(0.390625deg); } 88.8% { -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg); transform: skewX(-0.1953125deg) skewY(-0.1953125deg); } } .jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; } @-webkit-keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } @keyframes bounceIn { from, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 60% { opacity: 1; -webkit-transform: scale3d(1.03, 1.03, 1.03); transform: scale3d(1.03, 1.03, 1.03); } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97); } to { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } } .bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInDown { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(0, -3000px, 0); transform: translate3d(0, -3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, 25px, 0); transform: translate3d(0, 25px, 0); } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } to { -webkit-transform: none; transform: none; } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInLeft { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } 0% { opacity: 0; -webkit-transform: translate3d(-3000px, 0, 0); transform: translate3d(-3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(25px, 0, 0); transform: translate3d(25px, 0, 0); } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } @keyframes bounceInRight { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(3000px, 0, 0); transform: translate3d(3000px, 0, 0); } 60% { opacity: 1; -webkit-transform: translate3d(-25px, 0, 0); transform: translate3d(-25px, 0, 0); } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0); } to { -webkit-transform: none; transform: none; } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes bounceInUp { from, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); } from { opacity: 0; -webkit-transform: translate3d(0, 3000px, 0); transform: translate3d(0, 3000px, 0); } 60% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0); } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9); } 50%, 55% { opacity: 1; -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1); } to { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } } .bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, -20px, 0); transform: translate3d(0, -20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes bounceOutLeft { 20% { opacity: 1; -webkit-transform: translate3d(20px, 0, 0); transform: translate3d(20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes bounceOutRight { 20% { opacity: 1; -webkit-transform: translate3d(-20px, 0, 0); transform: translate3d(-20px, 0, 0); } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } 40%, 45% { opacity: 1; -webkit-transform: translate3d(0, 20px, 0); transform: translate3d(0, 20px, 0); } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { from { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDownBig { from { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeftBig { from { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { from { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRightBig { from { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { from { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpBig { from { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } to { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } @keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes fadeOutDown { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } @keyframes fadeOutDownBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, 2000px, 0); transform: translate3d(0, 2000px, 0); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes fadeOutLeft { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } @keyframes fadeOutLeftBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(-2000px, 0, 0); transform: translate3d(-2000px, 0, 0); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes fadeOutRight { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } @keyframes fadeOutRightBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(2000px, 0, 0); transform: translate3d(2000px, 0, 0); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes fadeOutUp { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } @keyframes fadeOutUpBig { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(0, -2000px, 0); transform: translate3d(0, -2000px, 0); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } @keyframes flip { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg); transform: perspective(400px) rotate3d(0, 1, 0, -360deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) scale3d(.95, .95, .95); transform: perspective(400px) scale3d(.95, .95, .95); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; } @-webkit-keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInX { from { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg); transform: perspective(400px) rotate3d(1, 0, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg); transform: perspective(400px) rotate3d(1, 0, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; } @-webkit-keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } @keyframes flipInY { from { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; opacity: 0; } 40% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg); transform: perspective(400px) rotate3d(0, 1, 0, -20deg); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } 60% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg); transform: perspective(400px) rotate3d(0, 1, 0, 10deg); opacity: 1; } 80% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg); transform: perspective(400px) rotate3d(0, 1, 0, -5deg); } to { -webkit-transform: perspective(400px); transform: perspective(400px); } } .flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; } @-webkit-keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } @keyframes flipOutX { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg); transform: perspective(400px) rotate3d(1, 0, 0, -20deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg); transform: perspective(400px) rotate3d(1, 0, 0, 90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; } @-webkit-keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } @keyframes flipOutY { from { -webkit-transform: perspective(400px); transform: perspective(400px); } 30% { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg); transform: perspective(400px) rotate3d(0, 1, 0, -15deg); opacity: 1; } to { -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg); transform: perspective(400px) rotate3d(0, 1, 0, 90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; } @-webkit-keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } @keyframes lightSpeedIn { from { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; } 60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); opacity: 1; } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); opacity: 1; } to { -webkit-transform: none; transform: none; opacity: 1; } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } @-webkit-keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } @keyframes lightSpeedOut { from { opacity: 1; } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; } @-webkit-keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateIn { from { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, -200deg); transform: rotate3d(0, 0, 1, -200deg); opacity: 0; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } @keyframes rotateInUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -90deg); transform: rotate3d(0, 0, 1, -90deg); opacity: 0; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } @keyframes rotateOut { from { -webkit-transform-origin: center; transform-origin: center; opacity: 1; } to { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: rotate3d(0, 0, 1, 200deg); transform: rotate3d(0, 0, 1, 200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } @keyframes rotateOutDownLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutDownRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } @keyframes rotateOutUpLeft { from { -webkit-transform-origin: left bottom; transform-origin: left bottom; opacity: 1; } to { -webkit-transform-origin: left bottom; transform-origin: left bottom; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } @keyframes rotateOutUpRight { from { -webkit-transform-origin: right bottom; transform-origin: right bottom; opacity: 1; } to { -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } @keyframes hinge { 0% { -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate3d(0, 0, 1, 80deg); transform: rotate3d(0, 0, 1, 80deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; } 40%, 80% { -webkit-transform: rotate3d(0, 0, 1, 60deg); transform: rotate3d(0, 0, 1, 60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; } to { -webkit-transform: translate3d(0, 700px, 0); transform: translate3d(0, 700px, 0); opacity: 0; } } .hinge { -webkit-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes rollIn { from { opacity: 0; -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg); } to { opacity: 1; -webkit-transform: none; transform: none; } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } @keyframes rollOut { from { opacity: 1; } to { opacity: 0; -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg); } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; } @-webkit-keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } @keyframes zoomIn { from { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } 50% { opacity: 1; } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; } @-webkit-keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInDown { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; } @-webkit-keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInLeft { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; } @-webkit-keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInRight { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; } @-webkit-keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomInUp { from { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } 60% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; } @-webkit-keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } @keyframes zoomOut { from { opacity: 1; } 50% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); } to { opacity: 0; } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; } @-webkit-keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutDown { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; } @-webkit-keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } @keyframes zoomOutLeft { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; transform-origin: left center; } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; } @-webkit-keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } @keyframes zoomOutRight { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); } to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px, 0, 0); transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; transform-origin: right center; } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; } @-webkit-keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } @keyframes zoomOutUp { 40% { opacity: 1; -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190); } to { opacity: 0; -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1); } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; } @-webkit-keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInDown { from { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; } @-webkit-keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInLeft { from { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; } @-webkit-keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInRight { from { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; } @-webkit-keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } @keyframes slideInUp { from { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible; } to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; } @-webkit-keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } @keyframes slideOutDown { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; } @-webkit-keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } @keyframes slideOutLeft { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; } @-webkit-keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } @keyframes slideOutRight { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; } @-webkit-keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } @keyframes slideOutUp { from { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } to { visibility: hidden; -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }.imageslider-widget { text-align: center; } .imageslider-widget ul { padding: 0; } .imageslider-widget { padding: 0; margin: 0; list-style: none; } .sidebar .ves-block{clear: both;float: none;} .ves-blog h1 { font-size: 32px; line-height: 40px; margin-top: 33px; margin-bottom: 23px } .ves-blog h2 { font-size: 27px; line-height: 38px; margin-top: 30px; margin-bottom: 20px } .ves-blog h3 { font-size: 22px; line-height: 30px; margin-top: 27px; margin-bottom: 17px } .ves-blog h4 { font-size: 19px; line-height: 29px; margin-top: 24px; margin-bottom: 14px } .ves-blog h5 { font-size: 17px; line-height: 25px; margin-top: 21px; margin-bottom: 11px } .ves-blog h6 { font-size: 16px; line-height: 24px; margin-top: 21px; margin-bottom: 11px } .ves-blog h1 > a, .ves-blog h2 > a, .ves-blog h3 > a, .ves-blog h4 > a, .ves-blog h5 > a, .ves-blog h6 > a { color: #111111; } .postcategory-view { margin-bottom: 20px; } .ves-block .stripe-line { background: url(../../frontend/Jola/jolatheme/en_US/Ves_Blog/images/stripe.png); height: 12px; overflow: hidden; margin-top: 5px; } .post-social ul { margin: 0; padding: 0; } .post-social ul li { display: inline-block } .ves-blog ul li, .ves-block ul li { list-style: none; } .blog-icon.twitter { background-image: url("../../frontend/Jola/jolatheme/en_US/Ves_Blog/images/twitter.png"); width: 24px; height: 24px; display: inline-block; background-color: white; background-repeat: no-repeat; background-position: 50% 50%; background-color: transparent; } .blogcat-description { padding: 20px 0; line-height: 23px; } .ves-blog ul, .ves-block ul { margin: 0; padding: 0 } .ves-blog .block-title { margin: 0 0 20px; } .ves-blog .block-title strong { font-size: 18px; font-weight: 300; } .ves-blog .blog-list .post-item { float: left; padding: 20px 0 40px; background: #FFF; width: 100%; margin-bottom: 20px; border-bottom: 1px solid #ddd; } .blog-masonry { float: left; overflow: hidden; max-width: 100%; visibility: hidden; } .ves-blog .blog-grid .post-item .post-socials a{ margin-bottom: 0 } .ves-blog .blog-grid .post-item .post-tag{ margin: 10px 0 0 0; line-height: 25px; padding: 0 10px; } .ves-blog .blog-grid .post-item .post-socials, .ves-blog .blog-grid .post-item .post-title, .ves-blog .blog-masonry .post-item .post-title { font-size: 20px; margin: 10px 0 0 0; line-height: 25px; padding: 0 10px; } .ves-blog > .blog-masonry > .post-item .post-wrapper, .ves-blog > .blog-grid .post-item .post-wrapper{ background: #FAFAFA; float: left; width: 100%; -webkit-box-shadow: 0 0 3px #d9d9d9; -moz-box-shadow: 0 0 3px #d9d9d9; box-shadow: 0 0 3px #d9d9d9; } .ves-blog > .blog-masonry > .post-item { padding-top: 0 !important; border-bottom: 0; border-radius: 0; float: left; padding-bottom: 0 !important; /* padding-right: 0; */ } .ves-blog .blog-masonry .post-meta, .ves-blog .blog-grid .post-meta { padding: 0 10px; font-size: 13px; } .blog-posts li { list-style: none; } .ves-blog .blog-masonry iframe, .ves-blog .blog-grid iframe { height: auto; } .blog-posts iframe, .ves-block iframe, .ves-blog iframe, .ves-blog video { max-width: 100%; } .blog-tags, .blog-archive, .blog-recentcomments, .blog-cats, .recentposts-block { float: left; width: 100% } .ves-block a { color: #888 } .ves-block a:hover { text-decoration: none; color: #4db2ec } .recentposts-block .post-item .post-image { float: left; margin-right: 10px; width: 100px; } .recentposts-block .post-item { float: left; width: 100%; padding-bottom: 5px; padding-top: 5px; } .blog-archive .item { margin-bottom: 3px } .blog-archive .item a { text-transform: uppercase; letter-spacing: 1px; } .blog-archive .item a i { margin-right: 5px } .tagcloud { text-align: center; padding: 0; margin: 0; } .tagcloud li { display: inline; padding: 2px; margin-left: 10px; } .tag-count-1 { font-size: 1em !important; } .tag-count-2 { font-size: 1.2em !important; } .tag-count-3 { font-size: 1.4em !important; } .tag-count-4 { font-size: 1.6em !important; } .tag-count-5 { font-size: 1.8em !important; } .tag-count-6 { font-size: 2em !important; } .tag-count-7 { font-size: 2em !important; } .tag-count-8 { font-size: 2em !important; } .tag-count-9 { font-size: 2em !important; } .tag-count-10 { font-size: 2em !important; } .comments-list ul li { list-style: none; padding: 15px; float: left; width: 100% } .comments-list ul li .avatar { float: left; margin: 0 15px 10px 0; } .comments-list ul li .avatar img { border-radius: 50% } .comments-list ul { padding: 0; margin: 0 } .comments-list ul li span.comment-date { color: #888; font-size: 0.8em; font-weight: 400; } .comments-list ul li span.comment-author { white-space: nowrap; font-weight: bold; color: #000; } .comments-list li.odd { background: #F5F5F5; } .comments-list .comment-content { margin-left: 75px; } .blog-comments .pages { float: left; width: 100%; padding: 10px; text-align: center; } .blog-comments .comment-form { float: left; width: 100%; margin-top: 20px; padding-top: 20px; } .blog-comments iframe{ max-width: 100% !important; float: left; } .blog-comments .comment-notes { margin-top: 30px; margin-bottom: 30px; } .blog-comments .comment-form ul { padding: 0; margin: 0 } .blog-comments .comment-form ul li { list-style: none } .blog-comments label { font-weight: normal; display: inline-block; } .blog-comments .required em { float: right; color: red; } .blog-comments .input-text { border: 1px solid #CCC; border-radius: 2px; width: 50%; padding: 5px; } .blog-comments textarea.input-text { width: 100%; height: 150px; } .blog-comments { float: left; border-top: 1px solid #e5e5e5; margin-top: 20px; width: 100%; position: relative; } .blog-comments .action.rss{ position: absolute; top: 30px; right: 0 } .ves-block .blog-widget-content li, .ves-block .post-listing li { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #f2f2f2; } .products-related .product-item{ width: 100% !important } .ves-block .post-listing li:last-child{ border-bottom: 0; padding-bottom: 0; margin-bottom: 0 } #author-box > .block-title > h2{ margin: 0 } #author-box > .block-content .author-avatar{ float: left; margin-right: 20px } .vesblog-post-view #form-comment, .ves-block .blog-widget-content, #author-box > .block-content, .ves-block .post-listing, .products-related .block-content{ background: #FFF; border-bottom: 4px solid #4db2ec; -webkit-box-shadow: 0 0 3px #CACACA; -moz-box-shadow: 0 0 3px #cacaca; box-shadow: 0 0 3px #CACACA; float: left; width: 100%; padding: 10px; } /** POST PAGE **/ #author-box > .block-content{ margin-bottom: 30px; padding: 20px; } #author-box .block-content .fa-googleplus:before { content: "\f0d5"; } #author-box .author-social a i{ padding: 7px 9px; } #author-box .author-social a { margin: 0 5px 5px 0; text-align: center; background: #f1f1f1; color: #777; line-height: 0; } #author-box .author-social a:hover{ color: #FFF } #author-box .author-social a.social-googleplus:hover{ background: #fa0101 } #author-box .author-social a.social-twitter:hover{ background: #45b0e3 } #author-box .author-social a.social-facebook:hover{ background: #39599f } #author-box .author-social a.social-digg:hover{ background: #000 } #author-box .author-social a.social-dribbble:hover{ background: #d91b5b } #author-box .author-social a.social-flickr:hover{ background: #ff0084 } #author-box .author-social a.social-instagram:hover{ background: #3897f0 } #author-box .author-social a.social-linkedin:hover{ background: #65b7d2 } #author-box .author-social a.social-pinterest:hover{ background: #E00707 } #author-box .author-social a.social-reddit:hover{ background: #c51d1d } #author-box .author-social a.social-skype:hover{ background: #01aef2 } #author-box .author-social a.social-tumblr:hover{ background: #344b7f } #author-box .author-social a.social-vimeo:hover{ background: #1ab7ea } #author-box .author-social a.social-youtube:hover{ background: #d02020 } #author-box .author-social{ margin-top: 15px } #author-box .author-description{ font-size: 13px; } .vesblog-post-view .products-related .product-item{ width: 100%; } .vesblog-post-view #form-comment button{ background: #4db2ec; color: #FFF; box-shadow: none; border: 0; margin-top: 1rem; } .post-like{ float: left; width: 100%; margin-bottom: 40px; text-align: center; } .post-like .post-error{ color: #da2531; margin-top: 6px; font-weight: bold; } .post-like .post-success{ color: #8bc53f; margin-top: 6px; font-weight: bold; } .post-like a:hover{ text-decoration: none; } .post-like a{ padding: 15px 30px; text-transform: uppercase; color: #FFF; font-size: 18px; padding-left: 60px; font-weight: 600; display: inline-block; position: relative; } .post-like .vbtn-like{ background: url('../../frontend/Jola/jolatheme/en_US/Ves_Blog/images/like.png') no-repeat 10px center #0c6fff; } .post-like .vbtn-like:hover{ background-color: #0052cc } .post-like .vbtn-disklike{ background: url('../../frontend/Jola/jolatheme/en_US/Ves_Blog/images/disklike.png') no-repeat 10px center #45b7fe; } .post-like .vbtn-disklike:hover{ background-color: #1ba7fe } .vesblog-post-view #form-comment{ padding: 20px; overflow: hidden; } .vesblog-post-view textarea, .vesblog-post-view input{ background-color: #FAFAFA; } .vesblog-post-view textarea:focus, .vesblog-post-view input:focus{ outline: none; box-shadow: none; border-color: #4db2ec; } .vesblog-post-view .post-maincontent-wrapper{ float: left; padding: 20px; max-width: 100%; } .vesblog-post-view .post-meta-bottom{ clear: both; } .vesblog-post-view .post-meta-bottom .post-social.post-bottom { margin-bottom: 40px; margin-top: 30px; -webkit-box-shadow: 0 0 3px #CACACA; -moz-box-shadow: 0 0 3px #cacaca; box-shadow: 0 0 3px #CACACA; } .vesblog-post-view .post-meta-bottom .post-social.post-bottom > span { font-weight: 700; font-size: 14px; position: relative; vertical-align: middle; display: inline-block; float: left; padding: 20px; color: #FFF; background: #4db2ec; } .vesblog-post-view .post-meta-bottom .post-social.post-bottom > .addthis_toolbox{ border-bottom: 3px solid #4db2ec; padding-left: 100px; border-top: 1px solid #EAEAEA; border-right: 1px solid #EAEAEA; } .addthis_toolbox.addthis_default_style.addthis_32x32_style {} .vesblog-post-view .post-meta-bottom .post-tag a:hover:before { border-right-color: #4db2ec; } .vesblog-post-view .post-meta-bottom .post-social.post-bottom .addthis_toolbox a { display: inline-block; margin-bottom: 0; margin-right: 5px; margin-top: 15px; } .vesblog-post-view .post-meta-bottom .post-tag a:before { border-top: 12px solid transparent; border-right: 8px solid #444; border-bottom: 10px solid transparent; content: ""; height: 0; position: absolute; top: 0; left: -8px; width: 0; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .vesblog-post-view .post-meta-bottom .post-tag a:after { background-color: #fff; border-radius: 50%; content: ""; height: 4px; position: absolute; top: 8px; left: -2px; width: 4px; } .vesblog-post-view .post-content { padding: 20px 0 0; margin-bottom: 0; max-width: 100%; } .vesblog-post-view .post-content-wrap .post-meta { color: #888; margin: 7px 0; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; margin-bottom: 10px; } .vesblog-post-view .post-content-wrap{ float: left; background: #FFF; border-bottom: 4px solid #4db2ec; -webkit-box-shadow: 0 0 3px #CACACA; -moz-box-shadow: 0 0 3px #cacaca; box-shadow: 0 0 3px #CACACA; margin-bottom: 40px; max-width: 100%; overflow: hidden; } .vesblog-post-view .post-content-wrap .post-meta { float: left; width: 100%; } .vesblog-post-view .post-meta .post-author, .vesblog-post-view .post-meta .post-date, .vesblog-post-view .post-meta .post-comment, .vesblog-post-view .post-meta .post-categories, .vesblog-post-view .post-meta .post-hits { display: inline-block; margin-right: 10px; color: #888; } .vesblog-post-view .post-meta a { color: #888; } .vesblog-post-view .post-meta a:hover { color: #000 } .vesblog-post-view .post-meta-bottom .post-tag a:hover { background: #4db2ec; color: #FFF; text-decoration: none; } .vesblog-post-view .post-meta-bottom .post-tag a { background-color: #444; border-radius: 0 2px 2px 0; color: #fff; display: inline-block; font-size: 11px; line-height: 15px; margin: 0 0 2px 10px; padding: 4px 7px 3px; position: relative; text-transform: uppercase; -webkit-transition: all .2s linear; -moz-transition: all .2s linear; -ms-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; } .ves-block.blog-cats ul li li{ margin-bottom: 0; padding-bottom: 0 } .ves-block.blog-cats ul li{ border-bottom: 0; padding-bottom: 5px; margin-bottom: 5px; } .block.widget.posts-related .products-grid .product-item{ width: 100%; } .blog-posts.posts-related .post-listing{ padding: 20px 20px 10px 20px; margin-bottom: 40px; max-width: 100%; } .blog-posts.posts-related .block-content{ float: left; width: 100% } #author-box > .block-title > h2 > strong, .vesblog-post-view .comment-form > h2 strong, .blog-posts.posts-related .block-title strong{ font-size: 22px; text-transform: uppercase; background: #FFF; padding-right: .5em; } .vesblog-post-view .blog-posts.posts-related .block-title h2{ text-align: left; margin-bottom: 0; margin: 0; } .vesblog-post-view .posts-related { float: left; width: 100%; } .vesblog-post-view .posts-related .ves-post.post-item{ margin-bottom: 0; border-bottom: 0 } .vesblog-post-view .posts-related .post-image { margin-bottom: 10px; } .vesblog-post-view .posts-related .post-title a { color: #000 } .post-content { float: left; margin-bottom: 20px; line-height: 23px; } .owl-carousel .ves-post.post-item { padding: 0 10px; margin-bottom: 30px; } .blog-toolbar { margin-bottom: 10px; float: left; width: 100%; margin-top: 30px; } .blog-recentcomments .block-content ul li:last-child{ border-bottom: 0; margin-bottom: 0; padding-bottom: 0 } .blog-recentcomments .block-content li { border-bottom: 1px solid #f2f2f2; color: #888; margin-bottom: 10px; float: left; width: 100%; } .blog-recentcomments .block-content a:hover{ color: #4db2ec; } .blog-recentcomments .block-content a { color: #3d3d3d; font-size: 14px; padding-bottom: 5px; float: left; width: 100%; } .blog-cats .parent .head a { background: url("../../frontend/Jola/jolatheme/en_US/Ves_Blog/images/menu_down.gif") no-repeat scroll 0 0 #F6F6F6; color: #333; display: block; height: 15px; margin-top: 5px; padding: 0; width: 15px; } .blog-cats .children { display: none; padding-left: 15px; margin: 10px; margin-right: 0; } .blog-cats .opener.item-active i:before { content: "\f147"; } .blog-cats li { position: relative; } .blog-cats .opener { position: absolute; right: 0 } .blog-posts .owl-carousel { padding: 0; } .blog-posts .owl-nav, .blog-posts .owl-dots { text-align: center; margin-top: 10px; } .blog-posts .owl-nav.disabled, .blog-posts .owl-dots.disabled{ display: none } .blog-posts .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .blog-posts .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none } .blog-posts .owl-nav .disabled { opacity: .5; cursor: default } .blog-posts .owl-dots .owl-dot { display: inline-block; zoom:1; } .blog-posts .owl-dots .owl-dot span { width: 10px; height: 10px; margin: 5px 7px; background: #d6d6d6; display: block; -webkit-backface-visibility: visible; -webkit-transition: opacity 200ms ease; -moz-transition: opacity 200ms ease; -ms-transition: opacity 200ms ease; -o-transition: opacity 200ms ease; transition: opacity 200ms ease; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px } .owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span { background: #869791 } .blog-posts .block-title { width: 100%; } .blog-posts .block-title h2 { margin-bottom: 30px; text-align: center; } .blog-posts .post-item .post-block { margin-bottom: 30px; } .post-content img { max-width: 100%; height: auto; } .blog-grid .post-list .post-item { margin-bottom: 30px; float: left; width: 100%; padding-bottom: 0; } .ves-block .blog-widget-content .postags li { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #f5f5f5; display: inline-block; padding: 4px 6px !important; margin: 2px 0; font-size: 13px; text-transform: uppercase; margin-right: 3px; float: left; margin-bottom: 3px; } .ves-block .blog-widget-content .postags li:hover{ background: #4db2ec; color: #FFF; } .ves-block .blog-widget-content .postags li:hover a{ color: #FFF } .search-form input:focus { box-shadow: none; border-color: #4db2ec } .search-form input { width: 100%; padding: 8px 30px 8px 9px; transition: border-color .1s linear; height: auto; } .blog-searchform { position: relative; float: left; width: 100%; } .blog-searchform form{ float: left; width: 100%; position: relative; } .search-form button { background: #4db2ec; cursor: pointer; float: right; height: 38px; width: 38px; display: block; border: 0 none; box-shadow: none!important; padding: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: absolute; top: 0; right: 0; } .search-form button:hover { background: #2fa5e9 } .blog-searchform i:before { font-size: 18px; color: #FFF; } .blog-searchform form:after { content: " "; display: block; width: 0; height: 0; position: absolute; top: 13px; z-index: 2; right: 38px; border: 5px solid transparent; border-right-color: #4db2ec; } /** SIDEBAR */ .sidebar .post-list .post-item{ padding: 10px 0; } .vesblog-post-view .comment-form > h2, #author-box > .block-title, .posts-related .block-title, .sidebar .ves-block .block-title { text-align: left; background: #fff url(../../frontend/Jola/jolatheme/en_US/Ves_Blog/images/bg_divider.png) left center repeat-x; padding: 0; width: 100%; text-transform: uppercase; margin: 0; float: left; margin-bottom: 5px; } .blog-widget .block-title strong, .posts-related .block-title strong, .sidebar .ves-block .block-title strong { font-size: 17px; background: #fff; padding-right: .5em; } .sidebar .post-list .post-item i { margin-right: 2px } .sidebar .post-list .post-item .post-date, .sidebar .post-list .post-item .post-hits { font-size: 12px } .sidebar .post-list .post-item .post-meta { line-height: 16px; margin: 0; } .sidebar .post-list .post-item .post-title { font-size: 14px; margin: 0; line-height: inherit; margin-bottom: 5px; } .sidebar .post-list .post-item .post-title a{ color: #444; } .blog-grid .post-item .post-title{ font-size: 20px; margin: 10px 0 0 0; line-height: 25px; } .blog-grid { margin-bottom: 40px; } .blog-grid .row:first-child .post-item{ padding-top: 0 } .blog-masonry .post-summary, .blog-grid .post-summary { padding: 0 10px; } .post-list .post-readmore { float: left; padding-bottom: 10px; margin-left: 10px; } .post-list .post-tag a{ color: #444 } .post-list .post-tag a:hover{ text-decoration: underline; } /** STYLE 1**/ .post-list.postsstyle-style1 .post-readmore{ margin-left: 0 } .post-list.postsstyle-style1 .post-item .post-categories a { font-size: 10px; font-weight: 600; background-color: #222; color: #fff; padding: 6px 10px; display: block; float: left } .post-list.postsstyle-style1 .post-item .post-categories { margin-bottom: 0 } .post-list.postsstyle-style1 .post-item .post-categories a:hover { background: #4db2ec } .post-list.postsstyle-style1 .post-item .post-image { position: relative; } .post-list.postsstyle-style1 .post-item .post-categories { position: absolute; bottom: 0; z-index: 99; display: block; } /** STYLE 2 **/ .post-list.postsstyle-style2 .post-item .post-image { max-width: 35%; float: left; margin-right: 30px; position: relative; padding-left: 10px; } .post-list.postsstyle-style2 .post-item .post-wrapper{ padding-top: 10px } .post-list.postsstyle-style2 .post-item .post-title { margin-top: 0 } .post-list.postsstyle-style2 .post-item .post-summary { float: none } .post-list.postsstyle-style2 .post-item { margin-bottom: 50px; } /** STYLE3 **/ .post-list.postsstyle-style3 .post-item .post-title{ margin-bottom: 10px; } /** POST LIST **/ .post-list .post-item .post-comment:hover, .post-list .post-item .post-categories:hover, .post-list .post-item .post-author:hover{ color: #000 } .post-list .post-item .post-author a{ font-weight: normal; } .post-list .post-item .post-author a:hover{ color: #000 } .post-list .post-item .post-categories, .post-list .post-item .post-categories a, .post-list .post-item .post-author, .post-list .post-item .post-author a{ color: #888 } .post-list .post-item .post-hits, .post-list .post-item .post-categories, .post-list .post-item .post-author, .post-list .post-item .post-date{ margin-right: 5px; } .post-list .post-item .post-categories{ margin: 10px 0; display: initial; } .post-list .post-item .post-comment{ float: none; display: inline-block; color: #888 } .post-list .post-item .post-comment a { padding: 0; background: none; color: #888; } .post-list .post-item .post-comment a:after{ display: none } .post-list .blog-grid .post-item{ padding-right: 0 } .post-list .post-item{ padding-bottom: 30px; margin-bottom: 0; padding-top: 30px; line-height: 22px; padding-right: 20px; } .post-list .post-item a:hover { text-decoration: none } .post-list .post-author { display: inline-block; } .post-list .post-author a { color: #222; } .post-list .post-item .post-date { color: #888; display: inline-block; } .post-list .post-item .post-summary { color: #777; float: left; width: 100%; font-size: 13px; margin-bottom: 10px; } .post-list .post-item .post-readmore a { background-color: #4db2ec; color: #fff; display: inline-block; line-height: 1; padding: 10px 12px; -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .post-list .post-item .post-readmore a:hover { background-color: #222222 !important; text-decoration: none; } .post-list .post-item .post-comment a:after { position: absolute; bottom: -3px; left: 0; content: ''; width: 0; height: 0; border-style: solid; border-width: 3px 3px 0 0; border-color: #000 transparent transparent transparent; } .post-list .post-item .post-title a:hover { color: #4db2ec } .post-list .post-item .post-hits { display: inline-block; color: #888; } .post-list .post-item .post-meta { margin: 10px 0 } .post-list .post-item .post-categories span, .post-list .post-tag span { font-weight: bold } .post-list .post-item .post-categories a:hover { color: #000 -webkit-transition: background-color 0.4s; -moz-transition: background-color 0.4s; -o-transition: background-color 0.4s; transition: background-color 0.4s; } .post-list .post-item .post-image img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; float: left; transform-style: unset; max-width: 100%; } .post-list .post-item .post-image { overflow: hidden; } .post-list .post-image a:hover .overlay-icon:before { opacity: 1; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } .post-list .post-image.post-video a:hover .overlay-icon:before { content: "\f16a"; } .post-list .post-item .overlay-icon:before { content: '\f15c'; color: #FFF; display: block; position: absolute; top: 50%; left: 50%; border: 3px solid #FFF; border-radius: 100%; width: 40px; height: 40px; text-align: center; font-size: 18px; line-height: 35px; margin: -20px 0 0 -20px; opacity: 0; -webkit-backface-visibility: hidden; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .post-list .post-item .post-image a { background-color: #000; float: left; padding: 0; overflow: hidden; position: relative; width: 100%; } .post-list .post-item .post-image a:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); opacity: 0.3!important; } /** BLOG WIDGET **/ .blog-widget{ float: left; width: 100%; /* overflow: hidden; */ } .blog-widget .block-content:hover .owl-nav .owl-prev { opacity: 0.8; left: 5px; } .blog-widget .block-content:hover .owl-nav .owl-next { opacity: 0.8; right: 5px; } .blog-widget .owl-dots{ text-align: center; } .blog-widget .ves-post.post-item .post-wrapper{ border-bottom: 0; box-shadow: none; background: none } .blog-widget .ves-post.post-item{ padding: 0; float: left; background: none; overflow: hidden; -webkit-box-shadow: 0 0 3px #d9d9d9; -moz-box-shadow: 0 0 3px #d9d9d9; box-shadow: 0 0 3px #d9d9d9; } .blog-widget .block-title > h2 strong{ font-size: 20px; font-weight: bold } .blog-widget .block-title > h2{ margin: 0 } .blog-widget .block-title{ float: left; width: 100%; text-align: left; background: #fff url(../../frontend/Jola/jolatheme/en_US/Ves_Blog/images/bg_divider.png) left center repeat-x; padding: 0; margin: 0; text-transform: uppercase; float: left; margin-bottom: 5px; } .blog-widget .block-content{ float: left; width: 100%; margin-top: 5px; position: relative; } .blog-widget .owl-theme .owl-nav{ text-align: center } .blog-widget .disabled { display: none; } .blog-widget .owl-theme .owl-nav [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; z-index: 88; } .blog-widget .owl-theme .owl-nav [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none; } .blog-widget .owl-nav > div { width: 30px; height: 30px; margin: -15px 0 0; color: #FFF; display: block; position: absolute; top: 50%; cursor: pointer; opacity: 0; z-index: 2; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .blog-widget .owl-nav .owl-prev{ left: -30px; } .blog-widget .owl-nav .owl-next{ right: -30px; } /** WIDGET POST GRID1 */ .postsgrid1 .post-item.other-items .post-image { float: left; margin: 0 10px 0 0; } .postsgrid1 .post-item.other-items:hover{ background: #f2f2f2; } .postsgrid1 .ves-post.other-items{ background: #f7f7f7; } .postsgrid1 .ves-post.post-item.other-items .post-title{ font-size: 14px; margin: 0; padding: 0; line-height: 20px; } .postsgrid1 .ves-post.post-item{ margin-bottom: 0; float: left; width: 100%; border-top: 0; box-shadow: none; border-bottom: 1px solid #eaeaea; padding: 17px 20px; } .postsgrid1 .post-item.other-items .post-meta{ margin: 5px 0 } .postsgrid1 .post-item.first-items { border-bottom: 3px solid #eaeaea; } .postsgrid1 .ves-post.post-item .post-title, .postsgrid1 .ves-post.post-item .post-socials, .postsgrid1 .ves-post.post-item .post-meta, .postsgrid1 .ves-post.post-item .post-summary{ padding: 0; } .postsgrid1 .post-readmore{ margin-left: 0; padding-bottom: 0; } .postsgrid1 .block-content{ background: #FFF; border-bottom: 4px solid #4db2ec; -webkit-box-shadow: 0 0 3px #CACACA; -moz-box-shadow: 0 0 3px #cacaca; box-shadow: 0 0 3px #CACACA; } /** WIDGET STYLE 3 **/ .blog-widget-style3 .post-item.first-items{ border-bottom: 0 } .blog-widget-style3 .block-content{ padding: 20px } .blog-widget-style3 .ves-post.post-item{ padding: 0 } .blog-widget-style3 .ves-post.other-items{ margin-bottom: 12px } .blog-widget-style3 .ves-post.post-item{ background: none; border-bottom: 0 } .blog-widget-style3 .ves-post.post-item:hover{ background: none } /** WIDGET STYLE5 **/ .blog-widget-style5 .ves-post{ padding: 20px } .blog-widget-style5 .ves-post .post-item:first-child{ padding-top: 0 } .blog-widget-style5 .ves-post .post-item:hover{ background: none; } .blog-widget-style5 .ves-post .post-item{ background: none; padding: 25px 0 } .blog-widget-style5 .ves-post .post-item .post-summary{ float: none } .blog-widget-style5 .ves-post .post-item .post-image{ margin-right: 25px } .blog-widget-style5 .ves-post.post-item.other-items .post-title{ font-size: 20px; line-height: 25px } .blog-widget-style5 .post-socials{ display: inline-block } /** TIMELINE **/ .blog-widget-timeline.postsgrid1 .ves-post.post-item.other-items .post-title{ float: left; width: 100%; padding: 10px 0 15px; font-size: 20px } /** WIDGET TAB **/ .blog-widget-tab .nav-tabs>li>a{ border-radius: 0; box-shadow: none; border: 0; } .blog-widget-tab .nav-tabs>li.active>a{ box-shadow: none; border: 1px solid #CACACA; } /** PRODUCT PAGE */ .related-posts .ves-post.post-item{ border-bottom: 0; padding: 0 } .related-posts .block-content{ padding: 20px; } .related-posts .owl-theme .owl-controls{ margin-top: 30px; } @media all and (min-width: 768px) { .vesblog-page.page-layout-2columns-right .sidebar-main, .vesblog-page.page-layout-2columns-right .sidebar-additional, .vesblog-page.page-layout-2columns-left .sidebar-additional, .vesblog-page.page-layout-2columns-left .sidebar-main { width: 25%; } .vesblog-page.page-layout-2columns-right .column.main, .vesblog-page.page-layout-2columns-left .column.main { width: 75%; } } /** RTL **/ [dir=rtl] .ves-block{ text-align: right; } [dir=rtl] .sidebar .ves-block .block-title{ text-align: right; } [dir=rtl] .sidebar .ves-block .block-title strong{ padding-right: 0; padding-left: 5px } [dir=rtl] .post-list .post-readmore{ float: right } [dir=rtl] .blog-archive .item a, [dir=rtl] .ves-block .blog-widget-content .postags li{ float: right } [dir=rtl] .ves-block .blog-widget-content .postags li span{ float: left; } [dir=rtl] .recentposts-block .post-item .post-image{ float: right; margin-right: 0; margin-left: 10px } [dir=rtl] .blog-cats .opener{ right: auto; left: 0 } [dir=rtl] .page-main > .page-title-wrapper .page-title + .action{ float: left; } ul li .ves-timeline-col1::after { content: ''; position: absolute; height: 7px; width: 7px; background-color: #2fb4e0; top: 46px; right: -6px; border-radius: 15px; z-index: 10; border: solid 3px #f2f2f2; box-sizing: content-box; } ul li .ves-timeline-col2 { float: left; position: relative; width: 50%; } ul li .ves-timeline-col1, ul li .ves-timeline-col2 { float: left; position: relative; width: 50%; } ul li.ves-post{ list-style: outside none none; margin: 0 0 10px; overflow: hidden; float: left; width: 100%; } .ves-timeline-list-item .post-date { color: #999999; font-size: 15px; margin: 40px 20px 0; text-align: right; } .ves-timeline-list-item:nth-child(2n) .post-date { text-align: left; } ul.ves-timeline-ulist::before { background: #2fb4e0 none repeat scroll 0 0; content: ""; height: 100%; position: absolute; right: 50%; top: 0; width: 1px; z-index: 1; } .ves-timeline-list-item .ves-post::before { -moz-border-bottom-colors: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; border-color: transparent #f7f7f7 transparent transparent; border-image: none; border-style: solid; border-width: 8px; content: ""; left: -15px; position: absolute; top: 34px; } .ves-timeline-list-item .ves-post.post-item { width: auto; margin: 10px 20px; padding: 5px 10px; position: relative; overflow: visible; } ul li.ves-timeline-list-item:nth-child(2n) .ves-post::before { left: auto; right: -16px; border: solid 8px #f7f7f7; border-bottom: solid 8px transparent; border-top: solid 8px transparent; border-right: solid 8px transparent; } ul li.ves-timeline-list-item:nth-child(2n) .ves-timeline-col2 { float: right; } .post-next-post { text-align: right; } .block-span6 { width: 50%; } .block-row [class*="block-span"] { display: block; min-height: 1px; float: left; padding-right: 24px; padding-left: 24px; } .td-post-next-prev-content { display: inline-block; } /** Fix everythings **/ .block.blog-widget .product-items{ margin: 0 } .block.blog-widget .product-items .product-item-details{ text-align: center; } @media (max-width: 768px) { .blog-comments .input-text{ width: 100% } #author-box .author-social a{ float: left; margin-left: 5px; } } @media (max-width: 480px) { .ves-blog .blog-masonry { visibility: visible !important; } .blog-comments{ margin-bottom: 30px } .post-like{ text-align: left; } .post-like a{ width: 50%; float: left } .vesblog-post-view .post-meta-bottom .post-social.post-bottom .addthis_toolbox a{ margin-right: 0 } .post-list .post-item{ padding-right: 0; } } .latestposts-filter .is-selected{ background-color: #f3793b !important;color: #fff !important;} .latestposts-filter .button-group .button:hover{ background-color: #f3793b !important;color: #fff !important;} .latestposts-filter .filter_categories .button{ margin: 5px 0px 5px 5px;} .latestposts-filter .filter_tags{ margin-top: 10px;} .latestposts-filter .filter_tags .button{ margin: 5px 0px 5px 5px;} .latestposts-filter .filter_authors{ margin-top: 10px;} .latestposts-filter .filter_authors .button{ margin: 5px 0px 5px 5px;} /* ---- button-group ---- */ .latestposts-filter .button-group:after { content: ''; display: block; clear: both; } .latestposts-filter .button-group .button { float: left; border-radius: 0; margin-left: 0; margin-right: 1px; } .latestposts-filter .button-group .button:first-child { border-radius: 0.5em 0 0 0.5em; } .latestposts-filter .button-group .button:last-child { border-radius: 0 0.5em 0.5em 0; } .latestposts-filter .post-readmore a {background-color: #4db2ec; color: #fff; display: inline-block; line-height: 1; padding: 10px 12px; margin-top: 10px;} /* ========================================================================== $BASE-PICKER ========================================================================== */ /** * Note: the root picker element should *NOT* be styled more than what’s here. */ .picker { font-size: 16px; text-align: left; line-height: 1.2; color: #000000; position: absolute; z-index: 10000; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } /** * */ .picker[aria-hidden="true"] { display: none; } /** * The picker input element. */ .picker__input { cursor: default; } /** * When the picker is opened, the input element is “activated”. */ .picker__input.picker__input--active { border-color: #0089ec; } /** * The holder is the only “scrollable” top-level container element. */ .picker__holder { width: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch; } /*! * Classic picker styling for pickadate.js * Demo: http://amsul.github.io/pickadate.js */ /** * Note: the root picker element should *NOT* be styled more than what’s here. */ .picker { width: 100%; } /** * The holder is the base of the picker. */ .picker__holder { position: absolute; background: #ffffff; border: 1px solid #aaaaaa; border-top-width: 0; border-bottom-width: 0; border-radius: 0 0 5px 5px; box-sizing: border-box; min-width: 176px; max-width: 466px; max-height: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; -webkit-transform: translateY(-1em) perspective(600px) rotateX(10deg); transform: translateY(-1em) perspective(600px) rotateX(10deg); transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s 0.15s, border-width 0s 0.15s; } /** * The frame and wrap work together to ensure that * clicks within the picker don’t reach the holder. */ .picker__frame { padding: 1px; } .picker__wrap { margin: -1px; } /** * When the picker opens... */ .picker--opened .picker__holder { max-height: 25em; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; border-top-width: 1px; border-bottom-width: 1px; -webkit-transform: translateY(0) perspective(600px) rotateX(0); transform: translateY(0) perspective(600px) rotateX(0); transition: -webkit-transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s; transition: transform 0.15s ease-out, opacity 0.15s ease-out, max-height 0s, border-width 0s; box-shadow: 0 6px 18px 1px rgba(0, 0, 0, 0.12); } /* ========================================================================== $BASE-DATE-PICKER ========================================================================== */ /** * The picker box. */ .picker__box { padding: 0 1em; } /** * The header containing the month and year stuff. */ .picker__header { text-align: center; position: relative; margin-top: .75em; } /** * The month and year labels. */ .picker__month, .picker__year { font-weight: 500; display: inline-block; margin-left: .25em; margin-right: .25em; } .picker__year { color: #999999; font-size: .8em; font-style: italic; } /** * The month and year selectors. */ .picker__select--month, .picker__select--year { border: 1px solid #b7b7b7; height: 2em; padding: .5em; margin-left: .25em; margin-right: .25em; } @media (min-width: 24.5em) { .picker__select--month, .picker__select--year { margin-top: -0.5em; } } .picker__select--month { width: 35%; } .picker__select--year { width: 22.5%; } .picker__select--month:focus, .picker__select--year:focus { border-color: #0089ec; } /** * The month navigation buttons. */ .picker__nav--prev, .picker__nav--next { position: absolute; padding: .5em 1.25em; width: 1em; height: 1em; box-sizing: content-box; top: -0.25em; } @media (min-width: 24.5em) { .picker__nav--prev, .picker__nav--next { top: -0.33em; } } .picker__nav--prev { left: -1em; padding-right: 1.25em; } @media (min-width: 24.5em) { .picker__nav--prev { padding-right: 1.5em; } } .picker__nav--next { right: -1em; padding-left: 1.25em; } @media (min-width: 24.5em) { .picker__nav--next { padding-left: 1.5em; } } .picker__nav--prev:before, .picker__nav--next:before { content: " "; border-top: .5em solid transparent; border-bottom: .5em solid transparent; border-right: 0.75em solid #000000; width: 0; height: 0; display: block; margin: 0 auto; } .picker__nav--next:before { border-right: 0; border-left: 0.75em solid #000000; } .picker__nav--prev:hover, .picker__nav--next:hover { cursor: pointer; color: #000000; background: #b1dcfb; } .picker__nav--disabled, .picker__nav--disabled:hover, .picker__nav--disabled:before, .picker__nav--disabled:before:hover { cursor: default; background: none; border-right-color: #f5f5f5; border-left-color: #f5f5f5; } /** * The calendar table of dates */ .picker__table { text-align: center; border-collapse: collapse; border-spacing: 0; table-layout: fixed; font-size: inherit; width: 100%; margin-top: .75em; margin-bottom: .5em; } @media (min-height: 33.875em) { .picker__table { margin-bottom: .75em; } } .picker__table td { margin: 0; padding: 0; } /** * The weekday labels */ .picker__weekday { width: 14.285714286%; font-size: .75em; padding-bottom: .25em; color: #999999; font-weight: 500; /* Increase the spacing a tad */ } @media (min-height: 33.875em) { .picker__weekday { padding-bottom: .5em; } } /** * The days on the calendar */ .picker__day { padding: .3125em 0; font-weight: 200; border: 1px solid transparent; } .picker__day--today { position: relative; } .picker__day--today:before { content: " "; position: absolute; top: 2px; right: 2px; width: 0; height: 0; border-top: 0.5em solid #0059bc; border-left: .5em solid transparent; } .picker__day--disabled:before { border-top-color: #aaaaaa; } .picker__day--outfocus { color: #dddddd; } .picker__day--infocus:hover, .picker__day--outfocus:hover { cursor: pointer; color: #000000; background: #b1dcfb; } .picker__day--highlighted { border-color: #0089ec; } .picker__day--highlighted:hover, .picker--focused .picker__day--highlighted { cursor: pointer; color: #000000; background: #b1dcfb; } .picker__day--selected, .picker__day--selected:hover, .picker--focused .picker__day--selected { background: #0089ec; color: #ffffff; } .picker__day--disabled, .picker__day--disabled:hover, .picker--focused .picker__day--disabled { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; } .picker__day--highlighted.picker__day--disabled, .picker__day--highlighted.picker__day--disabled:hover { background: #bbbbbb; } /** * The footer containing the "today", "clear", and "close" buttons. */ .picker__footer { text-align: center; } .picker__button--today, .picker__button--clear, .picker__button--close { border: 1px solid #ffffff; background: #ffffff; font-size: .8em; padding: .66em 0; font-weight: bold; width: 33%; display: inline-block; vertical-align: bottom; } .picker__button--today:hover, .picker__button--clear:hover, .picker__button--close:hover { cursor: pointer; color: #000000; background: #b1dcfb; border-bottom-color: #b1dcfb; } .picker__button--today:focus, .picker__button--clear:focus, .picker__button--close:focus { background: #b1dcfb; border-color: #0089ec; outline: none; } .picker__button--today:before, .picker__button--clear:before, .picker__button--close:before { position: relative; display: inline-block; height: 0; } .picker__button--today:before, .picker__button--clear:before { content: " "; margin-right: .45em; } .picker__button--today:before { top: -0.05em; width: 0; border-top: 0.66em solid #0059bc; border-left: .66em solid transparent; } .picker__button--clear:before { top: -0.25em; width: .66em; border-top: 3px solid #ee2200; } .picker__button--close:before { content: "\D7"; top: -0.1em; vertical-align: top; font-size: 1.1em; margin-right: .35em; color: #777777; } .picker__button--today[disabled], .picker__button--today[disabled]:hover { background: #f5f5f5; border-color: #f5f5f5; color: #dddddd; cursor: default; } .picker__button--today[disabled]:before { border-top-color: #aaaaaa; } /* ========================================================================== $CLASSIC-DATE-PICKER ========================================================================== */ /*** Magento_Customer module styles ***/ /* ============================================ * * Login popup * ============================================ */ body { position: relative; } .login-popup-overlay { content: ''; background-color: rgba(0,0,0,0.4); display: none; position: fixed; top: 0; left: 0; z-index: 1000000000; width: 100%; height: 100%; padding: 0; margin: 0; } .login-popup-wrapper { background-color: rgba(0,0,0,0.9); display: none; position: fixed; top: 50%; left: 50%; z-index: 1000000001; width: auto; height: auto; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); margin: 0; padding: 50px; max-height: calc(100vh); overflow-y: auto; } .login-popup-wrapper.active {} .block-customer-login-popup { width: 300px; border: 1px solid #ffffff; margin: 0; padding: 0; } .block-customer-login-popup .login-popup-top { padding: 40px 50px; } .block-customer-login-popup .login-popup-title { padding: 0 0 23px 0; margin: 0; } .block-customer-login-popup .login-popup-title h3 { position: relative; margin: 0 18px; padding: 0; } .block-customer-login-popup .login-popup-title h3:before, .block-customer-login-popup .login-popup-title h3:after { content: ''; display: block; border-bottom: 1px solid #ffffff; padding: 0; margin: 0; } .block-customer-login-popup .login-popup-title h3:before { float: left; width: 48px; } .block-customer-login-popup .login-popup-title h3:after { float: right; width: 52px; } .block-customer-login-popup .login-popup-title h3 span { font: 400 1.1rem "IBM Plex Sans Regular", sans-serif; color: #ffffff; display: block; position: absolute; top: 50%; left: 50%; z-index: 101; width: auto; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); text-align: center; text-transform: uppercase; letter-spacing: 3px; line-height: 100%; margin: 0; padding: 0; } .block-customer-login-popup .block-content {} .block-customer-login-popup .form-login-popup {} .block-customer-login-popup .fieldset {} .block-customer-login-popup .fieldset .field { margin: 0; padding: 0; } .block-customer-login-popup .fieldset .field.note { font: 400 0.7rem "IBM Plex Sans Regular", sans-serif; color: #ffffff; text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 150%; margin: 0; padding: 0 20px; } .block-customer-login-popup .login-popup-separator { width: 50px; border-bottom: 1px solid #ffffff; margin: 20px auto; padding: 0; } .block-customer-login-popup .fieldset .field label { font: 400 0.8rem 'Helvetica', sans-serif; color: #ffffff; display: block; text-align: left; text-transform: uppercase; letter-spacing: 1px; line-height: 150%; margin: 0; padding: 0 0 5px 0; } .block-customer-login-popup .fieldset .field.email { padding-bottom: 20px; } .block-customer-login-popup .fieldset .field.password {} .block-customer-login-popup .fieldset .field .control { margin: 0; padding: 0; } #login-form-popup .input-text, #login-form-popup input:-webkit-autofill, #login-form-popup input:-webkit-autofill.input-text{ background-color: rgb(0, 0, 0)!important; color: #ffffff!important; border: 1px solid #ffffff; box-sizing: border-box; -webkit-box-shadow: 0 0 0 30px rgb(0, 0, 0) inset!important; -moz-box-shadow: 0 0 0 30px rgb(0, 0, 0) inset!important; box-shadow: 0 0 0 30px rgb(0, 0, 0) inset!important; -webkit-text-fill-color: #ffffff !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; height: 40px; line-height: 40px; margin: 0; padding: 0 15px; } #login-form-popup input::placeholder { color: #ffffff!important; } #login-form-popup input::-webkit-input-placeholder { color: #000000!important; } #login-form-popup input::-moz-placeholder { color: #000000!important; } #login-form-popup input:-ms-input-placeholder { color: #000000!important; } .block-customer-login-popup .fieldset .field .control input:placeholder { } .block-customer-login-popup .required-fields-label { font: 400 0.8rem "IBM Plex Sans Regular", sans-serif; color: #717272; display: block; text-align: center; text-transform: uppercase; letter-spacing: 1px; line-height: 150%; margin: 0; padding: 8px 0 0 0; } .block-customer-login-popup .actions-toolbar { padding: 0 20px; } .block-customer-login-popup .actions-toolbar .secondary { display: block; float: none; text-align: left; padding: 0 0 8px 0; margin: 0; } .block-customer-login-popup .actions-toolbar .secondary a { font: 400 0.7rem "IBM Plex Sans Regular", sans-serif; color: #ffffff; display: table; text-transform: uppercase; text-decoration: none; letter-spacing: 1px; line-height: 150%; margin: 0; padding: 0; } .block-customer-login-popup .actions-toolbar .secondary a:hover { text-decoration: underline; } .block-customer-login-popup .actions-toolbar .secondary.forgmob {display:none;} .block-customer-login-popup .actions-toolbar .primary { display: block; float: none; } .block-customer-login-popup .actions-toolbar button.login { font: 400 1.1rem 'IBM Plex Sans Regular', sans-serif; color: #ffffff; display: block; width: 100%; border: 1px solid #ffffff; text-align: center; text-transform: uppercase; transition: all 0.5s; -webkit-transition: all 0.5s; letter-spacing: 3px; line-height: 100%; margin: 0; padding: 15px; } .block-customer-login-popup .actions-toolbar button.login:hover { background-color: #ffffff; color: #000000; text-decoration: none; } .block-customer-login-popup .actions-toolbar .action.remind {} .block-customer-login-popup .actions-toolbar .action.remind span {} .block-customer-login-popup .login-popup-bottom { border-top: 1px solid #ffffff; padding: 25px 70px 40px 70px; margin: 0; } .block-customer-login-popup .register-label { font: 400 0.7rem "IBM Plex Sans Regular", sans-serif; color: #ffffff; display: block; text-align: left; text-transform: uppercase; letter-spacing: 1px; line-height: 150%; margin: 0; padding: 0 0 10px 0; } .block-customer-login-popup .register-button-wrapper {} .block-customer-login-popup .register-button { font: 400 1.1rem 'IBM Plex Sans Regular', sans-serif; background-color: #ffffff; color: #000000; display: block; width: 100%; border: 1px solid #ffffff; text-align: center; text-transform: uppercase; transition: all 0.5s; -webkit-transition: all 0.5s; letter-spacing: 3px; line-height: 100%; margin: 0; padding: 15px; } .block-customer-login-popup .register-button:hover { background-color: #000000; color: #ffffff; text-decoration: none; } @media only screen and (max-width: 480px) { .login-popup-wrapper { background-color: rgba(0,0,0,0.9); display: none; position: fixed; top: 50%; left: 50%; z-index: 1000000001; width: auto; height: auto; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); margin: 0; padding: 50px; max-height: 100%; overflow-y: auto; } .block-customer-login-popup .actions-toolbar .secondary.forgmob {display:block; text-align: center; padding: 20px 0 0;} .block-customer-login-popup .actions-toolbar .secondary.forgdesk {display:none;} } @media only screen and (max-width:1024px){ .page-header .nav-toggle, .page-header .nav-sections {display: block;} .ves-megamenu .dropdown-menu a {line-height: 45px;position: relative;} .page-header .nav-sections-item-title, .page-header .nav-sections-item-content > * {display: block;} .page-header .nav-sections-items:before, .page-header .nav-sections-items:after { content: ''; display: table; } .nav-sections-items { position: relative; z-index: 1; } .navigation { padding: 0; } .navigation .parent .level-top { position: relative; display: block; text-decoration: none; } .navigation .parent .level-top:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .navigation .parent .level-top:after { position: absolute; right: 7px; top: -8px; } .navigation .parent .level-top.ui-state-active:after { content: '\e621'; } .nav-sections { -webkit-overflow-scrolling: touch; -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: -80%; left: calc(-1 * (100% - 0px)); overflow: auto; position: fixed; top: 0; width: 80%; width: calc(100% - 54px); } .nav-sections .switcher { border-top: 1px solid #d1d1d1; font-size: 1.6rem; font-weight: 700; margin: 0; padding: .8rem 3.5rem .8rem 2rem; } .nav-sections .switcher .label { display: block; margin-bottom: 5px; } .nav-sections .switcher:last-child { border-bottom: 1px solid #d1d1d1; } .nav-sections .switcher-trigger strong { position: relative; display: block; text-decoration: none; } .nav-sections .switcher-trigger strong:after { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 42px; line-height: inherit; color: inherit; content: '\e622'; font-family: 'icons-blank-theme'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center; } .nav-sections .switcher-trigger strong:after { position: absolute; right: -40px; top: -16px; } .nav-sections .switcher-trigger.active strong:after { content: '\e621'; } .nav-sections .switcher-dropdown { margin: 0; padding: 0; list-style: none none; padding: 10px 0; } .nav-sections .header.links { margin: 0; padding: 0; list-style: none none; border-bottom: 1px solid #d1d1d1; } .nav-sections .header.links li { font-size: 1.6rem; margin: 0; } .nav-sections .header.links li.greet.welcome { border-top: 1px solid #d1d1d1; font-weight: 700; padding: 0.8rem 20px; } .nav-sections .header.links li > a { border-top: 1px solid #d1d1d1; } .nav-sections .header.links a, .nav-sections .header.links a:hover { color: #575757; text-decoration: none; display: block; font-weight: 700; padding: 0.8rem 20px; } .nav-sections .header.links .header.links { border: 0; } .nav-before-open { height: 100%; overflow-x: hidden; width: 100%; } .nav-before-open .page-wrapper { -webkit-transition: left 0.3s; -moz-transition: left 0.3s; -ms-transition: left 0.3s; transition: left 0.3s; height: 100%; left: 0; overflow: hidden; position: relative; } .nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100%; } .nav-open .page-wrapper { left: 80%; left: calc(100% - 54px); } .nav-open .nav-sections { -webkit-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -moz-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); -ms-box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); box-shadow: 0 0 5px 0 rgba(50, 50, 50, 0.75); left: 0; z-index: 99; top:100px; width: 100% !important; } .nav-open .nav-toggle:after { /*background: rgba(0, 0, 0, 0.5);*/ background: none; content: ''; display: block; height: 100%; position: fixed; right: 0; top: 100px; width: 100%; z-index: 1; } .nav-sections-items { position: relative; z-index: 1; } .nav-sections-items:before, .nav-sections-items:after { content: ''; display: table; } .nav-sections-items:after { clear: both; } .nav-sections-item-title { background: #e8e8e8; border: solid #dbdbdb; border-width: 0 0 1px 1px; box-sizing: border-box; float: left; height: 71px; padding-top: 24px; text-align: center; width: 33.33%; } .nav-sections-item-title.active { background: transparent; border-bottom: 0; } .nav-sections-item-title .nav-sections-item-switch:hover { text-decoration: none; } .nav-sections-item-content { box-sizing: border-box; float: right; margin-left: -100%; margin-top: 71px; width: 100%; padding: 25px 0; } .nav-sections-item-content:before, .nav-sections-item-content:after { content: ''; display: table; } .nav-sections-item-content:after { clear: both; } .nav-sections-item-content.active { display: block; } .navigation { background: #f5f5f5; box-sizing: border-box; } .navigation ul { margin: 0; padding: 0; } .navigation li { margin: 0; } .navigation a { display: block; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 15px; } .navigation a { color: #575757; text-decoration: none; } .navigation .level0 { border-top: 0px solid #d1d1d1; font-size: 1.6rem; } .ves-menu .navigation .level0 .submenu {border: 0} .navigation .level0 > .level-top { font-weight: 700; padding: 8px 40px 8px 15px; text-transform: uppercase; word-wrap: break-word; } .navigation .level0.active .all-category .ui-state-focus { border-color: #ff5501; border-style: solid; border-width: 0 0 0 8px; padding-left: 7px; display: inline-block; } .navigation .level0 > .level1 { font-weight: 600; } .navigation .level0.active > a:not(.ui-state-active), .navigation .level0.has-active > a:not(.ui-state-active) { border-color: #ff5501; border-style: solid; border-width: 0 0 0 0px; } .navigation .level0.active > a:not(.ui-state-active) span:not(.ui-menu-icon), .navigation .level0.has-active > a:not(.ui-state-active) span:not(.ui-menu-icon) { margin-left: 0px; } .navigation li.level0:last-child { border-bottom: 1px solid #d1d1d1; } .navigation .submenu > li { word-wrap: break-word; } .navigation .submenu:not(:first-child) { font-weight: 400; line-height: 1.3; left: auto !important; overflow-x: hidden; padding: 0; position: relative; top: auto !important; transition: left 0.3s ease-out; text-transform: uppercase; } .navigation .submenu:not(:first-child) > li > a { padding-left: 15px; } .navigation .submenu:not(:first-child) > li:last-child { margin-bottom: 0; } .navigation .submenu:not(:first-child) ul { display: block; padding-left: 15px; } .navigation .submenu:not(:first-child) ul > li { margin: 0; } .navigation .submenu:not(:first-child) ul > li a { color: #575757; display: block; line-height: normal; } .navigation .submenu:not(:first-child).expanded { display: block !important; padding-right: 0; top: 0 !important; } .ves-menu .navigation .submenu:not(:first-child) .active > a { border-color: #fff; border-style: solid; border-width: 0 0 0 0px; padding-left: 20px; } .navigation .submenu:not(:first-child) .level1.active > a { padding-left: 20px; } } .ves-menu { padding: 0; margin: 0; } .ves-megamenu { padding: 0; float: left; width: 100%; background: #f0f0f0; } .ves-menu .ves-megamenu { padding: 0 } .ves-menu .ves-megamenu:after { content: unset; } .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar, .ves-megamenu .dropdown-menu .content-wrap .megamenu-content { float: left; } .ves-megamenu .dropdown-menu { border: 0 none; color: #333; display: block; margin-top: 0; padding: 20px; min-width: 230px; } .ves-megamenu .dropdown-menu a { color: #333; padding: 0; } .ves-megamenu .dropdown > .dropdown-menu { top: 100%; } .ves-megamenu .dropdown.submenu-alignleft > .dropdown-menu { left: 0; right: auto; } .ves-megamenu .dropdown.submenu-alignright > .dropdown-menu { right: 0; left: auto; } .ves-megamenu .dropdown.submenu-left { position: relative; } .ves-megamenu .dropdown.submenu-right { position: static; } .ves-megamenu .dropdown.submenu-right > .dropdown-menu { left: auto !important; right: 0 !important; background: red; } .ves-megamenu .dropdown-menu .subgroup > a > .caret { display: none; } .ves-megamenu .dropdown-menu .subgroup a { color: #333; font-weight: normal; text-transform: none; } .ves-megamenu .dropdown-menu .subgroup>.submenu { box-shadow: none; } .ves-megamenu .dropdown-menu .subgroup .dropdown-mega { display: block; position: static; } .ves-megamenu .dropdown-menu .subgroup.level1 > .dropdown-mega { padding: 20px; max-width: 100%; min-width: auto; } .ves-megamenu .dropdown-menu .subgroup.level1 > a { color: #333; display: block; font-weight: bold; text-transform: uppercase; padding-left: 20px; } .ves-megamenu .dropdown-menu .subgroup .subgroup .dropdown-mega a { color: #888; } .ves-megamenu .dropdown-menu .subgroup.level1 > .submenu > .content-wrap > .megamenu-content { margin: 10px 0; } .ves-megamenu .dropdown-menu .megamenu-header { border-bottom: 0px solid #e6e6e6; float: left; margin-bottom: 20px; padding-bottom: 12px; width: 100%; } .ves-megamenu li.level0 > a { position: relative; line-height: 45px; float: left; color: #333; font-weight: bold; text-transform: uppercase; } .ves-megamenu li.level0 .nav-anchor > img { margin-bottom: -4px; } .ves-megamenu li.level0.gvlogo .nav-anchor > img { margin-bottom:2px; } .ves-megamenu .nav-item > a { line-height: 45px; padding: 0 20px; } .ves-megamenu .opener { position: absolute; right: 0; padding: 18px; top: 0; font: normal normal normal 14px/1 'FontAwesome'; } .ves-megamenu .opener:before { content: "\f067" } .ves-megamenu .opener.item-active:before { content: "\f068"; } .ves-megamenu img:hover { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); -o-transform: scale(1.04); transform: scale(1.04); -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .cat-label { color: #fff; font-size: 14px; padding: 0 4px; text-transform: none; vertical-align: middle; font-weight: normal; } .cat-label-v1 { background: #5bd2ec none repeat scroll 0 0; } .cat-label-v2 { background: #d52462 none repeat scroll 0 0; } .cat-label-v3 { background: #0cc485 } .cat-label.pin-top { line-height: 16px; padding: 0 4px; position: absolute; right: 20px; top: -10px; } .cat-label.pin-top::before { border-color: transparent; border-style: solid; border-width: 4px; content: ""; height: 0; position: absolute; right: 6px; top: 16px; width: 0; } .cat-label-v1.pin-top::before { border-top-color: #5bd2ec; } .cat-label-v2.pin-top::before { border-top-color: #d52462; } .ves-megamenu .megamenu-widget .product-item-info { text-align: center; } .ves-megamenu .megamenu-widget .block-title strong { font-weight: 700; } .ves-megamenu .megamenu-widget .owl-item img { float: none; margin: auto; } .ves-megamenu .owl-carousel > .owl-stage-outer { padding-top: 10px; padding-left: 10px; } .ves-megamenu .megamenu-widget .block-title { text-transform: uppercase; padding-top: 7px; padding-bottom: 7px; border-bottom: 1px solid #e5e5e5; font-size: 1.5em; line-height: 1.2222em; } .ves-megamenu .products-widget { position: relative; margin: 0; } .ves-megamenu .products-widget .owl-nav { position: absolute; right: 0; top: 0; z-index: 888; } .ves-megamenu .products-widget .owl-nav a { float: left; width: 20px; cursor: pointer; border: 1px solid transparent; padding: 0; text-align: center; -webkit-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; font-size: 18px; } .ves-megamenu .products-widget .owl-nav a:hover { color: #f00; border-color: #f00 } .ves-megamenu .products-widget .product-block .product-item-info { margin-bottom: 0; } .products-widget .owl-nav.disabled { display: none; } .ves-megamenu .megamenu-header .links li, .ves-megamenu .megamenu-footer .links li { display: inline-block; padding: 0 5px } .ves-megamenu .dynamic-items a { width: 100%; float: left; padding-top: 0 !important; padding-bottom: 0 !important; } .ves-megamenu .dynamic-content > .nav-item { display: none; } .ves-megamenu .dynamic-items li > a > .caret { position: absolute; right: 20px; top: 20px; border-left: 4px dashed; border-left: 4px solid\9; border-top: 4px solid transparent; border-bottom: 4px solid transparent; } .ves-megamenu .dynamic-items li:hover { cursor: pointer; } .ves-megamenu .dynamic-content > .nav-item.dynamic-active { display: block } .ves-megamenu .dropdown-menu .megamenu-footer { float: left; margin-top: 20px; width: 100%; } .ves-megamenu .megamenu-widget .owl-item .product-item { width: 100% !important; } .ves-megamenu .megamenu-widget .product-item { text-align: center; } .ves-megamenu .product-item .product-item-actions { margin: 0; } .ves-megamenu .onsale { background: #5bd2ec; color: #FFF; text-transform: uppercase; padding: 0px 4px; } .ves-megamenu .reviews-actions { display: none; } .new-icon { background: #d52462; color: #FFF; text-transform: uppercase; padding: 0px 4px; } .ves-megamenu .product-item .product-item-name { font-weight: bold; } .feature-box-v3 .fbox-icon .icons { border-radius: 50%; padding: 20px 28px; } .feature-box-v3 .fbox-icon .icons.icons-plain { width: auto; height: auto; line-height: 100% } .feature-box-v3 .fa:before { font-size: 30px } .fbox-icon a { text-align: center; display: inline-table !important; background: #f1f1f1; border-radius: 50%; } .fbox-icon { text-align: center; } .ves-megamenu .product-image-container { max-width: 180px; } .ves-megamenu li { list-style: none; margin: 0; } .ves-megamenu.ves-vertical { border: 1px solid #DDD; border-top: 0; } .ves-megamenu.ves-vertical li.level0 { position: static !important; } .ves-megamenu.ves-vertical li.level0>.submenu { box-shadow: none; border: 1px solid #DDD; border-radius: 1px; } .ves-menu > .block-title { margin: 0; text-align: center; padding: 10px; background: #333; color: #FFF; text-transform: uppercase; } .ves-megamenu li:not(.level0).active>a { background: #333; } .ves-menu .navigation .level0 .submenu { background: none; } .ves-menu .navigation .level0 > .submenu { background: #FFF; } .ves-menu .submenu .products-grid .product-item-photo { padding: 0; float: left; width: 100%; text-align: center; } .ves-menu .level0 .submenu .products-grid a { padding: 0 } .navigation .level0 .submenu .products-grid a:hover { background: none; } .ves-megamenu .level0 {float:none;} .ves-megamenu .level0 .products-grid .product-item .product-item-actions { margin: 10px 0 10px; } .ves-megamenu .level0 .products-grid .product-item .product-item-actions .actions-secondary > .action { color: #999 } .ves-megamenu .level0 .products-grid .product-item .product-item-actions .actions-secondary > .action:hover { color: #333 } .ves-megamenu .level0 .products-grid .product-item .product-item-name { font-weight: 400; } .ves-megamenu .icon { position: absolute; right: 10px; color: #FFF; z-index: 999; } .ves-megamenu .row { margin-left: -15px; margin-right: -15px; } .ves-megamenu .submenu .megamenu-sidebar.right-sidebar a, .ves-megamenu .submenu .megamenu-sidebar.left-sidebar a { padding: 0; } .nav-sections.scroll-to-fixed-fixed .cat-label.pin-top { top: 2px; } .ves-megamenu iframe { max-width: 100%; } .ves-megamenu .level0 .submenu { z-index: 99; } .ves-menu.navigation > ul { background: #f0f0f0; padding: 0; } .ves-menu.navigation { position: static } .navigation .ves-megamenu .level1 .submenu { background: transparent; z-index: 999; } @media (min-width: 768px) and (max-width: 992px) { .ves-menu .dorgin-items, .ves-menu .dynamic-items, .ves-menu .dynamic-content { display: block !important } } @media only screen and (min-width: 1025px) { .ves-megamenu .mega-col { float: left; } .ves-column1 > .item-content1 > .mega-col { width: 100%; } .ves-column2 > .item-content1 > .mega-col { width: 50%; } .ves-column3 > .item-content1 > .mega-col { width: 33.3333%; } .ves-column4 > .item-content1 > .mega-col { width: 25%; } .ves-column5 > .item-content1 > .mega-col { width: 20%; } .ves-column6 > .item-content1 > .mega-col { width: 16.6666%; } .ves-column7 > .item-content1 > .mega-col { width: 14.2857%; } .ves-column8 > .item-content1 > .mega-col { width: 12.5%; } .ves-column9 > .item-content1 > .mega-col { width: 11.1111%; } .ves-column10 > .item-content1 > .mega-col { width: 10%; } .ves-column11 > .item-content1 > .mega-col { width: 9.0909%; } .ves-column12 > .item-content1 > .mega-col { width: 8.3333%; } .nav-sections-item-content.scroll-to-fixed-fixed { width: 100% !important; background: #f0f0f0; } .ves-menu .navigation .level0 > .submenu { border: 1px solid #ccc; box-shadow: 0 5px 5px rgba(0,0,0,0.19); } .ves-menu.mgm-widget .navigation { z-index: auto; } .menu-click.ves-vertical .orgin-items.hidden-lg { display: block !important } .navigation .ves-megamenu .level0 .submenu .submenu-right .submenu { left: auto !important; right: 80% !important; background: red; } .ves-megamenu .dynamic-content > .nav-item > .content-wrap { float: left; width: 100%; } .ves-megamenu .level0 .megamenu-widget > .carousel > .products-grid .product-item { width: 100%; } .ves-megamenu .level0 .megamenu-widget > .carousel > .carousel-inner > .item { padding-left: 10px } .ves-megamenu .level0 .submenu .dynamic-items li, .navigation .ves-megamenu .level0 .submenu .dynamic-items li { float: left; width: 100% } .ves-megamenu .level0 .submenu .dynamic-items > ul > li > a { padding: 10px 0 !important; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-indent: 10px; float: left; width: 100%; position: relative; margin: 0; } .ves-megamenu .level0 .submenu .dynamic-items > ul > li > a:hover { background: #FFF } .ves-megamenu .level0 .submenu .dynamic-items li a:hover { border-right-color: #FFF } .navigation .ves-megamenu .submenu .feature-box a { padding: 0; } .megamenu-title { display: none; } .ves-navbar { display: none; } .menu-click.ves-vertical .caret, .ves-megamenu .opener { display: none; } .menu-click.ves-vertical .opener { display: block; } .ves-megamenu .level0 .submenu { min-width: 230px; } .ves-vertical-right.ves-vertical .level0 > a > .caret { left: 0; border-right: 4px solid black; border-left: 0; } .ves-vertical-right.ves-vertical .dropdown > .dropdown-menu { right: 100%; left: auto !important; } .ves-vertical .caret { position: absolute; right: 18px; top: 50%; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 4px solid black; } /* VERTICAL */ .ves-vertical li.level0>a { width: 100%; } .ves-vertical li.level0 { width: 100% } .ves-vertical .dropdown > .dropdown-menu { left: 100% !important; top: 0; } .ves-megamenu.ves-vertical .dropdown.submenu-left { position: relative; } .ves-megamenu.ves-vertical .subhover:hover .dropdown-menu { top: 0; } /* VERTICAL */ .ves-megamenu .level0 .submenu .dynamic-items ul { padding: 0; float: left; width: 100%; } .navigation .ves-megamenu .level0 .submenu .submenu, .ves-megamenu .subgroup > .submenu { padding: 0; width: 100%; } .navigation .ves-megamenu .level0 .level2 .submenu .submenu, .ves-megamenu .level0 .level2 .subgroup > .submenu { padding-left: 15px; } .ves-megamenu .product-item a { display: inline-block !important; } .navigation .ves-megamenu .level0 .submenu .submenu { left: 70% !important; } .ves-megamenu .level0 .submenu .submenu { border: 0; left: 70% !important; float: left; } .ves-megamenu .level0 { float: left; } .nav-sections-item-content .ves-menu { display: block } .ves-megamenu.menu-hover li .dropdown-menu { position: absolute; } .level0 .submenu a:hover, .level0 .submenu a.ui-state-focus { background: none; } .ves-megamenu .level0 .submenu a { padding: 0; } .ves-megamenu .level0 .nav-item>a { padding: 0 20px; line-height: 45px; } .level0 .submenu { min-width: auto } .level0 .submenu { position: static; } .ves-megamenu { position: relative; display: inline-block; margin: 0; padding: 0; } .ves-megamenu.menu-hover .nav-item:hover>.dropdown-menu { display: block } .ves-megamenu a:hover { text-decoration: none; } .ves-megamenu.menu-hover .dropdown:hover > .dropdown-menu { display: block; z-index: 99; } .ves-megamenu.menu-hover .subhover:hover .dropdown-menu { padding: 20px; } .dynamic-items li:hover, .dynamic-items li.dynamic-active { border-right: transparent; } .ves-megamenu .level0 .submenu .dynamic-items > ul > li.dynamic-active > a { border-right-color: transparent } .dynamic-items li:hover .caret, .ves-megamenu .dropdown-menu, .dynamic-items li.dynamic-active .caret { display: none; } .ves-megamenu li.level0:hover > a { background: #333; color: #FFF; } .ves-megamenu .level0>.dropdown-mega { width: 100%; display: block; top: 100%; } .ves-megamenu .dropdown-menu { padding: 20px; } .ves-megamenu.menu-click .mega-col, .ves-megamenu.menu-click .dropdown-menu .content-wrap .megamenu-sidebar, .ves-megamenu.menu-click .dropdown-menu .content-wrap .megamenu-content, .ves-megamenu.menu-click .dropdown-menu .megamenu-footer, .ves-megamenu.menu-click .dropdown-menu .megamenu-header { float: left; width: 100% !important; } .ves-megamenu.menu-click .level0 .submenu, .ves-megamenu.menu-click .level0 .dropdown-submenu .submenu { max-width: 100%; border-radius: 0; box-shadow: none; display: none; position: static; } .ves-megamenu.menu-click li, .ves-megamenu.menu-click img, .ves-megamenu.menu-click video, .ves-megamenu.menu-click iframe { max-width: 100% } .ves-megamenu.menu-click .dropdown-menu .subgroup.level1 > .dropdown-mega { width: 100% } .ves-megamenu.menu-click .submenu, .ves-megamenu.menu-click .subgroup .submenu { padding-left: 20px; display: none; padding-right: 0; padding-top: 0; padding-bottom: 0; } .ves-megamenu.menu-click .level0 .submenu { width: 100%; } .ves-megamenu.menu-click .level0 > .submenu { padding-right: 10px; } .orgin-items { display: none; } .ves-megamenu.menu-click .orgin-items { display: block } .ves-megamenu.menu-click .dorgin-items { display: none; } .feature-box:hover .icons { background: #ef2840; color: #fff; } } .navigation ul .level0:last-child { margin-right: 0; } @media only screen and (max-width: 1025px) { .ves-menu .carousel-indicators { padding: 20px; width: auto; } .ves-menu .carousel-indicators li { padding: 10px; height: auto; display: inline-block; float: left; } .ves-menu .carousel-inner .item { text-align: center } .ves-menu .product-items.owl-carousel { width: 100% !important; max-width: 100%; } .ves-menu .level0 .submenu { width: 100% !important; position: relative; } .ves-menu .navigation .level0 > .submenu { width: 100% !important; display: none; padding-left: 0; } .ves-menu .block-title { display: none; } .megamenu-title { display: block; } .ves-megamenu.nav-mobile .dropdown-menu .subgroup.level1 > a { padding-left: 0; } .ves-nav-before-open { height: 100%; width: 100% } .ves-nav-before-open .page-wrapper { -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; transition: left .3s; height: 100%; left: 0; overflow: hidden; position: relative } .ves-nav-before-open body { height: 100%; overflow: hidden; position: relative; width: 100% } .ves-navopen .page-wrapper { left: 80%; left: calc(100% - 54px) } .ves-navopen .offcanvas-menu, .ves-navopen .drill-down-menu { -webkit-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -moz-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); -ms-box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); box-shadow: 0 0 5px 0 rgba(50,50,50,0.75); z-index: 99 } .ves-navopen .nav-toggle:after { background: rgba(0,0,0,0.01); content: ''; display: block; height: 100%; position: fixed; right: 0; top: 0; width: 100%; z-index: 1 } .offcanvas-menu { -webkit-transition: left .3s; -moz-transition: left .3s; -ms-transition: left .3s; transition: left .3s; height: 100%; left: calc(-1 * (100% - 53px)); overflow: auto; position: fixed; top: 0; width: calc(100% - 54px); background: #f0f0f0; } .ves-navbar { position: relative; min-height: 50px; margin-bottom: 20px; border: 1px solid transparent; background-color: #222; border-color: #080808; } .ves-navbar { display: block; padding-left: 15px; } .ves-navtoggle { display: inline-block; text-decoration: none; cursor: pointer; display: block; font-size: 0; position: absolute; top: 15px; z-index: 10; float: left; top: 10%; } .ves-navtoggle:before { -webkit-font-smoothing: antialiased; font-size: 28px; line-height: inherit; color: #FFF; content: '\e609'; font-family: 'luma-icons'; vertical-align: middle; display: inline-block; font-weight: normal; overflow: hidden; speak: none; text-align: center } .ves-navtoggle:hover:before{ color: #FFF; } .ves-navtoggle > span { border: 0; clip: rect(0, 0, 0, 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px } .dorgin-items { display: none; } .orgin-items { display: block } .ves-megamenu .dropdown-menu .subgroup.level1 > .dropdown-mega { padding: 0 0 0 20px; } .ves-megamenu .level0 .submenu .submenu { background: none; position: relative; } .ves-megamenu .products-widget .owl-nav a { padding: 5px 15px; width: auto; font-size: 20px; } .ves-megamenu .products-widget .owl-nav { width: 80px; } .ves-megamenu img, .ves-megamenu video, .ves-megamenu iframe { max-width: 100% } .nav-mobile .nav-item.level1 { padding-left: 20px; } .ves-megamenu.nav-mobile .submenu, .ves-megamenu.nav-mobile .subgroup .submenu { padding-left: 20px; display: none; } .nav-mobile .submenu { max-width: 100% !important; } .nav-mobile .nav-item > a { padding: 0; width: 100%; float: left; } .nav-mobile li a { /* position: relative; */ width: 100%; width: auto; } .nav-mobile .caret { display: none; } .nav-mobile { background-color: #f8f8f8; float: left; } .nav-mobile li { float: left; position: relative !important; border-bottom: 1px solid #e5e5e5; } .ves-megamenu.ves-vertical li.level0, .nav-mobile .nav-item { width: 100% !important; position: relative !important; } .nav-mobile .cat-label.pin-top{ top: 2px } .submenu.dropdown-menu { position: relative; padding: 0; border-radius: 0; box-shadow: none; } .nav-mobile .submenu { border: 0; padding: 0; transition: left .3s ease-out; width: 100%; background: #f8f8f8; } .nav-mobile li.level0 > a { padding: 0 20px; position: static; line-height: 51px; float: left; color: #333; font-weight: bold; text-transform: uppercase; } .nav-mobile .dropdown-menu .content-wrap .megamenu-sidebar, .nav-mobile .dropdown-menu .content-wrap .megamenu-content, .nav-mobile .dropdown-menu .megamenu-footer, .nav-mobile .dropdown-menu .megamenu-header { float: left; width: 100% !important; margin-bottom: 0; } .ves-overlay { position: absolute; width: 100%; height: 100%; z-index: 80; top: 0; background: rgba(0, 0, 0, 0.701961); left: 0; display: none; } .offcanvas-menu, .drill-down-menu { padding-top: 30px; } .ves-megamenu .opener.item-active { background: rgba(0,0,0, 0.05) } .nav-mobile.hide-blocks .megamenu-header, .nav-mobile.hide-blocks .megamenu-sidebar, .nav-mobile.hide-blocks .megamenu-footer { display: none; } .nav-mobile .megamenu-title { padding-left: 20px; padding-bottom: 20px; font-size: 20px; } .nav-mobile li a { width: auto } } /** Bootstrap Carousel */ .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; padding-top: 0; } .carousel-inner > .item { position: relative; display: none; -webkit-transition: .6s ease-in-out left; -o-transition: .6s ease-in-out left; transition: .6s ease-in-out left; } .carousel-inner .item:first-child { padding-top: 10px; } .carousel-inner > .item > img, .carousel-inner > .item > a > img { line-height: 1; } @media all and (transform-3d), (-webkit-transform-3d) { .carousel-inner > .item { -webkit-transition: -webkit-transform .6s ease-in-out; -o-transition: -o-transform .6s ease-in-out; transition: transform .6s ease-in-out; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } .carousel-inner > .item.next, .carousel-inner > .item.active.right { left: 0; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .carousel-inner > .item.prev, .carousel-inner > .item.active.left { left: 0; -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right, .carousel-inner > .item.active { left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } } .carousel-inner > .active, .carousel-inner > .next, .carousel-inner > .prev { display: block; } .carousel-inner > .active { left: 0; } .carousel-inner > .next, .carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .carousel-inner > .next { left: 100%; } .carousel-inner > .prev { left: -100%; } .carousel-inner > .next.left, .carousel-inner > .prev.right { left: 0; } .carousel-inner > .active.left { left: -100%; } .carousel-inner > .active.right { left: 100%; } .carousel-control { position: absolute; top: 0; bottom: 0; left: 0; width: 15%; font-size: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); background-color: rgba(0, 0, 0, 0); filter: alpha(opacity=50); opacity: .5; } .carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001))); background-image: linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1); background-repeat: repeat-x; } .carousel-control.right { right: 0; left: auto; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5))); background-image: linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1); background-repeat: repeat-x; } .carousel-control:hover, .carousel-control:focus { color: #fff; text-decoration: none; filter: alpha(opacity=90); outline: 0; opacity: .9; } .carousel-control .icon-next:before { content: '\203a'; } .carousel-indicators { position: relative; float: left; width: 100%; bottom: 0; left: 0; right: 0; top: 0; margin: 0; padding: 0; } .carousel-indicators li { display: inline-block; width: 10px; height: 10px; margin: 1px; text-indent: -999px; cursor: pointer; background-color: #000 \9; background-color: rgba(0, 0, 0, 0); border: 1px solid #1979c3; border-radius: 10px; } .carousel-indicators .active { background-color: #1979c3; } .carousel-caption { position: absolute; right: 15%; bottom: 20px; left: 15%; z-index: 10; padding-top: 20px; padding-bottom: 20px; color: #fff; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .6); } .carousel-caption .btn { text-shadow: none; } .ves-megamenu .carousel-controls { position: absolute; top: 20px; right: 10px; width: 62px; } .ves-megamenu .submenu .carousel-control.left, .ves-megamenu .submenu .carousel-control.right { border: 1px solid rgba(0, 0, 0, 0.1); text-shadow: none; top: 0; -webkit-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; padding: 12px; position: absolute; background: #f5f5f5; color: #333333; opacity: 1; transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -moz-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -webkit-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; -o-transition: opacity 300ms ease-in-out, background-color 300ms ease-in-out, background-position 300ms ease-in-out; line-height: 1.5em; } .ves-megamenu .submenu .carousel-control.left:before, .ves-megamenu .submenu .carousel-control.right:before { top: 0; position: absolute } .carousel-control.left:hover, .carousel-control.right:hover { background: #ee2f2f; color: white; } .ves-megamenu .submenu .carousel-control.left:hover, .ves-megamenu .submenu .carousel-control.right:hover { background-color: #000000; color: #ffffff; } .ves-megamenu .submenu .carousel-control.left:hover:before, .ves-megamenu .submenu .carousel-control.right:hover:before { color: #ffffff; } html.nav-before-open { overflow: hidden; } .ves-megamenu * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } @media only screen and (max-width: 1025px) { .view-submenu.ves-megamenu , .view-submenu.submenu{ -webkit-transform: translateX(-100%); transform: translateX(-100%); } .drill-down-menu .submenu.dropdown-menu { position: absolute; } .drill-down-menu { opacity: 0; transition: background-color 0.25s ease-out 0s, opacity 0.15s ease-out 0s; } .visually-hidden { border: 0 none; clip: rect(0px, 0px, 0px, 0px); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .is-visible .ves-navdrilldown span::before { bottom: auto; transform: rotate(45deg); } .ves-navdrilldown span::before, .ves-navdrilldown span::after { background-color: #ededed; border-radius: 100px; content: ""; height: 100%; position: absolute; transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; width: 100%; } .drill-down-menu.is-visible { opacity: 1; } .ves-drill-down.ves-menu { overflow: hidden; } .navdrilldown .drill-down-menu .submenu { position: absolute; left: 100% !important; } .navdrilldown .drill-down-menu .submenu:not(:first-child), .ves-drill-down-menu .navigation .submenu:not(:first-child) { overflow-x: visible!important; } .navdrilldown { position: relative; } .hide-submenu { position: absolute; top: 0; left: 0; width: 60px; height: 100%; cursor: pointer; background-color: #313131; -webkit-transition: background-color 0.25s ease-out; transition: background-color 0.25s ease-out; } .view-submenu .hide-submenu { background-color: #3e3e3e; z-index: 9999; } .hide-submenu::before { border-bottom: 2px solid #ededed; border-right: 2px solid #ededed; bottom: 0; content: ""; cursor: pointer; font-size: 0; height: 6px; left: 0; margin: auto; opacity: 0; padding: 4px; position: absolute; right: -6px; top: 0; transform: rotate(135deg); transition: opacity 0.1s ease-out 0s; width: 6px; } .view-submenu .hide-submenu::before { opacity: 1; transition: opacity 0.15s ease-out 0.3s; } .ves-navdrilldown { align-items: center; bottom: 0; cursor: pointer; display: flex; left: 18px; margin: auto; position: absolute; top: 0; } .ves-navdrilldown span::before { bottom: calc(100% + 6px); } .ves-navdrilldown span::before, .ves-navdrilldown span::after { background-color: #ededed; border-radius: 100px; content: ""; height: 100%; position: absolute; transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; width: 100%; } .ves-navdrilldown span::after { top: calc(100% + 6px); } .ves-navdrilldown span::before, .ves-navdrilldown span::after { background-color: #ededed; border-radius: 100px; content: ""; height: 100%; position: absolute; transition: transform 0.2s ease-out 0s, -webkit-transform 0.2s ease-out 0s; width: 100%; } .ves-navdrilldown span { align-self: center; background-color: #ededed; border-radius: 100px; font-size: 0; height: 2px; position: relative; transition: background-color 0.2s ease-out 0s; width: 26px; } .is-visible .ves-navdrilldown span:after { top: auto; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .is-visible .ves-navdrilldown span:before { bottom: auto; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .is-visible .ves-navdrilldown span { background-color: transparent; } .block .fa-arrow-right { cursor: pointer; display: block; height: 30px; line-height: 30px; position: absolute; right: 0; text-align: center; top: 2px; width: 30px; } .navdrilldown ul.drill-down-menu, ul.drill-down-menu .submenu.dropdown-menu { background-color: #313131 !important; color: #ededed; border: 0px !important; padding: 0; } ul.drill-down-menu.nav-mobile li.level0 > a, ul.drill-down-menu.ves-megamenu .dropdown-menu a { color: #ededed; text-decoration: none; } ul.drill-down-menu.nav-mobile li.level0 > a:hover { text-decoration: none; } .navbar.ves-navbar, ul.drill-down-menu.nav-mobile li.level0 { border: 0px; } ul.drill-down-menu.ves-megamenu .dropdown-menu a { margin-left: 80px; } .ves-drill-down-menu.ves-menu .level0 .submenu { left: 100% !important; position: absolute; } .ves-drill-down-menu.ves-menu .level0 > .submenu { top: 0px!important; } .ves-drill-down-menu .ves-megamenu.nav-mobile .dropdown-menu .megamenu-header, .ves-drill-down-menu .megamenu-content { padding-left: 40px; } .ves-drill-down-menu .ves-megamenu img:hover { transition: none; } .ves-drill-down-menu .hide-submenu { width: 40px; background-color: #006bb4; } } @media(max-width: 1200px) and (min-width: 1025px) { .ves-megamenu .nav-item > a { padding: 0 10px; } .filter-options-content {margin-left: 10px;} .page-products .filter-options-title {padding-left: 10px; padding-right: 25px} } @media(max-width: 1025px){ .ves-megamenu .dropdown-menu .subgroup.level1 > a{ position:relative!important; } } @media only screen and (max-width: 1025px){ .view-submenu.ves-megamenu, .ves-drill-down-menu .submenu, .ves-drill-down-menu .dropdown-submenu { -webkit-transform: translateX(0px); transform: translateX(0px); } .ves-drill-down-menu .ves-megamenu.view-submenu, .ves-drill-down-menu .submenu.view-submenu, .ves-drill-down-menu .dropdown-submenu.view-submenu { transform: translateX(-100%); } /* navigation menu */ .shopmob .megamenu-content .level1.nav-dropdown { padding-left: 20px; } .shopmob .megamenu-content .level1.nav-dropdown .submenu-control { float: right; padding-right: 20px; font-size: 1.8rem; font-weight: bold; } .shopmob .megamenu-content .level1.nav-dropdown .mnsub { display: none; height: auto !important; padding-left: 20px; } } /*** break bettween css, added for production ***/ @media only screen and (min-width: 1025px) { /*body:not(.catalog-product-view) .page-main { margin-top: 125px; }*/ /*.cms-contract.cms-page-view .page-main { margin-top: 180px; }*/ .ves-megamenu { background: transparent; font-family: 'IBM Plex Sans Regular', sans-serif; } .menu-icon { height: 25px; vertical-align: middle; } .page-header .navigation .level0.jola-logo {padding-right: 6%} .ves-megamenu li.jola-logo .nav-anchor > img { padding-bottom: 5px; height: auto; max-height: 45px;} body.signatureiii .ves-megamenu li.jola-logo .nav-anchor > img { max-height: 52px; } body.sta .ves-megamenu li.jola-logo .nav-anchor > img { /* min-height: 45px; */ } .ves-megamenu li.level0 > a { font-family: 'IBM Plex Sans Regular', sans-serif; font-size: 1rem; font-weight: normal; font-style: normal; font-stretch: normal; letter-spacing: 2px; text-align: left; color: #000000; } body .ves-megamenu .jola-logo > a { padding-left: 40px; min-width: 197px; /*padding-top: 1px;*/} .ves-megamenu li.active>a,.ves-megamenu li.active>a:hover { background: transparent; color: #000 !important;} .ves-megamenu li.level0 > a:hover, .ves-megamenu li.level0:hover > a { color: #000000; background: url(../../frontend/Jola/jolatheme/en_US/Ves_Megamenu/images/menu-unfolded.png) 47% 82% no-repeat; } .ves-megamenu li.no-indicator > a:hover, .ves-megamenu li.no-indicator:hover > a { background: transparent; } .menu-overlay { display: none; position: absolute; width: 100%; height: 100%; top: 0; background-color: black; z-index: 1001; opacity: 0.8; min-height: 3000px; } /* .ves-menu .navigation .level0 > .submenu { border-width: 1px 0 0 0; padding-left: 40px !important; padding-right: 40px !important; padding-bottom: 40px !important; } */ /*.ves-megamenu .dropdown-menu .megamenu-header,*/ /*.ves-megamenu .dropdown-menu .content-wrap {*/ /* margin: 0 !important;*/ /* border-width: 0 1px 1px 1px;*/ /* border-style: solid;*/ /* border-color: #ccc;*/ /* padding-bottom: 0;*/ /* border-width: 0;*/ /*}*/ .megamenu-header { padding-top: 25px; } /*.ves-megamenu .dropdown-menu .content-wrap { padding-top: 0px; padding-bottom: 0px; }*/ /*.ves-megamenu .dropdown-menu .content-wrap {*/ /* width: 100%;*/ /* height: 100%;*/ /* display: block;*/ /* float: left;*/ /* display: -ms-grid;*/ /* display: grid;*/ /* -ms-grid-columns: 25% 50% 25%;*/ /* grid-template-columns: 25% 50% 25%;*/ /*}*/ .content-wrap { padding-top: 0; padding-bottom: 0; } .ves-megamenu.menu-hover .subhover:hover .dropdown-menu { padding: 0; border-radius: 0; margin-left: -20px !important; width: 100vw !important; } .shop-submenu-header, .getinspired-submenu-header, .tothetrade-submenu-header { font-size: 10px; letter-spacing: 2px; padding-top: 0; } .shop-submenu-header { display: -ms-grid; display: grid; -ms-grid-columns: 32% 32% 32%; grid-template-columns: 32% 32% 32%; grid-gap: 10px; align-items: self-start; } .getinspired-submenu-header, .tothetrade-submenu-header, .catalogs-submenu-header { padding-top: 5px; } .collection-name { text-align: left;text-transform: uppercase; min-height: 29px} .getinspired-name { text-align: center; padding-bottom: 22px; } .inner-name{ width: 228px; text-align: left; display: inline-block; } .navigation .level0 .submenu .collection-image a { padding: 20px 0px; text-align: left; } .navigation .level0 .submenu .getinspired-image a { padding: 0 10px; text-align: center; } .navigation .level0 .submenu .collection-image a:hover, .navigation .level0 .submenu .getinspired-image a:hover { background: transparent; } /*.page-header .navigation .level0 { padding: 0 0 0 0; }*/ .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.left-sidebar { width: 218px; width: 33%; width: 100%; padding: 50px; border-right: 1px solid #ccc; -ms-grid-column: 1; } .leftxt { padding-bottom: 50px; letter-spacing: 2px; } .shop5 {width:100%; float:left;} .shop5 { -ms-grid-column: 1; } .shop5:nth-child(2n + 0) { -ms-grid-column: 2; } .shop5:nth-child(3n + 0) { -ms-grid-column: 3; } .shop5:nth-child(4), .shop5:nth-child(5), .shop5:nth-child(6) { -ms-grid-row: 2; } .shop5:nth-child(7), .shop5:nth-child(8), .shop5:nth-child(9) { -ms-grid-row: 3; } .shop5:nth-child(10), .shop5:nth-child(11), .shop5:nth-child(12) { -ms-grid-row: 4; } .ves-megamenu .shop4 {width:15vw; float:left} /* .sta .shop5 {width:13%; } */ .rightprt {float:left;} .ves-menu .navigation .level0 .submenu a { text-transform: uppercase; padding: 0 0 5px; font-size: 0.7rem; font-size: 1rem; letter-spacing: 2px; } .ves-menu .navigation .level0 .submenu a:hover, .mnsub span a:hover span {background: none; color:#000;} .mnsub span span {color:#9A9A9B; padding-left: 10px;} .collection-image { margin: 10px 0 15px 0; max-height: 80px; max-width: 80px; } /*.ves-megamenu .dropdown-menu .content-wrap .megamenu-content {*/ /* width:calc(50% + 0px)!important;*/ /* width: 46% !important;*/ /* width: 100% !important;*/ /* !* border-right: 1px solid #ccc; *!*/ /* padding: 50px;*/ /* -ms-grid-column: 2;*/ /*}*/ .ves-megamenu .megamenu-content{ padding: 30px 155px; } .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.right-sidebar { height: 100%; width:calc(50% - 248px); width: 20%; width: 100%; position: relative; /* padding-top: 40px; */ font-weight: normal; /* border-left: 1px solid #ccc; */ margin-left: -1px; -ms-grid-column: 3; } .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.right-sidebar .col-xs-8 { padding:10px 0 20px 20px ; line-height: 2; max-width: 330px; font-size: 11px; } .ves-megamenu .shopimg { position: relative; position: relative; height: 16vw; width: 16vw; min-width: 250px; min-height: 250px; float: right; background-size: contain !important; } .ves-megamenu .shopimg:hover { background: linear-gradient( rgba(0,0,0, 1), rgba(0,0,0, 1)); } /* .ves-megamenu .shopimg img {width: 70.5%; margin-bottom: -3px;} */ .ves-megamenu .shopimg img:hover { transform: none; transition: none; } .ves-megamenu .shopimg.active-h-link img { opacity: 0.5; } .ves-menu .navigation .level0 .submenu .shop-sah-button a.button { background: #000; border: 1px solid #fff; margin: 0; text-align: center; position: absolute; /* bottom: 3rem; */ /* right: 3rem; */ padding: 0; /* width: 50%; */ color: white !important; top: 38%; left: calc(50% - 124px); background-color: rgb(125,125,125, 0.5) !important; width: 90% !important; left: 5%; } .ves-menu .navigation .level0 .submenu .shop-sah-button a.button:hover { border: 1px solid #fff; background-color: rgb(125,125,125, 0.8) !important; } .ves-menu .navigation .level0 .submenu .shop-sah-button a.button span { font-size: 1rem; padding: 1.3rem; letter-spacing: 0.2rem; color:#fff; line-height: normal; display: inline-block; } .ves-menu .navigation .level0 .submenu .shop-sah-button a.button span { color:#fff !important; } .shop-sah-button{ /*display: none;*/ } .ves-megamenu .shopimg.active-h-link .shop-sah-button{ display: block; } .shop-studio-a-home {margin: 15px 0;} .shop-sta-copy { letter-spacing: 1.5px; line-height: 150%; padding-bottom: 30px; } .ves-megamenu li.level0.gvlogo .nav-anchor > img { margin-bottom: 4px; } body.signatureiii .ves-megamenu li.level0.gvlogo .nav-anchor > img { margin-bottom: -2px; max-width: 250px; } .submenu-control { padding: 0 10px; } /* .has-submenu > .block-category-link-inline a:after { content: '+'; padding-left: 5px; } .has-submenu:hover > .block-category-link-inline a:after { content: '-'; } */ .has-submenu .mnsub { /* visibility: hidden; */ display: none; height: 0; opacity: 0; padding-left:10px; /* transform: translateY(-2em); z-index: -1; */ /* transition: all 0.5s ease-in-out 0s, visibility 0s linear 0.5s, z-index 0s linear 0.01s; */ /* transition: all 0.5s ease-out; */ } .submenu-control { font-size: 1rem; } .submenu-control:hover { text-decoration: underline; font-size: 1.1rem; } } /*** break bettween css, added for production ***/ @media only screen and (min-width: 1920px) { .collection-image { max-height: 250px; max-width: 250px; } } @media only screen and (min-width: 2560px){ .shop-submenu-header, .getinspired-submenu-header { font-size: 12px; } } @media only screen and (max-width:2000px) and (min-width: 1581px){ .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.left-sidebar { padding: 30px; padding-bottom: 0; } } @media only screen and (max-width:1580px) and (min-width: 1025px){ .page-header .navigation .level0.jola-logo { padding-right: 0%; } .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.left-sidebar { padding: 20px; padding-bottom: 0; } .leftxt { padding-bottom: 30px; } } @media only screen and (max-width:1400px) and (min-width: 1025px){ .page-header .navigation .level0 { padding: 0 0% 0 0; } } @media only screen and (max-width:1280px) and (min-width: 1025px){ .page-header .navigation .level0 { padding: 0; } .ves-megamenu .dropdown-menu .megamenu-header, .ves-megamenu .dropdown-menu .content-wrap { position: relative; } /* .leftxt, .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.left-sidebar { float: left; padding-right: 0%; margin-right: 30px; position: absolute; top:13px; left:30px; } */ .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.left-sidebar { top:-16px; padding: 20px; } .leftxt { padding-bottom: 20px; } .collection-image { margin: 10px 0 0 0; } /* .shop5 { width: 14%; } */ .ves-megamenu .dropdown-menu .content-wrap .megamenu-content { padding: 20px;} /* .ves-megamenu .dropdown-menu .megamenu-header, .ves-megamenu .dropdown-menu .content-wrap {padding-left: 30px;} */ /* .ves-megamenu .dropdown-menu .megamenu-header, .ves-megamenu .dropdown-menu .content-wrap .megamenu-content {padding-top: 35px;} */ /* .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.right-sidebar {width: 30%} */ .ves-megamenu .shopimg img { width: 84.5%; } .ves-menu .navigation .level0 .submenu .shop-sah-button a.button {right: -1px; width: 200px; /*bottom: auto; margin-top: 15px;*/} .shop-studio-a-home {width: auto} .ves-megamenu .dropdown-menu .content-wrap .megamenu-sidebar.right-sidebar .col-xs-8 {width: 100%;} .pull-right, .shop-submenu-header.pull-right, .header-label.pull-right { float: left!important; font-size: 10px; } } @media only screen and (max-width:1270px) and (min-width: 1025px){ .shop-submenu-header, .getinspired-submenu-header { font-size: 8px; } } .vesdesctop {display:inline-block!important;} .vesmob {display: none!important;} .caret {display: none;} .page-header .h-search-wrapper .block-search { display: none; float: none; width: 100%; position: relative; z-index: 4; top:52px; background: #fff; text-align: left; border-top: 1px solid #C9C9CA; padding: 15px 0; } .page-header .h-search-wrapper.active .block-search { display: block; } /*.page-header .h-cart-wrapper {*/ /* float: right;*/ /* margin-left: 2rem;*/ /*}*/ .page-header .block-search .control { max-width: 400px; border: 1px solid #bbb; padding: 20px 0; margin-left: 30vw; width: 40vw; } .page-header .block-search .actions { max-width: 325px; position: absolute; display: inline-block; top: 15px; margin-left: 33vw; } .page-header .block-search .action.search {left:0; top:2px;} .page-header .block-search input { text-align: left; font-size: 20px; left: 0; position: static; border: 1px solid #bbb; margin-left: 35vw; width: 30vw; line-height: 40px; height: 30px; } @media only screen and (max-width:1024px) { .page-header .block-search .actions { margin-left: 71vw; top: 19px; } .page-header .block-search input{ width: 100%; } } @media only screen and (max-width:820px) { .page-header .block-search .actions { margin-left: 68vw; } } .searchbox {border:1px solid #ccc; margin:20px 40px 0px; padding: 35px 20px;} .searchbox h4 { text-transform: uppercase; color:#868787; letter-spacing: 0.3rem; font-size: 14px; } .common-search a { display: block; text-transform: uppercase; letter-spacing: 0.3rem; line-height: 25px; } .catalogsearch-result-index .t-filters-toggler{ display:none; } .attr-item.attr-dimensions .attr-value .attr-value-item { padding-bottom: 5px; } .attr-item.attr-dimensions .attr-value .attr-value-item:last-of-type{ padding-bottom: 0; } /*.page-header .sticky .h-cart-wrapper {padding-top: 0;}*/ .page-header .h-search-wrapper {float:none;} /*.page-header .sticky .h-search-wrapper .block-search {top:28px}*/ .sta .page-header .h-links-items .h-link-favorites > a span, .sta .page-header .h-cart-wrapper > a span {color:#FFF;} .page-header .h-links-items .h-link-favorites > a span.accst, .page-header .h-cart-wrapper > a span.accst {display: none} body .klevu-fluid .klevu-searching-area { z-index: 20000000!important; } @media only screen and (max-width:1025px) { .vesdesctop { display: none !important; } .vesmob { display: block !important; } .ves-megamenu-mobile .navigation .level0 .submenu .submenu {left:0!important; padding-left: 20px; border: 0; box-shadow: none;} .navigation li.level0 { display:block; } .nav-mobile .nav-item.level1 { padding-left: 20px; } .ves-megamenu li.level0 > a { float:none; } .ves-menu .navigation .level0 .submenu a:hover, .navigation .level0 .submenu a.ui-state-focus { background: inherit; } .ves-menu .navigation .level0 .submenu {position: relative;} .nav-sections-item-title { display: none!important; height: 0; float: none; } .nav-sections-item-content {padding: 0; margin-top: 0; } .navigation a, .navigation a span { font-weight:normal; } .ves-menu .navigation span.opener { font-weight:normal; display: block; } .ves-menu .navigation li{ border:0; color:#fff!important;} /*.ves-menu .navigation li:not(.shopmob) a {line-height: 45px;}*/ .ves-menu .navigation li > a { } .ves-menu .navigation .level0 .submenu {background: #fff; border:0; box-shadow: none} .ves-megamenu li.active>a {background: transparent;} .ves-megamenu li.leveltop > a {} .ves-megamenu li.level0 > a { padding: 0 20px; line-height: 51px; color: #fff;/*#333;*/ font-weight: bold; text-transform: uppercase; } .ves-megamenu li.level0:hover>a { background: inherit; color: inherit; } .ves-menu .navigation li.nav-active { /* background-color: #fff!important; */ } .ves-menu .navigation li.nav-active > a { /* color: #000!important; */ /* background: rgba(159,159,159,0.1) !important; */ } .nav-item.level1 { padding-left: 20px; } .catalogs-submenu-header { padding-left: 20px; } .page-header .h-links-items .h-link-favorites > a span.accst, .page-header .h-cart-wrapper > a span.accst {display: inline-block;} .getinspired-image {display: none;} .ves-megamenu.ves-vertical li.level0, .nav-mobile .nav-item { width: 100% !important; position: relative !important; } .nav-mobile li.level0 > a, .ves-megamenu li.level0 > a { position:static; } } @media only screen and (max-width:1225px) and (min-width: 768px){ .ves-menu .navigation .level0>.submenu { padding: 0!important; } } @media only screen and (max-width:1320px) and (min-width: 1180px){ .ves-megamenu .nav-item > a { padding: 0 10px; } } @media only screen and (max-width:1180px) and (min-width: 1025px){ .page-header .navigation .level0.jola-logo{ padding-right: 15px; } .ves-megamenu .nav-item > a { padding: 0 6px; } .ves-megamenu li.level0 > a { font-size: 10px; letter-spacing: 0.5px; } } @media only screen and (max-width:640px){ body .klevu-fluid .klevu-searching-area { padding: 0; } } @media only screen and (max-width:768px) { /*.page-header .block-search input {*/ /* width: 37vw;*/ /*}*/ .page-header .block-search .actions { margin-left: 67.5vw; } } @media only screen and (max-width: 480px) { /*.page-header .block-search input{*/ /* width: 45vw;*/ /*}*/ .page-header .block-search .actions{ margin-left: 60.5vw; } } @media only screen and (max-width:425px) { .page-header .block-search .actions { margin-left: 55.5vw; } } @media only screen and (max-width: 375px) { .page-header .block-search .actions { margin-left: 61.5vw; } } /*@media only screen and (max-width:320px) {*/ /* .page-header .block-search input {*/ /* width: 47vw;*/ /* }*/ /*}*/ @media only screen and (max-width:767px) { .getinspired-submenu-header { padding-left: 20px; } .getinspired-submenu-header > div:last-child { padding: 0; } .navigation .submenu .getinspired-submenu-header > div:last-child li a { line-height: 45px; } } /** * Swiper 3.3.1 * Most modern mobile touch slider and framework with hardware accelerated transitions * * http://www.idangero.us/swiper/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: February 7, 2016 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-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:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-ms-flex-align:start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform,height}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-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;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;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;pointer-events:none}.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-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-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-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-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-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-pagination{position:absolute;text-align:center;-webkit-transition:.3s;-moz-transition:.3s;-o-transition:.3s;transition:.3s;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-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-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;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}.swiper-pagination-progress{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progress .swiper-pagination-progressbar{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-moz-transform-origin:left top;-ms-transform-origin:left top;-o-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{-webkit-transform-origin:right top;-moz-transform-origin:right top;-ms-transform-origin:right top;-o-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progress{width:100%;height:4px;left:0;top:0}.swiper-container-vertical>.swiper-pagination-progress{width:4px;height:100%;left:0;top:0}.swiper-pagination-progress.swiper-pagination-white{background:rgba(255,255,255,.5)}.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar{background:#fff}.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar{background:#000}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-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;-moz-transform-style:preserve-3d;-ms-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,left top,right 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:-moz-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,right top,left 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:-moz-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 top,left bottom,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:-moz-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 bottom,left top,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:-moz-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-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{-ms-perspective:1200px}.swiper-container-cube,.swiper-container-flip{overflow:visible}.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.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,.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;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-slide{visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.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-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-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-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;-moz-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-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-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%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-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%;-webkit-background-size:100%;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)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}