@charset "UTF-8"; .mkt p { max-width: 100%; } .mkt ol { float: none; margin: 15px; } .mkt ul { list-style: square; padding: 0 0 0 14px; } .mkt table thead tr th { background: inherit; } .mkt a.btn, .mkt .btn { margin-right: 5px; } .mkt a.btn + a.btn, .mkt .btn + .btn { margin-left: 0; } .mkt .mkt ul > li > ul { margin-left: 1.3em; } .mkt table { border: none; } .mkt table td { border: none; } .mkt table thead tr th { border: none; } .landingPage .mkt .row { width: auto; } /* TRANSDEV-185 hide the ajax minicart for experiment */ .hide-ajax-cart #quick_cart .container #MiniShopCartProductAdded { position: absolute; z-index: -1; right: 99999px; } /* TRANSDEV-507 hide search within on horizontal filter -CR */ .filterLayoutTop .su-search-within { display: none; } .accessory-list .pagination.wideLoad, .accessory-list td#stock { display: none; } .accessory-list .panel-heading { background: #007FAC; color: #fff; } .accessory-list .panel-heading a { color: #fff; } .accessory-list .panel { border: 0; } .accessory-list .paginationArea { margin-bottom: 20px; overflow: hidden; } .accessory-list .btn.btnSecondary.compareButt { color: #444; background: #e7e7e7; border-color: #cdcdcd; } .accessory-list .btn.btnSecondary.compareButt:hover { color: #444; background: #cdcdcd; border-color: #afafaf; } .accessory-list .transaction td { padding: 0 !important; border: none !important; } .accessory-list .pagePull .paginationArea, .accessory-list .pagePull .compare { display: none; } .accessory-list .iconHold { display: none !important; } .accessory-list .productImage .prodThumbWrap { height: auto !important; } .has-sticky .added-item { content: ""; } #hs-eu-cookie-confirmation { display: none; } iframe.BrightcoveExperience { display: block; } .sudo-overlay.mkt { background: white; border-radius: 4px; border: 1px solid #545454; } .sudo-overlay.mkt .dijitDialogTitleBar { padding: 15px; position: relative; border-bottom: 1px solid #cccccc; } .sudo-overlay.mkt .dijitDialogPaneContent { padding-top: 10px; } .sudo-overlay.mkt .dijitDialogTitle { font-weight: bold; font-size: 19px; } .sudo-overlay.mkt span.closeText { visibility: hidden; } .sudo-overlay.mkt span.dijitDialogCloseIcon { position: absolute; right: 15px; top: 15px; width: 23px; height: 23px; opacity: 0.4; } .sudo-overlay.mkt span.dijitDialogCloseIcon:hover { opacity: 1; } .sudo-overlay.mkt span.dijitDialogCloseIcon:before, .sudo-overlay.mkt span.dijitDialogCloseIcon:after { position: absolute; left: 11px; content: ' '; height: 31px; width: 2px; background-color: #000; top: -4px; } .sudo-overlay.mkt span.dijitDialogCloseIcon:before { transform: rotate(45deg); } .sudo-overlay.mkt span.dijitDialogCloseIcon:after { transform: rotate(-45deg); } .sudo-overlay.mkt .dijitDialogPaneActionBar { padding: 15px; position: relative; border-top: 1px solid #cccccc; overflow: hidden; } .sudo-overlay.mkt .dijitButton { float: right; } .sudo-overlay.mkt .dijitButton { font-weight: bold; display: inline-block; cursor: pointer; padding: 3px 8px; background: #F17C0E repeat-x center; border: #A65C11 1px solid; border-radius: 4px; transition: background-color .3s; } .sudo-overlay.mkt .dijitButton:hover { background: #984c05 repeat-x center; } .sudo-overlay.mkt span.dijitReset.dijitToggleButtonIconChar { display: none; } .sudo-overlay.mkt .dijitButtonText { color: #fff !important; } .sudo-overlay.mkt.sudo-prop-65 .dijitButton[widgetid="dijit_form_Button_1"] { display: none; } .sudo-overlay.mkt.sudo-prop-65 p { font-size: 14px !important; } .sudo-overlay.mkt.sudo-prop-65 hr { display: none; } .sudo-overlay.mkt.sudo-prop-65 span.mk-warn { font-weight: bold; display: inline-block; padding-left: 30px; } .sudo-overlay.mkt.sudo-prop-65 span.prop-warning { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/warning-icon.svg) no-repeat; width: 40px; height: 26px; display: inline-block; position: absolute; top: -3px; } .sudo-overlay.mkt.sudo-prop-65 .dijitDialogPaneContent p { position: relative; display: block; } a.prop65-warning { display: block !important; padding: 20px 0 0 0 !important; } a.prop65-warning span { font-weight: bold !important; } a.prop65-warning:visited { color: #007fac !important; } /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ .mkt article, .mkt aside, .mkt details, .mkt figcaption, .mkt figure, .mkt footer, .mkt header, .mkt main, .mkt menu, .mkt nav, .mkt section, .mkt summary { display: block; } .mkt audio, .mkt canvas, .mkt progress, .mkt video { display: inline-block; vertical-align: baseline; } .mkt audio:not([controls]) { display: none; height: 0; } .mkt [hidden], .mkt template { display: none; } .mkt a { background-color: transparent; } .mkt a:active, .mkt a:hover { outline: 0; } .mkt abbr[title] { border-bottom: 1px dotted; } .mkt b, .mkt strong { font-weight: bold; } .mkt dfn { font-style: italic; } .mkt h1 { font-size: 2em; margin: 0.67em 0; } .mkt small { font-size: 80%; } .mkt sub, .mkt sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .mkt sup { top: -0.5em; } .mkt sub { bottom: -0.25em; } .mkt img { border: 0; } .mkt svg:not(:root) { overflow: hidden; } .mkt hr { box-sizing: content-box; height: 0; } .mkt pre { overflow: auto; } .mkt code, .mkt kbd, .mkt pre, .mkt samp { font-family: monospace, monospace; font-size: 1em; } .mkt button, .mkt input, .mkt optgroup, .mkt select, .mkt textarea { color: inherit; font: inherit; margin: 0; } .mkt button { overflow: visible; } .mkt button, .mkt select { text-transform: none; } .mkt button, .mkt html input[type="button"], .mkt input[type="reset"], .mkt input[type="submit"] { -webkit-appearance: button; cursor: pointer; } .mkt button[disabled], .mkt html input[disabled] { cursor: default; } .mkt button::-moz-focus-inner, .mkt input::-moz-focus-inner { border: 0; padding: 0; } .mkt input { line-height: normal; } .mkt input[type="checkbox"], .mkt input[type="radio"] { box-sizing: border-box; padding: 0; } .mkt input[type="number"]::-webkit-inner-spin-button, .mkt input[type="number"]::-webkit-outer-spin-button { height: auto; } .mkt input[type="search"] { -webkit-appearance: textfield; box-sizing: content-box; } .mkt input[type="search"]::-webkit-search-cancel-button, .mkt input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } .mkt fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } .mkt legend { border: 0; padding: 0; } .mkt textarea { overflow: auto; } .mkt optgroup { font-weight: bold; } .mkt table { border-collapse: collapse; border-spacing: 0; } .mkt td, .mkt th { padding: 0; } @font-face { font-family: 'Glyphicons Halflings'; src: url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/media/common/fonts/common/glyphicons-halflings-regular.eot"), url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/media/common/fonts/common/glyphicons-halflings-regular.eot?#iefix"), url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/media/common/fonts/common/glyphicons-halflings-regular.woff2"), url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/media/common/fonts/common/glyphicons-halflings-regular.woff"), url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/media/common/fonts/common/glyphicons-halflings-regular.ttf"), url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/media/common/fonts/common/glyphicons-halflings-regular.svg#glyphicons_halflingsregular"); } .mkt .glyphicon { position: relative; top: 1px; display: inline-block; font-family: 'Glyphicons Halflings'; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .mkt .glyphicon-asterisk:before { content: "\002a"; } .mkt .glyphicon-plus:before { content: "\002b"; } .mkt .glyphicon-euro:before, .mkt .glyphicon-eur:before { content: "\20ac"; } .mkt .glyphicon-minus:before { content: "\2212"; } .mkt .glyphicon-cloud:before { content: "\2601"; } .mkt .glyphicon-envelope:before { content: "\2709"; } .mkt .glyphicon-pencil:before { content: "\270f"; } .mkt .glyphicon-glass:before { content: "\e001"; } .mkt .glyphicon-music:before { content: "\e002"; } .mkt .glyphicon-search:before { content: "\e003"; } .mkt .glyphicon-heart:before { content: "\e005"; } .mkt .glyphicon-star:before { content: "\e006"; } .mkt .glyphicon-star-empty:before { content: "\e007"; } .mkt .glyphicon-user:before { content: "\e008"; } .mkt .glyphicon-film:before { content: "\e009"; } .mkt .glyphicon-th-large:before { content: "\e010"; } .mkt .glyphicon-th:before { content: "\e011"; } .mkt .glyphicon-th-list:before { content: "\e012"; } .mkt .glyphicon-ok:before { content: "\e013"; } .mkt .glyphicon-remove:before { content: "\e014"; } .mkt .glyphicon-zoom-in:before { content: "\e015"; } .mkt .glyphicon-zoom-out:before { content: "\e016"; } .mkt .glyphicon-off:before { content: "\e017"; } .mkt .glyphicon-signal:before { content: "\e018"; } .mkt .glyphicon-cog:before { content: "\e019"; } .mkt .glyphicon-trash:before { content: "\e020"; } .mkt .glyphicon-home:before { content: "\e021"; } .mkt .glyphicon-file:before { content: "\e022"; } .mkt .glyphicon-time:before { content: "\e023"; } .mkt .glyphicon-road:before { content: "\e024"; } .mkt .glyphicon-download-alt:before { content: "\e025"; } .mkt .glyphicon-download:before { content: "\e026"; } .mkt .glyphicon-upload:before { content: "\e027"; } .mkt .glyphicon-inbox:before { content: "\e028"; } .mkt .glyphicon-play-circle:before { content: "\e029"; } .mkt .glyphicon-repeat:before { content: "\e030"; } .mkt .glyphicon-refresh:before { content: "\e031"; } .mkt .glyphicon-list-alt:before { content: "\e032"; } .mkt .glyphicon-lock:before { content: "\e033"; } .mkt .glyphicon-flag:before { content: "\e034"; } .mkt .glyphicon-headphones:before { content: "\e035"; } .mkt .glyphicon-volume-off:before { content: "\e036"; } .mkt .glyphicon-volume-down:before { content: "\e037"; } .mkt .glyphicon-volume-up:before { content: "\e038"; } .mkt .glyphicon-qrcode:before { content: "\e039"; } .mkt .glyphicon-barcode:before { content: "\e040"; } .mkt .glyphicon-tag:before { content: "\e041"; } .mkt .glyphicon-tags:before { content: "\e042"; } .mkt .glyphicon-book:before { content: "\e043"; } .mkt .glyphicon-bookmark:before { content: "\e044"; } .mkt .glyphicon-print:before { content: "\e045"; } .mkt .glyphicon-camera:before { content: "\e046"; } .mkt .glyphicon-font:before { content: "\e047"; } .mkt .glyphicon-bold:before { content: "\e048"; } .mkt .glyphicon-italic:before { content: "\e049"; } .mkt .glyphicon-text-height:before { content: "\e050"; } .mkt .glyphicon-text-width:before { content: "\e051"; } .mkt .glyphicon-align-left:before { content: "\e052"; } .mkt .glyphicon-align-center:before { content: "\e053"; } .mkt .glyphicon-align-right:before { content: "\e054"; } .mkt .glyphicon-align-justify:before { content: "\e055"; } .mkt .glyphicon-list:before { content: "\e056"; } .mkt .glyphicon-indent-left:before { content: "\e057"; } .mkt .glyphicon-indent-right:before { content: "\e058"; } .mkt .glyphicon-facetime-video:before { content: "\e059"; } .mkt .glyphicon-picture:before { content: "\e060"; } .mkt .glyphicon-map-marker:before { content: "\e062"; } .mkt .glyphicon-adjust:before { content: "\e063"; } .mkt .glyphicon-tint:before { content: "\e064"; } .mkt .glyphicon-edit:before { content: "\e065"; } .mkt .glyphicon-share:before { content: "\e066"; } .mkt .glyphicon-check:before { content: "\e067"; } .mkt .glyphicon-move:before { content: "\e068"; } .mkt .glyphicon-step-backward:before { content: "\e069"; } .mkt .glyphicon-fast-backward:before { content: "\e070"; } .mkt .glyphicon-backward:before { content: "\e071"; } .mkt .glyphicon-play:before { content: "\e072"; } .mkt .glyphicon-pause:before { content: "\e073"; } .mkt .glyphicon-stop:before { content: "\e074"; } .mkt .glyphicon-forward:before { content: "\e075"; } .mkt .glyphicon-fast-forward:before { content: "\e076"; } .mkt .glyphicon-step-forward:before { content: "\e077"; } .mkt .glyphicon-eject:before { content: "\e078"; } .mkt .glyphicon-chevron-left:before { content: "\e079"; } .mkt .glyphicon-chevron-right:before { content: "\e080"; } .mkt .glyphicon-plus-sign:before { content: "\e081"; } .mkt .glyphicon-minus-sign:before { content: "\e082"; } .mkt .glyphicon-remove-sign:before { content: "\e083"; } .mkt .glyphicon-ok-sign:before { content: "\e084"; } .mkt .glyphicon-question-sign:before { content: "\e085"; } .mkt .glyphicon-info-sign:before { content: "\e086"; } .mkt .glyphicon-screenshot:before { content: "\e087"; } .mkt .glyphicon-remove-circle:before { content: "\e088"; } .mkt .glyphicon-ok-circle:before { content: "\e089"; } .mkt .glyphicon-ban-circle:before { content: "\e090"; } .mkt .glyphicon-arrow-left:before { content: "\e091"; } .mkt .glyphicon-arrow-right:before { content: "\e092"; } .mkt .glyphicon-arrow-up:before { content: "\e093"; } .mkt .glyphicon-arrow-down:before { content: "\e094"; } .mkt .glyphicon-share-alt:before { content: "\e095"; } .mkt .glyphicon-resize-full:before { content: "\e096"; } .mkt .glyphicon-resize-small:before { content: "\e097"; } .mkt .glyphicon-exclamation-sign:before { content: "\e101"; } .mkt .glyphicon-gift:before { content: "\e102"; } .mkt .glyphicon-leaf:before { content: "\e103"; } .mkt .glyphicon-fire:before { content: "\e104"; } .mkt .glyphicon-eye-open:before { content: "\e105"; } .mkt .glyphicon-eye-close:before { content: "\e106"; } .mkt .glyphicon-warning-sign:before { content: "\e107"; } .mkt .glyphicon-plane:before { content: "\e108"; } .mkt .glyphicon-calendar:before { content: "\e109"; } .mkt .glyphicon-random:before { content: "\e110"; } .mkt .glyphicon-comment:before { content: "\e111"; } .mkt .glyphicon-magnet:before { content: "\e112"; } .mkt .glyphicon-chevron-up:before { content: "\e113"; } .mkt .glyphicon-chevron-down:before { content: "\e114"; } .mkt .glyphicon-retweet:before { content: "\e115"; } .mkt .glyphicon-shopping-cart:before { content: "\e116"; } .mkt .glyphicon-folder-close:before { content: "\e117"; } .mkt .glyphicon-folder-open:before { content: "\e118"; } .mkt .glyphicon-resize-vertical:before { content: "\e119"; } .mkt .glyphicon-resize-horizontal:before { content: "\e120"; } .mkt .glyphicon-hdd:before { content: "\e121"; } .mkt .glyphicon-bullhorn:before { content: "\e122"; } .mkt .glyphicon-bell:before { content: "\e123"; } .mkt .glyphicon-certificate:before { content: "\e124"; } .mkt .glyphicon-thumbs-up:before { content: "\e125"; } .mkt .glyphicon-thumbs-down:before { content: "\e126"; } .mkt .glyphicon-hand-right:before { content: "\e127"; } .mkt .glyphicon-hand-left:before { content: "\e128"; } .mkt .glyphicon-hand-up:before { content: "\e129"; } .mkt .glyphicon-hand-down:before { content: "\e130"; } .mkt .glyphicon-circle-arrow-right:before { content: "\e131"; } .mkt .glyphicon-circle-arrow-left:before { content: "\e132"; } .mkt .glyphicon-circle-arrow-up:before { content: "\e133"; } .mkt .glyphicon-circle-arrow-down:before { content: "\e134"; } .mkt .glyphicon-globe:before { content: "\e135"; } .mkt .glyphicon-wrench:before { content: "\e136"; } .mkt .glyphicon-tasks:before { content: "\e137"; } .mkt .glyphicon-filter:before { content: "\e138"; } .mkt .glyphicon-briefcase:before { content: "\e139"; } .mkt .glyphicon-fullscreen:before { content: "\e140"; } .mkt .glyphicon-dashboard:before { content: "\e141"; } .mkt .glyphicon-paperclip:before { content: "\e142"; } .mkt .glyphicon-heart-empty:before { content: "\e143"; } .mkt .glyphicon-link:before { content: "\e144"; } .mkt .glyphicon-phone:before { content: "\e145"; } .mkt .glyphicon-pushpin:before { content: "\e146"; } .mkt .glyphicon-usd:before { content: "\e148"; } .mkt .glyphicon-gbp:before { content: "\e149"; } .mkt .glyphicon-sort:before { content: "\e150"; } .mkt .glyphicon-sort-by-alphabet:before { content: "\e151"; } .mkt .glyphicon-sort-by-alphabet-alt:before { content: "\e152"; } .mkt .glyphicon-sort-by-order:before { content: "\e153"; } .mkt .glyphicon-sort-by-order-alt:before { content: "\e154"; } .mkt .glyphicon-sort-by-attributes:before { content: "\e155"; } .mkt .glyphicon-sort-by-attributes-alt:before { content: "\e156"; } .mkt .glyphicon-unchecked:before { content: "\e157"; } .mkt .glyphicon-expand:before { content: "\e158"; } .mkt .glyphicon-collapse-down:before { content: "\e159"; } .mkt .glyphicon-collapse-up:before { content: "\e160"; } .mkt .glyphicon-log-in:before { content: "\e161"; } .mkt .glyphicon-flash:before { content: "\e162"; } .mkt .glyphicon-log-out:before { content: "\e163"; } .mkt .glyphicon-new-window:before { content: "\e164"; } .mkt .glyphicon-record:before { content: "\e165"; } .mkt .glyphicon-save:before { content: "\e166"; } .mkt .glyphicon-open:before { content: "\e167"; } .mkt .glyphicon-saved:before { content: "\e168"; } .mkt .glyphicon-import:before { content: "\e169"; } .mkt .glyphicon-export:before { content: "\e170"; } .mkt .glyphicon-send:before { content: "\e171"; } .mkt .glyphicon-floppy-disk:before { content: "\e172"; } .mkt .glyphicon-floppy-saved:before { content: "\e173"; } .mkt .glyphicon-floppy-remove:before { content: "\e174"; } .mkt .glyphicon-floppy-save:before { content: "\e175"; } .mkt .glyphicon-floppy-open:before { content: "\e176"; } .mkt .glyphicon-credit-card:before { content: "\e177"; } .mkt .glyphicon-transfer:before { content: "\e178"; } .mkt .glyphicon-cutlery:before { content: "\e179"; } .mkt .glyphicon-header:before { content: "\e180"; } .mkt .glyphicon-compressed:before { content: "\e181"; } .mkt .glyphicon-earphone:before { content: "\e182"; } .mkt .glyphicon-phone-alt:before { content: "\e183"; } .mkt .glyphicon-tower:before { content: "\e184"; } .mkt .glyphicon-stats:before { content: "\e185"; } .mkt .glyphicon-sd-video:before { content: "\e186"; } .mkt .glyphicon-hd-video:before { content: "\e187"; } .mkt .glyphicon-subtitles:before { content: "\e188"; } .mkt .glyphicon-sound-stereo:before { content: "\e189"; } .mkt .glyphicon-sound-dolby:before { content: "\e190"; } .mkt .glyphicon-sound-5-1:before { content: "\e191"; } .mkt .glyphicon-sound-6-1:before { content: "\e192"; } .mkt .glyphicon-sound-7-1:before { content: "\e193"; } .mkt .glyphicon-copyright-mark:before { content: "\e194"; } .mkt .glyphicon-registration-mark:before { content: "\e195"; } .mkt .glyphicon-cloud-download:before { content: "\e197"; } .mkt .glyphicon-cloud-upload:before { content: "\e198"; } .mkt .glyphicon-tree-conifer:before { content: "\e199"; } .mkt .glyphicon-tree-deciduous:before { content: "\e200"; } .mkt .glyphicon-cd:before { content: "\e201"; } .mkt .glyphicon-save-file:before { content: "\e202"; } .mkt .glyphicon-open-file:before { content: "\e203"; } .mkt .glyphicon-level-up:before { content: "\e204"; } .mkt .glyphicon-copy:before { content: "\e205"; } .mkt .glyphicon-paste:before { content: "\e206"; } .mkt .glyphicon-alert:before { content: "\e209"; } .mkt .glyphicon-equalizer:before { content: "\e210"; } .mkt .glyphicon-king:before { content: "\e211"; } .mkt .glyphicon-queen:before { content: "\e212"; } .mkt .glyphicon-pawn:before { content: "\e213"; } .mkt .glyphicon-bishop:before { content: "\e214"; } .mkt .glyphicon-knight:before { content: "\e215"; } .mkt .glyphicon-baby-formula:before { content: "\e216"; } .mkt .glyphicon-tent:before { content: "\26fa"; } .mkt .glyphicon-blackboard:before { content: "\e218"; } .mkt .glyphicon-bed:before { content: "\e219"; } .mkt .glyphicon-apple:before { content: "\f8ff"; } .mkt .glyphicon-erase:before { content: "\e221"; } .mkt .glyphicon-hourglass:before { content: "\231b"; } .mkt .glyphicon-lamp:before { content: "\e223"; } .mkt .glyphicon-duplicate:before { content: "\e224"; } .mkt .glyphicon-piggy-bank:before { content: "\e225"; } .mkt .glyphicon-scissors:before { content: "\e226"; } .mkt .glyphicon-bitcoin:before { content: "\e227"; } .mkt .glyphicon-btc:before { content: "\e227"; } .mkt .glyphicon-xbt:before { content: "\e227"; } .mkt .glyphicon-yen:before { content: "\00a5"; } .mkt .glyphicon-jpy:before { content: "\00a5"; } .mkt .glyphicon-ruble:before { content: "\20bd"; } .mkt .glyphicon-rub:before { content: "\20bd"; } .mkt .glyphicon-scale:before { content: "\e230"; } .mkt .glyphicon-ice-lolly:before { content: "\e231"; } .mkt .glyphicon-ice-lolly-tasted:before { content: "\e232"; } .mkt .glyphicon-education:before { content: "\e233"; } .mkt .glyphicon-option-horizontal:before { content: "\e234"; } .mkt .glyphicon-option-vertical:before { content: "\e235"; } .mkt .glyphicon-menu-hamburger:before { content: "\e236"; } .mkt .glyphicon-modal-window:before { content: "\e237"; } .mkt .glyphicon-oil:before { content: "\e238"; } .mkt .glyphicon-grain:before { content: "\e239"; } .mkt .glyphicon-sunglasses:before { content: "\e240"; } .mkt .glyphicon-text-size:before { content: "\e241"; } .mkt .glyphicon-text-color:before { content: "\e242"; } .mkt .glyphicon-text-background:before { content: "\e243"; } .mkt .glyphicon-object-align-top:before { content: "\e244"; } .mkt .glyphicon-object-align-bottom:before { content: "\e245"; } .mkt .glyphicon-object-align-horizontal:before { content: "\e246"; } .mkt .glyphicon-object-align-left:before { content: "\e247"; } .mkt .glyphicon-object-align-vertical:before { content: "\e248"; } .mkt .glyphicon-object-align-right:before { content: "\e249"; } .mkt .glyphicon-triangle-right:before { content: "\e250"; } .mkt .glyphicon-triangle-left:before { content: "\e251"; } .mkt .glyphicon-triangle-bottom:before { content: "\e252"; } .mkt .glyphicon-triangle-top:before { content: "\e253"; } .mkt .glyphicon-console:before { content: "\e254"; } .mkt .glyphicon-superscript:before { content: "\e255"; } .mkt .glyphicon-subscript:before { content: "\e256"; } .mkt .glyphicon-menu-left:before { content: "\e257"; } .mkt .glyphicon-menu-right:before { content: "\e258"; } .mkt .glyphicon-menu-down:before { content: "\e259"; } .mkt .glyphicon-menu-up:before { content: "\e260"; } .mkt .glyphicon-ul { position: relative; padding-left: 28px; } .mkt .glyphicon-ul span.glyphicon { position: absolute; left: 0; } .mkt * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkt *:before, .mkt *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html .mkt { font-size: 10px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } body .mkt { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px !important; line-height: 1.428571429; color: #333333; } .mkt input, .mkt button, .mkt select, .mkt textarea { font-family: inherit; font-size: inherit; line-height: inherit; } .mkt a { color: #007FAC; text-decoration: none; } .mkt a:hover, .mkt a:focus { color: #004760; text-decoration: underline; } .mkt a:focus { outline: thin dotted; } .mkt figure { margin: 0; } .mkt img { vertical-align: middle; } .mkt .img-responsive { display: block; max-width: 100%; height: auto; } .mkt .img-rounded { border-radius: 6px; } .mkt .img-thumbnail { padding: 4px; line-height: 1.428571429; background-color: #fff; border: 1px solid #ddd; border-radius: 4px; -webkit-transition: all 0.2s ease-in-out; -moz-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; } .mkt .img-circle { border-radius: 50%; } .mkt hr { margin-top: 17px; margin-bottom: 17px; border: 0; border-top: 1px solid #e7e7e7; } .mkt .sr-only { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } .mkt .sr-only-focusable:active, .mkt .sr-only-focusable:focus { position: static; width: auto; height: auto; margin: 0; overflow: visible; clip: auto; } .mkt [role="button"] { cursor: pointer; } .mkt h1, .mkt h2, .mkt h3, .mkt h4, .mkt h5, .mkt h6, .mkt .h1, .mkt .h2, .mkt .h3, .mkt .h4, .mkt .h5, .mkt .h6 { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-weight: 600 !important; line-height: 1.15 !important; color: #333333; } .mkt h1 small, .mkt h1 .small, .mkt h2 small, .mkt h2 .small, .mkt h3 small, .mkt h3 .small, .mkt h4 small, .mkt h4 .small, .mkt h5 small, .mkt h5 .small, .mkt h6 small, .mkt h6 .small, .mkt .h1 small, .mkt .h1 .small, .mkt .h2 small, .mkt .h2 .small, .mkt .h3 small, .mkt .h3 .small, .mkt .h4 small, .mkt .h4 .small, .mkt .h5 small, .mkt .h5 .small, .mkt .h6 small, .mkt .h6 .small { font-weight: normal; line-height: 1; color: #aaaaaa; } .mkt h1, .mkt .h1, .mkt h2, .mkt .h2, .mkt h3, .mkt .h3 { margin-top: 17px; margin-bottom: 8.5px; } .mkt h1 small, .mkt h1 .small, .mkt .h1 small, .mkt .h1 .small, .mkt h2 small, .mkt h2 .small, .mkt .h2 small, .mkt .h2 .small, .mkt h3 small, .mkt h3 .small, .mkt .h3 small, .mkt .h3 .small { font-size: 65%; } .mkt h4, .mkt .h4, .mkt h5, .mkt .h5, .mkt h6, .mkt .h6 { margin-top: 8.5px; margin-bottom: 8.5px; } .mkt h4 small, .mkt h4 .small, .mkt .h4 small, .mkt .h4 .small, .mkt h5 small, .mkt h5 .small, .mkt .h5 small, .mkt .h5 .small, .mkt h6 small, .mkt h6 .small, .mkt .h6 small, .mkt .h6 .small { font-size: 75%; } .mkt h1, .mkt .h1 { font-size: 31px; } .mkt h2, .mkt .h2 { font-size: 25px; } .mkt h3, .mkt .h3 { font-size: 21px; } .mkt h4, .mkt .h4 { font-size: 15px; } .mkt h5, .mkt .h5 { font-size: 12px; } .mkt h6, .mkt .h6 { font-size: 11px; } .mkt p { margin: 0 0 8.5px; width: auto !important; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important; font-size: 12px; line-height: 1.428571429; } .mkt span.voucher-code { background: #ffffff; padding: 0.1em 0.3em; color: #000; border: 1px solid #bab7b7; white-space: nowrap; font-weight: bold; font-size: 0.95em; } .mkt .lead { margin-bottom: 17px; font-size: 13px; line-height: 1.4; } @media (min-width: 768px) { .mkt .lead { font-size: 18px; } } .mkt small, .mkt .small { font-size: 91%; } .mkt mark, .mkt .mark { background-color: #f7ca9f; padding: .1em .4em; } .mkt .text-left { text-align: left; } .mkt .text-right { text-align: right; } .mkt .text-center { text-align: center; } .mkt .text-justify { text-align: justify; } .mkt .text-nowrap { white-space: nowrap; } .mkt .text-lowercase { text-transform: lowercase; } .mkt .text-uppercase, .mkt .initialism { text-transform: uppercase; } .mkt .text-capitalize { text-transform: capitalize; } .mkt .text-muted { color: #888888; } .mkt .text-success { color: #9EA900; } .mkt a.text-success:hover, .mkt a.text-success:focus { color: #6e7600; } .mkt .text-info { color: #03b3f1; } .mkt a.text-info:hover, .mkt a.text-info:focus { color: #028ebf; } .mkt .text-warning { color: #F17C0E; } .mkt a.text-warning:hover, .mkt a.text-warning:focus { color: #c1630b; } .mkt .text-danger { color: #f22d11; } .mkt a.text-danger:hover, .mkt a.text-danger:focus { color: #c5220b; } .mkt .bg-info { color: #028ebf; } .mkt .bg-success { color: #6e7600; } .mkt .bg-warning { color: #c1630b; } .mkt .bg-danger { color: #c1630b; } .mkt .bg-success { background-color: #cdd373; } .mkt a.bg-success:hover, .mkt a.bg-success:focus { background-color: #bfc74c; } .mkt .bg-info { background-color: #f4f9fa; } .mkt a.bg-info:hover, .mkt a.bg-info:focus { background-color: #d1e4eb; } .mkt .bg-warning { background-color: #fcd0a6; } .mkt a.bg-warning:hover, .mkt a.bg-warning:focus { background-color: #fab675; } .mkt .bg-danger { background-color: #eea399; } .mkt a.bg-danger:hover, .mkt a.bg-danger:focus { background-color: #e77c6d; } .mkt ul, .mkt ol { margin-top: 0; margin-bottom: 8.5px; } .mkt ul ul, .mkt ul ol, .mkt ol ul, .mkt ol ol { margin-bottom: 0; } .mkt .list-unstyled { padding-left: 0; list-style: none; } .mkt .list-inline { padding-left: 0; list-style: none; margin-left: -5px; } .mkt .list-inline > li { display: inline-block; padding-left: 5px; padding-right: 5px; } .mkt dl { margin-top: 0; margin-bottom: 17px; } .mkt dt, .mkt dd { line-height: 1.428571429; } .mkt dt { font-weight: bold; } .mkt dd { margin-left: 0; } .mkt .dl-horizontal dd:before, .mkt .dl-horizontal dd:after { content: " "; display: table; } .mkt .dl-horizontal dd:after { clear: both; } @media (min-width: 768px) { .mkt .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .mkt .dl-horizontal dd { margin-left: 180px; } } .mkt abbr[title], .mkt abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #aaaaaa; } .mkt .initialism { font-size: 90%; } .mkt blockquote { padding: 8.5px 17px; margin: 0 0 17px; font-size: 15px; border-left: 5px solid #e7e7e7; } .mkt blockquote p:last-child, .mkt blockquote ul:last-child, .mkt blockquote ol:last-child { margin-bottom: 0; } .mkt blockquote footer, .mkt blockquote small, .mkt blockquote .small { display: block; font-size: 80%; line-height: 1.428571429; color: #aaaaaa; } .mkt blockquote footer:before, .mkt blockquote small:before, .mkt blockquote .small:before { content: '\2014 \00A0'; } .mkt .blockquote-reverse, .mkt blockquote.pull-right { padding-right: 15px; padding-left: 0; border-right: 5px solid #e7e7e7; border-left: 0; text-align: right; } .mkt .blockquote-reverse footer:before, .mkt .blockquote-reverse small:before, .mkt .blockquote-reverse .small:before, .mkt blockquote.pull-right footer:before, .mkt blockquote.pull-right small:before, .mkt blockquote.pull-right .small:before { content: ''; } .mkt .blockquote-reverse footer:after, .mkt .blockquote-reverse small:after, .mkt .blockquote-reverse .small:after, .mkt blockquote.pull-right footer:after, .mkt blockquote.pull-right small:after, .mkt blockquote.pull-right .small:after { content: '\00A0 \2014'; } .mkt address { margin-bottom: 17px; font-style: normal; line-height: 1.428571429; } .mkt .link-arrow:after { padding-left: 0.4em; content: "▶"; color: #41c363; } .mkt .text-primary { color: #35A753; } .mkt .text-secondary { color: #007FAC; } .mkt .text-muted { color: #888888; } .mkt .text-offer { color: #D23620; } .mkt .text-reverse { color: #fff !important; } .mkt { /* Small devices - Tablets */ /* Medium devices - Desktops */ /* Large devices Desktops */ } .mkt .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .mkt .container:before, .mkt .container:after { content: " "; display: table; } .mkt .container:after { clear: both; } @media (min-width: 768px) { .mkt .container { width: 750px; } } @media (min-width: 992px) { .mkt .container { width: 970px; } } @media (min-width: 1200px) { .mkt .container { width: 1170px; } } .mkt .container-fluid { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } .mkt .container-fluid:before, .mkt .container-fluid:after { content: " "; display: table; } .mkt .container-fluid:after { clear: both; } .mkt .row { margin-left: -15px; margin-right: -15px; } .mkt .row:before, .mkt .row:after { content: " "; display: table; } .mkt .row:after { clear: both; } .mkt .col-xs-1, .mkt .col-sm-1, .mkt .col-md-1, .mkt .col-lg-1, .mkt .col-xs-2, .mkt .col-sm-2, .mkt .col-md-2, .mkt .col-lg-2, .mkt .col-xs-3, .mkt .col-sm-3, .mkt .col-md-3, .mkt .col-lg-3, .mkt .col-xs-4, .mkt .col-sm-4, .mkt .col-md-4, .mkt .col-lg-4, .mkt .col-xs-5, .mkt .col-sm-5, .mkt .col-md-5, .mkt .col-lg-5, .mkt .col-xs-6, .mkt .col-sm-6, .mkt .col-md-6, .mkt .col-lg-6, .mkt .col-xs-7, .mkt .col-sm-7, .mkt .col-md-7, .mkt .col-lg-7, .mkt .col-xs-8, .mkt .col-sm-8, .mkt .col-md-8, .mkt .col-lg-8, .mkt .col-xs-9, .mkt .col-sm-9, .mkt .col-md-9, .mkt .col-lg-9, .mkt .col-xs-10, .mkt .col-sm-10, .mkt .col-md-10, .mkt .col-lg-10, .mkt .col-xs-11, .mkt .col-sm-11, .mkt .col-md-11, .mkt .col-lg-11, .mkt .col-xs-12, .mkt .col-sm-12, .mkt .col-md-12, .mkt .col-lg-12 { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; } .mkt .col-xs-1, .mkt .col-xs-2, .mkt .col-xs-3, .mkt .col-xs-4, .mkt .col-xs-5, .mkt .col-xs-6, .mkt .col-xs-7, .mkt .col-xs-8, .mkt .col-xs-9, .mkt .col-xs-10, .mkt .col-xs-11, .mkt .col-xs-12 { float: left; } .mkt .col-xs-1 { width: 8.3333333333%; } .mkt .col-xs-2 { width: 16.6666666667%; } .mkt .col-xs-3 { width: 25%; } .mkt .col-xs-4 { width: 33.3333333333%; } .mkt .col-xs-5 { width: 41.6666666667%; } .mkt .col-xs-6 { width: 50%; } .mkt .col-xs-7 { width: 58.3333333333%; } .mkt .col-xs-8 { width: 66.6666666667%; } .mkt .col-xs-9 { width: 75%; } .mkt .col-xs-10 { width: 83.3333333333%; } .mkt .col-xs-11 { width: 91.6666666667%; } .mkt .col-xs-12 { width: 100%; } .mkt .col-xs-pull-0 { right: auto; } .mkt .col-xs-pull-1 { right: 8.3333333333%; } .mkt .col-xs-pull-2 { right: 16.6666666667%; } .mkt .col-xs-pull-3 { right: 25%; } .mkt .col-xs-pull-4 { right: 33.3333333333%; } .mkt .col-xs-pull-5 { right: 41.6666666667%; } .mkt .col-xs-pull-6 { right: 50%; } .mkt .col-xs-pull-7 { right: 58.3333333333%; } .mkt .col-xs-pull-8 { right: 66.6666666667%; } .mkt .col-xs-pull-9 { right: 75%; } .mkt .col-xs-pull-10 { right: 83.3333333333%; } .mkt .col-xs-pull-11 { right: 91.6666666667%; } .mkt .col-xs-pull-12 { right: 100%; } .mkt .col-xs-push-0 { left: auto; } .mkt .col-xs-push-1 { left: 8.3333333333%; } .mkt .col-xs-push-2 { left: 16.6666666667%; } .mkt .col-xs-push-3 { left: 25%; } .mkt .col-xs-push-4 { left: 33.3333333333%; } .mkt .col-xs-push-5 { left: 41.6666666667%; } .mkt .col-xs-push-6 { left: 50%; } .mkt .col-xs-push-7 { left: 58.3333333333%; } .mkt .col-xs-push-8 { left: 66.6666666667%; } .mkt .col-xs-push-9 { left: 75%; } .mkt .col-xs-push-10 { left: 83.3333333333%; } .mkt .col-xs-push-11 { left: 91.6666666667%; } .mkt .col-xs-push-12 { left: 100%; } .mkt .col-xs-offset-0 { margin-left: 0%; } .mkt .col-xs-offset-1 { margin-left: 8.3333333333%; } .mkt .col-xs-offset-2 { margin-left: 16.6666666667%; } .mkt .col-xs-offset-3 { margin-left: 25%; } .mkt .col-xs-offset-4 { margin-left: 33.3333333333%; } .mkt .col-xs-offset-5 { margin-left: 41.6666666667%; } .mkt .col-xs-offset-6 { margin-left: 50%; } .mkt .col-xs-offset-7 { margin-left: 58.3333333333%; } .mkt .col-xs-offset-8 { margin-left: 66.6666666667%; } .mkt .col-xs-offset-9 { margin-left: 75%; } .mkt .col-xs-offset-10 { margin-left: 83.3333333333%; } .mkt .col-xs-offset-11 { margin-left: 91.6666666667%; } .mkt .col-xs-offset-12 { margin-left: 100%; } @media (min-width: 768px) { .mkt .col-sm-1, .mkt .col-sm-2, .mkt .col-sm-3, .mkt .col-sm-4, .mkt .col-sm-5, .mkt .col-sm-6, .mkt .col-sm-7, .mkt .col-sm-8, .mkt .col-sm-9, .mkt .col-sm-10, .mkt .col-sm-11, .mkt .col-sm-12 { float: left; } .mkt .col-sm-1 { width: 8.3333333333%; } .mkt .col-sm-2 { width: 16.6666666667%; } .mkt .col-sm-3 { width: 25%; } .mkt .col-sm-4 { width: 33.3333333333%; } .mkt .col-sm-5 { width: 41.6666666667%; } .mkt .col-sm-6 { width: 50%; } .mkt .col-sm-7 { width: 58.3333333333%; } .mkt .col-sm-8 { width: 66.6666666667%; } .mkt .col-sm-9 { width: 75%; } .mkt .col-sm-10 { width: 83.3333333333%; } .mkt .col-sm-11 { width: 91.6666666667%; } .mkt .col-sm-12 { width: 100%; } .mkt .col-sm-pull-0 { right: auto; } .mkt .col-sm-pull-1 { right: 8.3333333333%; } .mkt .col-sm-pull-2 { right: 16.6666666667%; } .mkt .col-sm-pull-3 { right: 25%; } .mkt .col-sm-pull-4 { right: 33.3333333333%; } .mkt .col-sm-pull-5 { right: 41.6666666667%; } .mkt .col-sm-pull-6 { right: 50%; } .mkt .col-sm-pull-7 { right: 58.3333333333%; } .mkt .col-sm-pull-8 { right: 66.6666666667%; } .mkt .col-sm-pull-9 { right: 75%; } .mkt .col-sm-pull-10 { right: 83.3333333333%; } .mkt .col-sm-pull-11 { right: 91.6666666667%; } .mkt .col-sm-pull-12 { right: 100%; } .mkt .col-sm-push-0 { left: auto; } .mkt .col-sm-push-1 { left: 8.3333333333%; } .mkt .col-sm-push-2 { left: 16.6666666667%; } .mkt .col-sm-push-3 { left: 25%; } .mkt .col-sm-push-4 { left: 33.3333333333%; } .mkt .col-sm-push-5 { left: 41.6666666667%; } .mkt .col-sm-push-6 { left: 50%; } .mkt .col-sm-push-7 { left: 58.3333333333%; } .mkt .col-sm-push-8 { left: 66.6666666667%; } .mkt .col-sm-push-9 { left: 75%; } .mkt .col-sm-push-10 { left: 83.3333333333%; } .mkt .col-sm-push-11 { left: 91.6666666667%; } .mkt .col-sm-push-12 { left: 100%; } .mkt .col-sm-offset-0 { margin-left: 0%; } .mkt .col-sm-offset-1 { margin-left: 8.3333333333%; } .mkt .col-sm-offset-2 { margin-left: 16.6666666667%; } .mkt .col-sm-offset-3 { margin-left: 25%; } .mkt .col-sm-offset-4 { margin-left: 33.3333333333%; } .mkt .col-sm-offset-5 { margin-left: 41.6666666667%; } .mkt .col-sm-offset-6 { margin-left: 50%; } .mkt .col-sm-offset-7 { margin-left: 58.3333333333%; } .mkt .col-sm-offset-8 { margin-left: 66.6666666667%; } .mkt .col-sm-offset-9 { margin-left: 75%; } .mkt .col-sm-offset-10 { margin-left: 83.3333333333%; } .mkt .col-sm-offset-11 { margin-left: 91.6666666667%; } .mkt .col-sm-offset-12 { margin-left: 100%; } } @media (min-width: 992px) { .mkt .col-md-1, .mkt .col-md-2, .mkt .col-md-3, .mkt .col-md-4, .mkt .col-md-5, .mkt .col-md-6, .mkt .col-md-7, .mkt .col-md-8, .mkt .col-md-9, .mkt .col-md-10, .mkt .col-md-11, .mkt .col-md-12 { float: left; } .mkt .col-md-1 { width: 8.3333333333%; } .mkt .col-md-2 { width: 16.6666666667%; } .mkt .col-md-3 { width: 25%; } .mkt .col-md-4 { width: 33.3333333333%; } .mkt .col-md-5 { width: 41.6666666667%; } .mkt .col-md-6 { width: 50%; } .mkt .col-md-7 { width: 58.3333333333%; } .mkt .col-md-8 { width: 66.6666666667%; } .mkt .col-md-9 { width: 75%; } .mkt .col-md-10 { width: 83.3333333333%; } .mkt .col-md-11 { width: 91.6666666667%; } .mkt .col-md-12 { width: 100%; } .mkt .col-md-pull-0 { right: auto; } .mkt .col-md-pull-1 { right: 8.3333333333%; } .mkt .col-md-pull-2 { right: 16.6666666667%; } .mkt .col-md-pull-3 { right: 25%; } .mkt .col-md-pull-4 { right: 33.3333333333%; } .mkt .col-md-pull-5 { right: 41.6666666667%; } .mkt .col-md-pull-6 { right: 50%; } .mkt .col-md-pull-7 { right: 58.3333333333%; } .mkt .col-md-pull-8 { right: 66.6666666667%; } .mkt .col-md-pull-9 { right: 75%; } .mkt .col-md-pull-10 { right: 83.3333333333%; } .mkt .col-md-pull-11 { right: 91.6666666667%; } .mkt .col-md-pull-12 { right: 100%; } .mkt .col-md-push-0 { left: auto; } .mkt .col-md-push-1 { left: 8.3333333333%; } .mkt .col-md-push-2 { left: 16.6666666667%; } .mkt .col-md-push-3 { left: 25%; } .mkt .col-md-push-4 { left: 33.3333333333%; } .mkt .col-md-push-5 { left: 41.6666666667%; } .mkt .col-md-push-6 { left: 50%; } .mkt .col-md-push-7 { left: 58.3333333333%; } .mkt .col-md-push-8 { left: 66.6666666667%; } .mkt .col-md-push-9 { left: 75%; } .mkt .col-md-push-10 { left: 83.3333333333%; } .mkt .col-md-push-11 { left: 91.6666666667%; } .mkt .col-md-push-12 { left: 100%; } .mkt .col-md-offset-0 { margin-left: 0%; } .mkt .col-md-offset-1 { margin-left: 8.3333333333%; } .mkt .col-md-offset-2 { margin-left: 16.6666666667%; } .mkt .col-md-offset-3 { margin-left: 25%; } .mkt .col-md-offset-4 { margin-left: 33.3333333333%; } .mkt .col-md-offset-5 { margin-left: 41.6666666667%; } .mkt .col-md-offset-6 { margin-left: 50%; } .mkt .col-md-offset-7 { margin-left: 58.3333333333%; } .mkt .col-md-offset-8 { margin-left: 66.6666666667%; } .mkt .col-md-offset-9 { margin-left: 75%; } .mkt .col-md-offset-10 { margin-left: 83.3333333333%; } .mkt .col-md-offset-11 { margin-left: 91.6666666667%; } .mkt .col-md-offset-12 { margin-left: 100%; } } @media (min-width: 1200px) { .mkt .col-lg-1, .mkt .col-lg-2, .mkt .col-lg-3, .mkt .col-lg-4, .mkt .col-lg-5, .mkt .col-lg-6, .mkt .col-lg-7, .mkt .col-lg-8, .mkt .col-lg-9, .mkt .col-lg-10, .mkt .col-lg-11, .mkt .col-lg-12 { float: left; } .mkt .col-lg-1 { width: 8.3333333333%; } .mkt .col-lg-2 { width: 16.6666666667%; } .mkt .col-lg-3 { width: 25%; } .mkt .col-lg-4 { width: 33.3333333333%; } .mkt .col-lg-5 { width: 41.6666666667%; } .mkt .col-lg-6 { width: 50%; } .mkt .col-lg-7 { width: 58.3333333333%; } .mkt .col-lg-8 { width: 66.6666666667%; } .mkt .col-lg-9 { width: 75%; } .mkt .col-lg-10 { width: 83.3333333333%; } .mkt .col-lg-11 { width: 91.6666666667%; } .mkt .col-lg-12 { width: 100%; } .mkt .col-lg-pull-0 { right: auto; } .mkt .col-lg-pull-1 { right: 8.3333333333%; } .mkt .col-lg-pull-2 { right: 16.6666666667%; } .mkt .col-lg-pull-3 { right: 25%; } .mkt .col-lg-pull-4 { right: 33.3333333333%; } .mkt .col-lg-pull-5 { right: 41.6666666667%; } .mkt .col-lg-pull-6 { right: 50%; } .mkt .col-lg-pull-7 { right: 58.3333333333%; } .mkt .col-lg-pull-8 { right: 66.6666666667%; } .mkt .col-lg-pull-9 { right: 75%; } .mkt .col-lg-pull-10 { right: 83.3333333333%; } .mkt .col-lg-pull-11 { right: 91.6666666667%; } .mkt .col-lg-pull-12 { right: 100%; } .mkt .col-lg-push-0 { left: auto; } .mkt .col-lg-push-1 { left: 8.3333333333%; } .mkt .col-lg-push-2 { left: 16.6666666667%; } .mkt .col-lg-push-3 { left: 25%; } .mkt .col-lg-push-4 { left: 33.3333333333%; } .mkt .col-lg-push-5 { left: 41.6666666667%; } .mkt .col-lg-push-6 { left: 50%; } .mkt .col-lg-push-7 { left: 58.3333333333%; } .mkt .col-lg-push-8 { left: 66.6666666667%; } .mkt .col-lg-push-9 { left: 75%; } .mkt .col-lg-push-10 { left: 83.3333333333%; } .mkt .col-lg-push-11 { left: 91.6666666667%; } .mkt .col-lg-push-12 { left: 100%; } .mkt .col-lg-offset-0 { margin-left: 0%; } .mkt .col-lg-offset-1 { margin-left: 8.3333333333%; } .mkt .col-lg-offset-2 { margin-left: 16.6666666667%; } .mkt .col-lg-offset-3 { margin-left: 25%; } .mkt .col-lg-offset-4 { margin-left: 33.3333333333%; } .mkt .col-lg-offset-5 { margin-left: 41.6666666667%; } .mkt .col-lg-offset-6 { margin-left: 50%; } .mkt .col-lg-offset-7 { margin-left: 58.3333333333%; } .mkt .col-lg-offset-8 { margin-left: 66.6666666667%; } .mkt .col-lg-offset-9 { margin-left: 75%; } .mkt .col-lg-offset-10 { margin-left: 83.3333333333%; } .mkt .col-lg-offset-11 { margin-left: 91.6666666667%; } .mkt .col-lg-offset-12 { margin-left: 100%; } } .mkt .no-gutters-xs > [class*='col-'] { padding-right: 0 !important; padding-left: 0 !important; } .mkt .no-gutters-left-xs > [class*='col-'] { padding-left: 0 !important; } .mkt .no-gutters-left-xs > [class*='col-'] { padding-left: 0 !important; } .mkt .no-gutters-right-xs > [class*='col-'] { padding-right: 0 !important; } .mkt .no-gutters-right-xs > [class*='col-'] { padding-right: 0 !important; } .mkt .no-gutter-xs[class*='col-'] { padding-right: 0 !important; padding-left: 0 !important; } .mkt .no-gutter-left-xs[class*='col-'] { padding-left: 0 !important; } .mkt .no-gutter-right-xs[class*='col-'] { padding-right: 0 !important; } @media (min-width: 768px) { .mkt .no-gutters-sm > [class*='col-'] { padding-right: 0 !important; padding-left: 0 !important; } .mkt .no-gutters-left-sm > [class*='col-'] { padding-left: 0 !important; } .mkt .no-gutters-left-sm > [class*='col-'] { padding-left: 0 !important; } .mkt .no-gutters-right-sm > [class*='col-'] { padding-right: 0 !important; } .mkt .no-gutters-right-sm > [class*='col-'] { padding-right: 0 !important; } .mkt .no-gutter-sm[class*='col-'] { padding-right: 0 !important; padding-left: 0 !important; } .mkt .no-gutter-left-sm[class*='col-'] { padding-left: 0 !important; } .mkt .no-gutter-right-sm[class*='col-'] { padding-right: 0 !important; } } @media (min-width: 992px) { .mkt .no-gutters-md > [class*='col-'] { padding-right: 0 !important; padding-left: 0 !important; } .mkt .no-gutters-left-md > [class*='col-'] { padding-left: 0 !important; } .mkt .no-gutters-left-md > [class*='col-'] { padding-left: 0 !important; } .mkt .no-gutters-right-md > [class*='col-'] { padding-right: 0 !important; } .mkt .no-gutters-right-md > [class*='col-'] { padding-right: 0 !important; } .mkt .no-gutter-md[class*='col-'] { padding-right: 0 !important; padding-left: 0 !important; } .mkt .no-gutter-left-md[class*='col-'] { padding-left: 0 !important; } .mkt .no-gutter-right-md[class*='col-'] { padding-right: 0 !important; } } @media (min-width: 1200px) { .mkt .no-gutters-lg > [class*='col-'] { padding-right: 0 !important; padding-left: 0 !important; } .mkt .no-gutters-left-lg > [class*='col-'] { padding-left: 0 !important; } .mkt .no-gutters-left-lg > [class*='col-'] { padding-left: 0 !important; } .mkt .no-gutters-right-lg > [class*='col-'] { padding-right: 0 !important; } .mkt .no-gutters-right-lg > [class*='col-'] { padding-right: 0 !important; } .mkt .no-gutter-lg[class*='col-'] { padding-right: 0 !important; padding-left: 0 !important; } .mkt .no-gutter-left-lg[class*='col-'] { padding-left: 0 !important; } .mkt .no-gutter-right-lg[class*='col-'] { padding-right: 0 !important; } } .mkt .img-align-center-helper { display: inline-block; height: 100%; vertical-align: middle; } .mkt { /* styling product lister from GIS - Ken Sayers START */ } .mkt table { background-color: transparent; } .mkt caption { padding-top: 8px; padding-bottom: 8px; color: #888888; text-align: left; } .mkt th { text-align: left; } .mkt .table { width: 100%; max-width: 100%; margin-bottom: 17px; } .mkt .table > thead > tr > th, .mkt .table > thead > tr > td, .mkt .table > tbody > tr > th, .mkt .table > tbody > tr > td, .mkt .table > tfoot > tr > th, .mkt .table > tfoot > tr > td { padding: 8px; line-height: 1.428571429; vertical-align: top; border-top: 1px solid #ddd; } .mkt .table > thead > tr > th { vertical-align: bottom; border-bottom: 2px solid #ddd; } .mkt .table > caption + thead > tr:first-child > th, .mkt .table > caption + thead > tr:first-child > td, .mkt .table > colgroup + thead > tr:first-child > th, .mkt .table > colgroup + thead > tr:first-child > td, .mkt .table > thead:first-child > tr:first-child > th, .mkt .table > thead:first-child > tr:first-child > td { border-top: 0; } .mkt .table > tbody + tbody { border-top: 2px solid #ddd; } .mkt .table .table { background-color: #fff; } .mkt .table-condensed > thead > tr > th, .mkt .table-condensed > thead > tr > td, .mkt .table-condensed > tbody > tr > th, .mkt .table-condensed > tbody > tr > td, .mkt .table-condensed > tfoot > tr > th, .mkt .table-condensed > tfoot > tr > td { padding: 5px; } .mkt .table-bordered { border: 1px solid #ddd; } .mkt .table-bordered > thead > tr > th, .mkt .table-bordered > thead > tr > td, .mkt .table-bordered > tbody > tr > th, .mkt .table-bordered > tbody > tr > td, .mkt .table-bordered > tfoot > tr > th, .mkt .table-bordered > tfoot > tr > td { border: 1px solid #ddd; } .mkt .table-bordered > thead > tr > th, .mkt .table-bordered > thead > tr > td { border-bottom-width: 2px; } .mkt .table-striped > tbody > tr:nth-of-type(odd) { background-color: #f9f9f9; } .mkt .table-hover > tbody > tr:hover { background-color: #f5f5f5; } .mkt table col[class*="col-"] { position: static; float: none; display: table-column; } .mkt table td[class*="col-"], .mkt table th[class*="col-"] { position: static; float: none; display: table-cell; } .mkt .table > thead > tr > td.active, .mkt .table > thead > tr > th.active, .mkt .table > thead > tr.active > td, .mkt .table > thead > tr.active > th, .mkt .table > tbody > tr > td.active, .mkt .table > tbody > tr > th.active, .mkt .table > tbody > tr.active > td, .mkt .table > tbody > tr.active > th, .mkt .table > tfoot > tr > td.active, .mkt .table > tfoot > tr > th.active, .mkt .table > tfoot > tr.active > td, .mkt .table > tfoot > tr.active > th { background-color: #f5f5f5; } .mkt .table-hover > tbody > tr > td.active:hover, .mkt .table-hover > tbody > tr > th.active:hover, .mkt .table-hover > tbody > tr.active:hover > td, .mkt .table-hover > tbody > tr:hover > .active, .mkt .table-hover > tbody > tr.active:hover > th { background-color: #e8e8e8; } .mkt .table > thead > tr > td.success, .mkt .table > thead > tr > th.success, .mkt .table > thead > tr.success > td, .mkt .table > thead > tr.success > th, .mkt .table > tbody > tr > td.success, .mkt .table > tbody > tr > th.success, .mkt .table > tbody > tr.success > td, .mkt .table > tbody > tr.success > th, .mkt .table > tfoot > tr > td.success, .mkt .table > tfoot > tr > th.success, .mkt .table > tfoot > tr.success > td, .mkt .table > tfoot > tr.success > th { background-color: #cdd373; } .mkt .table-hover > tbody > tr > td.success:hover, .mkt .table-hover > tbody > tr > th.success:hover, .mkt .table-hover > tbody > tr.success:hover > td, .mkt .table-hover > tbody > tr:hover > .success, .mkt .table-hover > tbody > tr.success:hover > th { background-color: #c6cd60; } .mkt .table > thead > tr > td.info, .mkt .table > thead > tr > th.info, .mkt .table > thead > tr.info > td, .mkt .table > thead > tr.info > th, .mkt .table > tbody > tr > td.info, .mkt .table > tbody > tr > th.info, .mkt .table > tbody > tr.info > td, .mkt .table > tbody > tr.info > th, .mkt .table > tfoot > tr > td.info, .mkt .table > tfoot > tr > th.info, .mkt .table > tfoot > tr.info > td, .mkt .table > tfoot > tr.info > th { background-color: #f4f9fa; } .mkt .table-hover > tbody > tr > td.info:hover, .mkt .table-hover > tbody > tr > th.info:hover, .mkt .table-hover > tbody > tr.info:hover > td, .mkt .table-hover > tbody > tr:hover > .info, .mkt .table-hover > tbody > tr.info:hover > th { background-color: #e3eff3; } .mkt .table > thead > tr > td.warning, .mkt .table > thead > tr > th.warning, .mkt .table > thead > tr.warning > td, .mkt .table > thead > tr.warning > th, .mkt .table > tbody > tr > td.warning, .mkt .table > tbody > tr > th.warning, .mkt .table > tbody > tr.warning > td, .mkt .table > tbody > tr.warning > th, .mkt .table > tfoot > tr > td.warning, .mkt .table > tfoot > tr > th.warning, .mkt .table > tfoot > tr.warning > td, .mkt .table > tfoot > tr.warning > th { background-color: #fcd0a6; } .mkt .table-hover > tbody > tr > td.warning:hover, .mkt .table-hover > tbody > tr > th.warning:hover, .mkt .table-hover > tbody > tr.warning:hover > td, .mkt .table-hover > tbody > tr:hover > .warning, .mkt .table-hover > tbody > tr.warning:hover > th { background-color: #fbc38e; } .mkt .table > thead > tr > td.danger, .mkt .table > thead > tr > th.danger, .mkt .table > thead > tr.danger > td, .mkt .table > thead > tr.danger > th, .mkt .table > tbody > tr > td.danger, .mkt .table > tbody > tr > th.danger, .mkt .table > tbody > tr.danger > td, .mkt .table > tbody > tr.danger > th, .mkt .table > tfoot > tr > td.danger, .mkt .table > tfoot > tr > th.danger, .mkt .table > tfoot > tr.danger > td, .mkt .table > tfoot > tr.danger > th { background-color: #eea399; } .mkt .table-hover > tbody > tr > td.danger:hover, .mkt .table-hover > tbody > tr > th.danger:hover, .mkt .table-hover > tbody > tr.danger:hover > td, .mkt .table-hover > tbody > tr:hover > .danger, .mkt .table-hover > tbody > tr.danger:hover > th { background-color: #ea9083; } .mkt .table-responsive { overflow-x: auto; min-height: 0.01%; } @media screen and (max-width: 767px) { .mkt .table-responsive { width: 100%; margin-bottom: 12.75px; overflow-y: hidden; -ms-overflow-style: -ms-autohiding-scrollbar; border: 1px solid #ddd; } .mkt .table-responsive > .table { margin-bottom: 0; } .mkt .table-responsive > .table > thead > tr > th, .mkt .table-responsive > .table > thead > tr > td, .mkt .table-responsive > .table > tbody > tr > th, .mkt .table-responsive > .table > tbody > tr > td, .mkt .table-responsive > .table > tfoot > tr > th, .mkt .table-responsive > .table > tfoot > tr > td { white-space: nowrap; } .mkt .table-responsive > .table-bordered { border: 0; } .mkt .table-responsive > .table-bordered > thead > tr > th:first-child, .mkt .table-responsive > .table-bordered > thead > tr > td:first-child, .mkt .table-responsive > .table-bordered > tbody > tr > th:first-child, .mkt .table-responsive > .table-bordered > tbody > tr > td:first-child, .mkt .table-responsive > .table-bordered > tfoot > tr > th:first-child, .mkt .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .mkt .table-responsive > .table-bordered > thead > tr > th:last-child, .mkt .table-responsive > .table-bordered > thead > tr > td:last-child, .mkt .table-responsive > .table-bordered > tbody > tr > th:last-child, .mkt .table-responsive > .table-bordered > tbody > tr > td:last-child, .mkt .table-responsive > .table-bordered > tfoot > tr > th:last-child, .mkt .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .mkt .table-responsive > .table-bordered > tbody > tr:last-child > th, .mkt .table-responsive > .table-bordered > tbody > tr:last-child > td, .mkt .table-responsive > .table-bordered > tfoot > tr:last-child > th, .mkt .table-responsive > .table-bordered > tfoot > tr:last-child > td { border-bottom: 0; } } .mkt table.sProdList.productLister.genericPLP { border-top: 1px solid #8fd1f0; border-left: 1px solid #8fd1f0; border-right: 1px solid #8fd1f0; /* styling product lister from GIS - Ken Sayers END */ } .mkt table.sProdList.productLister.genericPLP tr.altRow td { background: #f6fcfe; } .mkt table.sProdList.productLister.genericPLP thead tr th { background: #d7effa; padding: 8px; border-right: 1px solid #8fd1f0; } .mkt table.sProdList.productLister.genericPLP td { border-bottom: 1px solid #8fd1f0; border-right: 1px solid #8fd1f0; padding: 8px; vertical-align: top; } .mkt table.sProdList.productLister.genericPLP td.compare { width: 13px; text-align: center; } .mkt table.sProdList.productLister.genericPLP th.partNumber, .mkt table.sProdList.productLister.genericPLP th.mftrPartNumber { width: 104px; } .mkt table.sProdList.productLister.genericPLP th.mftrDescription { min-width: 200px; } .mkt table.sProdList.productLister.genericPLP th.availability { width: 50px; } .mkt table.sProdList.productLister.genericPLP th.price { width: 151px; } .mkt table.sProdList.productLister.genericPLP th.qty { width: 69px; } .mkt table.sProdList.productLister.genericPLP input.input-control { border-color: #8fd1f0; } .mkt table.sProdList.productLister.genericPLP .btnPrimary { color: #000; background-color: #41c363; border-color: #2c8b45; } .mkt table.sProdList.productLister.genericPLP .btnPrimary:focus, .mkt table.sProdList.productLister.genericPLP .btnPrimary.focus { color: #000; background-color: #329f4f; border-color: black; outline: none !important; } .mkt table.sProdList.productLister.genericPLP .btnPrimary:hover { color: #000; background-color: #329f4f; border-color: #1d5d2e; } .mkt table.sProdList.productLister.genericPLP .btnPrimary:hover:focus { outline: none !important; } .mkt table.sProdList.productLister.genericPLP .btnPrimary:active, .mkt table.sProdList.productLister.genericPLP .btnPrimary.active, .open > .mkt table.sProdList.productLister.genericPLP .btnPrimary.dropdown-toggle { color: #000; background-color: #329f4f; border-color: #1d5d2e; } .mkt table.sProdList.productLister.genericPLP .btnPrimary:active:hover, .mkt table.sProdList.productLister.genericPLP .btnPrimary:active:focus, .mkt table.sProdList.productLister.genericPLP .btnPrimary:active.focus, .mkt table.sProdList.productLister.genericPLP .btnPrimary.active:hover, .mkt table.sProdList.productLister.genericPLP .btnPrimary.active:focus, .mkt table.sProdList.productLister.genericPLP .btnPrimary.active.focus, .open > .mkt table.sProdList.productLister.genericPLP .btnPrimary.dropdown-toggle:hover, .open > .mkt table.sProdList.productLister.genericPLP .btnPrimary.dropdown-toggle:focus, .open > .mkt table.sProdList.productLister.genericPLP .btnPrimary.dropdown-toggle.focus { color: #000; background-color: #2a8441; border-color: #0d2b15; } .mkt table.sProdList.productLister.genericPLP .btnPrimary:active, .mkt table.sProdList.productLister.genericPLP .btnPrimary.active, .open > .mkt table.sProdList.productLister.genericPLP .btnPrimary.dropdown-toggle { background-image: none; } .mkt table.sProdList.productLister.genericPLP .btnPrimary.disabled:hover, .mkt table.sProdList.productLister.genericPLP .btnPrimary.disabled:focus, .mkt table.sProdList.productLister.genericPLP .btnPrimary.disabled.focus, .mkt table.sProdList.productLister.genericPLP .btnPrimary[disabled]:hover, .mkt table.sProdList.productLister.genericPLP .btnPrimary[disabled]:focus, .mkt table.sProdList.productLister.genericPLP .btnPrimary[disabled].focus, fieldset[disabled] .mkt table.sProdList.productLister.genericPLP .btnPrimary:hover, fieldset[disabled] .mkt table.sProdList.productLister.genericPLP .btnPrimary:focus, fieldset[disabled] .mkt table.sProdList.productLister.genericPLP .btnPrimary.focus { background-color: #41c363; border-color: #2c8b45; } .mkt table.sProdList.productLister.genericPLP .btnPrimary .badge { color: #41c363; background-color: #000; } .mkt fieldset { padding: 0; margin: 0; border: 0; min-width: 0; } .mkt legend { display: block; width: 100%; padding: 0; margin-bottom: 17px; font-size: 18px; line-height: inherit; color: #666666; border: 0; border-bottom: 1px solid #e5e5e5; } .mkt label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; } .mkt input[type="search"] { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mkt input[type="radio"], .mkt input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9 ; line-height: normal; } .mkt input[type="file"] { display: block; } .mkt input[type="range"] { display: block; width: 100%; } .mkt select[multiple], .mkt select[size] { height: auto; } .mkt input[type="file"]:focus, .mkt input[type="radio"]:focus, .mkt input[type="checkbox"]:focus { outline: thin dotted; } .mkt output { display: block; padding-top: 7px; font-size: 12px; line-height: 1.428571429; color: #888888; } .mkt .form-control { display: block; width: 100%; height: 31px; padding: 6px 12px; font-size: 12px; line-height: 1.428571429; color: #888888; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border-color ease-in-out 0.15s; -moz-transition: border-color ease-in-out 0.15s; -o-transition: border-color ease-in-out 0.15s; transition: border-color ease-in-out 0.15s; } .mkt .form-control:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); } .mkt .form-control::-moz-placeholder { color: #999; opacity: 1; } .mkt .form-control:-ms-input-placeholder { color: #999; } .mkt .form-control::-webkit-input-placeholder { color: #999; } .mkt .form-control::-ms-expand { border: 0; background-color: transparent; } .mkt .form-control[disabled], .mkt .form-control[readonly], fieldset[disabled] .mkt .form-control { background-color: #e7e7e7; opacity: 1; } .mkt .form-control[disabled], fieldset[disabled] .mkt .form-control { cursor: not-allowed; } .mkt textarea.form-control { height: auto; } .mkt input[type="search"] { -webkit-appearance: none; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .mkt input[type="date"].form-control, .mkt input[type="time"].form-control, .mkt input[type="datetime-local"].form-control, .mkt input[type="month"].form-control { line-height: 31px; } .mkt input[type="date"].input-sm, .mkt .input-group-sm > input[type="date"].form-control, .mkt .input-group-sm > input[type="date"].input-group-addon, .mkt .input-group-sm > .input-group-btn > input[type="date"].btn, .input-group-sm .mkt input[type="date"], .mkt input[type="time"].input-sm, .mkt .input-group-sm > input[type="time"].form-control, .mkt .input-group-sm > input[type="time"].input-group-addon, .mkt .input-group-sm > .input-group-btn > input[type="time"].btn, .input-group-sm .mkt input[type="time"], .mkt input[type="datetime-local"].input-sm, .mkt .input-group-sm > input[type="datetime-local"].form-control, .mkt .input-group-sm > input[type="datetime-local"].input-group-addon, .mkt .input-group-sm > .input-group-btn > input[type="datetime-local"].btn, .input-group-sm .mkt input[type="datetime-local"], .mkt input[type="month"].input-sm, .mkt .input-group-sm > input[type="month"].form-control, .mkt .input-group-sm > input[type="month"].input-group-addon, .mkt .input-group-sm > .input-group-btn > input[type="month"].btn, .input-group-sm .mkt input[type="month"] { line-height: 28px; } .mkt input[type="date"].input-lg, .mkt .input-group-lg > input[type="date"].form-control, .mkt .input-group-lg > input[type="date"].input-group-addon, .mkt .input-group-lg > .input-group-btn > input[type="date"].btn, .input-group-lg .mkt input[type="date"], .mkt input[type="time"].input-lg, .mkt .input-group-lg > input[type="time"].form-control, .mkt .input-group-lg > input[type="time"].input-group-addon, .mkt .input-group-lg > .input-group-btn > input[type="time"].btn, .input-group-lg .mkt input[type="time"], .mkt input[type="datetime-local"].input-lg, .mkt .input-group-lg > input[type="datetime-local"].form-control, .mkt .input-group-lg > input[type="datetime-local"].input-group-addon, .mkt .input-group-lg > .input-group-btn > input[type="datetime-local"].btn, .input-group-lg .mkt input[type="datetime-local"], .mkt input[type="month"].input-lg, .mkt .input-group-lg > input[type="month"].form-control, .mkt .input-group-lg > input[type="month"].input-group-addon, .mkt .input-group-lg > .input-group-btn > input[type="month"].btn, .input-group-lg .mkt input[type="month"] { line-height: 42px; } } .mkt .form-group { margin-bottom: 15px; } .mkt .radio, .mkt .checkbox { position: relative; display: block; margin-top: 10px; margin-bottom: 10px; } .mkt .radio label, .mkt .checkbox label { min-height: 17px; padding-left: 20px; margin-bottom: 0; font-weight: normal; cursor: pointer; } .mkt .radio input[type="radio"], .mkt .radio-inline input[type="radio"], .mkt .checkbox input[type="checkbox"], .mkt .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9 ; } .mkt .radio + .radio, .mkt .checkbox + .checkbox { margin-top: -5px; } .mkt .radio-inline, .mkt .checkbox-inline { position: relative; display: inline-block; padding-left: 20px; margin-bottom: 0; vertical-align: middle; font-weight: normal; cursor: pointer; } .mkt .radio-inline + .radio-inline, .mkt .checkbox-inline + .checkbox-inline { margin-top: 0; margin-left: 10px; } .mkt input[type="radio"][disabled], .mkt input[type="radio"].disabled, fieldset[disabled] .mkt input[type="radio"], .mkt input[type="checkbox"][disabled], .mkt input[type="checkbox"].disabled, fieldset[disabled] .mkt input[type="checkbox"] { cursor: not-allowed; } .mkt .radio-inline.disabled, fieldset[disabled] .mkt .radio-inline, .mkt .checkbox-inline.disabled, fieldset[disabled] .mkt .checkbox-inline { cursor: not-allowed; } .mkt .radio.disabled label, fieldset[disabled] .mkt .radio label, .mkt .checkbox.disabled label, fieldset[disabled] .mkt .checkbox label { cursor: not-allowed; } .mkt .form-control-static { padding-top: 7px; padding-bottom: 7px; margin-bottom: 0; min-height: 29px; } .mkt .form-control-static.input-lg, .mkt .input-group-lg > .form-control-static.form-control, .mkt .input-group-lg > .form-control-static.input-group-addon, .mkt .input-group-lg > .input-group-btn > .form-control-static.btn, .mkt .form-control-static.input-sm, .mkt .input-group-sm > .form-control-static.form-control, .mkt .input-group-sm > .form-control-static.input-group-addon, .mkt .input-group-sm > .input-group-btn > .form-control-static.btn { padding-left: 0; padding-right: 0; } .mkt .input-sm, .mkt .input-group-sm > .form-control, .mkt .input-group-sm > .input-group-addon, .mkt .input-group-sm > .input-group-btn > .btn { height: 28px; padding: 5px 10px; font-size: 11px; line-height: 1.5; border-radius: 3px; } .mkt select.input-sm, .mkt .input-group-sm > select.form-control, .mkt .input-group-sm > select.input-group-addon, .mkt .input-group-sm > .input-group-btn > select.btn { height: 28px; line-height: 28px; } .mkt textarea.input-sm, .mkt .input-group-sm > textarea.form-control, .mkt .input-group-sm > textarea.input-group-addon, .mkt .input-group-sm > .input-group-btn > textarea.btn, .mkt select[multiple].input-sm, .mkt .input-group-sm > select[multiple].form-control, .mkt .input-group-sm > select[multiple].input-group-addon, .mkt .input-group-sm > .input-group-btn > select[multiple].btn { height: auto; } .mkt .form-group-sm .form-control { height: 28px; padding: 5px 10px; font-size: 11px; line-height: 1.5; border-radius: 3px; } .mkt .form-group-sm select.form-control { height: 28px; line-height: 28px; } .mkt .form-group-sm textarea.form-control, .mkt .form-group-sm select[multiple].form-control { height: auto; } .mkt .form-group-sm .form-control-static { height: 28px; min-height: 28px; padding: 6px 10px; font-size: 11px; line-height: 1.5; } .mkt .input-lg, .mkt .input-group-lg > .form-control, .mkt .input-group-lg > .input-group-addon, .mkt .input-group-lg > .input-group-btn > .btn { height: 42px; padding: 10px 15px; font-size: 15px; line-height: 1.3333333; border-radius: 6px; } .mkt select.input-lg, .mkt .input-group-lg > select.form-control, .mkt .input-group-lg > select.input-group-addon, .mkt .input-group-lg > .input-group-btn > select.btn { height: 42px; line-height: 42px; } .mkt textarea.input-lg, .mkt .input-group-lg > textarea.form-control, .mkt .input-group-lg > textarea.input-group-addon, .mkt .input-group-lg > .input-group-btn > textarea.btn, .mkt select[multiple].input-lg, .mkt .input-group-lg > select[multiple].form-control, .mkt .input-group-lg > select[multiple].input-group-addon, .mkt .input-group-lg > .input-group-btn > select[multiple].btn { height: auto; } .mkt .form-group-lg .form-control { height: 42px; padding: 10px 15px; font-size: 15px; line-height: 1.3333333; border-radius: 6px; } .mkt .form-group-lg select.form-control { height: 42px; line-height: 42px; } .mkt .form-group-lg textarea.form-control, .mkt .form-group-lg select[multiple].form-control { height: auto; } .mkt .form-group-lg .form-control-static { height: 42px; min-height: 32px; padding: 11px 15px; font-size: 15px; line-height: 1.3333333; } .mkt .has-feedback { position: relative; } .mkt .has-feedback .form-control { padding-right: 38.75px; } .mkt .form-control-feedback { position: absolute; top: 0; right: 0; z-index: 2; display: block; width: 31px; height: 31px; line-height: 31px; text-align: center; pointer-events: none; } .mkt .input-lg + .form-control-feedback, .mkt .input-group-lg > .form-control + .form-control-feedback, .mkt .input-group-lg > .input-group-addon + .form-control-feedback, .mkt .input-group-lg > .input-group-btn > .btn + .form-control-feedback, .mkt .input-group-lg + .form-control-feedback, .mkt .form-group-lg .form-control + .form-control-feedback { width: 42px; height: 42px; line-height: 42px; } .mkt .input-sm + .form-control-feedback, .mkt .input-group-sm > .form-control + .form-control-feedback, .mkt .input-group-sm > .input-group-addon + .form-control-feedback, .mkt .input-group-sm > .input-group-btn > .btn + .form-control-feedback, .mkt .input-group-sm + .form-control-feedback, .mkt .form-group-sm .form-control + .form-control-feedback { width: 28px; height: 28px; line-height: 28px; } .mkt .has-success .help-block, .mkt .has-success .control-label, .mkt .has-success .radio, .mkt .has-success .checkbox, .mkt .has-success .radio-inline, .mkt .has-success .checkbox-inline, .mkt .has-success.radio label, .mkt .has-success.checkbox label, .mkt .has-success.radio-inline label, .mkt .has-success.checkbox-inline label { color: #6e7600; } .mkt .has-success .form-control { border-color: #6e7600; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .mkt .has-success .form-control:focus { border-color: #3f4300; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cedc00; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #cedc00; } .mkt .has-success .input-group-addon { color: #6e7600; border-color: #6e7600; background-color: #cdd373; } .mkt .has-success .form-control-feedback { color: #6e7600; } .mkt .has-warning .help-block, .mkt .has-warning .control-label, .mkt .has-warning .radio, .mkt .has-warning .checkbox, .mkt .has-warning .radio-inline, .mkt .has-warning .checkbox-inline, .mkt .has-warning.radio label, .mkt .has-warning.checkbox label, .mkt .has-warning.radio-inline label, .mkt .has-warning.checkbox-inline label { color: #c1630b; } .mkt .has-warning .form-control { border-color: #c1630b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .mkt .has-warning .form-control:focus { border-color: #914a08; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f4963e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f4963e; } .mkt .has-warning .input-group-addon { color: #c1630b; border-color: #c1630b; background-color: #fcd0a6; } .mkt .has-warning .form-control-feedback { color: #c1630b; } .mkt .has-error .help-block, .mkt .has-error .control-label, .mkt .has-error .radio, .mkt .has-error .checkbox, .mkt .has-error .radio-inline, .mkt .has-error .checkbox-inline, .mkt .has-error.radio label, .mkt .has-error.checkbox label, .mkt .has-error.radio-inline label, .mkt .has-error.checkbox-inline label { color: #c1630b; } .mkt .has-error .form-control { border-color: #c1630b; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); } .mkt .has-error .form-control:focus { border-color: #914a08; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f4963e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #f4963e; } .mkt .has-error .input-group-addon { color: #c1630b; border-color: #c1630b; background-color: #eea399; } .mkt .has-error .form-control-feedback { color: #c1630b; } .mkt .has-feedback label ~ .form-control-feedback { top: 22px; } .mkt .has-feedback label.sr-only ~ .form-control-feedback { top: 0; } .mkt .help-block { display: block; margin-top: 5px; margin-bottom: 10px; color: #737373; } @media (min-width: 768px) { .mkt .form-inline .form-group { display: inline-block; margin-bottom: 0; vertical-align: middle; } .mkt .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .mkt .form-inline .form-control-static { display: inline-block; } .mkt .form-inline .input-group { display: inline-table; vertical-align: middle; } .mkt .form-inline .input-group .input-group-addon, .mkt .form-inline .input-group .input-group-btn, .mkt .form-inline .input-group .form-control { width: auto; } .mkt .form-inline .input-group > .form-control { width: 100%; } .mkt .form-inline .control-label { margin-bottom: 0; vertical-align: middle; } .mkt .form-inline .radio, .mkt .form-inline .checkbox { display: inline-block; margin-top: 0; margin-bottom: 0; vertical-align: middle; } .mkt .form-inline .radio label, .mkt .form-inline .checkbox label { padding-left: 0; } .mkt .form-inline .radio input[type="radio"], .mkt .form-inline .checkbox input[type="checkbox"] { position: relative; margin-left: 0; } .mkt .form-inline .has-feedback .form-control-feedback { top: 0; } } .mkt .form-horizontal .radio, .mkt .form-horizontal .checkbox, .mkt .form-horizontal .radio-inline, .mkt .form-horizontal .checkbox-inline { margin-top: 0; margin-bottom: 0; padding-top: 7px; } .mkt .form-horizontal .radio, .mkt .form-horizontal .checkbox { min-height: 24px; } .mkt .form-horizontal .form-group { margin-left: -15px; margin-right: -15px; } .mkt .form-horizontal .form-group:before, .mkt .form-horizontal .form-group:after { content: " "; display: table; } .mkt .form-horizontal .form-group:after { clear: both; } @media (min-width: 768px) { .mkt .form-horizontal .control-label { text-align: right; margin-bottom: 0; padding-top: 7px; } } .mkt .form-horizontal .has-feedback .form-control-feedback { right: 15px; } @media (min-width: 768px) { .mkt .form-horizontal .form-group-lg .control-label { padding-top: 11px; font-size: 15px; } } @media (min-width: 768px) { .mkt .form-horizontal .form-group-sm .control-label { padding-top: 6px; font-size: 11px; } } .mkt .btn { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; display: inline-block; margin-bottom: 0; font-weight: bold; text-align: center; vertical-align: middle; touch-action: manipulation; cursor: pointer; background-image: none; border: 1px solid transparent; white-space: nowrap; padding: 6px 12px; font-size: 12px; line-height: 1.428571429; border-radius: 4px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .mkt .btn:focus, .mkt .btn.focus, .mkt .btn:active:focus, .mkt .btn:active.focus, .mkt .btn.active:focus, .mkt .btn.active.focus { outline: thin dotted; } .mkt .btn:hover, .mkt .btn:focus, .mkt .btn.focus { color: inherit; text-decoration: none; } .mkt .btn:active, .mkt .btn.active { outline: 0; background-image: none; -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .mkt .btn.disabled, .mkt .btn[disabled], fieldset[disabled] .mkt .btn { cursor: not-allowed; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; box-shadow: none; } .mkt a.btn.disabled, fieldset[disabled] .mkt a.btn { pointer-events: none; } .mkt .btn-primary { color: #000; background-color: #41c363; border-color: #2c8b45; } .mkt .btn-primary:focus, .mkt .btn-primary.focus { color: #000; background-color: #329f4f; border-color: black; outline: none !important; } .mkt .btn-primary:hover { color: #000; background-color: #329f4f; border-color: #1d5d2e; } .mkt .btn-primary:hover:focus { outline: none !important; } .mkt .btn-primary:active, .mkt .btn-primary.active, .open > .mkt .btn-primary.dropdown-toggle { color: #000; background-color: #329f4f; border-color: #1d5d2e; } .mkt .btn-primary:active:hover, .mkt .btn-primary:active:focus, .mkt .btn-primary:active.focus, .mkt .btn-primary.active:hover, .mkt .btn-primary.active:focus, .mkt .btn-primary.active.focus, .open > .mkt .btn-primary.dropdown-toggle:hover, .open > .mkt .btn-primary.dropdown-toggle:focus, .open > .mkt .btn-primary.dropdown-toggle.focus { color: #000; background-color: #2a8441; border-color: #0d2b15; } .mkt .btn-primary:active, .mkt .btn-primary.active, .open > .mkt .btn-primary.dropdown-toggle { background-image: none; } .mkt .btn-primary.disabled:hover, .mkt .btn-primary.disabled:focus, .mkt .btn-primary.disabled.focus, .mkt .btn-primary[disabled]:hover, .mkt .btn-primary[disabled]:focus, .mkt .btn-primary[disabled].focus, fieldset[disabled] .mkt .btn-primary:hover, fieldset[disabled] .mkt .btn-primary:focus, fieldset[disabled] .mkt .btn-primary.focus { background-color: #41c363; border-color: #2c8b45; } .mkt .btn-primary .badge { color: #41c363; background-color: #000; } .mkt .btn-secondary { color: #fff; background-color: #36758c; border-color: #2f667a; } .mkt .btn-secondary:focus, .mkt .btn-secondary.focus { color: #fff; background-color: #285667; border-color: black; outline: none !important; } .mkt .btn-secondary:hover { color: #fff; background-color: #285667; border-color: #1e414d; } .mkt .btn-secondary:hover:focus { outline: none !important; } .mkt .btn-secondary:active, .mkt .btn-secondary.active, .open > .mkt .btn-secondary.dropdown-toggle { color: #fff; background-color: #285667; border-color: #1e414d; } .mkt .btn-secondary:active:hover, .mkt .btn-secondary:active:focus, .mkt .btn-secondary:active.focus, .mkt .btn-secondary.active:hover, .mkt .btn-secondary.active:focus, .mkt .btn-secondary.active.focus, .open > .mkt .btn-secondary.dropdown-toggle:hover, .open > .mkt .btn-secondary.dropdown-toggle:focus, .open > .mkt .btn-secondary.dropdown-toggle.focus { color: #fff; background-color: #1e414d; border-color: #0b191e; } .mkt .btn-secondary:active, .mkt .btn-secondary.active, .open > .mkt .btn-secondary.dropdown-toggle { background-image: none; } .mkt .btn-secondary.disabled:hover, .mkt .btn-secondary.disabled:focus, .mkt .btn-secondary.disabled.focus, .mkt .btn-secondary[disabled]:hover, .mkt .btn-secondary[disabled]:focus, .mkt .btn-secondary[disabled].focus, fieldset[disabled] .mkt .btn-secondary:hover, fieldset[disabled] .mkt .btn-secondary:focus, fieldset[disabled] .mkt .btn-secondary.focus { background-color: #36758c; border-color: #2f667a; } .mkt .btn-secondary .badge { color: #36758c; background-color: #fff; } .mkt .btn-outline-reversed { color: #FFF; background-color: transparent; border-color: #FFF; } .mkt .btn-outline-reversed:focus, .mkt .btn-outline-reversed.focus { color: #FFF; background-color: rgba(0, 0, 0, 0); border-color: #999999; outline: none !important; } .mkt .btn-outline-reversed:hover { color: #FFF; background-color: rgba(0, 0, 0, 0); border-color: #e0e0e0; } .mkt .btn-outline-reversed:hover:focus { outline: none !important; } .mkt .btn-outline-reversed:active, .mkt .btn-outline-reversed.active, .open > .mkt .btn-outline-reversed.dropdown-toggle { color: #FFF; background-color: rgba(0, 0, 0, 0); border-color: #e0e0e0; } .mkt .btn-outline-reversed:active:hover, .mkt .btn-outline-reversed:active:focus, .mkt .btn-outline-reversed:active.focus, .mkt .btn-outline-reversed.active:hover, .mkt .btn-outline-reversed.active:focus, .mkt .btn-outline-reversed.active.focus, .open > .mkt .btn-outline-reversed.dropdown-toggle:hover, .open > .mkt .btn-outline-reversed.dropdown-toggle:focus, .open > .mkt .btn-outline-reversed.dropdown-toggle.focus { color: #FFF; background-color: rgba(0, 0, 0, 0); border-color: #bfbfbf; } .mkt .btn-outline-reversed:active, .mkt .btn-outline-reversed.active, .open > .mkt .btn-outline-reversed.dropdown-toggle { background-image: none; } .mkt .btn-outline-reversed.disabled:hover, .mkt .btn-outline-reversed.disabled:focus, .mkt .btn-outline-reversed.disabled.focus, .mkt .btn-outline-reversed[disabled]:hover, .mkt .btn-outline-reversed[disabled]:focus, .mkt .btn-outline-reversed[disabled].focus, fieldset[disabled] .mkt .btn-outline-reversed:hover, fieldset[disabled] .mkt .btn-outline-reversed:focus, fieldset[disabled] .mkt .btn-outline-reversed.focus { background-color: transparent; border-color: #FFF; } .mkt .btn-outline-reversed .badge { color: transparent; background-color: #FFF; } .mkt .btn-tertiary, .mkt .btn-default { color: #444; background-color: #e7e7e7; border-color: #cdcdcd; } .mkt .btn-tertiary:focus, .mkt .btn-tertiary.focus, .mkt .btn-default:focus, .mkt .btn-default.focus { color: #444; background-color: #cdcdcd; border-color: #676767; outline: none !important; } .mkt .btn-tertiary:hover, .mkt .btn-default:hover { color: #444; background-color: #cdcdcd; border-color: #afafaf; } .mkt .btn-tertiary:hover:focus, .mkt .btn-default:hover:focus { outline: none !important; } .mkt .btn-tertiary:active, .mkt .btn-tertiary.active, .open > .mkt .btn-tertiary.dropdown-toggle, .mkt .btn-default:active, .mkt .btn-default.active, .open > .mkt .btn-default.dropdown-toggle { color: #444; background-color: #cdcdcd; border-color: #afafaf; } .mkt .btn-tertiary:active:hover, .mkt .btn-tertiary:active:focus, .mkt .btn-tertiary:active.focus, .mkt .btn-tertiary.active:hover, .mkt .btn-tertiary.active:focus, .mkt .btn-tertiary.active.focus, .open > .mkt .btn-tertiary.dropdown-toggle:hover, .open > .mkt .btn-tertiary.dropdown-toggle:focus, .open > .mkt .btn-tertiary.dropdown-toggle.focus, .mkt .btn-default:active:hover, .mkt .btn-default:active:focus, .mkt .btn-default:active.focus, .mkt .btn-default.active:hover, .mkt .btn-default.active:focus, .mkt .btn-default.active.focus, .open > .mkt .btn-default.dropdown-toggle:hover, .open > .mkt .btn-default.dropdown-toggle:focus, .open > .mkt .btn-default.dropdown-toggle.focus { color: #444; background-color: #bbbbbb; border-color: #8e8e8e; } .mkt .btn-tertiary:active, .mkt .btn-tertiary.active, .open > .mkt .btn-tertiary.dropdown-toggle, .mkt .btn-default:active, .mkt .btn-default.active, .open > .mkt .btn-default.dropdown-toggle { background-image: none; } .mkt .btn-tertiary.disabled:hover, .mkt .btn-tertiary.disabled:focus, .mkt .btn-tertiary.disabled.focus, .mkt .btn-tertiary[disabled]:hover, .mkt .btn-tertiary[disabled]:focus, .mkt .btn-tertiary[disabled].focus, fieldset[disabled] .mkt .btn-tertiary:hover, fieldset[disabled] .mkt .btn-tertiary:focus, fieldset[disabled] .mkt .btn-tertiary.focus, .mkt .btn-default.disabled:hover, .mkt .btn-default.disabled:focus, .mkt .btn-default.disabled.focus, .mkt .btn-default[disabled]:hover, .mkt .btn-default[disabled]:focus, .mkt .btn-default[disabled].focus, fieldset[disabled] .mkt .btn-default:hover, fieldset[disabled] .mkt .btn-default:focus, fieldset[disabled] .mkt .btn-default.focus { background-color: #e7e7e7; border-color: #cdcdcd; } .mkt .btn-tertiary .badge, .mkt .btn-default .badge { color: #e7e7e7; background-color: #444; } .mkt .btn-see-more-offers { color: #b3272d; background-color: #fff; border-color: #891e22; } .mkt .btn-see-more-offers:focus, .mkt .btn-see-more-offers.focus { color: #b3272d; background-color: #e6e6e6; border-color: black; outline: none !important; } .mkt .btn-see-more-offers:hover { color: #b3272d; background-color: #e6e6e6; border-color: #571316; } .mkt .btn-see-more-offers:hover:focus { outline: none !important; } .mkt .btn-see-more-offers:active, .mkt .btn-see-more-offers.active, .open > .mkt .btn-see-more-offers.dropdown-toggle { color: #b3272d; background-color: #e6e6e6; border-color: #571316; } .mkt .btn-see-more-offers:active:hover, .mkt .btn-see-more-offers:active:focus, .mkt .btn-see-more-offers:active.focus, .mkt .btn-see-more-offers.active:hover, .mkt .btn-see-more-offers.active:focus, .mkt .btn-see-more-offers.active.focus, .open > .mkt .btn-see-more-offers.dropdown-toggle:hover, .open > .mkt .btn-see-more-offers.dropdown-toggle:focus, .open > .mkt .btn-see-more-offers.dropdown-toggle.focus { color: #b3272d; background-color: #d4d4d4; border-color: #200708; } .mkt .btn-see-more-offers:active, .mkt .btn-see-more-offers.active, .open > .mkt .btn-see-more-offers.dropdown-toggle { background-image: none; } .mkt .btn-see-more-offers.disabled:hover, .mkt .btn-see-more-offers.disabled:focus, .mkt .btn-see-more-offers.disabled.focus, .mkt .btn-see-more-offers[disabled]:hover, .mkt .btn-see-more-offers[disabled]:focus, .mkt .btn-see-more-offers[disabled].focus, fieldset[disabled] .mkt .btn-see-more-offers:hover, fieldset[disabled] .mkt .btn-see-more-offers:focus, fieldset[disabled] .mkt .btn-see-more-offers.focus { background-color: #fff; border-color: #891e22; } .mkt .btn-see-more-offers .badge { color: #fff; background-color: #b3272d; } .mkt .btn-success { color: #fff; background-color: #9EA900; border-color: #869000; } .mkt .btn-success:focus, .mkt .btn-success.focus { color: #fff; background-color: #6e7600; border-color: black; outline: none !important; } .mkt .btn-success:hover { color: #fff; background-color: #6e7600; border-color: #4d5200; } .mkt .btn-success:hover:focus { outline: none !important; } .mkt .btn-success:active, .mkt .btn-success.active, .open > .mkt .btn-success.dropdown-toggle { color: #fff; background-color: #6e7600; border-color: #4d5200; } .mkt .btn-success:active:hover, .mkt .btn-success:active:focus, .mkt .btn-success:active.focus, .mkt .btn-success.active:hover, .mkt .btn-success.active:focus, .mkt .btn-success.active.focus, .open > .mkt .btn-success.dropdown-toggle:hover, .open > .mkt .btn-success.dropdown-toggle:focus, .open > .mkt .btn-success.dropdown-toggle.focus { color: #fff; background-color: #4d5200; border-color: #0f1000; } .mkt .btn-success:active, .mkt .btn-success.active, .open > .mkt .btn-success.dropdown-toggle { background-image: none; } .mkt .btn-success.disabled:hover, .mkt .btn-success.disabled:focus, .mkt .btn-success.disabled.focus, .mkt .btn-success[disabled]:hover, .mkt .btn-success[disabled]:focus, .mkt .btn-success[disabled].focus, fieldset[disabled] .mkt .btn-success:hover, fieldset[disabled] .mkt .btn-success:focus, fieldset[disabled] .mkt .btn-success.focus { background-color: #9EA900; border-color: #869000; } .mkt .btn-success .badge { color: #9EA900; background-color: #fff; } .mkt .btn-info { color: #fff; background-color: #03b3f1; border-color: #03a0d8; } .mkt .btn-info:focus, .mkt .btn-info.focus { color: #fff; background-color: #028ebf; border-color: #000b0e; outline: none !important; } .mkt .btn-info:hover { color: #fff; background-color: #028ebf; border-color: #02739b; } .mkt .btn-info:hover:focus { outline: none !important; } .mkt .btn-info:active, .mkt .btn-info.active, .open > .mkt .btn-info.dropdown-toggle { color: #fff; background-color: #028ebf; border-color: #02739b; } .mkt .btn-info:active:hover, .mkt .btn-info:active:focus, .mkt .btn-info:active.focus, .mkt .btn-info.active:hover, .mkt .btn-info.active:focus, .mkt .btn-info.active.focus, .open > .mkt .btn-info.dropdown-toggle:hover, .open > .mkt .btn-info.dropdown-toggle:focus, .open > .mkt .btn-info.dropdown-toggle.focus { color: #fff; background-color: #02739b; border-color: #01435a; } .mkt .btn-info:active, .mkt .btn-info.active, .open > .mkt .btn-info.dropdown-toggle { background-image: none; } .mkt .btn-info.disabled:hover, .mkt .btn-info.disabled:focus, .mkt .btn-info.disabled.focus, .mkt .btn-info[disabled]:hover, .mkt .btn-info[disabled]:focus, .mkt .btn-info[disabled].focus, fieldset[disabled] .mkt .btn-info:hover, fieldset[disabled] .mkt .btn-info:focus, fieldset[disabled] .mkt .btn-info.focus { background-color: #03b3f1; border-color: #03a0d8; } .mkt .btn-info .badge { color: #03b3f1; background-color: #fff; } .mkt .btn-warning { color: #fff; background-color: #F17C0E; border-color: #c1630b; } .mkt .btn-warning:focus, .mkt .btn-warning.focus { color: #fff; background-color: #c1630b; border-color: black; outline: none !important; } .mkt .btn-warning:hover { color: #fff; background-color: #c1630b; border-color: #874508; } .mkt .btn-warning:hover:focus { outline: none !important; } .mkt .btn-warning:active, .mkt .btn-warning.active, .open > .mkt .btn-warning.dropdown-toggle { color: #fff; background-color: #c1630b; border-color: #874508; } .mkt .btn-warning:active:hover, .mkt .btn-warning:active:focus, .mkt .btn-warning:active.focus, .mkt .btn-warning.active:hover, .mkt .btn-warning.active:focus, .mkt .btn-warning.active.focus, .open > .mkt .btn-warning.dropdown-toggle:hover, .open > .mkt .btn-warning.dropdown-toggle:focus, .open > .mkt .btn-warning.dropdown-toggle.focus { color: #fff; background-color: #9f5209; border-color: #482504; } .mkt .btn-warning:active, .mkt .btn-warning.active, .open > .mkt .btn-warning.dropdown-toggle { background-image: none; } .mkt .btn-warning.disabled:hover, .mkt .btn-warning.disabled:focus, .mkt .btn-warning.disabled.focus, .mkt .btn-warning[disabled]:hover, .mkt .btn-warning[disabled]:focus, .mkt .btn-warning[disabled].focus, fieldset[disabled] .mkt .btn-warning:hover, fieldset[disabled] .mkt .btn-warning:focus, fieldset[disabled] .mkt .btn-warning.focus { background-color: #F17C0E; border-color: #c1630b; } .mkt .btn-warning .badge { color: #F17C0E; background-color: #fff; } .mkt .btn-danger { color: #fff; background-color: #D23620; border-color: #a62b19; } .mkt .btn-danger:focus, .mkt .btn-danger.focus { color: #fff; background-color: #a62b19; border-color: black; outline: none !important; } .mkt .btn-danger:hover { color: #fff; background-color: #a62b19; border-color: #711d11; } .mkt .btn-danger:hover:focus { outline: none !important; } .mkt .btn-danger:active, .mkt .btn-danger.active, .open > .mkt .btn-danger.dropdown-toggle { color: #fff; background-color: #a62b19; border-color: #711d11; } .mkt .btn-danger:active:hover, .mkt .btn-danger:active:focus, .mkt .btn-danger:active.focus, .mkt .btn-danger.active:hover, .mkt .btn-danger.active:focus, .mkt .btn-danger.active.focus, .open > .mkt .btn-danger.dropdown-toggle:hover, .open > .mkt .btn-danger.dropdown-toggle:focus, .open > .mkt .btn-danger.dropdown-toggle.focus { color: #fff; background-color: #872315; border-color: #370e08; } .mkt .btn-danger:active, .mkt .btn-danger.active, .open > .mkt .btn-danger.dropdown-toggle { background-image: none; } .mkt .btn-danger.disabled:hover, .mkt .btn-danger.disabled:focus, .mkt .btn-danger.disabled.focus, .mkt .btn-danger[disabled]:hover, .mkt .btn-danger[disabled]:focus, .mkt .btn-danger[disabled].focus, fieldset[disabled] .mkt .btn-danger:hover, fieldset[disabled] .mkt .btn-danger:focus, fieldset[disabled] .mkt .btn-danger.focus { background-color: #D23620; border-color: #a62b19; } .mkt .btn-danger .badge { color: #D23620; background-color: #fff; } .mkt .btn-link { color: #007FAC; font-weight: normal; border-radius: 0; } .mkt .btn-link, .mkt .btn-link:active, .mkt .btn-link.active, .mkt .btn-link[disabled], fieldset[disabled] .mkt .btn-link { background-color: transparent; -webkit-box-shadow: none; box-shadow: none; } .mkt .btn-link, .mkt .btn-link:hover, .mkt .btn-link:focus, .mkt .btn-link:active { border-color: transparent; } .mkt .btn-link:hover, .mkt .btn-link:focus { color: #004760; text-decoration: underline; background-color: transparent; } .mkt .btn-link[disabled]:hover, .mkt .btn-link[disabled]:focus, fieldset[disabled] .mkt .btn-link:hover, fieldset[disabled] .mkt .btn-link:focus { color: #aaaaaa; text-decoration: none; } .mkt .btn-xl { padding: 15px 20px; font-size: 18px; line-height: 1.4444444; border-radius: 8px; } .mkt .btn-lg, .mkt .btn-group-lg > .btn { padding: 10px 15px; font-size: 15px; line-height: 1.3333333; border-radius: 6px; } .mkt .btn-sm, .mkt .btn-group-sm > .btn { padding: 5px 10px; font-size: 11px; line-height: 1.5; border-radius: 3px; } .mkt .btn-xs, .mkt .btn-group-xs > .btn { padding: 1px 5px; font-size: 11px; line-height: 1.5; border-radius: 3px; } .mkt .btn-block { display: block; width: 100%; } @media (min-width: 768px) { .mkt .btn-block { width: auto; } } .mkt .btn-block + .btn-block { margin-top: 5px; } .mkt input[type="submit"].btn-block, .mkt input[type="reset"].btn-block, .mkt input[type="button"].btn-block { width: 100%; } .mkt .btn.btn-pressed { position: relative; cursor: progress !important; } .mkt .btn.btn-pressed.btn-primary:before, .mkt .btn.btn-pressed.btn-secondary:before, .mkt .btn.btn-pressed.btn-tertiary:before { content: ''; box-sizing: border-box; position: absolute; top: 50%; left: 50%; width: 23px; height: 23px; margin-top: -12px; margin-left: -12px; border-radius: 50%; border: 2px solid transparent; border-bottom-color: #ffffff; animation: btn-pressed-spinner .6s infinite linear; } .mkt .btn.btn-lg.btn-pressed:before, .mkt .btn-group-lg > .btn.btn-pressed:before { width: 30px; height: 30px; margin-top: -14px; margin-left: -14px; } .mkt .btn.btn-sm.btn-pressed:before, .mkt .btn-group-sm > .btn.btn-pressed:before { width: 21px; height: 21px; margin-top: -11px; margin-left: -11px; } .mkt .btn.btn-xs.btn-pressed:before, .mkt .btn-group-xs > .btn.btn-pressed:before { width: 16px; height: 16px; margin-top: -8px; margin-left: -11px; } @keyframes btn-pressed-spinner { to { transform: rotate(360deg); } } .mkt .btn.btn-pressed.btn-primary { position: relative; color: #f8c08d; background-color: #c1630b; border-color: #6f3906; } .mkt .btn.btn-primary.btn-pressed:before { border-right-color: #feead7; border-top-color: #f8c08d; } .mkt .btn.btn-pressed.btn-secondary { position: relative; color: #a8c7d3; background-color: #285667; border-color: #1e414d; } .mkt .btn.btn-secondary.btn-pressed:before { border-right-color: #d7e9ef; border-top-color: #9ebecb; } .mkt .btn.btn-pressed.btn-tertiary { position: relative; color: #707070; background-color: #cdcdcd; border-color: #afafaf; } .mkt .btn.btn-pressed.btn-tertiary:before { border-right-color: #e7e5e5; border-top-color: #efefef; border-bottom-color: #ffffff; } .mkt .btn.btn-pressed.btn-link { position: relative; animation: btn-pressed-pulse 0.6s infinite; animation-iteration-count: infinite; animation-direction: alternate; text-decoration: none !important; } @keyframes btn-pressed-pulse { 0% { opacity: 0.9; } 100% { opacity: 0.4; } } .mkt .fade { opacity: 0; -webkit-transition: opacity 0.15s linear; -moz-transition: opacity 0.15s linear; -o-transition: opacity 0.15s linear; transition: opacity 0.15s linear; } .mkt .fade.in { opacity: 1; } .mkt .collapse { display: none; } .mkt .collapse.in { display: block; } .mkt tr.collapse.in { display: table-row; } .mkt tbody.collapse.in { display: table-row-group; } .mkt .collapsing { position: relative; height: 0; overflow: hidden; -webkit-transition-property: height, visibility; transition-property: height, visibility; -webkit-transition-duration: 0.35s; transition-duration: 0.35s; -webkit-transition-timing-function: ease; transition-timing-function: ease; } .mkt .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .mkt .dropup, .mkt .dropdown { position: relative; } .mkt .dropdown-toggle:focus { outline: 0; } .mkt .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; list-style: none; font-size: 12px; text-align: left; background-color: #fff; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175); background-clip: padding-box; } .mkt .dropdown-menu.pull-right { right: 0; left: auto; } .mkt .dropdown-menu .divider { height: 1px; margin: 7.5px 0; overflow: hidden; background-color: #e5e5e5; } .mkt .dropdown-menu > li > a { display: block; padding: 3px 20px; clear: both; font-weight: normal; line-height: 1.428571429; color: #666666; white-space: nowrap; } .mkt .dropdown-menu > li > a:hover, .mkt .dropdown-menu > li > a:focus { text-decoration: none; color: #595959; background-color: #f5f5f5; } .mkt .dropdown-menu > .active > a, .mkt .dropdown-menu > .active > a:hover, .mkt .dropdown-menu > .active > a:focus { color: #fff; text-decoration: none; outline: 0; background-color: #41c363; } .mkt .dropdown-menu > .disabled > a, .mkt .dropdown-menu > .disabled > a:hover, .mkt .dropdown-menu > .disabled > a:focus { color: #aaaaaa; } .mkt .dropdown-menu > .disabled > a:hover, .mkt .dropdown-menu > .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; } .mkt .open > .dropdown-menu { display: block; } .mkt .open > a { outline: 0; } .mkt .dropdown-menu-right { left: auto; right: 0; } .mkt .dropdown-menu-left { left: 0; right: auto; } .mkt .dropdown-header { display: block; padding: 3px 20px; font-size: 11px; line-height: 1.428571429; color: #aaaaaa; white-space: nowrap; } .mkt .dropdown-backdrop { position: fixed; left: 0; right: 0; bottom: 0; top: 0; z-index: 990; } .mkt .pull-right > .dropdown-menu { right: 0; left: auto; } .mkt .dropup .caret, .mkt .navbar-fixed-bottom .dropdown .caret { border-top: 0; border-bottom: 4px dashed; border-bottom: 4px solid \9 ; content: ""; } .mkt .dropup .dropdown-menu, .mkt .navbar-fixed-bottom .dropdown .dropdown-menu { top: auto; bottom: 100%; margin-bottom: 2px; } @media (min-width: 768px) { .mkt .navbar-right .dropdown-menu { right: 0; left: auto; } .mkt .navbar-right .dropdown-menu-left { left: 0; right: auto; } } .mkt .btn-group, .mkt .btn-group-vertical { position: relative; display: inline-block; vertical-align: middle; } .mkt .btn-group > .btn, .mkt .btn-group-vertical > .btn { position: relative; float: left; } .mkt .btn-group > .btn:hover, .mkt .btn-group > .btn:focus, .mkt .btn-group > .btn:active, .mkt .btn-group > .btn.active, .mkt .btn-group-vertical > .btn:hover, .mkt .btn-group-vertical > .btn:focus, .mkt .btn-group-vertical > .btn:active, .mkt .btn-group-vertical > .btn.active { z-index: 2; } .mkt .btn-group .btn + .btn, .mkt .btn-group .btn + .btn-group, .mkt .btn-group .btn-group + .btn, .mkt .btn-group .btn-group + .btn-group { margin-left: -1px; } .mkt .btn-toolbar { margin-left: -5px; } .mkt .btn-toolbar:before, .mkt .btn-toolbar:after { content: " "; display: table; } .mkt .btn-toolbar:after { clear: both; } .mkt .btn-toolbar .btn, .mkt .btn-toolbar .btn-group, .mkt .btn-toolbar .input-group { float: left; } .mkt .btn-toolbar > .btn, .mkt .btn-toolbar > .btn-group, .mkt .btn-toolbar > .input-group { margin-left: 5px; } .mkt .btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; } .mkt .btn-group > .btn:first-child { margin-left: 0; } .mkt .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) { border-bottom-right-radius: 0; border-top-right-radius: 0; } .mkt .btn-group > .btn:last-child:not(:first-child), .mkt .btn-group > .dropdown-toggle:not(:first-child) { border-bottom-left-radius: 0; border-top-left-radius: 0; } .mkt .btn-group > .btn-group { float: left; } .mkt .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .mkt .btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child, .mkt .btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-top-right-radius: 0; } .mkt .btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child { border-bottom-left-radius: 0; border-top-left-radius: 0; } .mkt .btn-group .dropdown-toggle:active, .mkt .btn-group.open .dropdown-toggle { outline: 0; } .mkt .btn-group > .btn + .dropdown-toggle { padding-left: 8px; padding-right: 8px; } .mkt .btn-group > .btn-lg + .dropdown-toggle, .mkt .btn-group-lg.btn-group > .btn + .dropdown-toggle { padding-left: 12px; padding-right: 12px; } .mkt .btn-group.open .dropdown-toggle { -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); } .mkt .btn-group.open .dropdown-toggle.btn-link { -webkit-box-shadow: none; box-shadow: none; } .mkt .btn .caret { margin-left: 0; } .mkt .btn-lg .caret, .mkt .btn-group-lg > .btn .caret { border-width: 5px 5px 0; border-bottom-width: 0; } .mkt .dropup .btn-lg .caret, .mkt .dropup .btn-group-lg > .btn .caret { border-width: 0 5px 5px; } .mkt .btn-group-vertical > .btn, .mkt .btn-group-vertical > .btn-group, .mkt .btn-group-vertical > .btn-group > .btn { display: block; float: none; width: 100%; max-width: 100%; } .mkt .btn-group-vertical > .btn-group:before, .mkt .btn-group-vertical > .btn-group:after { content: " "; display: table; } .mkt .btn-group-vertical > .btn-group:after { clear: both; } .mkt .btn-group-vertical > .btn-group > .btn { float: none; } .mkt .btn-group-vertical > .btn + .btn, .mkt .btn-group-vertical > .btn + .btn-group, .mkt .btn-group-vertical > .btn-group + .btn, .mkt .btn-group-vertical > .btn-group + .btn-group { margin-top: -1px; margin-left: 0; } .mkt .btn-group-vertical > .btn:not(:first-child):not(:last-child) { border-radius: 0; } .mkt .btn-group-vertical > .btn:first-child:not(:last-child) { border-top-right-radius: 4px; border-top-left-radius: 4px; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .mkt .btn-group-vertical > .btn:last-child:not(:first-child) { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .mkt .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn { border-radius: 0; } .mkt .btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child, .mkt .btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .mkt .btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child { border-top-right-radius: 0; border-top-left-radius: 0; } .mkt .btn-group-justified { display: table; width: 100%; table-layout: fixed; border-collapse: separate; } .mkt .btn-group-justified > .btn, .mkt .btn-group-justified > .btn-group { float: none; display: table-cell; width: 1%; } .mkt .btn-group-justified > .btn-group .btn { width: 100%; } .mkt .btn-group-justified > .btn-group .dropdown-menu { left: auto; } .mkt [data-toggle="buttons"] > .btn input[type="radio"], .mkt [data-toggle="buttons"] > .btn input[type="checkbox"], .mkt [data-toggle="buttons"] > .btn-group > .btn input[type="radio"], .mkt [data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .mkt .input-group { position: relative; display: table; border-collapse: separate; } .mkt .input-group[class*="col-"] { float: none; padding-left: 0; padding-right: 0; } .mkt .input-group .form-control { position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; } .mkt .input-group .form-control:focus { z-index: 3; } .mkt .input-group-addon, .mkt .input-group-btn, .mkt .input-group .form-control { display: table-cell; } .mkt .input-group-addon:not(:first-child):not(:last-child), .mkt .input-group-btn:not(:first-child):not(:last-child), .mkt .input-group .form-control:not(:first-child):not(:last-child) { border-radius: 0; } .mkt .input-group-addon, .mkt .input-group-btn { width: 1%; white-space: nowrap; vertical-align: middle; } .mkt .input-group-addon { padding: 6px 12px; font-size: 12px; font-weight: normal; line-height: 1; color: #888888; text-align: center; background-color: #e7e7e7; border: 1px solid #ccc; border-radius: 4px; } .mkt .input-group-addon.input-sm, .mkt .input-group-sm > .input-group-addon, .mkt .input-group-sm > .input-group-btn > .input-group-addon.btn { padding: 5px 10px; font-size: 11px; border-radius: 3px; } .mkt .input-group-addon.input-lg, .mkt .input-group-lg > .input-group-addon, .mkt .input-group-lg > .input-group-btn > .input-group-addon.btn { padding: 10px 15px; font-size: 15px; border-radius: 6px; } .mkt .input-group-addon input[type="radio"], .mkt .input-group-addon input[type="checkbox"] { margin-top: 0; } .mkt .input-group .form-control:first-child, .mkt .input-group-addon:first-child, .mkt .input-group-btn:first-child > .btn, .mkt .input-group-btn:first-child > .btn-group > .btn, .mkt .input-group-btn:first-child > .dropdown-toggle, .mkt .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle), .mkt .input-group-btn:last-child > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-top-right-radius: 0; } .mkt .input-group-addon:first-child { border-right: 0; } .mkt .input-group .form-control:last-child, .mkt .input-group-addon:last-child, .mkt .input-group-btn:last-child > .btn, .mkt .input-group-btn:last-child > .btn-group > .btn, .mkt .input-group-btn:last-child > .dropdown-toggle, .mkt .input-group-btn:first-child > .btn:not(:first-child), .mkt .input-group-btn:first-child > .btn-group:not(:first-child) > .btn { border-bottom-left-radius: 0; border-top-left-radius: 0; } .mkt .input-group-addon:last-child { border-left: 0; } .mkt .input-group-btn { position: relative; font-size: 0; white-space: nowrap; } .mkt .input-group-btn > .btn { position: relative; } .mkt .input-group-btn > .btn + .btn { margin-left: -1px; } .mkt .input-group-btn > .btn:hover, .mkt .input-group-btn > .btn:focus, .mkt .input-group-btn > .btn:active { z-index: 2; } .mkt .input-group-btn:first-child > .btn, .mkt .input-group-btn:first-child > .btn-group { margin-right: -1px; } .mkt .input-group-btn:last-child > .btn, .mkt .input-group-btn:last-child > .btn-group { z-index: 2; margin-left: -1px; } .mkt .nav { margin-bottom: 0; padding-left: 0; list-style: none; } .mkt .nav:before, .mkt .nav:after { content: " "; display: table; } .mkt .nav:after { clear: both; } .mkt .nav > li { position: relative; display: block; } .mkt .nav > li > a { position: relative; display: block; padding: 10px 15px; } .mkt .nav > li > a:hover, .mkt .nav > li > a:focus { text-decoration: none; background-color: #e7e7e7; } .mkt .nav > li.disabled > a { color: #aaaaaa; } .mkt .nav > li.disabled > a:hover, .mkt .nav > li.disabled > a:focus { color: #aaaaaa; text-decoration: none; background-color: transparent; cursor: not-allowed; } .mkt .nav .open > a, .mkt .nav .open > a:hover, .mkt .nav .open > a:focus { background-color: #e7e7e7; border-color: #007FAC; } .mkt .nav .nav-divider { height: 1px; margin: 7.5px 0; overflow: hidden; background-color: #e5e5e5; } .mkt .nav > li > a > img { max-width: none; } .mkt .nav-tabs { border-bottom: 1px solid #ddd; } .mkt .nav-tabs > li { float: left; margin-bottom: -1px; } .mkt .nav-tabs > li > a { margin-right: 5px; line-height: 1.428571429; border: 1px solid transparent; border-radius: 4px 4px 0 0; } .mkt .nav-tabs > li > a:hover { border-color: #e7e7e7 #e7e7e7 #ddd; } .mkt .nav-tabs > li.active > a, .mkt .nav-tabs > li.active > a:hover, .mkt .nav-tabs > li.active > a:focus { color: #888888; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default; } .mkt .nav-pills > li { float: left; } .mkt .nav-pills > li > a { border-radius: 4px; } .mkt .nav-pills > li + li { margin-left: 2px; } .mkt .nav-pills > li.active > a, .mkt .nav-pills > li.active > a:hover, .mkt .nav-pills > li.active > a:focus { color: #fff; background-color: #41c363; } .mkt .nav-stacked > li { float: none; } .mkt .nav-stacked > li + li { margin-top: 2px; margin-left: 0; } .mkt .nav-justified, .mkt .nav-tabs.nav-justified { width: 100%; } .mkt .nav-justified > li, .mkt .nav-tabs.nav-justified > li { float: none; } .mkt .nav-justified > li > a, .mkt .nav-tabs.nav-justified > li > a { text-align: center; margin-bottom: 5px; } .mkt .nav-justified > .dropdown .dropdown-menu { top: auto; left: auto; } @media (min-width: 768px) { .mkt .nav-justified > li, .mkt .nav-tabs.nav-justified > li { display: table-cell; width: 1%; } .mkt .nav-justified > li > a, .mkt .nav-tabs.nav-justified > li > a { margin-bottom: 0; } } .mkt .nav-tabs-justified, .mkt .nav-tabs.nav-justified { border-bottom: 0; } .mkt .nav-tabs-justified > li > a, .mkt .nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 4px; } .mkt .nav-tabs-justified > .active > a, .mkt .nav-tabs.nav-justified > .active > a, .mkt .nav-tabs-justified > .active > a:hover, .mkt .nav-tabs.nav-justified > .active > a:hover, .mkt .nav-tabs-justified > .active > a:focus, .mkt .nav-tabs.nav-justified > .active > a:focus { border: 1px solid #ddd; } @media (min-width: 768px) { .mkt .nav-tabs-justified > li > a, .mkt .nav-tabs.nav-justified > li > a { border-bottom: 1px solid #ddd; border-radius: 4px 4px 0 0; } .mkt .nav-tabs-justified > .active > a, .mkt .nav-tabs.nav-justified > .active > a, .mkt .nav-tabs-justified > .active > a:hover, .mkt .nav-tabs.nav-justified > .active > a:hover, .mkt .nav-tabs-justified > .active > a:focus, .mkt .nav-tabs.nav-justified > .active > a:focus { border-bottom-color: #fff; } } .mkt .tab-content > .tab-pane { display: none; } .mkt .tab-content > .active { display: block; } .mkt .nav-tabs .dropdown-menu { margin-top: -1px; border-top-right-radius: 0; border-top-left-radius: 0; } .mkt .tab-content { border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 15px; } .mkt .nav-boxed > li > a { border: 1px solid #e2e2e2; border-radius: 4px 4px 0 0; background: #fefefe; background: -moz-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f2f2f2)); background: -webkit-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); background: -o-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); background: -ms-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); background: linear-gradient(to bottom, #fefefe 0%, #f2f2f2 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#fefefe, endColorstr=#f2f2f2,GradientType=0 ); } .mkt .nav-boxed > li > a:hover { border: 1px solid #e2e2e2; border-radius: 4px 4px 0 0; } .mkt .nav-boxed > li.active > a { background: #ffffff; } .mkt .jumbotron { padding-top: 30px; padding-bottom: 30px; margin-bottom: 30px; color: inherit; background-color: #e7e7e7; } .mkt .jumbotron h1, .mkt .jumbotron .h1 { color: inherit; } .mkt .jumbotron p { margin-bottom: 15px; font-size: 18px; font-weight: 200; } .mkt .jumbotron > hr { border-top-color: #cdcdcd; } .mkt .jumbotron .container { max-width: 100%; } @media screen and (min-width: 768px) { .mkt .jumbotron { padding-top: 48px; padding-bottom: 48px; } .mkt .jumbotron h1, .mkt .jumbotron .h1 { font-size: 54px; } } .mkt .container .jumbotron, .mkt .container-fluid .jumbotron { border-radius: 6px; padding-left: 15px; padding-right: 15px; } @media screen and (min-width: 768px) { .mkt .container .jumbotron, .mkt .container-fluid .jumbotron { padding-left: 60px; padding-right: 60px; } } .mkt .alert { padding: 15px; margin-bottom: 17px; border-radius: 4px; } .mkt .alert h4, .mkt .alert h3, .mkt .alert h2 { margin-top: 0; color: inherit; margin-bottom: 14px; } .mkt .alert .alert-link { font-weight: bold; } .mkt .alert > p, .mkt .alert > ul { margin-bottom: 0; } .mkt .alert > p + p { margin-top: 5px; } .mkt .alert-dismissable, .mkt .alert-dismissible { padding-right: 35px; } .mkt .alert-dismissable .close, .mkt .alert-dismissible .close { position: relative; color: inherit; top: -14px; right: -22px; font-size: 28px; } .mkt .alert-success { background-color: #cdd373; border-color: #cedc00; color: #6e7600; } .mkt .alert-success hr { border-top-color: #b6c300; } .mkt .alert-success .alert-link { color: #3f4300; } .mkt .alert-info { background-color: #f4f9fa; border-color: #2bc6fc; color: #028ebf; } .mkt .alert-info hr { border-top-color: #11bffc; } .mkt .alert-info .alert-link { color: #02688c; } .mkt .alert-warning { background-color: #fcd0a6; border-color: #F17C0E; color: #c1630b; } .mkt .alert-warning hr { border-top-color: #d9700d; } .mkt .alert-warning .alert-link { color: #914a08; } .mkt .alert-danger { background-color: #eea399; border-color: #D23620; color: #c1630b; } .mkt .alert-danger hr { border-top-color: #bc301d; } .mkt .alert-danger .alert-link { color: #914a08; } .mkt .list-group { margin-bottom: 20px; padding-left: 0; } .mkt .list-group-item { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; } .mkt .list-group-item:first-child { border-top-right-radius: 4px; border-top-left-radius: 4px; } .mkt .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } .mkt a.list-group-item, .mkt button.list-group-item { color: #555; } .mkt a.list-group-item .list-group-item-heading, .mkt button.list-group-item .list-group-item-heading { color: #333; } .mkt a.list-group-item:hover, .mkt a.list-group-item:focus, .mkt button.list-group-item:hover, .mkt button.list-group-item:focus { text-decoration: none; color: #555; background-color: #f5f5f5; } .mkt button.list-group-item { width: 100%; text-align: left; } .mkt .list-group-item.disabled, .mkt .list-group-item.disabled:hover, .mkt .list-group-item.disabled:focus { background-color: #e7e7e7; color: #aaaaaa; cursor: not-allowed; } .mkt .list-group-item.disabled .list-group-item-heading, .mkt .list-group-item.disabled:hover .list-group-item-heading, .mkt .list-group-item.disabled:focus .list-group-item-heading { color: inherit; } .mkt .list-group-item.disabled .list-group-item-text, .mkt .list-group-item.disabled:hover .list-group-item-text, .mkt .list-group-item.disabled:focus .list-group-item-text { color: #aaaaaa; } .mkt .list-group-item.active, .mkt .list-group-item.active:hover, .mkt .list-group-item.active:focus { z-index: 2; color: #fff; background-color: #41c363; border-color: #41c363; } .mkt .list-group-item.active .list-group-item-heading, .mkt .list-group-item.active .list-group-item-heading > small, .mkt .list-group-item.active .list-group-item-heading > .small, .mkt .list-group-item.active:hover .list-group-item-heading, .mkt .list-group-item.active:hover .list-group-item-heading > small, .mkt .list-group-item.active:hover .list-group-item-heading > .small, .mkt .list-group-item.active:focus .list-group-item-heading, .mkt .list-group-item.active:focus .list-group-item-heading > small, .mkt .list-group-item.active:focus .list-group-item-heading > .small { color: inherit; } .mkt .list-group-item.active .list-group-item-text, .mkt .list-group-item.active:hover .list-group-item-text, .mkt .list-group-item.active:focus .list-group-item-text { color: #dcf4e2; } .mkt .list-group-item-success { color: #6e7600; background-color: #cdd373; } .mkt a.list-group-item-success, .mkt button.list-group-item-success { color: #6e7600; } .mkt a.list-group-item-success .list-group-item-heading, .mkt button.list-group-item-success .list-group-item-heading { color: inherit; } .mkt a.list-group-item-success:hover, .mkt a.list-group-item-success:focus, .mkt button.list-group-item-success:hover, .mkt button.list-group-item-success:focus { color: #6e7600; background-color: #c6cd60; } .mkt a.list-group-item-success.active, .mkt a.list-group-item-success.active:hover, .mkt a.list-group-item-success.active:focus, .mkt button.list-group-item-success.active, .mkt button.list-group-item-success.active:hover, .mkt button.list-group-item-success.active:focus { color: #fff; background-color: #6e7600; border-color: #6e7600; } .mkt .list-group-item-info { color: #028ebf; background-color: #f4f9fa; } .mkt a.list-group-item-info, .mkt button.list-group-item-info { color: #028ebf; } .mkt a.list-group-item-info .list-group-item-heading, .mkt button.list-group-item-info .list-group-item-heading { color: inherit; } .mkt a.list-group-item-info:hover, .mkt a.list-group-item-info:focus, .mkt button.list-group-item-info:hover, .mkt button.list-group-item-info:focus { color: #028ebf; background-color: #e3eff3; } .mkt a.list-group-item-info.active, .mkt a.list-group-item-info.active:hover, .mkt a.list-group-item-info.active:focus, .mkt button.list-group-item-info.active, .mkt button.list-group-item-info.active:hover, .mkt button.list-group-item-info.active:focus { color: #fff; background-color: #028ebf; border-color: #028ebf; } .mkt .list-group-item-warning { color: #c1630b; background-color: #fcd0a6; } .mkt a.list-group-item-warning, .mkt button.list-group-item-warning { color: #c1630b; } .mkt a.list-group-item-warning .list-group-item-heading, .mkt button.list-group-item-warning .list-group-item-heading { color: inherit; } .mkt a.list-group-item-warning:hover, .mkt a.list-group-item-warning:focus, .mkt button.list-group-item-warning:hover, .mkt button.list-group-item-warning:focus { color: #c1630b; background-color: #fbc38e; } .mkt a.list-group-item-warning.active, .mkt a.list-group-item-warning.active:hover, .mkt a.list-group-item-warning.active:focus, .mkt button.list-group-item-warning.active, .mkt button.list-group-item-warning.active:hover, .mkt button.list-group-item-warning.active:focus { color: #fff; background-color: #c1630b; border-color: #c1630b; } .mkt .list-group-item-danger { color: #c1630b; background-color: #eea399; } .mkt a.list-group-item-danger, .mkt button.list-group-item-danger { color: #c1630b; } .mkt a.list-group-item-danger .list-group-item-heading, .mkt button.list-group-item-danger .list-group-item-heading { color: inherit; } .mkt a.list-group-item-danger:hover, .mkt a.list-group-item-danger:focus, .mkt button.list-group-item-danger:hover, .mkt button.list-group-item-danger:focus { color: #c1630b; background-color: #ea9083; } .mkt a.list-group-item-danger.active, .mkt a.list-group-item-danger.active:hover, .mkt a.list-group-item-danger.active:focus, .mkt button.list-group-item-danger.active, .mkt button.list-group-item-danger.active:hover, .mkt button.list-group-item-danger.active:focus { color: #fff; background-color: #c1630b; border-color: #c1630b; } .mkt .list-group-item-heading { margin-top: 0; margin-bottom: 5px; } .mkt .list-group-item-text { margin-bottom: 0; line-height: 1.3; } .mkt .panel { margin-bottom: 17px; background-color: #fff; border: 1px solid transparent; } .mkt .panel-body { padding: 15px; } .mkt .panel-body:before, .mkt .panel-body:after { content: " "; display: table; } .mkt .panel-body:after { clear: both; } .mkt .panel-heading { padding: 10px 15px; border-bottom: 1px solid transparent; } .mkt .panel-heading > .dropdown .dropdown-toggle { color: inherit; } .mkt .panel-title { margin-top: 0; margin-bottom: 0; font-size: 14px; color: inherit; } .mkt .panel-title > a, .mkt .panel-title > small, .mkt .panel-title > .small, .mkt .panel-title > small > a, .mkt .panel-title > .small > a { color: inherit; } .mkt .panel-footer { padding: 10px 15px; background-color: #f9f9f9; border-top: 1px solid #f4f4f4; } .mkt .panel > .list-group, .mkt .panel > .panel-collapse > .list-group { margin-bottom: 0; } .mkt .panel > .list-group .list-group-item, .mkt .panel > .panel-collapse > .list-group .list-group-item { border-width: 1px 0; } .mkt .panel > .list-group:first-child .list-group-item:first-child, .mkt .panel > .panel-collapse > .list-group:first-child .list-group-item:first-child { border-top: 0; } .mkt .panel > .list-group:last-child .list-group-item:last-child, .mkt .panel > .panel-collapse > .list-group:last-child .list-group-item:last-child { border-bottom: 0; } .mkt .panel-heading + .list-group .list-group-item:first-child { border-top-width: 0; } .mkt .list-group + .panel-footer { border-top-width: 0; } .mkt .panel > .table, .mkt .panel > .table-responsive > .table, .mkt .panel > .panel-collapse > .table { margin-bottom: 0; } .mkt .panel > .table caption, .mkt .panel > .table-responsive > .table caption, .mkt .panel > .panel-collapse > .table caption { padding-left: 15px; padding-right: 15px; } .mkt .panel > .panel-body + .table, .mkt .panel > .panel-body + .table-responsive, .mkt .panel > .table + .panel-body, .mkt .panel > .table-responsive + .panel-body { border-top: 1px solid #ddd; } .mkt .panel > .table > tbody:first-child > tr:first-child th, .mkt .panel > .table > tbody:first-child > tr:first-child td { border-top: 0; } .mkt .panel > .table-bordered, .mkt .panel > .table-responsive > .table-bordered { border: 0; } .mkt .panel > .table-bordered > thead > tr > th:first-child, .mkt .panel > .table-bordered > thead > tr > td:first-child, .mkt .panel > .table-bordered > tbody > tr > th:first-child, .mkt .panel > .table-bordered > tbody > tr > td:first-child, .mkt .panel > .table-bordered > tfoot > tr > th:first-child, .mkt .panel > .table-bordered > tfoot > tr > td:first-child, .mkt .panel > .table-responsive > .table-bordered > thead > tr > th:first-child, .mkt .panel > .table-responsive > .table-bordered > thead > tr > td:first-child, .mkt .panel > .table-responsive > .table-bordered > tbody > tr > th:first-child, .mkt .panel > .table-responsive > .table-bordered > tbody > tr > td:first-child, .mkt .panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child, .mkt .panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child { border-left: 0; } .mkt .panel > .table-bordered > thead > tr > th:last-child, .mkt .panel > .table-bordered > thead > tr > td:last-child, .mkt .panel > .table-bordered > tbody > tr > th:last-child, .mkt .panel > .table-bordered > tbody > tr > td:last-child, .mkt .panel > .table-bordered > tfoot > tr > th:last-child, .mkt .panel > .table-bordered > tfoot > tr > td:last-child, .mkt .panel > .table-responsive > .table-bordered > thead > tr > th:last-child, .mkt .panel > .table-responsive > .table-bordered > thead > tr > td:last-child, .mkt .panel > .table-responsive > .table-bordered > tbody > tr > th:last-child, .mkt .panel > .table-responsive > .table-bordered > tbody > tr > td:last-child, .mkt .panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child, .mkt .panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child { border-right: 0; } .mkt .panel > .table-bordered > thead > tr:first-child > td, .mkt .panel > .table-bordered > thead > tr:first-child > th, .mkt .panel > .table-bordered > tbody > tr:first-child > td, .mkt .panel > .table-bordered > tbody > tr:first-child > th, .mkt .panel > .table-responsive > .table-bordered > thead > tr:first-child > td, .mkt .panel > .table-responsive > .table-bordered > thead > tr:first-child > th, .mkt .panel > .table-responsive > .table-bordered > tbody > tr:first-child > td, .mkt .panel > .table-responsive > .table-bordered > tbody > tr:first-child > th { border-bottom: 0; } .mkt .panel > .table-bordered > tbody > tr:last-child > td, .mkt .panel > .table-bordered > tbody > tr:last-child > th, .mkt .panel > .table-bordered > tfoot > tr:last-child > td, .mkt .panel > .table-bordered > tfoot > tr:last-child > th, .mkt .panel > .table-responsive > .table-bordered > tbody > tr:last-child > td, .mkt .panel > .table-responsive > .table-bordered > tbody > tr:last-child > th, .mkt .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td, .mkt .panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th { border-bottom: 0; } .mkt .panel > .table-responsive { border: 0; margin-bottom: 0; } .mkt .panel-group { margin-bottom: 17px; } .mkt .panel-group .panel { margin-bottom: 0; } .mkt .panel-group .panel + .panel { margin-top: 5px; } .mkt .panel-group .panel-heading { border-bottom: 0; } .mkt .panel-group .panel-heading + .panel-collapse > .panel-body, .mkt .panel-group .panel-heading + .panel-collapse > .list-group { border-top: 1px solid #f4f4f4; } .mkt .panel-group .panel-footer { border-top: 0; } .mkt .panel-group .panel-footer + .panel-collapse .panel-body { border-bottom: 1px solid #f4f4f4; } .mkt .panel-default { border-color: #d2d2d4; } .mkt .panel-default > .panel-heading { color: #666666; background-color: #f9f9f9; border-color: #d2d2d4; } .mkt .panel-default > .panel-heading + .panel-collapse > .panel-body { border-top-color: #d2d2d4; } .mkt .panel-default > .panel-heading .badge { color: #f9f9f9; background-color: #666666; } .mkt .panel-default > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #d2d2d4; } .mkt .panel-primary, .mkt .panel-warning { border-color: #ddaf85; } .mkt .panel-primary > .panel-heading, .mkt .panel-warning > .panel-heading { color: #773c07; background-color: #f7b475; border-color: #ddaf85; } .mkt .panel-primary > .panel-heading + .panel-collapse > .panel-body, .mkt .panel-warning > .panel-heading + .panel-collapse > .panel-body { border-top-color: #ddaf85; } .mkt .panel-primary > .panel-heading .badge, .mkt .panel-warning > .panel-heading .badge { color: #f7b475; background-color: #773c07; } .mkt .panel-primary > .panel-footer + .panel-collapse > .panel-body, .mkt .panel-warning > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #ddaf85; } .mkt .panel-secondary, .mkt .panel-info { border-color: #f4f9fa; } .mkt .panel-secondary > .panel-heading, .mkt .panel-info > .panel-heading { color: #028ebf; background-color: white; border-color: #f4f9fa; } .mkt .panel-secondary > .panel-heading + .panel-collapse > .panel-body, .mkt .panel-info > .panel-heading + .panel-collapse > .panel-body { border-top-color: #f4f9fa; } .mkt .panel-secondary > .panel-heading .badge, .mkt .panel-info > .panel-heading .badge { color: white; background-color: #028ebf; } .mkt .panel-secondary > .panel-footer + .panel-collapse > .panel-body, .mkt .panel-info > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #f4f9fa; } .mkt .panel-tertiary { border-color: #989899; } .mkt .panel-tertiary > .panel-heading { color: #4e4d4d; background-color: #c5c5c5; border-color: #989899; } .mkt .panel-tertiary > .panel-heading + .panel-collapse > .panel-body { border-top-color: #989899; } .mkt .panel-tertiary > .panel-heading .badge { color: #c5c5c5; background-color: #4e4d4d; } .mkt .panel-tertiary > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #989899; } .mkt .panel-offer, .mkt .panel-danger { border-color: #D23620; } .mkt .panel-offer > .panel-heading, .mkt .panel-danger > .panel-heading { color: #fdd1cb; background-color: #D23620; border-color: #D23620; } .mkt .panel-offer > .panel-heading + .panel-collapse > .panel-body, .mkt .panel-danger > .panel-heading + .panel-collapse > .panel-body { border-top-color: #D23620; } .mkt .panel-offer > .panel-heading .badge, .mkt .panel-danger > .panel-heading .badge { color: #D23620; background-color: #fdd1cb; } .mkt .panel-offer > .panel-footer + .panel-collapse > .panel-body, .mkt .panel-danger > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #D23620; } .mkt .panel-success { border-color: #cedc00; } .mkt .panel-success > .panel-heading { color: #6e7600; background-color: #e5e8bb; border-color: #cedc00; } .mkt .panel-success > .panel-heading + .panel-collapse > .panel-body { border-top-color: #cedc00; } .mkt .panel-success > .panel-heading .badge { color: #e5e8bb; background-color: #6e7600; } .mkt .panel-success > .panel-footer + .panel-collapse > .panel-body { border-bottom-color: #cedc00; } .mkt .panel-title + a { float: right; position: absolute; top: 10px; right: 15px; } .mkt .panel-heading { position: relative; } .mkt .panel.panel-offer .panel-heading a { color: #fdd1cb; } .mkt .embed-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; } .mkt .embed-responsive .embed-responsive-item, .mkt .embed-responsive iframe, .mkt .embed-responsive embed, .mkt .embed-responsive object, .mkt .embed-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .mkt .embed-responsive-16by9 { padding-bottom: 56.25%; } .mkt .embed-responsive-4by3 { padding-bottom: 75%; } .mkt .close { float: right; font-size: 18px; font-weight: bold; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20); } .mkt .close:hover, .mkt .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.5; filter: alpha(opacity=50); } .mkt button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; } .mkt-modal-open { overflow: hidden; } .mkt-modal-open .mkt .modal { overflow-x: hidden; overflow-y: auto; } .mkt .modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1050; -webkit-overflow-scrolling: touch; outline: 0; } .mkt .modal.fade .modal-dialog { -webkit-transform: translate(0, -25%); -ms-transform: translate(0, -25%); -o-transform: translate(0, -25%); transform: translate(0, -25%); -webkit-transition: -webkit-transform 0.3s ease-out; -moz-transition: -moz-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out; } .mkt .modal.in .modal-dialog { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0); } .mkt .modal-dialog { position: relative; height: 98%; width: 95%; display: flex; flex-direction: column; overflow: hidden; margin: auto; } .mkt .modal-dialog.fixed .model-header { flex: 0 0 auto; background-color: #ffffff; border-top-left-radius: 6px; border-top-right-radius: 6px; padding: 10px; } .mkt .modal-content { position: relative; background-color: #fff; border: 1px solid #999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 6px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0; display: flex; flex-direction: column; height: 95%; margin: auto; margin-top: 20px; } .mkt .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000; } .mkt .modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0); } .mkt .modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50); } .mkt .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; } .mkt .modal-header:before, .mkt .modal-header:after { content: " "; display: table; } .mkt .modal-header:after { clear: both; } .mkt .modal-header .close { margin-top: -2px; } .mkt .modal-title { margin: 0; line-height: 1.428571429; } .mkt .modal-body { position: relative; padding: 15px; flex: 1 1 auto; overflow-y: auto; border-left: 1px solid #e5e5e5; } .mkt .modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5; flex: 0 0 auto; background-color: #ffffff; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; } .mkt .modal-footer:before, .mkt .modal-footer:after { content: " "; display: table; } .mkt .modal-footer:after { clear: both; } .mkt .modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0; } .mkt .modal-footer .btn-group .btn + .btn { margin-left: -1px; } .mkt .modal-footer .btn-block + .btn-block { margin-left: 0; } .mkt .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 768px) { .mkt .modal-dialog { width: 600px; margin: 10% auto; } .mkt .modal-content { height: auto; -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); } .mkt .modal-sm { width: 300px; } } @media (min-width: 992px) { .mkt .modal-lg { width: 900px; } } .mkt .clearfix:before, .mkt .clearfix:after { content: " "; display: table; } .mkt .clearfix:after { clear: both; } .mkt .center-block { display: block; margin-left: auto; margin-right: auto; } .mkt .pull-right { float: right !important; } .mkt .pull-left { float: left !important; } .mkt .display-inline { display: inline !important; } .mkt .hide { display: none !important; } .mkt .show { display: block !important; } .mkt .invisible { visibility: hidden; } .mkt .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .mkt .hidden { display: none !important; } .mkt .affix { position: fixed; } @-ms-viewport { width: device-width; } .mkt .visible-xs { display: none !important; } .mkt .visible-sm { display: none !important; } .mkt .visible-md { display: none !important; } .mkt .visible-lg { display: none !important; } .mkt .visible-xs-block, .mkt .visible-xs-inline, .mkt .visible-xs-inline-block, .mkt .visible-sm-block, .mkt .visible-sm-inline, .mkt .visible-sm-inline-block, .mkt .visible-md-block, .mkt .visible-md-inline, .mkt .visible-md-inline-block, .mkt .visible-lg-block, .mkt .visible-lg-inline, .mkt .visible-lg-inline-block { display: none !important; } @media (max-width: 767px) { .mkt .visible-xs { display: block !important; } .mkt table.visible-xs { display: table !important; } .mkt tr.visible-xs { display: table-row !important; } .mkt th.visible-xs, .mkt td.visible-xs { display: table-cell !important; } } @media (max-width: 767px) { .mkt .visible-xs-block { display: block !important; } } @media (max-width: 767px) { .mkt .visible-xs-inline { display: inline !important; } } @media (max-width: 767px) { .mkt .visible-xs-inline-block { display: inline-block !important; } } @media (min-width: 768px) and (max-width: 991px) { .mkt .visible-sm { display: block !important; } .mkt table.visible-sm { display: table !important; } .mkt tr.visible-sm { display: table-row !important; } .mkt th.visible-sm, .mkt td.visible-sm { display: table-cell !important; } } @media (min-width: 768px) and (max-width: 991px) { .mkt .visible-sm-block { display: block !important; } } @media (min-width: 768px) and (max-width: 991px) { .mkt .visible-sm-inline { display: inline !important; } } @media (min-width: 768px) and (max-width: 991px) { .mkt .visible-sm-inline-block { display: inline-block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .mkt .visible-md { display: block !important; } .mkt table.visible-md { display: table !important; } .mkt tr.visible-md { display: table-row !important; } .mkt th.visible-md, .mkt td.visible-md { display: table-cell !important; } } @media (min-width: 992px) and (max-width: 1199px) { .mkt .visible-md-block { display: block !important; } } @media (min-width: 992px) and (max-width: 1199px) { .mkt .visible-md-inline { display: inline !important; } } @media (min-width: 992px) and (max-width: 1199px) { .mkt .visible-md-inline-block { display: inline-block !important; } } @media (min-width: 1200px) { .mkt .visible-lg { display: block !important; } .mkt table.visible-lg { display: table !important; } .mkt tr.visible-lg { display: table-row !important; } .mkt th.visible-lg, .mkt td.visible-lg { display: table-cell !important; } } @media (min-width: 1200px) { .mkt .visible-lg-block { display: block !important; } } @media (min-width: 1200px) { .mkt .visible-lg-inline { display: inline !important; } } @media (min-width: 1200px) { .mkt .visible-lg-inline-block { display: inline-block !important; } } @media (max-width: 767px) { .mkt .hidden-xs { display: none !important; } } @media (min-width: 768px) and (max-width: 991px) { .mkt .hidden-sm { display: none !important; } } @media (min-width: 992px) and (max-width: 1199px) { .mkt .hidden-md { display: none !important; } } @media (min-width: 1200px) { .mkt .hidden-lg { display: none !important; } } .mkt .visible-print { display: none !important; } @media print { .mkt .visible-print { display: block !important; } .mkt table.visible-print { display: table !important; } .mkt tr.visible-print { display: table-row !important; } .mkt th.visible-print, .mkt td.visible-print { display: table-cell !important; } } .mkt .visible-print-block { display: none !important; } @media print { .mkt .visible-print-block { display: block !important; } } .mkt .visible-print-inline { display: none !important; } @media print { .mkt .visible-print-inline { display: inline !important; } } .mkt .visible-print-inline-block { display: none !important; } @media print { .mkt .visible-print-inline-block { display: inline-block !important; } } @media print { .mkt .hidden-print { display: none !important; } } .mkt .popular-categories-header { border-top: 1px solid #e2e2e2; padding: 15px 0; overflow: hidden; } .mkt .popular-categories-header h2 { margin: 0; font-size: 20px; } .mkt .popular-categories-header div h2 { padding: 0; } .mkt .popular-categories-header div:last-child { margin-top: 8px; } .mkt .popular-categories-header a { margin: 0; padding-right: 10px; text-decoration: none; } .mkt .popular-categories-header a:after { position: absolute; padding-left: 4px; content: "▶"; color: #F17C0E; } @media (min-width: 768px) { .mkt .popular-categories-header { padding: 15px 0 0 0; position: relative; overflow: hidden; margin-bottom: 15px; } .mkt .popular-categories-header h2 { margin: 0; font-size: 16px; padding: 0 0; line-height: 18px; } .mkt .popular-categories-header div:last-child { margin-top: 0; } .mkt .popular-categories-header div:last-child a { float: right; font-size: 13px; } .mkt .popular-categories-header div h2 { padding: 0; } } .mkt .popular-categories > div { margin-bottom: 15px; padding: 0; overflow-wrap: break-word; word-wrap: break-word; -ms-word-break: break-all; word-break: break-word; -ms-hyphens: auto; -moz-hyphens: auto; -webkit-hyphens: auto; hyphens: auto; } .mkt .popular-categories .popular-category-img { display: none; } .mkt .popular-categories .popular-category { background: none; transition: background 2s; } .mkt .popular-categories .popular-category-links { padding: 10px 15px 10px 15px; overflow: hidden; background-color: #E9F6fC; } .mkt .popular-categories .popular-category-links a:hover { text-decoration: underline; } .mkt .popular-categories .popular-category-links > a:last-child:after { padding-right: 0px; padding-left: 12px; content: "▶"; color: #F17C0E; font-size: 10px; margin-top: 0px; } .mkt .popular-categories .popular-category-links h3:after { position: absolute; padding-left: 4px; right: 0; color: #6A9CB3; font-size: 10px; top: 50%; margin-top: -6px; } .mkt .popular-categories .popular-category-links > a:last-child { padding-right: 16px; } .mkt .popular-categories .popular-category-links ul { padding: 0; margin-bottom: 8px; } .mkt .popular-categories .popular-category-links ul li { list-style: none; } .mkt .popular-categories .popular-category-links li, .mkt .popular-categories .popular-category-links h3 { display: block; padding: 5px 0 5px 0; width: 100%; cursor: pointer; margin: 0; position: relative; } .mkt .popular-categories .popular-category-links li, .mkt .popular-categories .popular-category-links h3 { border-bottom: 1px solid #C9E0EA; } .mkt .popular-categories .popular-category-links a { text-decoration: none; font-size: 12px; display: block; } .mkt .popular-categories .popular-category-links h3 { font-size: 13px; line-height: 1.25; color: #007FAC; } @media (min-width: 768px) { .mkt .table-cell-shift { margin-left: -24px !important; margin-right: -26px !important; } .mkt .popular-categories { overflow: hidden; padding-right: 0px; display: table; margin-bottom: 15px; width: 100%; border-collapse: separate; border-spacing: 10px; } .mkt .popular-categories .popular-category-img { display: block; position: relative; height: 97px; background: #fff; margin-bottom: 8px; } .mkt .popular-categories > div { display: table-cell; vertical-align: top; height: 100%; width: 25%; background-color: #E9F6fC; padding: 15px; float: none; margin-bottom: 0; } .mkt .popular-categories .categories-img { background: #FFFFFF; border-top: 3px solid #D2E1E6; border-bottom: 3px solid #D2E1E6; border-left: 1px solid #D2E1E6; border-right: 1px solid #D2E1E6; width: 100%; display: block; height: 120px; margin-bottom: 5px; overflow: hidden; position: relative; } .mkt .popular-categories .popular-category-links { padding: 0; margin-bottom: 15px; } .mkt .popular-categories .popular-category-links a { font-size: 12px; } .mkt .popular-categories .popular-category-links h3 { font-size: 13px; padding-bottom: 12px; } .mkt .popular-categories .popular-category-links li { padding-right: 15px; } .mkt .popular-categories .popular-category-links > a:last-child { text-align: right; position: absolute; bottom: 15px; right: 15px; } .mkt .popular-categories .popular-category-links > a:last-child:after { position: absolute; right: 0; top: 1px; padding-left: 0; } .mkt .popular-categories .popular-category-links ul { margin-bottom: 16px; } .mkt .popular-categories .popular-category-img img { max-height: 88%; max-width: 88%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; mix-blend-mode: multiply; display: block; margin: auto; } } @media (min-width: 768px) { .dj_chrome.mkt.popular-categories.popular-category-img, .dj_gecko.mkt.popular-categories.popular-category-img { background: none; } } .dj_ie8 .mkt .popular-categories-header { border-top: 1px solid #e2e2e2; padding: 15px 0 0 0; position: relative; overflow: hidden; margin-bottom: 15px; } .dj_ie8 .mkt .popular-categories-header a { margin: 0; padding-right: 10px; text-decoration: none; } .dj_ie8 .mkt .popular-categories-header a:after { position: absolute; padding-left: 4px; content: "▶"; color: #F17C0E; } .dj_ie8 .mkt .popular-categories-header h2 { margin: 0; font-size: 16px; padding: 0 0; line-height: 18px; } .dj_ie8 .mkt .popular-categories-header div:last-child { margin-top: 0; } .dj_ie8 .mkt .popular-categories-header div:last-child a { float: right; font-size: 13px; } .dj_ie8 .mkt .popular-categories-header div h2 { padding: 0; } .dj_ie8 .mkt .table-cell-shift { margin-left: -24px !important; margin-right: -26px !important; } .dj_ie8 .mkt .popular-categories { overflow: hidden; padding-right: 0px; display: table; margin-bottom: 15px; width: 100%; border-collapse: separate; border-spacing: 10px; } .dj_ie8 .mkt .popular-categories .popular-category-img { display: block; position: relative; height: 97px; background: #fff; margin-bottom: 8px; } .dj_ie8 .mkt .popular-categories > div { display: table-cell; vertical-align: top; height: 100%; width: 25%; background-color: #E9F6fC; padding: 15px; float: none; margin-bottom: 0; } .dj_ie8 .mkt .popular-categories .categories-img { background: #FFFFFF; border-top: 3px solid #D2E1E6; border-bottom: 3px solid #D2E1E6; border-left: 1px solid #D2E1E6; border-right: 1px solid #D2E1E6; width: 100%; display: block; height: 120px; margin-bottom: 5px; overflow: hidden; position: relative; } .dj_ie8 .mkt .popular-categories .popular-category-links { padding: 0; margin-bottom: 15px; } .dj_ie8 .mkt .popular-categories .popular-category-links a { font-size: 12px; } .dj_ie8 .mkt .popular-categories .popular-category-links h3 { font-size: 13px; padding-bottom: 12px; } .dj_ie8 .mkt .popular-categories .popular-category-links li { padding-right: 15px; } .dj_ie8 .mkt .popular-categories .popular-category-links > a:last-child { text-align: right; position: absolute; bottom: 15px; right: 15px; } .dj_ie8 .mkt .popular-categories .popular-category-links > a:last-child:after { position: absolute; right: 0; top: 1px; padding-left: 0; } .dj_ie8 .mkt .popular-categories .popular-category-links ul { margin-bottom: 16px; } .dj_ie8 .mkt .popular-categories .popular-category-img img { max-height: 88%; max-width: 88%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; mix-blend-mode: multiply; display: block; margin: auto; } .mkt div#Collapsable_99 { margin-left: -15px; margin-right: -15px; width: auto; } .mkt .products-header { /*@include linearGradient($productDetailFillTop, $productDetailFillBottom);*/ /*border-top: 1px solid $productDetailBoxStroke;*/ padding: 15px 0; overflow: hidden; } .mkt .products-header h2 { margin: 0; font-size: 20px; } .mkt .products-header > .products-header-link { float: right; } .mkt .products-header > h2.products-headering { width: auto; float: left; } .mkt .products-header [class*='col-'] { padding: 0; } .mkt .products-header div h2 { padding: 0; } .mkt .products-header div:last-child { margin-top: 8px; } .mkt .products-header a { margin: 0; padding-right: 17px; text-decoration: none; } .mkt .products-header a:hover { text-decoration: underline; } .mkt .products-header a:after { position: absolute; padding-left: 4px; content: "▶"; color: #F17C0E; } .mkt .products-header a.btn:after { display: none; } .mkt .products-header a.specialoffers-anchor { font-size: 1em !important; display: none; } .mkt .products-header a.specialoffers-anchor:after { color: #007FAC; } @media (min-width: 768px) { .mkt .products-header a.specialoffers-anchor { display: inline; margin-right: 15px !important; } } @media (min-width: 768px) { .mkt .products-header { padding: 10px 0; position: relative; /*border-right: 1px solid $productDetailBoxStroke;*/ /*border-left: 1px solid $productDetailBoxStroke;*/ overflow: hidden; } .mkt .products-header h2 { margin: 0; font-size: 18px; } .mkt .products-header div h2 { padding: 0; } .mkt .products-header div:last-child { margin-top: 0; } .mkt .products-header div:last-child a { float: right; font-size: 13px; } } .mkt .specialoffers-cat-subheader h2 { font-size: 1.3em !important; margin-left: 15px; } @media (min-width: 768px) { .mkt .specialoffers-cat-subheader h2 { display: inline; margin-left: 30px; } } .mkt ul.products { padding: 0 10px; margin: 0; border: none; } .mkt ul.products .product { padding-top: 25px; padding-bottom: 25px; border-top: 4px solid #D2E3EA; } .mkt ul.products .product .product-man-logo img { max-height: 19px; margin-bottom: 10px; max-width: 35%; } .mkt ul.products .product a:hover { text-decoration: underline; } .mkt ul.products h3.product-mpn, .mkt ul.products h4.product-description { font-size: 12px; line-height: 1.428571429 !important; color: #007FAC; margin: 0; font-weight: 700 !important; } .mkt ul.products p.product-small-text { font-size: 82%; font-weight: normal; } .mkt ul.products h5.product-manufacturer { margin: 1px 0 1px 0 !important; font-weight: normal !important; color: #333333; font-size: 11px !important; } .mkt ul.products p.product-moq { color: #333333; font-size: 11px !important; margin: 1px 0 1px 0 !important; } .mkt ul.products p.product-price { color: #F17C0E; font-weight: bold; font-size: 13px !important; margin: 1px 0 1px 0 !important; } .mkt ul.products span.product-uom { font-weight: normal !important; font-size: 10px !important; color: #333333; } .mkt ul.products .product-flash { padding: 4px 7px 3px 7px; font-size: 12px; color: #FFF; position: absolute; top: 20px; left: 0; background: #D23620; margin-left: 14px; z-index: 2; display: none; } .mkt ul.products .product-flash:after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #D23620; position: absolute; top: 98%; left: 15%; } .mkt ul.products .product-flash ~ a { margin-top: 0; display: block; } @media (min-width: 768px) { .mkt ul.products .product-flash ~ a { margin-top: 0; } } @media (min-width: 768px) { .mkt ul.products .product-flash { display: block; } } .mkt ul.products .product-img { width: 100%; display: block; height: 120px; margin-bottom: 5px; overflow: hidden; position: relative; } .mkt ul.products .product-img img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 0; z-index: 1; } .mkt ul.products > li { list-style: none; position: relative; padding: 0 15px 0 15px; margin-bottom: 0; margin-left: 0; } .mkt ul.products > li:first-child .product { border-top: none; } .mkt .swipe { overflow-x: scroll; margin-bottom: 15px; } .mkt .swipe ul.products { margin: 0; display: table; table-layout: fixed; } .mkt .swipe ul.products .product { border-top: none; margin-top: 10px; } .mkt .swipe ul.products .product-flash ~ a { margin-top: 0; display: block; } @media (min-width: 768px) { .mkt .swipe ul.products .product-flash ~ a { margin-top: 0; } } .mkt .swipe ul.products .product-img { height: 77px; } .mkt .swipe ul.products > li { display: table-cell !important; float: none; border-left: 1px solid #e2e2e2; } .mkt .swipe ul.products > li:first-child { border-left: none; } .mkt .swipe ul.products-four { width: 100%; } .mkt .swipe ul.products-four > li { width: 220px !important; float: none; } .mkt .swipe ul.products-five { width: 100%; } .mkt .swipe ul.products-five > li { width: 220px; float: none; } .mkt .products-group-wrapper .products-header { border: none; margin-top: 0; width: 100%; overflow: hidden !important; padding-right: 15px; background: #007FAC; padding-bottom: 15px; } .mkt .products-group-wrapper .products-header h2 { color: white !important; } .mkt .products-group-wrapper .products-header a { color: white !important; } .mkt .products-group-wrapper .products-header > div { float: left; display: inline; } .mkt .products-group-wrapper .products-header > div:last-child { margin-top: 5px !important; } .mkt .products-group-wrapper .products-header > div:first-child { padding-right: 0 !important; } @media (min-width: 768px) { .mkt .products-group-wrapper .products-header { border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; background: #f6fcfe; padding-bottom: 10px; padding-right: 0; } .mkt .products-group-wrapper .products-header > div { display: block; } .mkt .products-group-wrapper .products-header > div:last-child { margin-top: 0px !important; } .mkt .products-group-wrapper .products-header > div:first-child { padding-right: 15px; } .mkt .products-group-wrapper .products-header h2 { padding: 0; color: #333333 !important; } .mkt .products-group-wrapper .products-header a { color: #007FAC !important; } } @media (min-width: 992px) { .mkt .products-group-wrapper .products-header:first-child { border-top: none !important; } } .mkt .products-group-wrapper ul.products { border: none; } .mkt .products-group-wrapper ul.products ~ .products-header { margin-top: 20px; } @media (min-width: 768px) { .mkt { /* TODO REMOVE */ /* TODO REMOVE */ } .mkt ul.products { overflow: hidden; } .mkt ul.products .product { padding-top: 20px; padding-bottom: 20px; border-top: 1px solid #e2e2e2; } .mkt ul.products > li { display: inline-block; vertical-align: top; } .mkt ul.item { border-left: 1px solid #e2e2e2 !important; } .mkt ul.products-two li, .mkt ul.products-three li, .mkt ul.products-four li, .mkt ul.products-five li { width: 50%; } .mkt ul.products-two li:nth-child(2) .product, .mkt ul.products-two li:first-child .product, .mkt ul.products-three li:nth-child(2) .product, .mkt ul.products-three li:first-child .product, .mkt ul.products-four li:nth-child(2) .product, .mkt ul.products-four li:first-child .product, .mkt ul.products-five li:nth-child(2) .product, .mkt ul.products-five li:first-child .product { border-top: none; } .mkt .swipe { border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .mkt .swipe ul.products { border: none; border-top: 1px solid #e2e2e2; } .mkt .swipe ul.products .product-img { height: 77px; } .mkt .swipe ul.products > li { display: table-cell !important; } .mkt .swipe ul.products-two > li, .mkt .swipe ul.products-four > li, .mkt .swipe ul.products-five > li { width: 320px !important; } } @media (min-width: 992px) { .mkt ul.products .product { border-top: none; } .mkt ul.products h3.product-mpn, .mkt ul.products h4.product-description { font-size: 12px; line-height: 1.428571429; } .mkt ul.products .product-img { margin-top: 12px; } .mkt ul.products .product-flash { font-size: 11px; } .mkt ul.products-grid.products-four > li:nth-child(-n+4) { border-top: none; } .mkt ul.products-grid.products-five > li:nth-child(-n+5) { border-top: none; } .mkt ul.products-grid > li { border-top: 1px solid #e2e2e2; } .mkt ul.products-grid > li:first-child { border-top: none; } .mkt ul.products.products-four > li { width: 25% !important; } .mkt ul.products.products-five > li { width: 20% !important; } .mkt .swipe { border: none; overflow: hidden; } .mkt .swipe ul.products { border: 1px solid #e2e2e2; width: 100%; } .mkt .swipe ul.products > li { display: inline-block !important; border-left: none; } .mkt .swipe ul.products .product-img { width: 100%; display: block; height: 120px; margin-bottom: 5px; overflow: hidden; position: relative; } .mkt .swipe ul.products .product-img img { max-height: 100%; max-width: 100%; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 0; z-index: 1; } } @media (min-width: 768px) { .mkt ul.carousel.products-four li:nth-child(n+5) { display: none; } .mkt ul.carousel.products-five li:nth-child(n+6) { display: none; } } /* HERO PRODUCTS USING ON LANDING PAGES - START */ .mkt .hero-products > div:last-child .hero-product { border-bottom: 0; } @media (min-width: 768px) { .mkt .hero-products > div:nth-last-child(2) .hero-product { border-bottom: 0; } } @media (min-width: 992px) { .mkt .hero-products { overflow: hidden; border-top: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } } .mkt .hero-products .hero-product { border-bottom: 4px solid #D2E3EA; padding-bottom: 15px; padding-top: 15px; margin: 0 15px; border-top: none; } .mkt .hero-products .hero-product .product-man-logo img { max-height: 40px; } @media (min-width: 768px) { .mkt .hero-products .hero-product { border-bottom: none !important; border-top: 1px solid #e2e2e2; } } .mkt .hero-products .hero-product .hero-text h3 { margin-top: 5px; font-size: 18px; color: #007FAC; } @media (min-width: 992px) { .mkt .hero-products .hero-product .hero-text { width: 50%; padding-top: 15px; } .mkt .hero-products .hero-product .hero-text h3 { margin-top: 12px; } } .mkt .hero-products .hero-product .product-flash { padding: 4px 7px 3px 7px; font-size: 12px; color: #FFF; position: absolute; top: 20px; left: 0; background: #D23620; margin-left: 14px; z-index: 2; } @media (min-width: 992px) { .mkt .hero-products .hero-product .product-flash { right: 15px; left: auto; } } .mkt .hero-products .hero-product .product-flash ~ div.hero-img { margin-top: 30px; display: block; } .mkt .hero-products .hero-product .product-flash:after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #D23620; position: absolute; top: 98%; left: 15%; } @media (min-width: 768px) { .mkt .hero-products .hero-product .hero-img { width: 100%; display: block; height: 120px; margin-bottom: 5px; overflow: hidden; position: relative; margin-top: 30px; } } @media (min-width: 992px) { .mkt .hero-products .hero-product .hero-img { overflow: hidden; width: 50%; height: 100%; float: right; white-space: nowrap; text-align: center; padding: 7.5px; margin-top: 0 !important; } } .mkt .hero-products .hero-product .hero-img img.hero-product-img { max-width: 100%; max-height: 173px; vertical-align: middle; } @media (min-width: 768px) { .mkt .hero-products .hero-product .hero-img img.hero-product-img { max-height: 100% !important; max-width: 100% !important; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 0; z-index: 1; } } @media (min-width: 992px) { .mkt .hero-products .hero-product .hero-img img.hero-product-img { position: relative; } } @media (min-width: 992px) { .mkt .hero-products .hero-product { overflow: hidden; height: 360px; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; padding: 30px; margin: 0; } } .mkt .hero-products .hero-product.hero-product-vertical .product-flash { left: 15px; right: auto; } .mkt .hero-products .hero-product.hero-product-vertical .hero-img { width: 100%; height: 120px; margin-bottom: 5px; position: relative; margin-top: 30px !important; } .mkt .hero-products .hero-product.hero-product-vertical .hero-text { width: 100%; } @media (min-width: 768px) { .mkt .hero-products > div:first-child .hero-product, .mkt .hero-products > div:nth-child(2) .hero-product, .mkt .hero-products > div.col-sm-4:nth-child(0n+3) .hero-product { border-top: none; } .mkt .hero-products > div.col-sm-12 + div:nth-child(2) .hero-product { border-top: 1px solid #e2e2e2; } } @media (min-width: 992px) { .mkt .products-group-wrapper { border: lightgray solid 1px; } .mkt .products-group-wrapper > div.products-header > h2 { margin-left: 15px; } } .mkt .hero-lead { overflow: hidden; border: 15px solid #007FAC; background: #fff; } .mkt .hero-lead .hero-lead-heading { background: #007FAC; padding: 0px 0 5px 0; overflow: hidden; } .mkt .hero-lead .hero-lead-heading h2 { color: #fff !important; margin: 8px 0 !important; } .mkt .hero-lead .hero-lead-img { max-width: 100%; max-height: 173px; vertical-align: middle; } .mkt .hero-lead .hero-lead-img img { height: 173px; } @media (min-width: 768px) { .mkt .hero-lead .hero-lead-img { overflow: hidden; width: 50%; height: 390px; float: right; white-space: nowrap; text-align: center; position: relative; max-height: 100%; } .mkt .hero-lead .hero-lead-img img { vertical-align: middle; max-height: 100% !important; max-width: 100% !important; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 0; z-index: 1; } } .mkt .hero-lead .hero-lead-text { padding: 15px; } @media (min-width: 768px) { .mkt .hero-lead .hero-lead-text { width: 50%; } } @media (min-width: 992px) { .mkt .hero-lead .hero-lead-text { padding: 30px; } } .mkt .hero-lead .hero-lead-text h3 { text-transform: uppercase; font-size: 28px !important; margin-top: 5px !important; color: #007FAC !important; } .mkt .hero-lead .hero-lead-text .terms p { font-size: 0.8em; } /* *************************************/ /* New EU Landing Page 070618 - START */ /* *************************************/ .mkt .hero-product-tiles .col-sm-12, .mkt .hero-product-tiles .col-sm-6 { padding-left: 7.5px; padding-right: 7.5px; } @media (min-width: 768px) { .mkt .hero-product-tiles { margin-top: 15px; margin-bottom: 0; } } @media (min-width: 992px) { .mkt .hero-product-tiles { overflow: hidden; } } .mkt .hero-product-tiles .hero-tile-product { padding-bottom: 15px; padding-top: 15px; } .mkt .hero-product-tiles .hero-tile-product .product-man-logo img { max-height: 40px; } @media (min-width: 768px) { .mkt .hero-product-tiles .hero-tile-product { border: 2px solid #b3272d; margin-bottom: 8px; overflow: hidden; padding: 15px; } } @media (min-width: 992px) { .mkt .hero-product-tiles .hero-tile-product { overflow: hidden; padding: 15px; min-height: 270px; } } @media (min-width: 1200px) { .mkt .hero-product-tiles .hero-tile-product { min-height: 220px; } } .mkt .hero-product-tiles .hero-tile-product .hero-text .product-category-title { color: #007FAC; font-size: 1.2em; font-weight: 700; margin-bottom: 15px; } .mkt .hero-product-tiles .hero-tile-product .hero-text h3 { margin-top: 5px; font-size: 15px; color: #b3272d; } .mkt .hero-product-tiles .hero-tile-product .hero-text p { margin-bottom: 3px !important; } .mkt .hero-product-tiles .hero-tile-product .hero-text p.small { color: #848589; } @media (min-width: 768px) { .mkt .hero-product-tiles .hero-tile-product .hero-text { width: 70%; padding-top: 0; } .mkt .hero-product-tiles .hero-tile-product .hero-text h3 { margin-top: 12px; } } .mkt .hero-product-tiles .hero-tile-product .hero-buttons { margin-top: 15px; } .mkt .hero-product-tiles .hero-tile-product .product-flash { padding: 4px 7px 3px 7px; font-size: 12px; color: #FFF; position: absolute; top: 20px; left: 0; background: #b3272d; margin-left: 14px; z-index: 2; display: none; } @media (min-width: 768px) { .mkt .hero-product-tiles .hero-tile-product .product-flash { right: 30px; left: auto; display: block; } } .mkt .hero-product-tiles .hero-tile-product .product-flash ~ div.hero-img { margin-top: 30px !important; display: block; } .mkt .hero-product-tiles .hero-tile-product .product-flash:after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #b3272d; position: absolute; top: 98%; left: 15%; } @media (min-width: 768px) { .mkt .hero-product-tiles .hero-tile-product .hero-img { overflow: hidden; width: 30%; height: 100%; float: right; white-space: nowrap; text-align: center; padding: 7.5px; margin-top: 0 !important; position: relative; } } .mkt .hero-product-tiles .hero-tile-product .hero-img img.hero-product-img { max-width: 100%; max-height: 140px; vertical-align: middle; } @media (min-width: 768px) { .mkt .hero-product-tiles .hero-tile-product .hero-img img.hero-product-img { width: auto; height: auto; top: 0; bottom: 0; left: 0; right: 0; margin: auto 0; z-index: 1; } } .mkt .hero-product-tiles .hero-tile-product.hero-product-vertical .product-flash { left: 15px; right: auto; } .mkt .hero-product-tiles .hero-tile-product.hero-product-vertical .hero-img { width: 100%; height: 120px; margin-bottom: 5px; position: relative; margin-top: 30px !important; } .mkt .hero-product-tiles .hero-tile-product.hero-product-vertical .hero-text { width: 100%; } @media (min-width: 992px) { .mkt .products-group-wrapper { border: lightgray solid 1px; } .mkt .products-group-wrapper > div.products-header > h2 { margin-left: 15px; } } .mkt .hero-lead { overflow: hidden; border: 15px solid #007FAC; background: #fff; } .mkt .hero-lead .hero-lead-heading { background: #007FAC; padding: 0px 0 5px 0; overflow: hidden; } .mkt .hero-lead .hero-lead-heading h2 { color: #fff !important; margin: 8px 0 !important; } .mkt .hero-lead .hero-lead-img { max-width: 100%; max-height: 173px; vertical-align: middle; } .mkt .hero-lead .hero-lead-img img { height: 173px; } @media (min-width: 768px) { .mkt .hero-lead .hero-lead-img { overflow: hidden; width: 50%; height: 390px; float: right; white-space: nowrap; text-align: center; position: relative; max-height: 100%; } .mkt .hero-lead .hero-lead-img img { vertical-align: middle; max-height: 100% !important; max-width: 100% !important; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto 0; z-index: 1; } } .mkt .hero-lead .hero-lead-text { padding: 15px; } @media (min-width: 768px) { .mkt .hero-lead .hero-lead-text { width: 50%; } } @media (min-width: 992px) { .mkt .hero-lead .hero-lead-text { padding: 30px; } } .mkt .hero-lead .hero-lead-text h3 { text-transform: uppercase; font-size: 28px !important; margin-top: 5px !important; color: #007FAC !important; } .mkt .hero-lead .hero-lead-text .terms p { font-size: 0.8em; } /* *************************************/ /* New EU Landing Page 070618 - END */ /* *************************************/ .mkt .header-heroproducts-wrapper { margin: 7.5px !important; } .mkt .fp-wrapper { margin: 7.5px 15px !important; } @media (min-width: 768px) { .mkt .fp-wrapper { margin: 7.5px 45px !important; } } .mkt .fp-wrapper h2.specialoffers-fp-header { color: #b3272d; font-size: 1.8em; margin-left: 0; margin-top: 0; margin-bottom: 0 !important; } .mkt .fp-wrapper .product-flash { background: #b3272d !important; } .mkt .fp-wrapper .product-flash:after { border-top: 7px solid #b3272d !important; } .baynote .title { padding: 15px 0; overflow: hidden; } .baynote .title h2 { margin: 0; font-size: 20px; } .baynote ul.products .product { padding-top: 0 !important; padding-bottom: 12px !important; } @media (min-width: 768px) { .baynote .title { padding: 10px 0; position: relative; overflow: hidden; } .baynote .title h2 { margin: 0; font-size: 18px; } } /* Baynote Product Detail page overrides */ .productDisplay .baynote .mkt .title { border-top: none; border-right: none; border-left: none; } .productDisplay .baynote .mkt ul.products { border: none; } div#bn_guidewelcomeBN_BrowseGuide { background: none; border: none; border-bottom: 1px solid #e2e2e2; } .dj_ie8 .mkt ul.products > li { width: 25%; float: left; } .products-some-hidden ul.products-grid > li, .products-some-hidden ul.products .product { border-top: none !important; } #wrap.revoHeader #storeSearch { padding-bottom: 0; } /* old FF fix */ #welcomeBar { border: 1px transparent solid; } .mkt .promostrip { border-bottom: #79dcff 1px solid; text-align: center; padding: 0; } .mkt .promostrip-item { display: inline-block; margin-right: 45px; overflow: hidden; vertical-align: top; height: 37px; background-repeat: no-repeat; } .mkt .promostrip-item:last-child { margin-right: 0; } .mkt .promostrip h3 { margin: 0; font-weight: normal !important; color: #007FAC; text-align: left; font-size: 15px; } .mkt .promostrip p { text-align: left; font-size: 12px; margin: 0; } .mkt .promostrip-add-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/promostrip/promo-sprites-v4.png); } .mkt .promostrip-img-delivery-returns { background-position: -14px -12px; } .mkt .promostrip-img-connect { background-position: 10px 10px; } .mkt .promostrip-img-customer-service { background-position: -13px -651px; } .mkt .promostrip-img-delivery-tomorrow { background-position: -16px -172px; } .mkt .promostrip-img-delivery { background-position: -14px -12px; } .mkt .promostrip-img-quote { background-position: -13px -570px; } .mkt .promostrip-img-range { background-position: 10px 10px; } .mkt .promostrip-img-returns { background-position: -16px -892px; } .mkt .promostrip-img-special-offers { background-position: -17px -92px; } .mkt .promostrip-img-special-offers-tag { background-position: -15px -975px; } .mkt .promostrip-img-technical-support { background-position: -13px -251px; } .mkt .promostrip-img-test-measurement { background-position: -13px -489px; } .mkt .promostrip-img-why-choose-us { background-position: -16px -333px; } .mkt .promostrip-img-big-offer { background-position: -13px -975px; } .mkt .promostrip-img-espromo { background-position: -17px -1060px; } .mkt .promostrip-img-customer-review { background-position: -17px -1143px; } .mkt .promostrip-img-fortronic { background-position: -17px -1310px; } .mkt .promostrip-img-connect-mag { background-position: -17px -1225px; } .mkt .promostrip-add-summer-aov-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/europe/common/campaign/aov/promo-summer-aov.png); } .mkt .promostrip-img-summer-aov-campaign { background-position: -13px -12px; } .mkt .promostrip-img-free-delivery { background-position: -13px -1388px; } .mkt .promostrip-img-new-products { background-position: -13px -1472px; } .mkt .promostrip-frenzy-xmas16-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/europe/common/landing-page-strategy/promo-frenzy-xmas16.gif); } .mkt .promostrip-xmasA-xmas16-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/europe/common/landing-page-strategy/promo-xmas1-xmas16.gif); } .mkt .promostrip-blackfri-xmas16-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/europe/common/landing-page-strategy/promo-blackfri-xmas16.gif); } .mkt .promostrip-cybermon-xmas16-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/europe/common/landing-page-strategy/promo-cybermon-xmas16.gif); } .mkt .promostrip-xmasB-xmas16-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/europe/common/landing-page-strategy/promo-xmasB-xmas16.gif); } .mkt .promostrip-xmasC-xmas16-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/europe/common/landing-page-strategy/promo-xmasC-xmas16.gif); } .mkt .promostrip-aov-xmas16-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/europe/common/landing-page-strategy/promo-aov-xmas16.gif); } .mkt .promostrip-15off-apac-xmas16-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/apac/common/campaign/xmas16-15off/promo-15off-xmas16.gif); } .mkt .promostrip-se-langtoggle-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/europe/common/campaign/promo-se-langtoggle.gif); } .mkt .promostrip-eu-drive-to-web-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/promostrip/promo-eu-drive-to-web.png); } .mkt .promostrip-eu-aov-jan17-img { padding-left: 40px; background-repeat: no-repeat; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/promostrip/promo-eu-aov-jan17.png); } /* HACK FOR FF41/38 only */ .dj_ff41 .mkt .promostrip, .dj_ff38 .mkt .promostrip { overflow: inherit; } .mkt .supplier-header { /*@include linearGradient($productDetailFillTop, $productDetailFillBottom);*/ padding: 15px 0; overflow: hidden; } .mkt .supplier-header h2 { margin: 0; font-size: 20px; padding: 0 15px; } .mkt .supplier-header [class*='col-'] { padding: 0; } .mkt .supplier-header div h2 { padding: 0; } .mkt .supplier-header div:last-child { margin-top: 8px; } .mkt .supplier-header a { margin: 0; padding-right: 10px; text-decoration: none; } .mkt .supplier-header a:after { position: absolute; padding-left: 4px; content: "▶"; color: #F17C0E; font-size: 10px; padding-top: 2px; } @media (min-width: 768px) { .mkt .supplier-header { padding: 10px 0; position: relative; overflow: hidden; } .mkt .supplier-header h2 { margin: 0; font-size: 18px; padding: 0 15px; } .mkt .supplier-header div h2 { padding: 0; } .mkt .supplier-header div:last-child { margin-top: 0; } .mkt .supplier-header div:last-child a { float: right; font-size: 13px; } .mkt .supplier-header.supplier-header-vertical div { width: 100%; } .mkt .supplier-header.supplier-header-vertical div h2 { margin: 0 0 6px 0; } } .mkt ul.suppliers { padding: 0; margin: 0 0 15px 0; border-top: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .mkt ul.suppliers .supplier { padding-top: 25px; padding-bottom: 15px; border-top: 1px solid #e2e2e2; text-align: center; } .mkt ul.suppliers h3 { font-size: 14px; line-height: 1.428571429; margin-top: 8px; font-weight: normal; } .mkt ul.suppliers h3:after { position: absolute; padding-left: 4px; content: "▶"; color: #F17C0E; font-size: 10px; padding-top: 2px; } .mkt ul.suppliers a:hover { text-decoration: none; } .mkt ul.suppliers p { font-size: 11px; } .mkt ul.suppliers p small { line-height: 1.1; font-size: 11px; color: grey; } .mkt ul.suppliers .supplier-man-logo { display: block; overflow: hidden; } .mkt ul.suppliers .supplier-man-logo img { max-width: 100%; max-height: 100%; } .mkt ul.suppliers > li { list-style: none; position: relative; padding: 0 15px 0 15px; margin-bottom: 0; } .mkt ul.suppliers > li:first-child .product { border-top: none; } .mkt .swipe { overflow-x: scroll; margin-bottom: 15px; } .mkt .swipe ul.suppliers { margin: 0; display: table; table-layout: fixed; } .mkt .swipe ul.suppliers .product { border-top: none; margin-top: 10px; } .mkt .swipe ul.suppliers > li { display: table-cell; float: none; border-left: 1px solid #e2e2e2; } .mkt .swipe ul.suppliers > li:first-child { border-left: none; } .mkt .swipe ul.suppliers-four { width: 100%; } .mkt .swipe ul.suppliers-four > li { width: 220px; float: none; } .mkt .swipe ul.suppliers-five { width: 100%; } .mkt .swipe ul.suppliers-five > li { width: 220px; float: none; } @media (min-width: 768px) { .mkt ul.suppliers { border: 1px solid #e2e2e2; overflow: hidden; } .mkt ul.suppliers > li { display: inline-block; vertical-align: top; } .mkt ul.suppliers .supplier { border-top: none; } .mkt .mkt ul.suppliers .supplier { border-top: none; } .mkt ul.suppliers-four li { width: 25%; } .mkt ul.suppliers-four li:nth-child(2) .product, .mkt ul.suppliers-four li:first-child .product { border-top: none; } .mkt ul.suppliers-five li { width: 20%; } .mkt ul.suppliers-five li:nth-child(2) .product, .mkt ul.suppliers-five li:first-child .product { border-top: none; } .mkt ul.suppliers-vertical.suppliers > li { width: 100% !important; border-top: 1px solid #e2e2e2; } .mkt ul.suppliers-vertical.suppliers > li:first-child { border-top: none; } .mkt ul.suppliers-vertical.suppliers .supplier { border: none !important; } .mkt .swipe { border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; } .mkt .swipe ul.suppliers { border: none; border-top: 1px solid #e2e2e2; } .mkt .swipe ul.suppliers > li { display: table-cell; } .mkt .swipe ul.suppliers-four > li { width: 320px; } .mkt .swipe ul.suppliers-five > li { width: 320px; } } @media (min-width: 992px) { .mkt ul.suppliers .supplier { border-top: none; } .mkt ul.suppliers h3 { font-size: 13px; line-height: 1.428571429; font-weight: normal; } .mkt ul.suppliers .supplier { border-top: none; } .mkt ul.suppliers-grid > li { border-top: 1px solid #e2e2e2; } .mkt ul.suppliers-grid.suppliers-four > li:nth-child(-n+4) { border-top: none; } .mkt ul.suppliers-grid.suppliers-five > li:nth-child(-n+5) { border-top: none; } .mkt ul.suppliers-grid.suppliers-vertical > li { border-top: 1px solid #e2e2e2; } .mkt ul.suppliers-grid.suppliers-vertical > li:first-child { border-top: none; } .mkt ul.suppliers-four > li { width: 25% !important; } .mkt ul.suppliers-five > li { width: 20% !important; } .mkt ul.suppliers-align-btn { display: table; } .mkt ul.suppliers-align-btn .btn, .mkt ul.suppliers-align-btn .supplier-btn { position: absolute; bottom: 9px; } .mkt ul.suppliers-align-btn .supplier-btn .btn { position: relative; bottom: 0; } .mkt ul.suppliers-align-btn li { display: table-cell; float: none; position: relative; padding-bottom: 35px; } .mkt ul.suppliers-align-btn .btn { font-size: 11px; padding: 4px 8px; } .mkt ul.suppliers-vertical.suppliers-align-btn { display: block; } .mkt ul.suppliers-vertical.suppliers-align-btn > li { display: block; } .mkt .swipe { border: none; overflow: hidden; } .mkt .swipe ul.suppliers { border: 1px solid #e2e2e2; width: 100%; } .mkt .swipe ul.suppliers > li { display: inline-block; border-left: none; } } @media (min-width: 768px) { .mkt ul.carousel.suppliers-four li:nth-child(n+5) { display: none; } .mkt ul.carousel.suppliers-five li:nth-child(n+6) { display: none; } } .dj_ie8 .mkt ul.suppliers > li { width: 25%; float: left; } .mkt .banners { width: 100%; border: 1px solid #e2e2e2; overflow: hidden; margin-bottom: 15px; padding: 0px 0px 15px 0px; position: relative; } .mkt .banners .banner-flash { padding: 4px 7px 3px 7px; font-size: 12px; color: #FFF; position: absolute; top: 15px; right: 15px; background: #D23620; margin-left: 14px; z-index: 2; } .mkt .banners .banner-flash:after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #D23620; position: absolute; top: 98%; left: 15%; } .mkt .banners a { color: #007FAC; } .mkt .banners a:hover { text-decoration: underline; } .mkt .banners.banner-promo { background-color: #f6fcfe; } .mkt .banners.banner-promo .banner-promo-img { width: 100%; padding: 0px 0px; } .mkt .banners.banner-promo h3 { color: black; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; padding: 0px 15px; } .mkt .banners.banner-promo p { color: #333333; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0px 15px; font-size: 13px; } .mkt .banners.banner-promo .banner-promo-cta { text-align: right; margin: 6px 0px 0px 0px; padding: 0px 15px; font-size: 12px; } .mkt .banners.banner-promo .banner-promo-cta > a:last-child:after { padding-left: 4px; right: 0; content: "▶"; color: #41c363; font-size: 10px; top: 50%; margin-top: -6px; } .mkt .banners.banner-product .banner-product-logo { text-align: left; padding: 15px 15px 0px 15px; } .mkt .banners.banner-product h3 { color: black; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; line-height: 1.428571429; padding: 0px 15px; } .mkt .banners.banner-product p { margin-left: 15px; margin-right: 15px; } .mkt .banners.banner-product .banner-product-img { padding: 0px 15px; } .mkt .banners.banner-product .banner-product-cta { text-align: right; margin: 6px 0px 0px 0px; padding: 0px 15px; font-size: 12px; } .mkt .banners.banner-product .banner-product-cta > a:last-child:after { padding-left: 4px; right: 0; content: "▶"; color: #41c363; font-size: 10px; top: 50%; margin-top: -6px; } .mkt .banners.banner-product-offer .banner-product-text { margin: 12px 0px 6px 0px; padding: 0px 15px; } .mkt .banners.banner-product-offer .banner-product-text h3 { color: black; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 20px; margin: 0; } .mkt .banners.banner-product-offer .banner-product-text p.offer { color: red; font-size: 28px; font-weight: bold; margin: 0; line-height: 31px; } .mkt .banners.banner-product-offer .banner-product-offer-img { width: 100%; display: block; height: 120px; margin-bottom: 5px; overflow: hidden; position: relative; } .mkt .banners.banner-product-offer .banner-product-offer-img img { width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; mix-blend-mode: multiply; display: block; margin: auto; } .mkt .banners.banner-product-offer .banner-product-offer-cta { text-align: right; margin: 6px 0px 0px 0px; padding: 0px 15px; font-size: 12px; } .mkt .banners.banner-product-offer .banner-product-offer-cta > a:last-child:after { padding-left: 4px; right: 0; content: "▶"; color: #41c363; font-size: 10px; top: 50%; margin-top: -6px; } @media (min-width: 768px) { .mkt .banners.banner-product h3, .mkt .banners.banner-promo h3, .mkt .banners.banner-product-offer .banner-product-text h3 { font-size: 13px; } .mkt .banners p { font-size: 12px; } .mkt .banners.banner-product h3, .mkt .banners.banner-product-offer .banner-product-text h3 { margin-top: 0px; } .mkt .banner-product-offer-cta > a:last-child, .mkt .banner-product-cta > a:last-child, .mkt .banner-promo-cta > a:last-child { text-align: right; position: relative; padding-right: 16px; } .mkt .banner-product-offer-cta > a:last-child:after, .mkt .banner-product-cta > a:last-child:after, .mkt .banner-promo-cta > a:last-child:after { position: absolute; right: 0; top: 1px; padding-left: 0; } } .mkt .pop-searches-header { background: #fefefe; /* Old browsers */ background: -moz-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #f2f2f2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fefefe 0%, #f2f2f2 100%); /* IE10+ */ background: linear-gradient(to bottom, #fefefe 0%, #f2f2f2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=#fefefe, endColorstr=#f2f2f2,GradientType=0 ); /* IE6-9 */ border-top: 1px solid #e2e2e2; padding: 15px 0; overflow: hidden; } .mkt .pop-searches-header h2 { margin: 0; font-size: 20px; padding: 0 15px; } .mkt .pop-searches-header div h2 { padding: 0; } .mkt .pop-searches-header div:last-child { margin-top: 8px; } .mkt .pop-searches-header a { margin: 0; padding-right: 10px; text-decoration: none; } .mkt .pop-searches-header a:after { position: absolute; padding-left: 4px; content: "▶"; color: #F17C0E; } @media (min-width: 768px) { .mkt .pop-searches-header { padding: 10px 0; position: relative; border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; overflow: hidden; } .mkt .pop-searches-header h2 { margin: 0; font-size: 16px; padding: 0 15px; } .mkt .pop-searches-header div h2 { padding: 0; } .mkt .pop-searches-header div:last-child { margin-top: 0; } .mkt .pop-searches-header div:last-child a { float: right; font-size: 13px; } .mkt .pop-searches.pop-searches-vertical div { width: 100%; } .mkt .pop-searches.pop-searches-vertical div h2 { margin: 0 0 6px 0; } } .mkt ul.pop-searches-list { -webkit-column-count: 4; /* Chrome, Safari, Opera */ -moz-column-count: 4; /* Firefox */ column-count: 4; list-style: none; border: 1px solid #e2e2e2; width: 100%; padding: 12px 0px 12px 12px; } .mkt ul.pop-searches-list li { font-size: 12px; } .dj_ie8 .mkt ul.pop-searches > li { width: 25%; float: left; } .mkt .page-header { padding: 10px 0 17px 0; position: relative; margin-bottom: 30px; } @media (min-width: 768px) { .mkt .page-header { padding: -1px 0 13px 0; } .mkt .page-header.page-header-with-img { padding-right: 50% !important; background-repeat: no-repeat; background-size: 49%; background-position: bottom right; } .mkt .page-header.page-header-with-img-full-width { background-repeat: no-repeat; background-position: center; background-origin: content-box; } } .mkt .page-header h1 { color: #333333; } .mkt .page-header.page-header-info, .mkt .page-header.page-header-offer, .mkt .page-header.page-header-showcase { padding: 10px 15px 17px 15px; } .mkt .page-header.page-header-info:after, .mkt .page-header.page-header-offer:after, .mkt .page-header.page-header-showcase:after { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #ffffff; position: absolute; bottom: -4px; left: 21px; z-index: 1; background-image: none; } @media (min-width: 768px) { .mkt .page-header.page-header-info, .mkt .page-header.page-header-offer, .mkt .page-header.page-header-showcase { padding: 20px 30px 23px 30px; } } .mkt .page-header.page-header-info { background-color: #e2e2e2; } .mkt .page-header.page-header-offer { background-color: #e2e2e2; } .mkt .page-header.page-header-offer h1 { color: #D23620; } .mkt .page-header.page-header-offer p { color: #333333; } .mkt .page-header.page-header-showcase { background-color: #d7effa; } .mkt .page-header.page-header-showcase h1 { color: #333333; } .mkt .page-header.page-header-showcase p { color: #333333; } @media (min-width: 768px) { .mkt .container .page-header-full-width { width: 500%; margin-left: -200%; padding: 0; } .mkt .container .page-header-full-width:after { display: none; } .mkt .container .page-header-full-width .page-header-inner { width: 20%; margin: 0 auto; position: relative; padding-bottom: 23px; padding-top: 20px; } .mkt .container .page-header-full-width .page-header-inner:after { content: ''; width: 0; height: 0; border-left: 20px solid transparent; border-right: 20px solid transparent; border-bottom: 20px solid #ffffff; position: absolute; bottom: -4px; left: 0; z-index: 1; background-image: none; } .mkt .container .page-header-full-width.page-header-full-width-fixed-inner.page-header-with-img { padding-right: 0; } .mkt .container .page-header-full-width.page-header-full-width-fixed-inner.page-header-with-img .page-header-inner { padding-right: 399px; background-repeat: no-repeat; background-size: 49%; background-position: bottom right; } .mkt .page-header-full-width-fixed-inner.page-header-with-img { width: 550%; } } @media (min-width: 992px) { .mkt .container .page-header-full-width.page-header-full-width-fixed-inner.page-header-with-img .page-header-inner { padding-right: 511px; } } @media (min-width: 1200px) { .mkt .container .page-header-full-width.page-header-full-width-fixed-inner.page-header-with-img .page-header-inner { padding-right: 615px; } } .mkt .page-header-specialoffers-slim { background-color: #b3272d; } .mkt .page-header-specialoffers-slim h1 { color: #fff; margin: 7.5px 0; font-size: 2em; } .mkt .page-header-specialoffers-slim p { color: #fff; text-align: right; margin: 12px 0 0; } .mkt .page-header-specialoffers-slim:after { content: ""; width: 0; height: 0; border-left: 9px solid transparent; border-right: 9px solid transparent; border-top: 9px solid #b3272d; position: absolute; top: 98%; left: 1.5%; } .mkt .md-simple-header { background-image: url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/page_headers/header_caret.png"); /* fallback */ background-image: url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/page_headers/header_caret.svg"); background-position: left bottom; background-repeat: no-repeat; padding-bottom: 12px; } .mkt .md-simple-header .logo { text-align: right; } .horizontal .mkt .item { max-width: none !important; width: auto !important; clear: none !important; float: none !important; } .mkt { /*@media (min-width: $screen-sm) { .product-carousel { .product-carousel-inner { ul.products:nth-child(n+2) { display:none; } } } }*/ /* Mobile screen size carousel overrides */ } @media (min-width: 768px) { .mkt .product-carousel { position: relative; } .mkt .product-carousel-inner { position: relative; overflow: hidden; width: 100%; } .mkt .product-carousel-inner > .item { display: none; position: relative; -webkit-transition: 0.6s ease-in-out left; -moz-transition: 0.6s ease-in-out left; -o-transition: 0.6s ease-in-out left; transition: 0.6s ease-in-out left; margin-bottom: 0; } .mkt .product-carousel-inner > .item > img, .mkt .product-carousel-inner > .item > a > img { display: block; max-width: 100%; height: auto; line-height: 1; } } @media all and (min-width: 768px) and (transform-3d), (min-width: 768px) and (-webkit-transform-3d) { .mkt .product-carousel-inner > .item { -webkit-transition: -webkit-transform 0.6s ease-in-out; -moz-transition: -moz-transform 0.6s ease-in-out; -o-transition: -o-transform 0.6s ease-in-out; transition: transform 0.6s ease-in-out; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; } .mkt .product-carousel-inner > .item.next, .mkt .product-carousel-inner > .item.active.right { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); left: 0; } .mkt .product-carousel-inner > .item.prev, .mkt .product-carousel-inner > .item.active.left { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); left: 0; } .mkt .product-carousel-inner > .item.next.left, .mkt .product-carousel-inner > .item.prev.right, .mkt .product-carousel-inner > .item.active { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); left: 0; } } @media (min-width: 768px) { .mkt .product-carousel-inner > .active, .mkt .product-carousel-inner > .next, .mkt .product-carousel-inner > .prev { display: block; } .mkt .product-carousel-inner > .active { left: 0; } .mkt .product-carousel-inner > .next, .mkt .product-carousel-inner > .prev { position: absolute; top: 0; width: 100%; } .mkt .product-carousel-inner > .next { left: 100%; } .mkt .product-carousel-inner > .prev { left: -100%; } .mkt .product-carousel-inner > .next.left, .mkt .product-carousel-inner > .prev.right { left: 0; } .mkt .product-carousel-inner > .active.left { left: -100%; } .mkt .product-carousel-inner > .active.right { left: 100%; } .mkt .product-carousel-control { position: absolute; top: 0; left: 0; bottom: 0; width: 1.5%; opacity: 0.5; filter: alpha(opacity=50); font-size: 36px; color: #666; text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6); background-color: rgba(0, 0, 0, 0); } .mkt .product-carousel-control.left { background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.0001) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.0001) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#26000000', endColorstr='#00000000', GradientType=1); } .mkt .product-carousel-control.right { left: auto; right: 0; background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.15) 100%); background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.15) 100%); background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.15) 100%); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#26000000', GradientType=1); } .mkt .product-carousel-control:hover, .mkt .product-carousel-control:focus { outline: 0; color: #666; text-decoration: none; opacity: 0.3; filter: alpha(opacity=30); } .mkt .product-carousel-control .icon-prev, .mkt .product-carousel-control .icon-next, .mkt .product-carousel-control .glyphicon-chevron-left, .mkt .product-carousel-control .glyphicon-chevron-right { position: absolute; top: 50%; margin-top: -10px; z-index: 5; display: inline-block; } .mkt .product-carousel-control .icon-prev, .mkt .product-carousel-control .glyphicon-chevron-left { left: 50%; margin-left: -10px; } .mkt .product-carousel-control .icon-next, .mkt .product-carousel-control .glyphicon-chevron-right { right: 50%; margin-right: -10px; } .mkt .product-carousel-control .icon-prev, .mkt .product-carousel-control .icon-next { width: 20px; height: 20px; line-height: 1; font-family: serif; } .mkt .product-carousel-control .icon-prev:before { content: '\2039'; width: auto; margin-right: 0; font-size: 36px; line-height: 0.2em; } .mkt .product-carousel-control .icon-next:before { content: '\203a'; width: auto; margin-right: 0; font-size: 36px; line-height: 0.2em; } } @media (max-width: 767px) { .mkt .product-carousel-inner ul.suppliers.suppliers-grid.suppliers-four:nth-child(n+2) { display: none; } .mkt .product-carousel-inner ul.suppliers:nth-child(1) { border-top: none !important; } .mkt .product-carousel-inner ul.suppliers li:first-child div.supplier { border-top: none; } .mkt .product-carousel-inner ul.suppliers.suppliers-grid.suppliers-four { border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; } .mkt .product-carousel-inner ul.products.products-four:nth-child(n+2) { display: none; } .mkt .product-carousel-inner ul.products.products-four { border-right: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; } .mkt .product-carousel-inner ul.products .product { border-top: 2px solid #D2E3EA; } .mkt .product-carousel-inner ul.products > li:first-child .product { border-top: none; } } .mkt .product-carousel-dev2 { position: relative; } .mkt .product-carousel-dev2 ul.products.products-two > li:nth-child(1n+2), .mkt .product-carousel-dev2 ul.products.products-three > li:nth-child(1n+2), .mkt .product-carousel-dev2 ul.products.products-four > li:nth-child(1n+2), .mkt .product-carousel-dev2 ul.products.products-five > li:nth-child(1n+2) { display: none; } @media (min-width: 768px) { .mkt .product-carousel-dev2 ul.products.products-four > li, .mkt .product-carousel-dev2 ul.products.products-five > li { width: 50%; } .mkt .product-carousel-dev2 ul.products.products-four > li:nth-child(2), .mkt .product-carousel-dev2 ul.products.products-four > li:nth-child(2), .mkt .product-carousel-dev2 ul.products.products-five > li:nth-child(2), .mkt .product-carousel-dev2 ul.products.products-five > li:nth-child(2) { display: inline-block; } } @media (min-width: 992px) { .mkt .product-carousel-dev2 ul.products.products-two > li:nth-child(2), .mkt .product-carousel-dev2 ul.products.products-three > li:nth-child(2), .mkt .product-carousel-dev2 ul.products.products-three > li:nth-child(3), .mkt .product-carousel-dev2 ul.products.products-four > li:nth-child(3), .mkt .product-carousel-dev2 ul.products.products-four > li:nth-child(4), .mkt .product-carousel-dev2 ul.products.products-five > li:nth-child(3), .mkt .product-carousel-dev2 ul.products.products-five > li:nth-child(4), .mkt .product-carousel-dev2 ul.products.products-five > li:nth-child(5) { display: inline-block; } .mkt .product-carousel-dev2 ul.products.products-three > li { width: 33.33332%; } } .mkt .product-carousel-dev2 .product-carousel-btn-back, .mkt .product-carousel-dev2 .product-carousel-btn-forward { width: 26px; height: 54px; position: absolute; top: 36%; background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/product_carousel/carousel-arrows.png); background-repeat: no-repeat; z-index: 200; cursor: pointer; } .mkt .product-carousel-dev2:hover .product-carousel-btn-forward { transition-property: right; transition-duration: 200ms; transition-delay: 300ms; right: -7px; } .mkt .product-carousel-dev2:hover .product-carousel-btn-back { transition-property: left; transition-duration: 200ms; transition-delay: 300ms; left: -7px; } .mkt .product-carousel-dev2 .product-carousel-btn-back { left: -2px; transition-duration: 200ms; transition-delay: 1s; transition-property: left; } .mkt .product-carousel-dev2 .product-carousel-btn-forward { right: -2px; background-position: -51px 0; transition-duration: 200ms; transition-delay: 1s; transition-property: right; } .mkt .product-carousel-dev2 .product-carousel-position-wrapper { overflow: hidden; z-index: 2000; text-align: center; position: absolute; bottom: -7px; width: 100%; } .mkt .product-carousel-dev2 .product-carousel-position-inner { padding-right: 5px; overflow: hidden; display: inline-block; } .mkt .product-carousel-dev2 .product-carousel-position-item { width: 26px; height: 6px; background-color: #e2e2e2; margin-left: 5px; border-radius: 4px; float: left; } .mkt .product-carousel-dev2 .product-carousel-position-item.active { background-color: #007FAC; } @media (min-width: 992px) { .mkt .category-list-menu { margin-top: 40px; position: relative !important; } .mkt .category-list-menu h4 { font-size: 16px !important; margin: 0 0 15px 0 !important; } .mkt .category-list-menu ul.category-list-menu-categories { padding: 0 !important; } .mkt .category-list-menu ul.category-list-menu-categories li { list-style: none; border-bottom: 1px solid #e2e2e2; padding: 4px 0 4px 0; } .mkt .category-list-menu ul.category-list-menu-categories li:first-child { border-top: 1px solid #e2e2e2; } .mkt .category-list-menu ul.category-list-menu-categories.mk-stick { position: fixed !important; top: 0; } .mkt .category-list-menu ul.category-list-menu-categories.mk-stick-bottom { position: absolute !important; } } .mkt img { animation: fadein 2s; -moz-animation: fadein 2s; /* Firefox */ -webkit-animation: fadein 2s; /* Safari and Chrome */ -o-animation: fadein 2s; /* Opera */ } @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } @-moz-keyframes fadein { /* Firefox */ from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes fadein { /* Safari and Chrome */ from { opacity: 0; } to { opacity: 1; } } @-o-keyframes fadein { /* Opera */ from { opacity: 0; } to { opacity: 1; } } .mkt .countdown .countdown-text { float: right; color: #fff; font-size: 16px; margin: 19px 10px 11px 10px; } .mkt .countdown .countdown-timer { float: right; } .mkt .countdown .countdown-timer > div { background: #fff; display: inline-block !important; margin-right: 7px; overflow: hidden; text-align: center; padding: 0 0 6px 0; min-width: 55px; border-radius: 5px; } .mkt .countdown .countdown-timer > div span { font-size: 30px; color: #007FAC; font-weight: bold; margin: 0; } .mkt .countdown .countdown-timer > div .smalltext { color: #888888; font-size: 9px !important; margin: -5px 2px -1px 2px; } .mkt .bg-white { background-color: #fff; } .mkt .bg-grey-lighter { background-color: #f9f9f9; } .mkt .bg-grey-light { background-color: #ececed; } .mkt .bg-grey { background-color: #d2d2d4; } .mkt .bg-grey-dark { background-color: #848589; } .mkt .bg-grey-darker { background-color: #333; } .mkt .bg-blue-lighter { background-color: #f6fcfe; } .mkt .bg-blue-light { background-color: #d7effa; } .mkt .bg-blue { background-color: #8fd1f0; } .mkt .bg-blue-dark, .mkt .bg-secondary { background-color: #007FAC; } .mkt .bg-blue-darker { background-color: #003082; } .mkt .bg-green { background-color: #9EA900; } .mkt .bg-green-dd { background-color: #BFBB39; } .mkt .bg-dark-blue-dd { background-color: #1A3357; } .mkt .bg-orange, .mkt .bg-primary { background-color: #F17C0E; } .mkt .bg-offer { background-color: #D23620; } .mkt .bg-purple { background-color: #6E5AA3; } .mkt .container .bg-full-width { margin-right: -15px; margin-left: -15px; } @media (min-width: 768px) { .mkt .container .bg-full-width { width: 500%; margin-left: -200%; padding: 0; } } .mkt .container .bg-full-width > .bg-full-width-inner { padding-left: 15px; padding-right: 15px; margin: 0 auto; } @media (min-width: 768px) { .mkt .container .bg-full-width > .bg-full-width-inner { margin: 0 auto; position: relative; width: 750px; } } @media (min-width: 992px) { .mkt .container .bg-full-width > .bg-full-width-inner { width: 970px; } } @media (min-width: 1200px) { .mkt .container .bg-full-width > .bg-full-width-inner { width: 1170px; } } /* _flags.scss */ .mkt.product-flash { padding: 4px 7px 3px 7px; font-size: 12px; float: right; color: #FFF; display: inline-block; position: relative; right: 10px; background: #D23620; z-index: 2; } .mkt.product-flash:after { content: ""; width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #D23620; position: absolute; top: 98%; left: 44%; } .mkt { /* Small devices - Tablets */ /* Medium devices - Desktops */ /* Large devices Desktops */ /* PADDING */ /* Small devices - Tablets */ /* Medium devices - Desktops */ /* Large devices Desktops */ } .mkt .smaller-margin { margin: 2.5px !important; } .mkt .smaller-margin-bottom { margin-bottom: 2.5px !important; } .mkt .smaller-margin-top { margin-top: 2.5px !important; } .mkt .smaller-margin-left { margin-left: 2.5px !important; } .mkt .smaller-margin-right { margin-right: 2.5px !important; } .mkt .small-margin { margin: 4px !important; } .mkt .small-margin-bottom { margin-bottom: 4px !important; } .mkt .small-margin-top { margin-top: 4px !important; } .mkt .small-margin-left { margin-left: 4px !important; } .mkt .small-margin-right { margin-right: 4px !important; } .mkt .margin { margin: 7.5px !important; } .mkt .margin-bottom { margin-bottom: 7.5px !important; } .mkt .margin-top { margin-top: 7.5px !important; } .mkt .margin-left { margin-left: 7.5px !important; } .mkt .margin-right { margin-right: 7.5px !important; } .mkt .large-margin { margin: 15px !important; } .mkt .large-margin-bottom { margin-bottom: 15px !important; } .mkt .large-margin-top { margin-top: 15px !important; } .mkt .large-margin-left { margin-left: 15px !important; } .mkt .large-margin-right { margin-right: 15px !important; } .mkt .larger-margin { margin: 22.5px !important; } .mkt .larger-margin-bottom { margin-bottom: 22.5px !important; } .mkt .larger-margin-top { margin-top: 22.5px !important; } .mkt .larger-margin-left { margin-left: 22.5px !important; } .mkt .larger-margin-right { margin-right: 22.5px !important; } @media (min-width: 768px) { .mkt .smaller-margin { margin: 5px !important; } .mkt .smaller-margin-bottom { margin-bottom: 5px !important; } .mkt .smaller-margin-top { margin-top: 5px !important; } .mkt .smaller-margin-left { margin-left: 5px !important; } .mkt .smaller-margin-right { margin-right: 5px !important; } .mkt .small-margin { margin: 8px !important; } .mkt .small-margin-bottom { margin-bottom: 8px !important; } .mkt .small-margin-top { margin-top: 8px !important; } .mkt .small-margin-left { margin-left: 8px !important; } .mkt .small-margin-right { margin-right: 8px !important; } .mkt .margin { margin: 15px !important; } .mkt .margin-bottom { margin-bottom: 15px !important; } .mkt .margin-top { margin-top: 15px !important; } .mkt .margin-left { margin-left: 15px !important; } .mkt .margin-right { margin-right: 15px !important; } .mkt .large-margin { margin: 30px !important; } .mkt .large-margin-bottom { margin-bottom: 30px !important; } .mkt .large-margin-top { margin-top: 30px !important; } .mkt .large-margin-left { margin-left: 30px !important; } .mkt .large-margin-right { margin-right: 30px !important; } .mkt .larger-margin { margin: 45px !important; } .mkt .larger-margin-bottom { margin-bottom: 45px !important; } .mkt .larger-margin-top { margin-top: 45px !important; } .mkt .larger-margin-left { margin-left: 45px !important; } .mkt .larger-margin-right { margin-right: 45px !important; } .mkt .smaller-margin-sm { margin: 5px !important; } .mkt .smaller-margin-bottom-sm { margin-bottom: 5px !important; } .mkt .smaller-margin-top-sm { margin-top: 5px !important; } .mkt .smaller-margin-left-sm { margin-left: 5px !important; } .mkt .smaller-margin-right-sm { margin-right: 5px !important; } .mkt .small-margin-sm { margin: 8px !important; } .mkt .small-margin-bottom-sm { margin-bottom: 8px !important; } .mkt .small-margin-top-sm { margin-top: 8px !important; } .mkt .small-margin-left-sm { margin-left: 8px !important; } .mkt .small-margin-right-sm { margin-right: 8px !important; } .mkt .margin-sm { margin: 15px !important; } .mkt .margin-bottom-sm { margin-bottom: 15px !important; } .mkt .margin-top-sm { margin-top: 15px !important; } .mkt .margin-left-sm { margin-left: 15px !important; } .mkt .margin-right-sm { margin-right: 15px !important; } .mkt .large-margin-sm { margin: 30px !important; } .mkt .large-margin-bottom-sm { margin-bottom: 30px !important; } .mkt .large-margin-top-sm { margin-top: 30px !important; } .mkt .large-margin-left-sm { margin-left: 30px !important; } .mkt .large-margin-right-sm { margin-right: 30px !important; } .mkt .larger-margin-sm { margin: 45px !important; } .mkt .larger-margin-bottom-sm { margin-bottom: 45px !important; } .mkt .larger-margin-top-sm { margin-top: 45px !important; } .mkt .larger-margin-left-sm { margin-left: 45px !important; } .mkt .larger-margin-right-sm { margin-right: 45px !important; } } @media (min-width: 992px) { .mkt .smaller-margin-md { margin: 5px !important; } .mkt .smaller-margin-bottom-md { margin-bottom: 5px !important; } .mkt .smaller-margin-top-md { margin-top: 5px !important; } .mkt .smaller-margin-left-md { margin-left: 5px !important; } .mkt .smaller-margin-right-md { margin-right: 5px !important; } .mkt .small-margin-md { margin: 8px !important; } .mkt .small-margin-bottom-md { margin-bottom: 8px !important; } .mkt .small-margin-top-md { margin-top: 8px !important; } .mkt .small-margin-left-md { margin-left: 8px !important; } .mkt .small-margin-right-md { margin-right: 8px !important; } .mkt .margin-md { margin: 15px !important; } .mkt .margin-bottom-md { margin-bottom: 15px !important; } .mkt .margin-top-md { margin-top: 15px !important; } .mkt .margin-left-md { margin-left: 15px !important; } .mkt .margin-right-md { margin-right: 15px !important; } .mkt .large-margin-md { margin: 30px !important; } .mkt .large-margin-bottom-md { margin-bottom: 30px !important; } .mkt .large-margin-top-md { margin-top: 30px !important; } .mkt .large-margin-left-md { margin-left: 30px !important; } .mkt .large-margin-right-md { margin-right: 30px !important; } .mkt .larger-margin-md { margin: 45px !important; } .mkt .larger-margin-bottom-md { margin-bottom: 45px !important; } .mkt .larger-margin-top-md { margin-top: 45px !important; } .mkt .larger-margin-left-md { margin-left: 45px !important; } .mkt .larger-margin-right-md { margin-right: 45px !important; } } @media (min-width: 1200px) { .mkt .smaller-margin-lg { margin: 5px !important; } .mkt .smaller-margin-bottom-lg { margin-bottom: 5px !important; } .mkt .smaller-margin-top-lg { margin-top: 5px !important; } .mkt .smaller-margin-left-lg { margin-left: 5px !important; } .mkt .smaller-margin-right-lg { margin-right: 5px !important; } .mkt .small-margin-lg { margin: 8px !important; } .mkt .small-margin-bottom-lg { margin-bottom: 8px !important; } .mkt .small-margin-top-lg { margin-top: 8px !important; } .mkt .small-margin-left-lg { margin-left: 8px !important; } .mkt .small-margin-right-lg { margin-right: 8px !important; } .mkt .margin-lg { margin: 15px !important; } .mkt .margin-bottom-lg { margin-bottom: 15px !important; } .mkt .margin-top-lg { margin-top: 15px !important; } .mkt .margin-left-lg { margin-left: 15px !important; } .mkt .margin-right-lg { margin-right: 15px !important; } .mkt .large-margin-lg { margin: 30px !important; } .mkt .large-margin-bottom-lg { margin-bottom: 30px !important; } .mkt .large-margin-top-lg { margin-top: 30px !important; } .mkt .large-margin-left-lg { margin-left: 30px !important; } .mkt .large-margin-right-lg { margin-right: 30px !important; } .mkt .larger-margin-lg { margin: 45px !important; } .mkt .larger-margin-bottom-lg { margin-bottom: 45px !important; } .mkt .larger-margin-top-lg { margin-top: 45px !important; } .mkt .larger-margin-left-lg { margin-left: 45px !important; } .mkt .larger-margin-right-lg { margin-right: 45px !important; } } .mkt .smaller-padding { padding: 5px !important; } .mkt .smaller-padding-bottom { padding-bottom: 5px !important; } .mkt .smaller-padding-top { padding-top: 5px !important; } .mkt .smaller-padding-left { padding-left: 5px !important; } .mkt .smaller-padding-right { padding-right: 5px !important; } .mkt .small-padding { padding: 8px !important; } .mkt .small-padding-bottom { padding-bottom: 8px !important; } .mkt .small-padding-top { padding-top: 8px !important; } .mkt .small-padding-left { padding-left: 8px !important; } .mkt .small-padding-right { padding-right: 8px !important; } .mkt .padding { padding: 15px !important; } .mkt .padding-bottom { padding-bottom: 15px !important; } .mkt .padding-top { padding-top: 15px !important; } .mkt .padding-left { padding-left: 15px !important; } .mkt .padding-right { padding-right: 15px !important; } .mkt .large-padding { padding: 30px !important; } .mkt .large-padding-bottom { padding-bottom: 30px !important; } /* .mkt .large-padding-top { padding-top: 30px !important; } */ .mkt .large-padding-left { padding-left: 30px !important; } .mkt .large-padding-right { padding-right: 30px !important; } .mkt .larger-padding { padding: 45px !important; } .mkt .larger-padding-bottom { padding-bottom: 45px !important; } .mkt .larger-padding-top { padding-top: 45px !important; } .mkt .larger-padding-left { padding-left: 45px !important; } .mkt .larger-padding-right { padding-right: 45px !important; } @media (min-width: 768px) { .mkt .smaller-padding-sm { padding: 5px !important; } .mkt .smaller-padding-bottom-sm { padding-bottom: 5px !important; } .mkt .smaller-padding-top-sm { padding-top: 5px !important; } .mkt .smaller-padding-left-sm { padding-left: 5px !important; } .mkt .smaller-padding-right-sm { padding-right: 5px !important; } .mkt .small-padding-sm { padding: 8px !important; } .mkt .small-padding-bottom-sm { padding-bottom: 8px !important; } .mkt .small-padding-top-sm { padding-top: 8px !important; } .mkt .small-padding-left-sm { padding-left: 8px !important; } .mkt .small-padding-right-sm { padding-right: 8px !important; } .mkt .padding-sm { padding: 15px !important; } .mkt .padding-bottom-sm { padding-bottom: 15px !important; } .mkt .padding-top-sm { padding-top: 15px !important; } .mkt .padding-left-sm { padding-left: 15px !important; } .mkt .padding-right-sm { padding-right: 15px !important; } .mkt .large-padding-sm { padding: 30px !important; } .mkt .large-padding-bottom-sm { padding-bottom: 30px !important; } .mkt .large-padding-top-sm { padding-top: 30px !important; } .mkt .large-padding-left-sm { padding-left: 30px !important; } .mkt .large-padding-right-sm { padding-right: 30px !important; } .mkt .larger-padding-sm { padding: 45px !important; } .mkt .larger-padding-bottom-sm { padding-bottom: 45px !important; } .mkt .larger-padding-top-sm { padding-top: 45px !important; } .mkt .larger-padding-left-sm { padding-left: 45px !important; } .mkt .larger-padding-right-sm { padding-right: 45px !important; } } @media (min-width: 992px) { .mkt .smaller-padding-md { padding: 5px !important; } .mkt .smaller-padding-bottom-md { padding-bottom: 5px !important; } .mkt .smaller-padding-top-md { padding-top: 5px !important; } .mkt .smaller-padding-left-md { padding-left: 5px !important; } .mkt .smaller-padding-right-md { padding-right: 5px !important; } .mkt .small-padding-md { padding: 8px !important; } .mkt .small-padding-bottom-md { padding-bottom: 8px !important; } .mkt .small-padding-top-md { padding-top: 8px !important; } .mkt .small-padding-left-md { padding-left: 8px !important; } .mkt .small-padding-right-md { padding-right: 8px !important; } .mkt .padding-md { padding: 15px !important; } .mkt .padding-bottom-md { padding-bottom: 15px !important; } .mkt .padding-top-md { padding-top: 15px !important; } .mkt .padding-left-md { padding-left: 15px !important; } .mkt .padding-right-md { padding-right: 15px !important; } .mkt .large-padding-md { padding: 30px !important; } .mkt .large-padding-bottom-md { padding-bottom: 30px !important; } .mkt .large-padding-top-md { padding-top: 30px !important; } .mkt .large-padding-left-md { padding-left: 30px !important; } .mkt .large-padding-right-md { padding-right: 30px !important; } .mkt .larger-padding-md { padding: 45px !important; } .mkt .larger-padding-bottom-md { padding-bottom: 45px !important; } .mkt .larger-padding-top-md { padding-top: 45px !important; } .mkt .larger-padding-left-md { padding-left: 45px !important; } .mkt .larger-padding-right-md { padding-right: 45px !important; } } @media (min-width: 1200px) { .mkt .smaller-padding-lg { padding: 5px !important; } .mkt .smaller-padding-bottom-lg { padding-bottom: 5px !important; } .mkt .smaller-padding-top-lg { padding-top: 5px !important; } .mkt .smaller-padding-left-lg { padding-left: 5px !important; } .mkt .smaller-padding-right-lg { padding-right: 5px !important; } .mkt .small-padding-lg { padding: 8px !important; } .mkt .small-padding-bottom-lg { padding-bottom: 8px !important; } .mkt .small-padding-top-lg { padding-top: 8px !important; } .mkt .small-padding-left-lg { padding-left: 8px !important; } .mkt .small-padding-right-lg { padding-right: 8px !important; } .mkt .padding-lg { padding: 15px !important; } .mkt .padding-bottom-lg { padding-bottom: 15px !important; } .mkt .padding-top-lg { padding-top: 15px !important; } .mkt .padding-left-lg { padding-left: 15px !important; } .mkt .padding-right-lg { padding-right: 15px !important; } .mkt .large-padding-lg { padding: 30px !important; } .mkt .large-padding-bottom-lg { padding-bottom: 30px !important; } .mkt .large-padding-top-lg { padding-top: 30px !important; } .mkt .large-padding-left-lg { padding-left: 30px !important; } .mkt .large-padding-right-lg { padding-right: 30px !important; } .mkt .larger-padding-lg { padding: 45px !important; } .mkt .larger-padding-bottom-lg { padding-bottom: 45px !important; } .mkt .larger-padding-top-lg { padding-top: 45px !important; } .mkt .larger-padding-left-lg { padding-left: 45px !important; } .mkt .larger-padding-right-lg { padding-right: 45px !important; } } .mkt .link-arrow { position: relative; } .mkt .link-arrow:after { position: absolute; padding-left: 4px; content: "▶"; color: #F17C0E; } #liveSupport .dijitButton { height: 0; float: right; } .mkt#lAgentWrapper { display: none; } .mkt.livechat-btn { position: fixed; right: -3px; z-index: 201; top: 156px; background: #333; padding: 3px; cursor: pointer; } .mkt.livechat-btn .dijitButtonNode { background-color: #333; box-shadow: 0 0 4px #7f7f7f; cursor: pointer; } .mkt.livechat-btn .dijitToggleButtonIconChar { display: none; } .mkt.livechat-btn .dijitNoIcon { background-image: url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/livesupport/chat_bubbles.svg"); background-position: top left; background-repeat: no-repeat; background-color: #333; width: 37px; height: 34px; } .mkt.livechat-btn .dijitButtonText { padding: 8px; color: #fff; } .mkt.livechat-btn .dijitButtonText, .mkt.livechat-btn input { display: none; } .mkt.livechat-btn:hover #livesupportWrap, .mkt.livechat-btn:hover .dijitButtonText { display: inline; } .mkt.livechat-flyout { width: 525px; background: #8e8e8e; background: rgba(142, 142, 142, 0.92); padding: 24px; overflow: hidden; } .mkt.livechat-flyout .livechat-flyout-lead { font-weight: 300; font-size: 20px; } .mkt.livechat-flyout .livechat-channel { background: white; background: rgba(255, 255, 255, 0.63); padding: 1px 15px 0 15px; margin-bottom: 15px; overflow: hidden; min-height: 84px; } .mkt.livechat-flyout .livechat-channel .livechat-flyout-team-name { width: 37%; float: left; } .mkt.livechat-flyout .livechat-channel .livechat-flyout-team-name h2 { color: #007fac; text-transform: uppercase; font-size: 24px; } .mkt.livechat-flyout .livechat-channel .livechat-flyout-team-btn { overflow: hidden; padding: 15px; } .mkt.livechat-flyout .livechat-channel .livechat-flyout-team-btn .livechat-flyout-team-tel h3 { margin-top: 10px; margin-bottom: 2px; font-size: 17px; } .mkt.livechat-flyout .livechat-channel .livechat-flyout-team-btn p { margin-bottom: 0; } .mkt.livechat-flyout .livechat-channel .livechat-flyout-team-btn .livechat-btns-wrap { width: 100%; overflow: hidden; } .mkt.livechat-flyout .livechat-channel .livechat-flyout-team-btn .livechat-btns-wrap .btn-success, .mkt.livechat-flyout .livechat-channel .livechat-flyout-team-btn .livechat-btns-wrap .btn-tertiary { min-width: 127px; float: left; } .dj_ie7 .livechat-btn .dijitNoIcon, .dj_ie8 .livechat-btn .dijitNoIcon { background-image: url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/livesupport/chat_bubbles.gif"); } #liveSupport .dijitButton { height: 0; float: right; } .nl-nl .mkt.livechat-flyout .livechat-channel .livechat-flyout-team-name, .de-de .mkt.livechat-flyout .livechat-channel .livechat-flyout-team-name, .nl-be .mkt.livechat-flyout .livechat-channel .livechat-flyout-team-name { width: 220px; } /* TRANSDEV-705: Reduce font size for liveagent */ .nl-nl .livechat-flyout-body h2 { font-size: 16px !important; } #lAgentControls { height: auto; display: block; } #lAgentControls { background: #fff; padding: 0; } #lAgentControls .dijitDialogPaneContent { padding: 12px; /*height: 600px;*/ } .dijitOffScreen { display: none; } .sudo-dialog .dijitDialogCloseIcon { background-repeat: no-repeat; background-image: url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/js/common/sudo/assets/closebox.png"); width: 30px; height: 30px; position: absolute; display: block; right: 0; z-index: 10; cursor: pointer; } .sudo-dialog .dijitDialogCloseIcon .closeText { display: none; } .mkt ul.promobar { margin: 0; padding-left: 30px; display: inline; } .mkt ul.promobar span.promobar-icon { background-image: url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/promostrip/new-icons-v4.png"); background-repeat: no-repeat; height: 15px; width: 18px; overflow: hidden; display: block; float: left; margin-right: 5px; } .mkt ul.promobar span.pb-icon-choose-us { background-position: 0 -30px; } .mkt ul.promobar span.pb-icon-special-offers { background-position: 0 -60px; } .mkt ul.promobar span.pb-icon-contact-us { background-position: 0 -90px; } .mkt ul.promobar span.pb-icon-technical-support { background-position: 0 -120px; } .mkt ul.promobar span.pb-icon-search { background-position: 0 -150px; } .mkt ul.promobar span.pb-icon-returns { background-position: 0 -180px; } .mkt ul.promobar span.pb-icon-new-web-features { background-position: 0 -210px; } .mkt ul.promobar span.pb-icon-fast-forward { background-position: 0 -240px; } .mkt ul.promobar span.pb-icon-connect { background-position: 0 -270px; } .mkt ul.promobar span.pb-icon-quote { background-position: 0 -300px; } .mkt ul.promobar span.pb-icon-new-to-us { background-position: 0 -330px; } .mkt ul.promobar span.pb-icon-power-of-two { background-position: 0 -360px; } .mkt ul.promobar span.pb-icon-opening-times { background-position: 0 -390px; } .mkt ul.promobar span.pb-icon-dd { background-position: 0 -420px; } .mkt ul.promobar span.pb-icon-aov-frenzy { background-position: 0 -450px; } .mkt ul.promobar li { position: relative; text-align: left; display: table-cell; padding: 0px 0px 0px 2px; } @media (min-width: 1200px) { .mkt ul.promobar li { padding-left: 17px; } } .mkt ul.promobar li a { padding: 5px 5px 3px 5px; } .mkt ul.promobar li h3 { padding-top: 2px; display: inline-block; max-width: 21em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 10px; } @media (min-width: 1200px) { .mkt ul.promobar li h3 { max-width: 24em; font-size: 11px; } } @media (min-width: 1360px) { .mkt ul.promobar li h3 { max-width: 29em; } } /* _header-topbar.scss */ .mkt .header-topbar { background: #ed790b; margin: 0; padding: 5px; text-align: center; } .mkt .header-topbar p { margin: 0; color: #fff; } .mkt .header-topbar p span { text-transform: uppercase; font-weight: bold; } .mkt .header-topbar p a { color: #fff; text-decoration: underline; } /* NOT FOR USE - tidy fixes */ #head .megamenu-community a:first-child { margin-bottom: 4px; padding-top: 12px; } #head .megamenu-community a:last-child { margin-bottom: 12px; } #head .megamenu-community li { border-bottom: 1px solid #eee; } #head .megamenu-community li:last-child { border-bottom: 0; } #head .megamenu-community li:last-child a:last-child { margin-bottom: 0px; } #head .megamenu-community li:first-child a:first-child { padding-top: 0; } .mkt .keyline { border: 4px solid #007fac; } .mkt .keyline.keyline-small { border-width: 2px; } .mkt .keyline.keyline-smaller { border-width: 1px; } .mkt .keyline.keyline-large { border-width: 8px; } .mkt .keyline.keyline-larger { border-width: 12px; } .mkt .keyline.keyline-top { border-left: 0; border-right: 0; border-bottom: 0; } .mkt .keyline.keyline-bottom { border-left: 0; border-right: 0; border-top: 0; } .mkt .keyline.keyline-left { border-top: 0; border-right: 0; border-bottom: 0; } .mkt .keyline.keyline-right { border-top: 0; border-left: 0; border-bottom: 0; } .mkt .keyline.keyline-white { border-color: #fff; } .mkt .keyline.keyline-grey-lighter { border-color: #f9f9f9; } .mkt .keyline.keyline-grey-light { border-color: #ececed; } .mkt .keyline.keyline-grey { border-color: #d2d2d4; } .mkt .keyline.keyline-grey-dark { border-color: #848589; } .mkt .keyline.keyline-blue-lighter { border-color: #f6fcfe; } .mkt .keyline.keyline-blue-light { border-color: #d7effa; } .mkt .keyline.keyline-blue { border-color: #8fd1f0; } .mkt .keyline.keyline-blue-dark, .mkt .keyline.keyline-secondary { border-color: #007FAC; } .mkt .keyline.keyline-blue-darker { border-color: #003082; } .mkt .keyline.keyline-green { border-color: #9EA900; } .mkt .keyline.keyline-orange, .mkt .keyline.keyline-primary { border-color: #F17C0E; } .mkt .keyline.keyline-offer { border-color: #D23620; } .mkt .big-number { font-size: 60px; font-weight: bold; color: #007fac; margin-top: -7px; line-height: 60px; } .mkt .big-number.big-number-white { color: #fff; } .mkt .big-number.big-number-grey-lighter { color: #f9f9f9; } .mkt .big-number.big-number-grey-light { color: #ececed; } .mkt .big-number.big-number-grey { color: #d2d2d4; } .mkt .big-number.big-number-grey-dark { color: #848589; } .mkt .big-number.big-number-blue-lighter { color: #f6fcfe; } .mkt .big-number.big-number-blue-light { color: #d7effa; } .mkt .big-number.big-number-blue { color: #8fd1f0; } .mkt .big-number.big-number-blue-dark, .mkt .big-number.big-number-secondary { color: #007FAC; } .mkt .big-number.big-number-blue-darker { color: #003082; } .mkt .big-number.big-number-green { color: #9EA900; } .mkt .big-number.big-number-orange, .mkt .big-number.big-number-primary { color: #F17C0E; } .mkt .big-number.big-number-offer { color: #D23620; } .mkt .video-header { margin: 0; border-bottom: none; overflow: hidden; position: relative; } @media (min-width: 992px) { .mkt .video-header { height: 506px; } } .mkt .video-header-small { height: 286px; } .mkt .video-header-full-width { margin-right: -15px !important; margin-left: -15px !important; background: #024963; } @media (min-width: 992px) { .mkt .video-header-full-width { height: 506px; } } .mkt .video-header-content { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 5; } @media (min-width: 992px) { .mkt .video-header-content { height: 506px; } } .mkt .video-header-video-wrapper { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 1; } .mkt .video-header-video-inner { position: relative; height: 558px; margin-top: -104px; } @media (min-width: 992px) { .mkt .video-header-video-inner { height: 671px; margin-top: -113px; } } @media (min-width: 1200px) { .mkt .video-header-video-inner { height: 951px; margin-top: -243px; } } .mkt .video-header, .mkt .video-header-full-width { height: 506px; } .mkt iframe.video-header-video-iframe { display: block; position: absolute; right: 0; left: 0; top: 0; bottom: 0; width: 100%; min-width: 100%; height: 100%; } .mkt .video-header-content h1.text-reverse { font-size: 20px; margin-left: 73px; } @media (min-width: 992px) { .mkt .video-header-content h1.text-reverse { font-size: 20px; margin-left: 73px; } } @media (min-width: 1200px) { .mkt .video-header-content h1.text-reverse { font-size: 23.5px; margin-left: 92px; } } /* CSS for the SUDO chris Rymer job */ .mkt.country-redirect-container { background: #FFFFBF; border-bottom: 1px solid #ccc; padding: 20px; } .mkt.country-redirect-container .country-redirect { padding: 12px 12px 7px 12px; overflow: hidden; display: table; margin: 0 auto; } .mkt.country-redirect-container .flags { width: 24px; height: 17px; margin-top: 2px; transform: scale(1.2); } .mkt.country-redirect-container .country-redirect-flag { float: left; margin-right: 7px; } .mkt.country-redirect-container .country-redirect-content-text { float: left; padding-top: 5px; } .mkt.country-redirect-container .country-redirect-text h4 { white-space: nowrap; overflow: hidden; margin-top: 0; margin-right: 10px; font-size: 18px; } .mkt.country-redirect-container .country-redirect-content-btn { float: left; } .mkt.country-redirect-container .country-redirect-text { float: left; } .mkt.country-redirect-container .country-redirect-content-btn span { margin-right: 5px; } .mkt .baynote-recommendation-v1 { /* OVER RIDES */ } .mkt .baynote-recommendation-v1 .basket-add-feedback { border: solid #007fac 1px; padding: 30px; } .mkt .baynote-recommendation-v1 .basket-add-feedback h2 { margin: 0; } .mkt .baynote-recommendation-v1 .basket-add-feedback .basket-add-feedback-added-text { margin: 0; } .mkt .baynote-recommendation-v1 .basket-add-feedback .basket-add-feedback-product-title { font-size: 14px; margin-bottom: 3px; } .mkt .baynote-recommendation-v1 .product-img img { width: 200px; } .mkt .baynote-recommendation-v1 .basket-add-feedback-table-left strong { width: 120px; display: inline-block; } .mkt .baynote-recommendation-v1 .basket-add-feedback-table-left { margin-bottom: 0 !important; } .mkt .baynote-recommendation-v1 .mkt ul.products .product-img { height: 77px !important; margin-top: 0px !important; } .mkt .baynote-recommendation-v1 .products-header { background: #f3f3f3; background: linear-gradient(#fefefe, #f2f2f2); padding: 10px 15px 10px 15px !important; border-top: #e2e2e2 solid 1px; border-right: #e2e2e2 solid 1px; border-left: #e2e2e2 solid 1px; } .mkt .baynote-recommendation-v1 .products-merch-hero-arrow-bottom { background: #e7e7e7; padding: 8px 30px 35px 30px; } .mkt .baynote-recommendation-v1 .products-merch-hero-arrow-bottom { position: relative; } .mkt .baynote-recommendation-v1 .products-merch-hero-arrow-bottom:after { content: ""; position: absolute; margin: 0 auto; bottom: -30px; width: 0; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 30px solid #e8e8e8; } .mkt .baynote-recommendation-v1 .products-merch.products-merch-hero h3.product-description { color: #007fac; } .mkt .baynote-recommendation-v1 .products-merch.products-merch-hero .product-price { color: #f17c0e; font-weight: bold; font-size: 15px; } .mkt .baynote-recommendation-v1 .products-merch.products-merch-hero .product-price .product-uom { color: #333333; font-weight: normal; font-size: 13px; } .mkt .baynote-recommendation-v1 .products-merch.products-merch-hero .product-img { padding-top: 14px; } .mkt .baynote-recommendation-v1 #prodPrice { font-weight: bold; color: #e1740d; } .mkt .baynote-recommendation-v1 p.product-moq { display: none; } .mkt .baynote-recommendation-v1 #BN_ProductCategoryRecs h4.product-description { font-weight: bold !important; line-height: 1.3 !important; margin-bottom: 5px !important; } /* baynote - temp IB/KS */ .mk-collapsable-content > ul { padding: 0; margin: 0; overflow: hidden; list-style: none; } .mk-collapsable-content > ul > li { width: 30.3333%; float: left; padding: 0; margin: 0; overflow: hidden; height: 64px; } .contents > ul > li > a { display: flex; align-content: left; align-items: center; } .mk-collapsable-content-category-img { width: 40px; height: 40px; justify-self: center; flex-shrink: 0; flex-grow: 0; margin-right: 10px; } .mk-collapsable-content-category-text { padding-right: 22px; } /* PDP */ .baynote-related-cats .bn_g_result { border-left: 1px solid #e2e2e2; border-bottom: 1px solid #e2e2e2; margin-bottom: 0; width: 25%; box-sizing: border-box; margin-left: 0; padding: 10px; } .baynote-related-cats .bn_g_result:nth-last-child(-n+4) { border-bottom: 0; } .baynote-related-cats.collapsable .collapsable-content { padding: 0; } .baynote-related-cats .cwbt-content { display: flex; flex-direction: column; } .baynote-related-cats .imgContainer { width: 100px; } .baynote-related-cats .imgContainer img { max-height: 90px; } .baynote-related-cats .description { font-weight: bold; color: #007fac; text-transform: uppercase; } @media (min-width: 1600px) { .baynote-related-cats .cwbt-content { flex-direction: row; justify-content: center; } .baynote-related-cats .imgContainer img { max-width: 70px; } .baynote-related-cats .bn_g_result { max-width: 25%; } .baynote-related-cats .bn_g_result .imgContainer { padding-bottom: 0; display: flex; justify-content: center; flex-direction: column; } .baynote-related-cats .cwbtdesc { display: flex; justify-content: center; flex-direction: column; margin-top: 10px; } } footer#footer { background: #e8e8e8; padding-bottom: 20px; margin-top: 40px; } footer#footer .site-legal-text { border-top: 1px solid #dbdbdb; padding-top: 9px; } footer#footer .footer-extra-margin { margin-top: 40px; } footer#footer .footer-wrap.container * { -webkit-font-smoothing: antialiased; } footer#footer .footer-wrap.container { padding-top: 18px; } footer#footer a { color: #797979; } footer#footer .footer-thankyou { display: none; font-size: 13px; font-weight: bold; } footer#footer .footer-post-success .simple-form { display: none; } footer#footer .footer-post-success .footer-thankyou { display: block; } footer#footer .footer-wrap .quick-link-heading { color: #494949; margin-bottom: 5px; font-weight: bold; font-size: 13px; } footer#footer .footer-wrap .quick-links ul li { width: 100%; margin-bottom: 4px; } footer#footer .footer-wrap .quick-links ul li:not(:last-child) a { margin-bottom: 2px; } footer#footer .footer-wrap .quick-links ul li a { color: #444444; margin-bottom: 5px; display: block; font-size: 13px; line-height: 1.1; } footer#footer #footer-lead-form:hover fieldset button { background: #f17c0e; border-color: #cf6a0c; color: #fff; outline: 0; } footer#footer #footer-lead-form .has-success fieldset button { background: #1eb53a; border-color: #1eb53a; color: #fff; outline: 0; } footer#footer #footer-lead-form .has-error fieldset button { background: #d40c06; border-color: #d40c06; color: #fff; outline: 0; } footer#footer .footer-wrap legend { color: #494949; font-weight: bold; font-size: 13px; border: 0; margin-bottom: 6px; } footer#footer .footer-wrap .social-logos > div { width: 20px; height: 20px; background: pink; float: left; margin-right: 8px; } footer#footer .footer-wrap .site-legal-text, footer#footer .site-legal-text a { color: #797979; font-size: 11px; } footer#footer .footer-wrap .footer-wrap p { color: #444444; } footer#footer .footer-wrap .input-group ~ p { margin-top: 9px; color: #797979; margin-bottom: 0; padding-right: 62px; visibility: hidden; opacity: 0; transition: all 1s; } footer#footer .footer-wrap .input-group:hover ~ p { visibility: visible; opacity: 1; } footer#footer .footer-wrap .input-group > input.form-control ~ span.input-group-btn > button.btn.btn-default { transition: all 1s; } footer#footer .footer-wrap .input-group > input:focus.form-control ~ span.input-group-btn > button.btn.btn-default { outline: 0; } footer#footer .footer-quick-links-small > ul > li { margin-right: 20px; } footer#footer .payment-card-img { height: 38px; margin-bottom: 7px; margin-top: 6px; } footer#footer .social-logos { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/ui/footer/footer-graphics.svg) no-repeat; height: 17px; background-size: 436px 165px; background-position: 0 -87px; margin-top: 10px; float: right; margin-right: 6px; } footer#footer footer#footer .social-logos:first-child { margin-right: 0 !important; } footer#footer .social-logos.social-logos-linkedin { background-position: 0 -87px; width: 16px; } footer#footer .social-logos.social-logos-googleplus { background-position: -32px -87px; width: 21px; } footer#footer .social-logos.social-logos-twitter { background-position: -68px -87px; width: 18px; } footer#footer .social-logos.social-logos-facebook { background-position: -105px -87px; width: 15px; } footer#footer .social-logos.social-logos-youtube { background-position: -138px -87px; width: 19px; } footer#footer .trust-logos { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/ui/footer/footer-graphics.svg) no-repeat; height: 44px; background-size: 636px 276px; background-position: 0 -71px; width: 348px; float: right; } footer#footer .footer-quick-links-small a { display: inline-block; } footer#footer .footer-quick-links-small { text-align: center; } footer#footer .footer-wrap .simple-form input { height: 34px; } footer#footer .footer-wrap button.btn.btn-default { height: 34px; background: #b6b3b3; margin-right: 0; border: #9a9898 solid 1px; border-left: 0; color: #fff; } footer#footer .footer-wrap .simple-form .input-group input:focus.form-control { background: #ffffff; transition: all .1s; outline: 0; box-shadow: none; } footer#footer .link-icon:before { width: 15px; height: 15px; content: ''; display: block; float: left; margin-right: 5px; margin-top: 1px; background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/ui/footer/footer-graphics.svg) no-repeat; background-size: 551px 753px; } footer#footer .link-icon.link-icon-sales:before { background-position: -30px -412px; } footer#footer .link-icon.link-icon-tech-call:before { background-position: 0px -412px; } footer#footer .link-icon.link-icon-live-agent:before { background-position: -61px -411px; } footer#footer .trustpilot-img { height: 54px; width: 130px; margin-top: 5px; overflow: hidden; display: block; } footer#footer .trustpilot-img-logo { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/ui/footer/footer-graphics.svg) no-repeat; background-size: 298px 111px; background-position: -183px 0; height: 15px; width: 115px; } footer#footer .trustpilot-img-star { background: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/ui/footer/footer-graphics.svg) no-repeat; background-size: 299px 112px; height: 28px; width: 23px; float: left; display: block; } footer#footer .trustpilot-img-star.trustpilot-img-star-on { background-position: -185px -21px; } footer#footer .trustpilot-img-star.trustpilot-img-star-off { display: none; } footer#footer .payment-card { background: url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/ui/footer/footer-graphics.svg") no-repeat; height: 34px; background-size: 630px 285px; width: 60px; float: left; } footer#footer .payment-card:not(:last-child) { margin-right: 6px; } footer#footer .payment-card-alipay { background-position: -243px -198px; } footer#footer .payment-card-amex { background-position: -163px -198px; } footer#footer .payment-card-discover { background-position: -405px -198px; } footer#footer .payment-card-mastercard { background-position: -81px -198px; } footer#footer .payment-card-maybank { background-position: -324px -198px; } footer#footer .payment-card-unionpay { background-position: -485px -198px; } footer#footer .payment-card-visa { background-position: 0px -198px; } footer#footer .has-error input#sf-signup-email { border-color: #d40c06 !important; } footer#footer .has-success input#sf-signup-email { border-color: #03b225 !important; } footer#footer #footer-lead-form .input-group p.small { position: absolute; top: 39px; opacity: 0; transition: all 2s; transition-delay: 2s; } footer#footer #footer-lead-form .input-group input#sf-signup-email:focus + p.small { opacity: 1; transition: all 1ms; transition-delay: 1ms; } footer#footer #footer-lead-form .has-error .input-group input#sf-signup-email:focus + p.small { visibility: hidden; } footer#footer .error-block { display: none; } footer#footer .has-error .error-block { display: block; color: #d40c06; margin-top: 1px; } footer#footer .has-error input#sf-signup-email { border: #d40c06 1px solid; } footer#footer .has-success input#sf-signup-email { border: #00ff31 1px solid; } footer#footer .payment-card-trade-account-eu, footer#footer .payment-card-trade-account-us, footer#footer .payment-card-trade-account-apac { background-position: -397px -138px; font-size: 7px; line-height: 108%; font-weight: bold; text-transform: uppercase; text-decoration: none; background-color: #41c363; border-radius: 5px; border: 1px solid white; word-wrap: break-word; } footer#footer .payment-card-trade-account-eu { background-position: -394px -138px; color: #000000 !important; padding: 5px 11px 5px 5px; background-color: #41c363; } footer#footer .payment-card-trade-account-us { background-position: -394px -138px; color: #000000 !important; padding: 5px 11px 5px 5px; background-color: #41c363; } footer#footer .payment-card-trade-account-apac { background-position: -397px -138px; color: #000000 !important; padding: 5px; background-color: #41c363; } footer#footer .payment-card-on-delivery { color: #ffffff !important; font-size: 7px; line-height: 108%; padding: 5px; font-weight: bold; text-transform: uppercase; text-decoration: none; background-color: #ed780a; border-radius: 5px; border: 1px solid white; word-wrap: break-word; } footer#footer .payment-card-bank-transfer { color: #ffffff !important; font-size: 7px; line-height: 108%; padding: 5px; font-weight: bold; text-transform: uppercase; text-decoration: none; background-color: #ed780a; border-radius: 5px; border: 1px solid white; word-wrap: break-word; } footer#footer .payment-card.payment-card-trade-account-apac { color: #ffffff !important; font-size: 7px; line-height: 108%; padding: 5px; font-weight: bold; text-transform: uppercase; text-decoration: none; background: #007eac !important; border-radius: 5px; border: 1px solid white; } footer#footer .payment-card-on-delivery { color: #ffffff !important; font-size: 7px; line-height: 108%; padding: 5px; font-weight: bold; text-transform: uppercase; text-decoration: none; background-color: #f17c0e; border-radius: 5px; border: 1px solid white; } footer#footer .payment-card-bank-transfer { color: #ffffff !important; font-size: 7px; line-height: 108%; padding: 5px; font-weight: bold; text-transform: uppercase; text-decoration: none; background-color: #797979; border-radius: 5px; border: 1px solid white; } @media (min-width: 992px) { footer#footer .footer-wrap .site-legal-text, footer#footer .site-legal-text a, footer#footer .footer-wrap .input-group ~ p, footer#footer .footer-wrap legend, footer#footer a, footer#footer .footer-wrap .quick-link-heading { text-align: left; } footer#footer .footer-extra-margin { margin-top: 0; } footer#footer .shift-left-md-35 { position: relative; left: -35px; } footer#footer .footer-quick-links-small > ul > li:not(:last-child) { margin-right: 20px; } footer#footer .footer-quick-links-small > ul > li { width: auto; } footer#footer .trustpilot-img { float: left; margin-top: 0; } footer#footer a.trade-account-icon-link { position: absolute; left: 407px; color: #b6d8e4 !important; font-size: 9px; line-height: 108%; padding-top: 5px; top: 8px; text-transform: uppercase; } footer#footer .payment-card-img { margin-top: 0; float: right; } footer#footer .social-logos { height: 17px; width: 158px; background-size: 436px 165px; background-position: 0px -87px; margin-top: 10px; float: right; margin-right: 12px; } footer#footer .trust-logos { height: 42px; background-size: 611px 240px; background-position: 0 -59px; width: 336px; float: left; } footer#footer .sign-up-form { margin-bottom: 20px; } } @media (min-width: 1200px) { footer#footer .social-logos { height: 17px; width: 158px; background-size: 436px 165px; background-position: 0 -87px; margin-top: 10px; float: right; margin-right: 12px; } } footer#footer form.simple-form input.form-control { border-color: #b6b3b3; color: #3b3b3b; } .ro-ro footer#footer .payment-card-trade-account-eu, .fi-fi footer#footer .payment-card-trade-account-eu { font-size: 6px; } .th-th footer#footer .payment-card-trade-account-apac { font-size: 9px; } .zh-tw footer#footer .payment-card-trade-account-apac { font-size: 10px; } .ko-kr footer#footer .payment-card-trade-account-apac { font-size: 11px; } .zh-cn footer#footer .payment-card-trade-account-apac, .zh-cn footer#footer .payment-card-on-delivery, .zh-cn footer#footer .payment-card-bank-transfer { font-size: 12px; } #footer-signup-feedback-modal { background: #fff; padding: 30px; position: relative; } #footer-signup-feedback-modal h2 { margin-bottom: 24px; } #footer-signup-feedback-modal span.closeText { position: absolute; right: 10px; top: 10px; width: 32px; height: 32px; opacity: 0.3; cursor: pointer; color: #fff; } #footer-signup-feedback-modal span.closeText:hover { opacity: 1; } #footer-signup-feedback-modal span.closeText:before, #footer-signup-feedback-modal span.closeText:after { position: absolute; left: 15px; content: ' '; height: 33px; width: 2px; background-color: #333; } #footer-signup-feedback-modal span.closeText:before { transform: rotate(45deg); } #footer-signup-feedback-modal span.closeText:after { transform: rotate(-45deg); } .dj_ie8 footer#footer .footer-extra-margin, .dj_ie8 footer#footer .social-logos, .dj_ie9 footer#footer .footer-extra-margin, .dj_ie9 footer#footer .social-logos { display: none; } .dj_ie10 footer#footer .payment-card-visa, .dj_gecko footer#footer .payment-card-visa { background-position: 0px -170px; background-size: 579px 239px; } .dj_ie10 footer#footer .payment-card-alipay, .dj_gecko footer#footer .payment-card-alipay { background-position: -223px -176px; background-size: 579px 239px; } .dj_ie10 footer#footer .payment-card-amex, .dj_gecko footer#footer .payment-card-amex { background-position: -149px -170px; background-size: 579px 239px; } .dj_ie10 footer#footer .payment-card-discover, .dj_gecko footer#footer .payment-card-discover { background-position: -372px -176px; background-size: 579px 239px; } .dj_ie10 footer#footer .payment-card-mastercard, .dj_gecko footer#footer .payment-card-mastercard { background-position: -75px -170px; background-size: 579px 239px; } .dj_ie10 footer#footer .payment-card-maybank, .dj_gecko footer#footer .payment-card-maybank { background-position: -297px -176px; background-size: 579px 239px; } .dj_ie10 footer#footer .payment-card-unionpay, .dj_gecko footer#footer .payment-card-unionpay { background-position: -444px -176px; background-size: 579px 239px; } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { footer#footer .payment-card-visa { background-position: 0px -176px; background-size: 579px 239px; } footer#footer .payment-card-alipay { background-position: -223px -176px; background-size: 579px 239px; } footer#footer .payment-card-amex { background-position: -149px -176px; background-size: 579px 239px; } footer#footer .payment-card-discover { background-position: -372px -176px; background-size: 579px 239px; } footer#footer .payment-card-mastercard { background-position: -75px -176px; background-size: 579px 239px; } footer#footer .payment-card-maybank { background-position: -297px -176px; background-size: 579px 239px; } footer#footer .payment-card-unionpay { background-position: -444px -176px; background-size: 579px 239px; } } .design-centre-docs { padding: 0 20px 20px 20px; box-sizing: border-box; } .design-centre-docs h5 { font-size: 14px; } .design-centre-docs h5:not(:first-child) { margin-top: 21px; } .design-centre-docs ul { padding: 0; margin: 0; } .design-centre-docs ul li { position: relative; list-style: none !important; padding: 0 0 0 21px; margin: 0 0 10px 0 !important; } .design-centre-docs ul li a { font-size: 12px; } .design-centre-docs .mov-icon:before, .design-centre-docs .zip-icon:before, .design-centre-docs .html-icon:before { background-image: url(/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/europe/en_UK/test_only/community-doc-test.jpg); } .design-centre-docs .mov-icon:before { background-position: left top; } .design-centre-docs .zip-icon:before { background-position: center bottom; } .design-centre-docs .html-icon:before { background-position: right -41px; } .design-centre-docs .e14-icon:before, .design-centre-docs .pdf-icon:before { background-image: url(/wcsstore7.00.22.1092.4/jawr/cssSprites/src/AuroraB2BStorefrontAssetStore/images/pfsprite.png); } .design-centre-docs .html-icon:before, .design-centre-docs .mov-icon:before, .design-centre-docs .e14-icon:before, .design-centre-docs .zip-icon:before, .design-centre-docs .pdf-icon:before { content: ''; position: absolute; width: 16px; height: 16px; left: 0; background-repeat: no-repeat; } .design-centre-docs .pdf-icon:before { background-position: left -252px; } .design-centre-docs .zip-icon:before { background-position: left -252px; } .design-centre-docs .e14-icon:before { background-position: left -783px; } #designCentreLink { font-size: 12px; color: #007fac; margin-left: 22px; font-family: Verdana, Arial, Helvetica, sans-serif; margin-bottom: 20px; display: block; text-align: center; } #designCentreLink:before { content: "+"; margin-right: 2px; color: #f17c0e; } div#ad_pf_megamenu_espot_01 .imageList #exclusive-brands-dropdown { background: #007fac; padding: 36px 25px 30px 80px; margin: 0em 1em 1em 1em; background-image: url("/wcsstore/ExtendedSitesCatalogAssetStore/cms/asset/images/common/page_headers/exclusive-brands-nav-bg.jpg"); background-size: cover; background-position: center left; } div#ad_pf_megamenu_espot_01 .imageList #exclusive-brands-dropdown h2 { color: #ffffff; font-size: 2em; background-image: none; letter-spacing: 0; margin-bottom: 8px !important; margin-top: 0 !important; padding: 0; width: 100%; line-height: 1em; } div#ad_pf_megamenu_espot_01 .imageList #exclusive-brands-dropdown h3 { color: #ffffff !important; background-color: transparent; padding: 0; border: none; font-weight: normal; } div#ad_pf_megamenu_espot_01 .imageList #exclusive-brands-dropdown h4 { color: #ffffff; } div#ad_pf_megamenu_espot_01 .imageList #exclusive-brands-dropdown a { background-color: transparent; font-size: inherit; color: #ffffff; } div#ad_pf_megamenu_espot_01 .imageList #exclusive-brands-dropdown .cta { font-weight: bold; font-size: 12px; display: inline-block; } div#ad_pf_megamenu_espot_01 .imageList #exclusive-brands-dropdown .cta-arrow { position: static; display: inline-block; margin: 5px 0 0 8px; height: 11px; } div#ad_pf_megamenu_espot_01 .imageList #exclusive-brands-dropdown .cta-arrow::after { content: ''; border-top: 4px solid transparent; border-bottom: 4px solid transparent; border-left: 7px solid #ffffff; display: block; top: 2px; position: relative; } div#ad_pf_megamenu_espot_01 .imageList #exclusive-brands-dropdown .textframe { width: 250px; } div#ad_pf_megamenu_espot_01 .imageList #exclusive-brands-dropdown img { float: right; } a.change-country-mobile { display: block; padding: 14px; } a.change-country-mobile .change-country-mobile-text { font-size: 14px; color: #3f3f3f; } a.change-country-mobile .change-country-mobile-flag { background: url("/wcsstore/AuroraB2BStorefrontAssetStore/images/flags.png"); width: 24px; height: 18px; margin: 0 auto; float: left; margin-right: 7px; } a.change-country-mobile .change-country-mobile-flag.pt_BR { background-position: 0px 0; } a.change-country-mobile .change-country-mobile-flag.en_CA { background-position: 0px -30px; } a.change-country-mobile .change-country-mobile-flag.es_MX { background-position: 0px -58px; } a.change-country-mobile .change-country-mobile-flag.en_US, a.change-country-mobile .change-country-mobile-flag.es_US { background-position: 0px -88px; } a.change-country-mobile .change-country-mobile-flag.de_AT { background-position: 0px -117px; } a.change-country-mobile .change-country-mobile-flag.be_BE { background-position: 0px -146px; } a.change-country-mobile .change-country-mobile-flag.bg_BG { background-position: 0px -174px; } a.change-country-mobile .change-country-mobile-flag.cs_CZ { background-position: 0px -203px; } a.change-country-mobile .change-country-mobile-flag.da_DK { background-position: 0px -232px; } a.change-country-mobile .change-country-mobile-flag.et_EE { background-position: 0px -262px; } a.change-country-mobile .change-country-mobile-flag.fi_FI { background-position: 0px -290px; } a.change-country-mobile .change-country-mobile-flag.fr_FR { background-position: 0px -319px; } a.change-country-mobile .change-country-mobile-flag.de_DE { background-position: 0px -349px; } a.change-country-mobile .change-country-mobile-flag.hu_HU { background-position: 0px -378px; } a.change-country-mobile .change-country-mobile-flag.en_IL { background-position: 0px -437px; } a.change-country-mobile .change-country-mobile-flag.en_IE { background-position: 0px -407px; } a.change-country-mobile .change-country-mobile-flag.it_IT { background-position: 0px -465px; } a.change-country-mobile .change-country-mobile-flag.lv_LV { background-position: 0px -494px; } a.change-country-mobile .change-country-mobile-flag.lt_LT { background-position: 0px -523px; } a.change-country-mobile .change-country-mobile-flag.nl_NL { background-position: 0px -552px; } a.change-country-mobile .change-country-mobile-flag.no_NO { background-position: 0px -581px; } a.change-country-mobile .change-country-mobile-flag.pt_PT { background-position: 0px -639px; } a.change-country-mobile .change-country-mobile-flag.pl_PL { background-position: 0px -610px; } a.change-country-mobile .change-country-mobile-flag.ro_RO { background-position: 0px -668px; } a.change-country-mobile .change-country-mobile-flag.ru_RU { background-position: 0px -697px; } a.change-country-mobile .change-country-mobile-flag.sk_SK { background-position: 0px -726px; } a.change-country-mobile .change-country-mobile-flag.sv_SE { background-position: 0px -813px; } a.change-country-mobile .change-country-mobile-flag.sl_SL { background-position: 0px -755px; } a.change-country-mobile .change-country-mobile-flag.es_ES { background-position: 0px -784px; } a.change-country-mobile .change-country-mobile-flag.de_CH { background-position: 0px -842px; } a.change-country-mobile .change-country-mobile-flag.tr_TR { background-position: 0px -871px; } a.change-country-mobile .change-country-mobile-flag.en_UK { background-position: 0px -900px; } a.change-country-mobile .change-country-mobile-flag.en_AU { background-position: 0px -929px; } a.change-country-mobile .change-country-mobile-flag.zh_CN { background-position: 0px -958px; } a.change-country-mobile .change-country-mobile-flag.en_HK { background-position: 0px -987px; } a.change-country-mobile .change-country-mobile-flag.en_IN { background-position: 0px -1016px; } a.change-country-mobile .change-country-mobile-flag.ko_KR { background-position: 0px -1045px; } a.change-country-mobile .change-country-mobile-flag.en_MY { background-position: 0px -1073px; } a.change-country-mobile .change-country-mobile-flag.en_NZ { background-position: 0px -1103px; } a.change-country-mobile .change-country-mobile-flag.en_PH { background-position: 0px -1132px; } a.change-country-mobile .change-country-mobile-flag.en_SG { background-position: 0px -1161px; } a.change-country-mobile .change-country-mobile-flag.zh_TW { background-position: 0px -1190px; } a.change-country-mobile .change-country-mobile-flag.th_TH { background-position: 0px -1219px; } a.change-country-mobile .change-country-mobile-flag.en_EX { background-position: 0px -1248px; } a.change-country-mobile .change-country-mobile-flag.nl_BE { background-position: 0 -146px; } .mkt .categories-header { padding: 15px 0; overflow: hidden; } .mkt .categories-header h2 { margin: 0; font-size: 20px; } @media (min-width: 768px) { .mkt .categories-header { padding: 10px 0; position: relative; overflow: hidden; } .mkt .categories-header h2 { margin: 0; font-size: 18px; } } .mkt ul.category-container { display: flex; flex-wrap: wrap; padding-left: 0px; list-style: none; } .mkt ul.category-container > li { display: flex; margin-left: 0; } .mkt ul.category-container .rel-category { display: flex; flex-direction: column; width: 100%; padding: 0 15px 20px 15px; } .mkt ul.category-container .rel-category a:hover { text-decoration: underline; } .mkt ul.category-container .rel-category .rel-category-img { height: 120px; margin-top: 12px; display: flex; align-items: center; } .mkt ul.category-container .rel-category .rel-category-img img { margin-right: auto; margin-left: auto; } .mkt ul.category-container .rel-category h4.rel-category-title { font-size: 12px; line-height: 1.42857 !important; color: #007fac; margin: 0; font-weight: 700 !important; flex: 1 0 auto; text-transform: uppercase; } .mkt ul.category-float .rel-category .rel-category-img { margin-bottom: 6px; background: rgba(128, 128, 128, 0.2); background: linear-gradient(rgba(128, 128, 128, 0.3), rgba(245, 244, 244, 0.5)); } .mkt ul.category-float .rel-category .rel-category-img img { mix-blend-mode: multiply; } @media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) { .mkt ul.category-float .rel-category .rel-category-img { /* IE10+ specific styles go here */ margin-bottom: 6px; position: relative; } .mkt ul.category-float .rel-category .rel-category-img:after { content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.18); width: 100%; height: 100%; opacity: 0.2; top: 0; bottom: 0; left: 0; right: 0; } } .mkt ul.category-default .rel-category .rel-category-img { margin-bottom: 6px; position: relative; } .mkt ul.category-default .rel-category .rel-category-img:after { content: ''; display: block; position: absolute; background: rgba(0, 0, 0, 0.18); width: 100%; height: 100%; opacity: 0.2; top: 0; bottom: 0; left: 0; right: 0; } .mkt ul.category-grid { border: 1px solid #e2e2e2; } .mkt ul.category-grid > li { border-top: 1px solid #e2e2e2; border-left: 1px solid #e2e2e2; } .mkt ul.category-container.category-four > li { width: 50% !important; } @media (max-width: 991px) { .mkt ul.category-grid.category-four > li:nth-child(-n+2) { border-top: none; } .mkt ul.category-grid.category-four > li:nth-child(odd) { border-left: none; } } @media (min-width: 992px) { .mkt ul.category-container.category-four > li { width: 25% !important; } .mkt ul.category-grid.category-four > li:nth-child(-n+4) { border-top: none; } .mkt ul.category-grid.category-four > li:nth-child(4n-7) { border-left: none; } }